.car-select{--car-select-radius: 10px;--car-select-bg: #f4f4f4;--car-select-bg-open: #fff;--car-select-border: #111;--car-select-muted: #6b6b6b;--car-select-line: #e4e4e4;--car-select-hover: #f1f1f1;--car-select-panel-max-height: 420px;position:relative;display:block}.car-select[open]{z-index:20}.car-select__native{position:absolute;bottom:0;left:50%;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.car-select__trigger{position:relative;display:grid;width:100%;min-height:45px;padding:8px 52px 8px 12px;border:2px solid transparent;border-radius:var(--car-select-radius);background:var(--car-select-bg);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.car-select__trigger:focus-visible{outline:none;border-color:var(--car-select-border)}.car-select[open] .car-select__trigger{border-color:var(--car-select-border);border-radius:var(--car-select-radius) var(--car-select-radius) 0 0;background:var(--car-select-bg-open)}.car-select.is-invalid .car-select__trigger{border-color:#c62828}.car-select__trigger:disabled{cursor:not-allowed}.car-select__trigger:disabled .car-select__caption,.car-select__trigger:disabled .car-select__value{opacity:.45}.car-select__caption{color:var(--car-select-muted);font-size:.8125rem;line-height:1.3}.car-select__value{overflow:hidden;font-size:1.4rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.car-select__chevron{position:absolute;top:50%;right:22px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}.car-select[open] .car-select__chevron{transform:translateY(-25%) rotate(-135deg)}.car-select__trigger:disabled .car-select__chevron{opacity:.35}.car-select__panel{position:absolute;top:calc(100% - 8px);right:0;left:0;display:flex;flex-direction:column;max-height:var(--car-select-panel-max-height);border-radius:var(--car-select-radius);background:#fff;box-shadow:0 18px 40px #0000002e,0 2px 6px #0000000f;overflow:hidden;animation:car-select-panel-in .18s ease}.car-select__panel[hidden]{display:none}.car-select__search{position:relative;flex-shrink:0;padding:18px 18px 6px}.car-select__search[hidden]{display:none}.car-select__search-icon{position:absolute;top:calc(50% + 6px);left:32px;width:18px;height:18px;color:var(--car-select-muted);transform:translateY(-50%);pointer-events:none}.car-select__search-input{width:100%;height:40px;padding:0 16px 0 38px;border:1px solid var(--car-select-line);border-radius:8px;background:#fff;color:inherit;font:inherit;font-size:1rem}.car-select__search-input:focus{outline:none;border-color:var(--car-select-border)}.car-select__search-input::-webkit-search-cancel-button{cursor:pointer}.car-select__list{flex:1 1 auto;min-height:0;padding:8px 0 12px;overflow-y:auto;overscroll-behavior:contain}.car-select__list.has-more-below{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent)}.car-select__section-title{display:flex;align-items:center;gap:16px;margin:14px 28px 6px;color:var(--car-select-muted);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.car-select__section-title:after{content:"";flex:1;height:1px;background:var(--car-select-line)}.car-select__group{margin:12px 28px 2px;font-size:.9375rem;font-weight:700}.car-select__option{padding:14px 28px;font-size:1.125rem;line-height:1.3;cursor:pointer}.car-select__option--popular{font-weight:700}.car-select__option:hover,.car-select__option.is-active{background:var(--car-select-hover)}.car-select__option[aria-selected=true]{font-weight:700}.car-select__empty{margin:0;padding:18px 28px;color:var(--car-select-muted)}@media screen and (max-width:749px){.car-select{--car-select-panel-max-height: min(420px, 60vh)}.car-select__option{padding:13px 20px;font-size:1rem}.car-select__section-title,.car-select__group{margin-inline:20px}}.car-select--native .car-select__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.car-select--native .car-select__overlay:disabled{cursor:not-allowed}.car-select--native .car-select__overlay:focus-visible{outline:2px solid #111;outline-offset:2px}.car-select--native .car-select__panel{top:calc(100% + 6px);right:auto;width:max(100%,300px);--car-select-panel-max-height: 380px}.car-select--native .car-select__option{padding:11px 20px;font-size:15px}.car-select--native .car-select__section-title,.car-select--native .car-select__group{margin-inline:20px}.car-select--native .car-select__search{padding:14px 14px 4px}.car-select--native .car-select__search-icon{left:28px;top:calc(50% + 5px)}.car-select--native .car-select__search-input{height:44px;font-size:15px}.car-select--native:last-of-type .car-select__panel{right:0;left:auto}@media screen and (max-width:749px){.car-select--native .car-select__panel{width:100%}}.collection-filters__car-select .collection-filters__form .car-select--native:focus-within label{opacity:1;transform:none}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown{top:calc(100% + 6px);left:0;z-index:20;width:max(100%,260px);max-height:none;margin:0;padding:0;border:0;border-radius:10px;background:#fff;box-shadow:0 18px 40px #0000002e,0 2px 6px #0000000f;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.collection-filters__car-select .collection-filters__form .multi-select.active .multi-select__dropdown{padding:0;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown ul{display:flex;flex-direction:column;gap:0;max-height:380px;margin:0;padding:8px 0;overflow-y:auto;overscroll-behavior:contain}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown label{position:relative;top:auto;left:auto;display:flex;align-items:center;gap:12px;width:100%;padding:11px 20px;background:transparent;color:#121212;font-size:15px;line-height:1.3;cursor:pointer}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown label:hover{background:#f1f1f1}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown label:has(:checked){font-weight:700}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown input{position:relative;top:auto;left:auto;flex:0 0 auto;margin:0}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__option{width:18px;height:18px;border:1.5px solid #121212;border-radius:4px;background:#fff center / 12px no-repeat}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__option:checked{background-color:#121212;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5'/%3E%3C/svg%3E")}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__option:checked:after{content:none}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__option:focus-visible{outline:2px solid #121212;outline-offset:2px}.vehicle-search{--vehicle-search-mark: #f5a623;position:relative;display:block;margin-bottom:4px}.vehicle-search__field{position:relative;display:flex;align-items:center;min-height:45px;margin-top:10px;padding:0 20px 0 22px;border:2px solid var(--car-select-line, #e4e4e4);border-radius:10px;background:#fff;transition:border-color .2s ease}.vehicle-search__field:focus-within{border-color:#111}.vehicle-search__icon{flex:0 0 18px;width:18px;height:18px;margin-right:14px;color:#111}.vehicle-search__input{flex:1;min-width:0;height:68px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.125rem;height:30px;box-shadow:none}.vehicle-search__input:focus{outline:none}.vehicle-search__input::placeholder{color:#8a8a8a}.vehicle-search__clear{flex-shrink:0;margin-left:12px;padding:6px 0;border:0;background:none;color:#6b6b6b;font:inherit;font-size:.9375rem;text-decoration:underline;cursor:pointer}.vehicle-search__clear[hidden]{display:none}.vehicle-search__panel{position:absolute;top:calc(100% + 20px);right:0;left:0;z-index:30;display:flex;flex-direction:column;max-height:min(560px,70vh);border-radius:12px;background:#fff;box-shadow:0 18px 40px #0000002e,0 2px 6px #0000000f;overflow:hidden;animation:car-select-panel-in .18s ease}.vehicle-search__panel[hidden]{display:none}.vehicle-search__count{flex-shrink:0;margin:0;padding:18px 26px 8px;color:#6b6b6b;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.vehicle-search__results{flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain}.vehicle-search__result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 26px;color:inherit;text-decoration:none}.vehicle-search__result:hover,.vehicle-search__result.is-active{background:#f1f1f1}.vehicle-search__result-text{display:grid;gap:2px;min-width:0}.vehicle-search__result-title{font-size:1.125rem;font-weight:700;line-height:1.3}.vehicle-search__result-meta{color:#6b6b6b;font-size:.9375rem}.vehicle-search__result mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--vehicle-search-mark);text-decoration-thickness:2px;text-underline-offset:4px}.vehicle-search__result-action{flex-shrink:0;font-weight:700;white-space:nowrap;font-size:1rem}.vehicle-search__result-action:after{content:" \203a"}.vehicle-search__footer{flex-shrink:0;margin:0;padding:16px 26px;border-top:1px solid #e4e4e4;color:#6b6b6b}.vehicle-search__footer-link{color:#2756d8;font-weight:600;text-decoration:none}.vehicle-search__divider{display:flex;align-items:center;gap:18px;margin:10px 0;color:#000;font-size:1.2rem}.vehicle-search__divider:before,.vehicle-search__divider:after{content:"";flex:1;height:1px;background:#0000001a}@media screen and (max-width:749px){.vehicle-search__field{padding-inline:16px}.vehicle-search__input{height:56px;font-size:1rem}.vehicle-search__panel{top:calc(100% + 10px)}.vehicle-search__result{flex-wrap:wrap;padding-inline:18px}.vehicle-search__count,.vehicle-search__footer{padding-inline:18px}}@keyframes car-select-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.car-select__panel,.vehicle-search__panel{animation:none}.collection-filters__car-select .collection-filters__form .multi-select .multi-select__dropdown,.car-select__trigger,.car-select__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/car-select.css.map */