a-vehicle-selector{display:flex;gap:16px;max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 768px){a-vehicle-selector{flex-direction:column}}a-vehicle-selector .a-vehicle-selector__item{position:relative;flex:1;min-width:200px}a-vehicle-selector .a-vehicle-selector__item.disabled{opacity:.5;pointer-events:none}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;gap:8px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box:hover{border-color:#333}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-value{flex:1;font-size:16px;color:#333;font-weight:600}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-arrow{font-size:12px;color:#666;transition:transform .3s ease}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000;display:none}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar{width:8px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-thumb{background:#888;border-radius:4px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-thumb:hover{background:#555}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#333}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:hover{background-color:#f5f5f5}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:active{background-color:#e0e0e0}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:not(:last-child){border-bottom:1px solid #eee}a-vehicle-selector .a-vehicle-selector__item.active .a-vehicle-selector__item__main-box{border-color:#333}a-vehicle-selector .a-vehicle-selector__item.active .a-vehicle-selector__item__main-box .selector-arrow{transform:rotate(180deg)}a-vehicle-selector .a-vehicle-selector__item.active .a-vehicle-selector__item__option-box{display:block}@media (max-width: 768px){a-vehicle-selector{padding:15px;gap:12px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box{padding:10px 14px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-label{font-size:11px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-value{font-size:14px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box{max-height:250px}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option{padding:10px 14px;font-size:13px}}@media (prefers-color-scheme: dark){a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box{background:#1a1a1a;border-color:#444}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box:hover{border-color:#666}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-label{color:#999}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-value{color:#fff}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__main-box .selector-arrow{color:#999}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box{background:#1a1a1a;border-color:#444;box-shadow:0 4px 12px #00000080}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-track{background:#2a2a2a}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-thumb{background:#555}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box::-webkit-scrollbar-thumb:hover{background:#777}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option{color:#fff}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:hover{background-color:#2a2a2a}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:active{background-color:#333}a-vehicle-selector .a-vehicle-selector__item .a-vehicle-selector__item__option-box .selector-option:not(:last-child){border-bottom-color:#333}a-vehicle-selector .a-vehicle-selector__item.active .a-vehicle-selector__item__main-box{border-color:#666}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/vehicle-selector.css.map */