fitment-selector-tabs{--fitment-row-gap: var(--spacing-fitment-gap);display:flex;flex-direction:column;position:relative;z-index:2;gap:var(--fitment-row-gap);width:100%;min-height:58px;padding:14px 0;background-color:var(--color-fitment-shell)}fitment-selector-tabs .fitment-tab-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px var(--space-3);min-width:0}fitment-selector-tabs .fitment-tab-heading{margin:0;color:var(--color-fitment-text);font-family:var(--font-fitment-heading);font-size:31px;line-height:1;white-space:nowrap}fitment-selector-tabs .label-mobile{display:none}fitment-selector-tabs .fitment-tab-list{display:flex;gap:var(--space-3)}fitment-selector-tabs .fitment-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;color:var(--color-fitment-text);background:transparent;border:1px solid var(--color-white);border-radius:999px;cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}fitment-selector-tabs[data-tab-switched] .fitment-tab{transition:background-color .2s ease,border-color .2s ease}fitment-selector-tabs .fitment-tab:hover{background-color:#ffffff14}fitment-selector-tabs .fitment-tab:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}fitment-selector-tabs .fitment-tab-panel{display:none}fitment-selector-tabs[data-active-tab=automotive] .fitment-tab[data-tab-name=automotive],fitment-selector-tabs[data-active-tab=hot-rod] .fitment-tab[data-tab-name=hot-rod],fitment-selector-tabs[data-active-tab=marine] .fitment-tab[data-tab-name=marine]{background-color:var(--color-fitment-accent);border-color:var(--color-fitment-accent)}fitment-selector-tabs[data-active-tab=automotive]:has([data-tab-panel=automotive] .fitment-selector[data-vehicle-matched]) .fitment-tab:not([data-tab-name=automotive]),fitment-selector-tabs[data-active-tab=hot-rod]:has([data-tab-panel=hot-rod] .fitment-selector[data-vehicle-matched]) .fitment-tab:not([data-tab-name=hot-rod]),fitment-selector-tabs[data-active-tab=marine]:has([data-tab-panel=marine] .fitment-selector[data-vehicle-matched]) .fitment-tab:not([data-tab-name=marine]){opacity:.4;pointer-events:none;cursor:not-allowed}fitment-selector-tabs[data-active-tab=automotive] [data-tab-panel=automotive],fitment-selector-tabs[data-active-tab=hot-rod] [data-tab-panel=hot-rod],fitment-selector-tabs[data-active-tab=marine] [data-tab-panel=marine]{display:block}fitment-selector-tabs[data-layout=inline]{border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;isolation:isolate}fitment-selector-tabs[data-layout=sticky]{border-radius:var(--radius-fitment-sticky)}fitment-selector-tabs[data-layout=sticky][data-active-tab=automotive]:has([data-tab-panel=automotive] .fitment-selector[data-vehicle-matched]),fitment-selector-tabs[data-layout=sticky][data-active-tab=hot-rod]:has([data-tab-panel=hot-rod] .fitment-selector[data-vehicle-matched]),fitment-selector-tabs[data-layout=sticky][data-active-tab=marine]:has([data-tab-panel=marine] .fitment-selector[data-vehicle-matched]){border-radius:0}@media(max-width:989px){fitment-selector-tabs{--fitment-row-gap: var(--space-2)}}@media(max-width:767px){fitment-selector-tabs[data-layout]{--color-fitment-shell: var(--color-background-dark);--fitment-row-gap: 10px;width:100vw;min-height:0;margin:0 0 0 calc(-50vw + 50%);padding:var(--space-3) var(--space-4);border-radius:0}fitment-selector-tabs .fitment-tab-heading{width:100%;font-size:15px;font-weight:var(--font-weight-medium);line-height:1.3}fitment-selector-tabs .label-desktop{display:none}fitment-selector-tabs .label-mobile{display:inline}fitment-selector-tabs .fitment-tab-list{width:100%;gap:var(--space-2)}fitment-selector-tabs .fitment-tab{flex:1 1 0;min-height:32px;padding:0 var(--space-2);font-size:14px}}@media(min-width:990px){fitment-selector-tabs .fitment-selector .dropdowns{grid-column:1 / span 2}}@keyframes fitment-tab-enter{0%{opacity:0;transform:translate(16px)}to{transform:none}}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .dropdowns>*,fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .actions>*{animation:fitment-tab-enter .35s cubic-bezier(.16,1,.3,1) both}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .dropdowns>:nth-child(1){animation-delay:40ms}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .dropdowns>:nth-child(2){animation-delay:80ms}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .dropdowns>:nth-child(3){animation-delay:.12s}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .actions>:nth-child(1){animation-delay:.16s}fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .actions>:nth-child(2){animation-delay:.2s}@media(prefers-reduced-motion:reduce){fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .dropdowns>*,fitment-selector-tabs[data-tab-switched] .fitment-tab-panel .actions>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fitment-selector-tabs.css.map */