:root{--car-selector-color-primary: #212227;--car-selector-color-accent: #dd5120;--car-selector-color-success: #8aae31;--car-selector-color-white: #ffffff;--car-selector-color-text: #565656;--car-selector-color-bg-light: #d9d9d9;--car-selector-color-border: #202226;--car-selector-color-shadow: rgba(33, 34, 39, .3);--car-selector-color-shadow-light: #8080801c;--car-selector-border-radius: 8px;--car-selector-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.selector-wrapper{font-size:var(--font-size-body-smaller);position:relative;display:flex;align-items:flex-start;justify-content:center;color:var(--car-selector-color-white);text-decoration:none;transform:translateZ(0) scale(1);will-change:transform;cursor:pointer}@media screen and (max-width:719px){[data-site-header-mobile-search-button] .selector-wrapper{margin-top:10px;border-top:1px solid rgba(255,255,255,.2)}}@media screen and (min-width:680px){.selector-wrapper{width:100%}}@media screen and (max-width:1023px){.selector-wrapper{display:flex;align-items:center;padding-top:.675rem;padding-right:10px;padding-bottom:.15rem;padding-left:10px}}@media screen and (min-width:1024px){.selector-wrapper{align-items:center;justify-content:flex-start;width:auto}}#opener{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1;margin:0;padding:0}.opener-active #opener{width:100%}#opener:focus-visible{outline:2px solid var(--car-selector-color-white);outline-offset:2px;border-radius:2px}.selector-wrapper:before{content:"";width:0;height:0;border-style:solid;border-width:9px 0 9px 12px;border-color:transparent transparent transparent var(--car-selector-color-white);margin-right:10px;display:inline-block;transition:transform .5s ease;will-change:transform}.selector-wrapper.opener-active:before{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.selector-header{display:flex;flex-direction:row;align-items:center;line-height:1.3}@media screen and (min-width:1024px){.selector-header{display:flex;flex-direction:column;align-items:flex-start;max-width:200px}}#selector-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media screen and (max-width:1023px){#selector-label{max-width:150px}}@media screen and (min-width:1024px){#selector-label{max-width:200px}}.selector-header div a{color:inherit;text-decoration:none;transition:opacity .2s ease}.selector-header div a:hover{opacity:.8}.selector-header div a:focus-visible{outline:2px solid var(--car-selector-color-white);outline-offset:2px;border-radius:2px}div.selector-tabs{display:none;max-height:0px;overflow:hidden;box-shadow:0 0 10px var(--car-selector-color-primary);transition:max-height .8s cubic-bezier(.4,0,.2,1);background:var(--car-selector-color-white);will-change:max-height}.selector-tabs.opener-active{max-height:2000px;display:block}.tabs{background-color:var(--car-selector-color-primary);box-shadow:0 0 10px #0003;width:100%;margin:0 auto;height:50px}.tab-header,.tab_content{max-width:1400px;padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto}@media screen and (min-width:720px){.tab-header,.tab_content{padding-right:15px;padding-left:15px}}.tab_item{width:100%;height:50px;border-bottom:3px solid var(--car-selector-color-border);background-color:var(--car-selector-color-bg-light);line-height:50px;font-size:16px;color:var(--car-selector-color-text);display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.tab_item:hover{opacity:.75}.tab_item:focus-visible{outline:2px solid var(--car-selector-color-white);outline-offset:-2px}input[name=tab_item]{display:none}.tab_content{display:none;padding-bottom:10px;clear:both;overflow:hidden;background:var(--car-selector-color-white)}@media screen and (max-width:719px){.tab_content{max-width:100%;margin:auto;padding-right:10px;padding-left:10px}}.tab_content.opener-active{display:flex;flex-wrap:wrap;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:719px){.tab_content.opener-active{grid-auto-flow:column;gap:1rem;overflow-x:auto;padding-bottom:17.5px;display:grid;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}.tabs input:checked+.tab_item{background-color:var(--car-selector-color-border);color:var(--car-selector-color-white)}button.vehicle_trigger,a.vehicle_trigger{border:3px solid var(--car-selector-color-primary);box-shadow:0 1px 4px var(--car-selector-color-shadow-light);border-radius:var(--car-selector-border-radius);width:20%;text-align:center;margin:10px 2.5%;cursor:pointer;background:var(--car-selector-color-primary);color:inherit;font-family:inherit;font-size:inherit;padding:0;transition:var(--car-selector-transition);will-change:transform,box-shadow;position:relative;overflow:hidden}button.vehicle_trigger:focus-visible,a.vehicle_trigger:focus-visible{outline:3px solid var(--car-selector-color-accent);outline-offset:2px}button.vehicle_trigger:hover,a.vehicle_trigger:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--car-selector-color-shadow)}button.vehicle_trigger:active,a.vehicle_trigger:active{transform:translateY(0);box-shadow:0 1px 4px var(--car-selector-color-shadow-light)}@media screen and (max-width:719px){button.vehicle_trigger,a.vehicle_trigger{width:250px;margin-left:0;margin-right:0;flex-shrink:0}}button.vehicle_trigger img,a.vehicle_trigger img{border-radius:6px;display:block;width:100%;height:auto}button.vehicle_trigger.active,a.vehicle_trigger.active{border:4px solid var(--car-selector-color-primary);box-shadow:0 0 6px 3px var(--car-selector-color-primary);color:var(--car-selector-color-accent);font-weight:700;transform:scale(1.02)}button.vehicle_trigger.active:focus-visible,a.vehicle_trigger.active:focus-visible{outline-color:var(--car-selector-color-accent)}.vehicle_trigger img{width:100%;height:auto}span.text_cta{display:block;padding:8px 0}#clear-button{font-size:14px;position:relative;color:#fff;width:1.3em;height:1.3em;margin-left:10px;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease}#clear-button:hover{transform:scale(1.1)}#clear-button:focus-visible{outline:2px solid var(--car-selector-color-white);outline-offset:2px;border-radius:2px}#clear-button:before{content:"";height:.2em;width:.7em;border-radius:3px;background:var(--car-selector-color-success);position:absolute;top:.85em;left:0;transform:rotate(45deg);transition:transform .5s ease-in-out,width .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out;will-change:transform,width,top,left}#clear-button:after{content:"";height:.2em;width:1.2em;border-radius:3px;background:var(--car-selector-color-success);position:absolute;top:.6em;left:.25em;transform:rotate(-55deg);transition:transform .5s ease-in-out,background-color .3s ease;will-change:transform,background-color}#clear-button:hover:before{transform:rotate(-45deg);width:1.2em;top:.6em;left:0;background:var(--car-selector-color-accent)}#clear-button:hover:after{transform:rotate(45deg);background:var(--car-selector-color-accent);left:0}#fit-message.has-message{border:1px solid #dddddd;border-radius:3px;padding:.5rem .75rem;width:fit-content;line-height:normal;animation:fadeIn .3s ease-in-out}.has-message .fit-text{color:var(--car-selector-color-success);font-weight:700}.has-message .not-fit-text{color:var(--car-selector-color-accent);font-weight:700}@media(prefers-reduced-motion:reduce){.selector-wrapper:before,div.selector-tabs,.tab_item,button.vehicle_trigger,a.vehicle_trigger,#clear-button:before,#clear-button:after,.tab_content.opener-active{transition:none;animation:none}button.vehicle_trigger:hover,a.vehicle_trigger:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/car-selector.css.map */