.vf{--vf-navy: rgb(var(--color-accent-2, 31, 44, 81));--vf-blue: rgb(var(--color-accent-1, 81, 117, 219));--vf-field-radius: 1.4rem;--vf-field-height: 5.4rem;display:block}.vf-panel{position:relative;padding:2rem;color:#fff;background:radial-gradient(48rem 26rem at 100% -12%,rgba(81,117,219,.5),transparent 62%),radial-gradient(36rem 22rem at -8% 112%,rgba(81,117,219,.24),transparent 60%),var(--vf-navy);border-radius:2rem;box-shadow:0 3rem 6rem -2.4rem #1f2c5199}@media(min-width:990px){.vf-panel{padding:3.2rem;border-radius:2.8rem}}.vf-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.4rem}.vf-tab{display:inline-flex;align-items:center;gap:1rem;min-height:5.2rem;padding:0 2rem 0 1.8rem;color:#fff;font:inherit;font-size:1.5rem;font-weight:var(--font-bolder-weight);white-space:nowrap;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.vf-tab:hover{background:#ffffff29;border-color:#ffffff52}.vf-tab:focus-visible{outline:.3rem solid rgba(255,255,255,.7);outline-offset:.2rem}.vf-tab.is-active{color:var(--vf-navy);background:#fff;border-color:#fff;box-shadow:0 1rem 2.4rem -.8rem #0000008c}.vf-tab-icon{display:inline-flex;flex:none;width:2.4rem;height:2.4rem}.vf-tab-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vf-tab.is-active .vf-tab-icon{color:var(--vf-blue)}.vf-tab-count{padding:.2rem .9rem;font-size:1.2rem;font-weight:var(--font-bolder-weight);background:#ffffff29;border-radius:999px}.vf-tab.is-active .vf-tab-count{color:var(--vf-navy);background:#1f2c511a}.vf-tab-count:empty{display:none}.vf-tabs[hidden],.vf-tab[hidden]{display:none}.vf-subtabs{margin-top:-1rem;margin-bottom:2.4rem}.vf-subtab{min-height:4.2rem;padding:0 1.6rem;font-size:1.4rem;background:transparent;border-color:#ffffff38}.vf-subtab.is-active{color:#fff;background:#fff3;border-color:#ffffffd9;box-shadow:none}.vf-subtab.is-active .vf-tab-count{color:#fff;background:#ffffff38}.vf-subtab:disabled,.vf-subtab.is-empty{cursor:not-allowed;opacity:.4}.vf-subtab:disabled:hover{background:transparent;border-color:#ffffff38}@media(max-width:749px){.vf-tabs{position:relative;flex-wrap:nowrap;margin-inline:-2rem;padding-inline:2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vf-tabs::-webkit-scrollbar{display:none}.vf-tab{flex:none;scroll-snap-align:start}.vf-tabs.has-more-right{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 5rem),transparent)}.vf-tabs.has-more-left{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 5rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 5rem),transparent)}.vf-tabs.has-more-left.has-more-right{-webkit-mask-image:linear-gradient(to right,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);mask-image:linear-gradient(to right,transparent,#000 4rem,#000 calc(100% - 4rem),transparent)}}.vf-fields{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:750px){.vf-fields{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.vf-fields{grid-template-columns:repeat(4,1fr);gap:2rem 1.8rem}}.vf-field{min-width:0}.vf-field[hidden]{display:none}.vf-field>label,.vf-label{display:block;margin-top:0;margin-bottom:.8rem;line-height:1.6rem;color:#ffffffb8;font-size:1.2rem;font-weight:var(--font-bolder-weight);letter-spacing:.06em;text-transform:uppercase}.vf select,.vf-popover-toggle{width:100%;height:var(--vf-field-height)}.vf select{padding-inline-start:1.8rem;color:var(--vf-navy);font-size:1.5rem;font-weight:500;background-color:#fff;border:0;border-radius:var(--vf-field-radius);box-shadow:0 .2rem #00000014;transition:box-shadow .2s ease,opacity .2s ease}.vf select:hover{box-shadow:0 0 0 .2rem #ffffff59}.vf select:focus-visible{outline:0;box-shadow:0 0 0 .3rem #5175dbe6}.vf select:disabled{cursor:not-allowed;opacity:.45}.vf-field.is-empty>label{opacity:.55}.vf-range{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.vf-popover{position:relative}.vf-popover-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.8rem;color:var(--vf-navy);font:inherit;font-size:1.5rem;font-weight:500;text-align:left;cursor:pointer;background-color:#fff;border:0;border-radius:var(--vf-field-radius);box-shadow:0 .2rem #00000014;transition:box-shadow .2s ease}.vf-popover-toggle:hover{box-shadow:0 0 0 .2rem #ffffff59}.vf-popover-toggle:focus-visible,.vf-field.is-open .vf-popover-toggle{outline:0;box-shadow:0 0 0 .3rem #5175dbe6}.vf-field.is-active .vf-popover-value{font-weight:var(--font-bolder-weight)}.vf-popover-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-chevron{flex:none;transition:transform .2s ease}.vf-field.is-open .vf-chevron{transform:rotate(180deg)}.vf-popover-panel{position:absolute;top:calc(100% + .8rem);inset-inline-start:0;z-index:20;display:grid;gap:1rem;width:max(100%,28rem);padding:1.8rem;color:var(--vf-navy);background:#fff;border-radius:1.8rem;box-shadow:0 2rem 5rem -1rem #00000080}.vf-popover-panel[hidden]{display:none}.vf-popover-panel input{width:100%;height:5rem;padding:0 1.6rem;color:var(--vf-navy);background:#f6f7fa;border:1px solid rgb(225,228,236);border-radius:1.2rem}.vf-popover-panel input:focus-visible{outline:0;border-color:var(--vf-blue);box-shadow:0 0 0 .3rem #5175db40}.vf .vf-popover-panel select{height:5rem;color:var(--vf-navy);background-color:#f6f7fa;border:1px solid rgb(225,228,236);border-radius:1.2rem;box-shadow:none}.vf .vf-popover-panel select:hover{border-color:#bec4d4;box-shadow:none}.vf .vf-popover-panel select:focus-visible{border-color:var(--vf-blue);box-shadow:0 0 0 .3rem #5175db40}.vf-popover-hint{margin:0;font-size:1.2rem;opacity:.65}.vf-popover-hint:empty{display:none}.vf-popover-panel .button{margin:0}.vf-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;margin-top:2.8rem;padding-top:2.4rem;border-top:1px solid rgba(255,255,255,.14)}.vf-count{display:flex;flex-direction:column;gap:.4rem;margin:0;color:#fff}.vf-count-label{font-size:1.2rem;font-weight:var(--font-bolder-weight);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.vf-count-value{display:flex;align-items:baseline;gap:.8rem;font-size:1.8rem}.vf-count-value strong{font-size:3.6rem;font-weight:700;line-height:1;letter-spacing:-.02em}.vf-actions-buttons{display:flex;flex-wrap:wrap;gap:1rem}.vf .vf-reset,.vf .vf-show-all{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-width:0;min-height:5.2rem;margin:0;padding:0 2.8rem;font-size:1.5rem;font-weight:var(--font-bolder-weight)}.vf .vf-reset{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.34);box-shadow:none}.vf .vf-reset:hover:not(:disabled){background:#ffffff1f;border-color:#fff9}.vf .vf-show-all{box-shadow:0 1.2rem 2.8rem -.8rem #5175dbe6}.vf .vf-reset svg,.vf .vf-show-all svg,.vf .vf-chevron{flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vf .vf-reset svg path,.vf .vf-show-all svg path,.vf .vf-chevron path{fill:none;stroke:currentColor}.vf .vf-reset svg,.vf .vf-show-all svg{width:1.8rem;height:1.8rem}.vf .vf-show-all svg{transition:transform .2s ease}.vf .vf-show-all:hover:not(:disabled) svg{transform:translate(.4rem)}.vf .vf-reset:disabled,.vf .vf-show-all:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}@media(max-width:749px){.vf-actions{flex-direction:column;align-items:stretch}.vf-count{align-items:center;text-align:center}.vf-actions-buttons{flex-direction:column}}.vf-results{margin-top:4rem;scroll-margin-top:12rem}.vf-grid .card-product{transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover){.vf-grid .card-product:hover{z-index:2;transform:translateY(-.4rem);box-shadow:0 1.8rem 4rem -1.6rem #1f2c5166}}.vf-more[hidden],.vf-empty[hidden],.vf-error[hidden]{display:none}.vf-fab{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom,0px));left:50%;z-index:80;display:inline-flex;align-items:center;gap:.9rem;min-height:5rem;padding:0 2.4rem;color:rgb(var(--color-button-text, 255, 255, 255));font:inherit;font-size:1.5rem;font-weight:var(--font-bolder-weight);cursor:pointer;background-color:rgb(var(--color-button, 81, 117, 219));border:0;border-radius:999px;box-shadow:0 1.2rem 3rem -.8rem #1f2c51b3;opacity:0;pointer-events:none;transform:translate(-50%,2.4rem);transition:opacity .25s ease,transform .25s ease,filter .2s ease}.vf-fab.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.vf-fab:hover{filter:brightness(1.08)}.vf-fab:focus-visible{outline:.3rem solid rgba(81,117,219,.5);outline-offset:.2rem}.vf-fab svg,.vf-fab svg path,.vf-fab svg circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vf-fab-count{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .6rem;color:rgb(var(--color-button, 81, 117, 219));font-size:1.3rem;font-weight:700;line-height:1;background:#fff;border-radius:999px}.vf-fab-count[hidden]{display:none}@media(prefers-reduced-motion:reduce){.vf-fab{transition:opacity .1s linear}}.vf.is-loading .vf-fields,.vf.is-loading .vf-tabs{opacity:.55;pointer-events:none}.vf.is-loading .vf-results{opacity:.5;pointer-events:none}.vf-empty,.vf-error{padding:3rem 1rem;text-align:center}.vf-more{margin-top:3rem;text-align:center}.vf[data-mode=collection]{margin:0}.vf[data-mode=collection]:not(.is-placed){display:none}.vf[data-mode=collection] .vf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0f17308c;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.vf[data-mode=collection].is-open .vf-overlay{opacity:1;visibility:visible}.vf[data-mode=collection] .vf-panel{position:fixed;top:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:min(42rem,92vw);margin:0;padding:0;overflow:hidden;border-radius:0;box-shadow:-2rem 0 6rem -1rem #00000080;visibility:hidden;transform:translate(105%);transition:transform .3s ease,visibility .3s ease}.vf[data-mode=collection].is-open .vf-panel{visibility:visible;transform:none}.vf-drawer-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2rem;border-bottom:1px solid rgba(255,255,255,.14)}.vf-drawer-title{margin:0;color:#fff;font-size:1.9rem;font-weight:var(--font-bolder-weight)}.vf-drawer-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;transition:background-color .2s ease}.vf-drawer-close:hover{background:#fff3}.vf-drawer-close:focus-visible{outline:.3rem solid rgba(255,255,255,.7);outline-offset:.2rem}.vf-drawer-close svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.vf-drawer-close svg path{fill:none;stroke:currentColor}.vf[data-mode=collection] .vf-fields{flex:1 1 auto;grid-template-columns:1fr;align-content:start;gap:1.4rem;min-height:0;padding:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.vf[data-mode=collection] .vf-fields::-webkit-scrollbar{width:.6rem}.vf[data-mode=collection] .vf-fields::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.vf[data-mode=collection] .vf-popover-panel{position:static;width:100%;margin-top:.8rem;box-shadow:none}.vf[data-mode=collection] .vf-actions{flex:none;flex-direction:column;align-items:stretch;gap:1.2rem;margin:0;padding:1.6rem 2rem calc(1.6rem + env(safe-area-inset-bottom,0px));background:#0f173059;border-top:1px solid rgba(255,255,255,.14)}.vf[data-mode=collection] .vf-count{flex-direction:row;align-items:baseline;justify-content:space-between;text-align:start}.vf[data-mode=collection] .vf-count-value strong{font-size:2.4rem}.vf[data-mode=collection] .vf-actions-buttons{flex-direction:row;flex-wrap:nowrap}.vf[data-mode=collection] .vf-reset{padding:0 1.6rem}.vf[data-mode=collection] .vf-show-all{flex:1 1 auto;padding:0 1.6rem}html.vf-drawer-open{overflow:hidden}.vf[data-mode=collection]:not(.is-filtered) .vf-results{display:none}.vf[data-mode=collection] .vf-results{margin-top:2.4rem;scroll-margin-top:14rem}html.vf-collection-filtered #ProductGridContainer,html.vf-collection-filtered .collection-actions-secondary{display:none}.vf-button-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;padding:0 .6rem;color:rgb(var(--color-button, 81, 117, 219));font-size:1.2rem;font-weight:700;line-height:1;background:#fff;border-radius:999px}.vf-button-badge[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-vehicle-filter.css.map */