.vehicle-finder,.vehicle-finder-layer,.vehicle-search,.vehicle-brands{--vf-purple: var(--colorHeading, #5a2d88);--vf-purple-deep: #2c1b47;--vf-purple-soft: #ede6f5;--vf-accent: var(--colorBtnPrimary, #26debb);--vf-accent-dim: var(--colorBtnPrimaryDim, #21cfae);--vf-accent-text: var(--colorBtnPrimaryText, #1a1a18);--vf-ink: var(--colorTextBody, #1a1a18);--vf-muted: #6a6374;--vf-faint: #b7b0c2;--vf-line: var(--colorBorder, #e3e0e7);--vf-tint: #f6f5f7;--vf-tint-strong: #f1eff3;--vf-surface: var(--colorBody, #fff);--vf-head-font: var(--typeHeaderPrimary), var(--typeHeaderFallback)}.vehicle-search--tinted{background:var(--vf-tint);padding:48px 0 44px}.vehicle-search--hero{position:relative;overflow:hidden;padding:52px 0 48px;color:#fff;background:linear-gradient(135deg,var(--vf-purple) 0%,#4a2577 55%,var(--vf-purple-deep) 100%)}.vehicle-search--hero:before,.vehicle-search--hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.vehicle-search--hero:before{width:460px;height:460px;right:-140px;top:-220px;background:#26debb29}.vehicle-search--hero:after{width:320px;height:320px;left:-140px;bottom:-200px;background:#ffffff12}.vehicle-search--hero .page-width{position:relative;z-index:1}.vehicle-search .vehicle-search__header{margin-bottom:0;text-align:center}.vehicle-search__title{text-wrap:balance}.vehicle-search--hero .vehicle-search__title{color:#fff}.vehicle-search__text{max-width:640px;margin:10px auto 0;color:var(--vf-muted)}.vehicle-search__text p{margin:0}.vehicle-search--hero .vehicle-search__text{color:#ddd3ea}@media only screen and (max-width:768px){.vehicle-search--tinted{padding:32px 0 30px}.vehicle-search--hero{padding:36px 0 34px}}.vehicle-finder{position:relative;max-width:760px;margin:24px auto 0;text-align:left}.vehicle-finder__field{display:flex;align-items:center;gap:8px;height:64px;padding:0 8px 0 20px;border:2px solid var(--vf-line);border-radius:999px;background:var(--vf-surface);color:var(--vf-ink);box-shadow:0 12px 32px #5a2d881a;transition:border-color .15s ease,box-shadow .15s ease;cursor:text}.vehicle-finder__field.is-open,.vehicle-finder__field:focus-within{border-color:var(--vf-purple);box-shadow:0 12px 32px #5a2d882e}.vehicle-finder__car{flex:none;display:flex;color:var(--vf-purple)}.vehicle-finder__car svg,.vehicle-finder__token svg,.vehicle-finder__clear svg,.vehicle-finder__go svg{display:block}.vehicle-finder__token{flex:none;display:none;align-items:center;gap:6px;max-width:46%;margin:0;padding:7px 10px 7px 13px;border:0;border-radius:999px;background:var(--vf-purple);color:#fff;font-family:var(--vf-head-font);font-weight:700;font-size:15px;line-height:1.2;cursor:pointer}.vehicle-finder__field.has-brand .vehicle-finder__token{display:inline-flex}.vehicle-finder__token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-finder .vehicle-finder__input,.vehicle-finder-layer .vehicle-finder__input{flex:1;min-width:0;width:auto;max-width:none;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--vf-ink);font-family:inherit;font-size:17px;line-height:1.3;outline:0;-webkit-appearance:none;appearance:none;cursor:text}.vehicle-finder__input::placeholder{color:#77707f;opacity:1}.vehicle-finder__input::-webkit-search-cancel-button,.vehicle-finder__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.vehicle-finder__clear,.vehicle-finder__go{flex:none;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:50%;cursor:pointer}.vehicle-finder__clear{display:none;width:36px;height:36px;background:transparent;color:var(--vf-muted)}.vehicle-finder__field.has-text .vehicle-finder__clear{display:flex}.vehicle-finder__clear:hover{background:var(--vf-tint-strong);color:var(--vf-ink)}.vehicle-finder__go{display:flex;width:46px;height:46px;background:var(--vf-accent);color:var(--vf-accent-text);transition:background .15s ease}.vehicle-finder__go:hover{background:var(--vf-accent-dim)}.vehicle-finder__token:focus-visible,.vehicle-finder__clear:focus-visible,.vehicle-finder__go:focus-visible{outline:3px solid var(--vf-accent-dim);outline-offset:2px}.vehicle-finder__hint{margin:14px 0 0;text-align:center;font-size:14px;color:var(--vf-muted)}.vehicle-finder__hint a{color:var(--vf-purple);font-weight:500;text-decoration:underline;text-underline-offset:3px}.vehicle-search--hero .vehicle-finder__hint{color:#ddd3ea}.vehicle-search--hero .vehicle-finder__hint a{color:#fff}.vehicle-search--hero .vehicle-finder__field,.vehicle-finder--slideshow .vehicle-finder__field{border-color:transparent;box-shadow:0 18px 50px #00000047}.vehicle-finder--slideshow{max-width:640px;margin:16px 0 0}.vehicle-finder--product{margin:12px 0 4px;max-width:none}.vehicle-finder--product .vehicle-finder__field{height:54px;border-width:1px;box-shadow:none}.vehicle-finder--product .vehicle-finder__input{font-size:16px}.vehicle-finder--product .vehicle-finder__go{width:40px;height:40px}.vehicle-finder__spacer{display:block}@media only screen and (max-width:768px){.vehicle-finder{margin-top:18px}.vehicle-finder__field{height:56px;padding-left:16px;gap:6px}.vehicle-finder .vehicle-finder__input,.vehicle-finder-layer .vehicle-finder__input{font-size:16px}.vehicle-finder__go{width:42px;height:42px}.vehicle-finder--slideshow{margin-left:auto;margin-right:auto}}.vehicle-finder-layer{position:fixed;z-index:27;color:var(--vf-ink);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:16px;line-height:1.4;text-align:left}.vehicle-finder-layer[hidden]{display:none!important}.vehicle-finder-layer__head,.vehicle-finder-layer__slot{display:none}.vehicle-finder-layer__panel{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:560px;padding:10px;border:1px solid var(--vf-line);border-radius:22px;background:var(--vf-surface);box-shadow:0 24px 60px #2c1b4733}.vehicle-finder-layer.is-sheet{top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--vf-surface)}.vehicle-finder-layer.is-sheet .vehicle-finder-layer__head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.vehicle-finder-layer__title{margin:0;font-family:var(--vf-head-font);font-weight:700;font-size:18px;color:var(--vf-purple)}.vehicle-finder-layer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--vf-tint-strong);color:var(--vf-ink);cursor:pointer}.vehicle-finder-layer.is-sheet .vehicle-finder-layer__slot{display:block;flex:none}.vehicle-finder-layer.is-sheet .vehicle-finder__field{border-color:var(--vf-purple);box-shadow:none}.vehicle-finder-layer .vehicle-finder__go{display:none}.vehicle-finder-layer.is-sheet .vehicle-finder-layer__panel{flex:1;min-height:0;max-height:none;padding:8px 0 max(16px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}html.vehicle-finder-lock,html.vehicle-finder-lock body{overflow:hidden}.vehicle-finder-panel__section{padding:6px 4px}.vehicle-finder-panel__section+.vehicle-finder-panel__section{border-top:1px solid var(--vf-tint-strong)}.vehicle-finder-panel__label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vf-muted)}.vehicle-finder-panel__count{font-size:13px;letter-spacing:0;text-transform:none;text-align:right}.vehicle-finder-panel__link,.vehicle-finder-panel__back{margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--vf-purple);cursor:pointer}.vehicle-finder-panel__link{text-decoration:underline;text-decoration-color:#cfc8d8;text-underline-offset:3px}.vehicle-finder-panel__link:hover{text-decoration-color:currentColor}.vehicle-finder-panel__link--muted{font-size:12px;color:var(--vf-muted)}.vehicle-finder-panel__back{display:inline-flex;align-items:center;gap:6px}.vehicle-finder-panel__back:hover{text-decoration:underline}.vehicle-finder-panel__chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px 8px}.vehicle-finder-panel__chip{margin:0;padding:8px 14px;border:1px solid transparent;border-radius:999px;background:var(--vf-tint-strong);color:var(--vf-purple-deep);font-family:var(--vf-head-font);font-weight:700;font-size:14px;line-height:1.2;cursor:pointer}.vehicle-finder-panel__chip:hover,.vehicle-finder-panel__chip.is-active{border-color:var(--vf-purple);background:var(--vf-purple-soft);color:var(--vf-purple)}.vehicle-finder-panel__list{display:flex;flex-direction:column;gap:2px}.vehicle-finder-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.vehicle-finder-layer.is-narrow .vehicle-finder-panel__grid,.vehicle-finder-layer.is-sheet .vehicle-finder-panel__grid{grid-template-columns:1fr}.vehicle-finder-panel__row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:7px 10px;border:0;border-radius:14px;background:none;color:var(--vf-ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.vehicle-finder-panel__row:hover,.vehicle-finder-panel__row.is-active{background:var(--vf-tint-strong)}.vehicle-finder-panel__row.is-active,.vehicle-finder-panel__chip.is-active,.vehicle-finder-panel__az-item.is-active{box-shadow:inset 0 0 0 2px var(--vf-accent)}.vehicle-finder-panel__thumb{flex:none;display:flex;align-items:center;justify-content:center;width:70px;height:48px;overflow:hidden;border-radius:10px;background:var(--vf-tint);color:var(--vf-faint)}.vehicle-finder-panel__thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.vehicle-finder-panel__avatar{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--vf-purple-soft);color:var(--vf-purple);font-family:var(--vf-head-font);font-weight:800;font-size:19px}.vehicle-finder-panel__text{flex:1;min-width:0}.vehicle-finder-panel__name{display:block;font-family:var(--vf-head-font);font-weight:700;font-size:16px;line-height:1.25;color:var(--vf-ink);overflow-wrap:anywhere}.vehicle-finder-panel__name mark{background:transparent;color:var(--vf-purple);text-decoration:underline;text-decoration-color:var(--vf-accent);text-decoration-thickness:2px;text-underline-offset:3px}.vehicle-finder-panel__meta{display:block;margin-top:2px;font-size:13px;color:var(--vf-muted)}.vehicle-finder-panel__chevron{flex:none;display:block;color:var(--vf-faint)}.vehicle-finder-panel__row:hover .vehicle-finder-panel__chevron,.vehicle-finder-panel__row.is-active .vehicle-finder-panel__chevron{color:var(--vf-purple)}.vehicle-finder-panel__more{margin:0;padding:10px 8px 6px;text-align:center;font-size:13px;color:var(--vf-muted)}.vehicle-finder-panel__az{columns:3;column-gap:16px;padding:0 8px 8px}.vehicle-finder-layer.is-narrow .vehicle-finder-panel__az,.vehicle-finder-layer.is-sheet .vehicle-finder-panel__az{columns:2}.vehicle-finder-panel__az-group{break-inside:avoid;margin-bottom:12px}.vehicle-finder-panel__az-letter{margin:0 0 2px 8px;font-family:var(--vf-head-font);font-weight:800;font-size:12px;letter-spacing:.08em;color:var(--vf-muted)}.vehicle-finder-panel__az-item{display:flex;justify-content:space-between;gap:8px;width:100%;margin:0;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--vf-ink);font:inherit;font-size:15px;text-align:left;cursor:pointer}.vehicle-finder-panel__az-item small{font-size:12px;color:var(--vf-faint)}.vehicle-finder-panel__az-item:hover,.vehicle-finder-panel__az-item.is-active{background:var(--vf-tint-strong);color:var(--vf-purple)}.vehicle-finder-panel__empty,.vehicle-finder-panel__status{padding:26px 16px 22px;text-align:center;font-size:15px;color:var(--vf-muted)}.vehicle-finder-panel__empty p,.vehicle-finder-panel__status p{margin:0}.vehicle-finder-panel__empty strong{color:var(--vf-ink)}.vehicle-finder-panel__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.vehicle-finder-panel__button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:10px 18px;border:1px solid transparent;border-radius:999px;background:var(--vf-accent);color:var(--vf-accent-text);font-family:var(--vf-head-font);font-weight:700;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer}.vehicle-finder-panel__button--ghost{border-color:var(--vf-line);background:var(--vf-surface);color:var(--vf-purple)}.vehicle-finder-panel__spinner{display:block;width:26px;height:26px;margin:0 auto 12px;border:3px solid var(--vf-tint-strong);border-top-color:var(--vf-purple);border-radius:50%;animation:vehicle-finder-spin .8s linear infinite}@keyframes vehicle-finder-spin{to{transform:rotate(360deg)}}.vehicle-finder-panel__row:focus-visible,.vehicle-finder-panel__chip:focus-visible,.vehicle-finder-panel__az-item:focus-visible,.vehicle-finder-panel__button:focus-visible,.vehicle-finder-panel__link:focus-visible,.vehicle-finder-panel__back:focus-visible,.vehicle-finder-layer__close:focus-visible{outline:3px solid var(--vf-accent-dim);outline-offset:2px}@media only screen and (max-width:768px){.vehicle-finder-panel__chips .vehicle-finder-panel__chip:nth-child(n+9){display:none}}.vehicle-brand-index{position:sticky;top:0;z-index:6;border-bottom:1px solid var(--vf-line);background:var(--vf-surface)}.vehicle-brand-index__list{display:flex;justify-content:space-between;gap:2px;margin:0;padding:8px 0;overflow-x:auto;list-style:none;scrollbar-width:none}.vehicle-brand-index__list::-webkit-scrollbar{display:none}.vehicle-brand-index__list li{flex:none;margin:0}.vehicle-brand-index__list a,.vehicle-brand-index__list span{display:flex;align-items:center;justify-content:center;min-width:34px;height:36px;border-radius:8px;font-family:var(--vf-head-font);font-weight:700;font-size:15px;text-decoration:none}.vehicle-brand-index__list a{color:var(--vf-purple)}.vehicle-brand-index__list span{color:#cfc8d8}.vehicle-brand-index__list a:hover{background:var(--vf-tint-strong)}.vehicle-brand-index__list a.is-active{background:var(--vf-purple);color:#fff}.vehicle-brands .brand-list{scroll-margin-top:150px}.vehicle-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#cfc8d8}.image-wrap .vehicle-placeholder{position:static;aspect-ratio:3 / 2}.vehicle-thumb-missing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:center / 48px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc8d8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 10.8 6.9 6.7A1.7 1.7 0 0 1 8.5 5.6h7a1.7 1.7 0 0 1 1.6 1.1l1.7 4.1M6 17.2v2M18 17.2v2M6.8 14h1.6M15.6 14h1.6'/%3E%3Crect x='3' y='10.8' width='18' height='6.4' rx='2'/%3E%3C/svg%3E")}@media only screen and (max-width:768px){.vehicle-brand-index__list{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.vehicle-finder__field,.vehicle-finder__go{transition:none}.vehicle-finder-panel__spinner{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/vehicle-finder.css.map */