.vehicle-selector{--vs-field-height: 3.375rem;--vs-accent: #9d0e18;--vs-accent-hover: #a30f19;--vs-accent-text: #ffffff;display:block;width:100%}body:has(.vehicle-selector__combo[open]) .header~.overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important;cursor:auto!important}.vehicle-selector-card{background-color:#fff!important;color:#171717!important;border-top:2px solid var(--vs-accent, #9d0e18);border-radius:0}.vehicle-selector-card .title-lg{color:#171717!important;font-size:clamp(1.15rem,1.6vw,1.5rem)}.vehicle-selector-card .text-base-lg{color:#171717b3!important}.vehicle-selector__tabs{display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;gap:var(--sp-3);margin-inline:auto;margin-block-end:var(--sp-5)}.vehicle-selector__tab{padding:var(--sp-3) var(--sp-6);font-size:var(--text-sm);font-weight:600;color:#171717b3;background-color:#1717170a;border:1px solid rgb(23 23 23 / .14);border-radius:var(--inputs-radius, 8px);white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.vehicle-selector__tab:hover:not(.is-active){color:#171717;background-color:#17171714;border-color:#17171740}.vehicle-selector__tab.is-active{color:var(--vs-accent-text);background-color:var(--vs-accent);border-color:var(--vs-accent)}.vehicle-selector__panel{display:block}.vehicle-selector__panel[hidden]{display:none}.vehicle-selector__grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3)}.vehicle-selector__field{flex:1 1 calc(50% - var(--sp-3));min-width:9rem;display:flex;flex-direction:column;gap:var(--sp-1d5)}.vehicle-selector__field--submit{flex-basis:100%}@media screen and (min-width:640px){.vehicle-selector__field--submit{flex-basis:calc(50% - var(--sp-3))}}@media screen and (min-width:1024px){.vehicle-selector__field{flex:1 1 0%;min-width:0}.vehicle-selector__field--submit{flex:0 0 auto}}.vehicle-selector__label{font-size:var(--text-2sm);font-weight:600;color:#171717b3;white-space:nowrap}.vehicle-selector__label--ghost{visibility:hidden}.vehicle-selector__combo{position:relative}.vehicle-selector__combo-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;height:var(--vs-field-height);padding-inline:var(--sp-4);font-size:var(--text-sm);color:#171717;background-color:#fff;border:1px solid rgb(23 23 23 / .18);border-radius:var(--inputs-radius, 8px);list-style:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.vehicle-selector__combo-trigger::-webkit-details-marker{display:none}.vehicle-selector__combo-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vehicle-selector__combo-chevron{flex-shrink:0;color:#17171799;transition:transform .2s ease}.vehicle-selector__combo[open] .vehicle-selector__combo-chevron{transform:rotate(180deg)}.vehicle-selector__combo:not(.is-disabled) .vehicle-selector__combo-trigger:hover{border-color:#17171759;background-color:#17171705}.vehicle-selector__combo[open] .vehicle-selector__combo-trigger,.vehicle-selector__combo-trigger:focus-visible{border-color:var(--vs-accent);outline:none}.vehicle-selector__combo.is-disabled .vehicle-selector__combo-trigger{color:#17171759;background-color:#17171708;border-color:#17171714;cursor:not-allowed}.vehicle-selector__combo-panel{top:calc(100% + .5rem);left:0;right:0;z-index:20}.vehicle-selector__combo[open] .vehicle-selector__combo-panel{pointer-events:auto}.vehicle-selector__combo-container{overflow:hidden;background-color:#fff;border:1px solid rgb(23 23 23 / .14);border-radius:var(--inputs-radius, 8px);box-shadow:0 12px 32px #00000029}.vehicle-selector__combo-list{max-height:15.5rem;overflow-y:auto;padding:var(--sp-1d5)}.vehicle-selector__combo-list::-webkit-scrollbar{width:6px}.vehicle-selector__combo-list::-webkit-scrollbar-thumb{background-color:#17171726;border-radius:999px}.vehicle-selector__combo-option{display:block;width:100%;padding:var(--sp-2d5) var(--sp-3);font-size:var(--text-sm);text-align:start;color:#171717cc;background-color:transparent;border-radius:var(--inputs-radius, 6px);transition:background-color .15s ease,color .15s ease}.vehicle-selector__combo-option:hover,.vehicle-selector__combo-option:focus-visible{color:#171717;background-color:#1717170f;outline:none}.vehicle-selector__combo-option.is-selected{color:var(--vs-accent-text);background-color:var(--vs-accent)}.vehicle-selector__combo-option--clear{color:#17171780;font-style:italic;border-block-end:1px solid rgb(23 23 23 / .1);margin-block-end:var(--sp-1d5)}.vehicle-selector__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--vs-field-height);padding-inline:var(--sp-6);font-size:var(--text-sm);font-weight:700;color:var(--vs-accent-text);background-color:var(--vs-accent);border:1px solid var(--vs-accent);border-radius:var(--inputs-radius, 8px);overflow:hidden;transition:background-color .2s ease}@media screen and (min-width:1024px){.vehicle-selector__submit{min-width:9.5rem}}.vehicle-selector__submit:not([disabled]):hover{background-color:var(--vs-accent-hover);border-color:var(--vs-accent-hover)}.vehicle-selector__submit .btn-fill{display:none}.vehicle-selector__submit .btn-text{position:relative;z-index:1;display:flex;align-items:center;gap:var(--sp-2);color:currentColor}.vehicle-selector__submit[disabled]{color:#17171759;background-color:#17171714;border-color:#17171714;cursor:not-allowed}.vehicle-selector__vin-row{display:flex;flex-direction:column;gap:var(--sp-3)}@media screen and (min-width:640px){.vehicle-selector__vin-row{flex-direction:row}}.vehicle-selector__vin-row input[type=text],.vehicle-selector__vin-row input[type=search]{flex:1 1 auto;width:100%;height:var(--vs-field-height);padding-inline:var(--sp-4);font-size:var(--text-sm);color:#171717;background-color:#fff;border:1px solid rgb(23 23 23 / .18);border-radius:var(--inputs-radius, 8px);transition:background-color .2s ease,border-color .2s ease}.vehicle-selector__vin-row input[type=text]::placeholder,.vehicle-selector__vin-row input[type=search]::placeholder{color:#17171766}.vehicle-selector__vin-row input[type=text]:hover,.vehicle-selector__vin-row input[type=search]:hover{border-color:#17171759}.vehicle-selector__vin-row input[type=text]:focus-visible,.vehicle-selector__vin-row input[type=search]:focus-visible{border-color:var(--vs-accent);outline:none}.vehicle-selector__vin-row input[type=text]{text-transform:uppercase}.vehicle-selector__vin-row .vehicle-selector__submit{width:100%}@media screen and (min-width:640px){.vehicle-selector__vin-row .vehicle-selector__submit{width:auto}}.vehicle-selector__vin-error{margin-block-start:var(--sp-2);font-size:var(--text-xs);color:#9d0e18}.vehicle-selector__hint{margin-block-start:var(--sp-2);font-size:var(--text-2sm);color:#17171780}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vehicle-selector.css.map */