:root{--color-fitment-shell: var(--color-ink, #1a1815);--color-fitment-surface: rgba(0, 0, 0, .55);--color-fitment-border: var(--color-paper, #f7f5f0);--color-fitment-text: var(--color-paper, #f7f5f0);--color-fitment-heading: var(--color-white, #fff);--color-fitment-muted: var(--color-muted-on-dark, #b2ada6);--color-fitment-accent: var(--color-accent, #c94a1e);--color-fitment-inverse-text: var(--color-white, #fff);--font-fitment-body: var(--font-body, "DM Sans", sans-serif);--font-fitment-button: var(--font-mono, "JetBrains Mono", monospace);--radius-fitment-sticky: var(--radius-diagonal-md);--size-fitment-bar: 56px;--size-fitment-control: 36px;--size-fitment-select: 140px;--spacing-fitment-bar-px: 30px;--spacing-fitment-bar-px-mobile: var(--spacing-content-padding-mobile, 16px);--spacing-fitment-gap: var(--space-sm, 8px);--spacing-fitment-dropdown-gap: 5px;--spacing-fitment-section-gap: var(--space-lg, 24px)}fitment-vehicle-selector{display:block;width:100%;background-color:var(--fitment-bg, var(--color-fitment-shell))}.fitment-vehicle-selector-wrap{position:relative}fitment-vehicle-selector .vehicle-selection{display:flex;align-items:center;gap:var(--spacing-fitment-gap);height:var(--size-fitment-bar);padding:16px var(--spacing-fitment-bar-px)}fitment-vehicle-selector .heading{flex-shrink:0;margin:0;color:var(--color-fitment-heading);font-family:var(--font-fitment-body);font-size:13px;font-weight:700;letter-spacing:normal;line-height:1.45;text-transform:none;white-space:nowrap}fitment-vehicle-selector .dropdowns{display:flex;flex:1;flex-wrap:nowrap;align-items:center;gap:var(--spacing-fitment-dropdown-gap);margin-left:var(--spacing-fitment-section-gap)}fitment-vehicle-selector .fitment-dropdown{flex:0 0 var(--size-fitment-select);width:var(--size-fitment-select);height:var(--size-fitment-control);padding:var(--space-sm, 8px) 28px var(--space-sm, 8px) 14px;color:var(--color-fitment-text);background-color:var(--color-fitment-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23f7f5f0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1px solid var(--color-fitment-border);-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-fitment-body);font-size:13px;font-weight:500;text-transform:uppercase}fitment-vehicle-selector .fitment-dropdown option{color:var(--color-fitment-text);background:var(--color-fitment-shell)}fitment-vehicle-selector .fitment-dropdown:disabled{cursor:not-allowed;opacity:.4}fitment-vehicle-selector .fitment-dropdown--outline{background-color:#0000008c;border:1px solid var(--color-fitment-border)}fitment-vehicle-selector .actions{display:flex;flex-shrink:0;align-items:center;gap:var(--spacing-fitment-gap)}fitment-vehicle-selector .submit{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:4px;height:var(--size-fitment-control);padding:10px 18px;color:var(--color-fitment-inverse-text);background-color:var(--color-fitment-accent);border:none;cursor:pointer;font-family:var(--font-fitment-button);font-size:11px;font-weight:700;letter-spacing:0;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap}fitment-vehicle-selector .submit{transition:background-color .15s ease}fitment-vehicle-selector .submit:not(:disabled):hover,fitment-vehicle-selector .submit:not(:disabled):focus-visible{background-color:var(--color-primary-hover, #a83e18)}fitment-vehicle-selector .submit:disabled{cursor:not-allowed;opacity:.4}fitment-vehicle-selector .vehicle-matched{display:none}fitment-vehicle-selector[data-vehicle-matched] .vehicle-selection{display:none}fitment-vehicle-selector[data-vehicle-matched] .vehicle-matched{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fitment-section-gap);height:var(--size-fitment-bar);padding:16px var(--spacing-fitment-bar-px)}fitment-vehicle-selector .vehicle-mismatch,fitment-vehicle-selector .vehicle-switch-cancel{display:none}fitment-vehicle-selector[data-vehicle-matched][data-vehicle-mismatch] .vehicle-mismatch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:10px var(--spacing-fitment-bar-px);border-top:1px solid rgb(255 255 255 / .15)}fitment-vehicle-selector .vehicle-mismatch-text{margin:0;color:var(--color-fitment-text);font-family:var(--font-fitment-body);font-size:13px;line-height:1.4;text-align:center}fitment-vehicle-selector .vehicle-mismatch-text strong{color:var(--color-warning, #f5b82e);font-weight:700}fitment-vehicle-selector .vehicle-mismatch-switch,fitment-vehicle-selector .vehicle-switch-cancel{padding:0;color:var(--color-fitment-text);background:none;border:none;cursor:pointer;font-family:var(--font-fitment-body);font-size:13px;font-weight:700;text-decoration:underline;white-space:nowrap}fitment-vehicle-selector[data-switching] .vehicle-switch-cancel{display:inline-flex}fitment-vehicle-selector[data-switching] #set-fitment{display:none}fitment-vehicle-selector .vehicle-matched-label{color:var(--color-fitment-heading);font-family:var(--font-fitment-body);font-size:13px;font-weight:700;white-space:nowrap}fitment-vehicle-selector .vehicle-matched-pill{display:inline-flex;align-items:center;gap:var(--spacing-fitment-gap);height:var(--size-fitment-control);padding:8px 14px;color:var(--color-fitment-text);background-color:var(--color-fitment-surface);border:1px solid var(--color-fitment-border);white-space:nowrap;min-width:0;max-width:480px}fitment-vehicle-selector .vehicle-matched-display{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-fitment-body);font-size:13px;font-weight:500}fitment-vehicle-selector .vehicle-matched-chip+.vehicle-matched-chip{margin-left:4px}fitment-vehicle-selector .vehicle-matched-divider{flex-shrink:0;width:1px;height:10px;background-color:currentColor;opacity:.4}fitment-vehicle-selector .vehicle-matched-check{flex-shrink:0}fitment-vehicle-selector .vehicle-matched-actions{display:flex;align-items:center;gap:var(--space-md, 16px);margin:0;padding:0;border:0}fitment-vehicle-selector .vehicle-matched-actions>summary{display:none;list-style:none;cursor:pointer}fitment-vehicle-selector .vehicle-matched-actions>summary::-webkit-details-marker{display:none}fitment-vehicle-selector .vehicle-matched-actions>summary::marker{content:""}fitment-vehicle-selector .vehicle-matched-manage-link,fitment-vehicle-selector .vehicle-matched-clear-link{display:inline-flex;font-family:var(--font-fitment-body);font-size:11px;font-weight:400;color:var(--color-fitment-text);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;white-space:nowrap}fitment-vehicle-selector .vehicle-matched-shop{height:42px;padding:10px 28px;font-size:13px;text-decoration:none}@media(min-width:851px){fitment-vehicle-selector .vehicle-matched-manage-link,fitment-vehicle-selector .vehicle-matched-clear-link{display:block;text-align:left}fitment-vehicle-selector .vehicle-matched-clear-link{margin-top:4px}}fitment-vehicle-selector[data-layout=sticky][data-vehicle-matched]{width:100%;margin:0;border-radius:0}fitment-vehicle-selector[data-layout=inline]:not([data-show-set-fitment]) #set-fitment{display:none}fitment-vehicle-selector[data-layout=inline][data-layout-style=floating]{position:absolute;left:50%;bottom:var(--fitment-overlap, 64px);transform:translate(-50%);width:auto;border-radius:8px;z-index:5;overflow:hidden;background-color:#1a1815b3}fitment-vehicle-selector[data-layout=inline][data-layout-style=floating] .vehicle-selection{justify-content:center;gap:var(--space-lg, 24px)}fitment-vehicle-selector[data-layout=inline][data-layout-style=floating] .dropdowns{flex:0 1 auto;margin-left:0;gap:5px}fitment-vehicle-selector[data-layout=sticky]{grid-template-columns:auto minmax(0,1fr) auto;width:min(1232px,calc(100% - 32px));margin:0 auto;border-radius:var(--radius-fitment-sticky)}fitment-vehicle-selector[data-layout=sticky] .dropdowns{grid-column:2}fitment-vehicle-selector[data-layout=sticky] .actions{grid-column:3}@media(max-width:850px){fitment-vehicle-selector .vehicle-matched-clear-suffix{display:none}fitment-vehicle-selector .vehicle-matched-clear-link{margin-left:16px}fitment-vehicle-selector .vehicle-selection{flex-direction:column;align-items:stretch;height:auto;padding-right:var(--spacing-fitment-bar-px-mobile);padding-left:var(--spacing-fitment-bar-px-mobile);text-align:center}fitment-vehicle-selector .dropdowns{flex-wrap:wrap;width:100%;margin-left:0}fitment-vehicle-selector .fitment-dropdown{flex:1;min-width:0}fitment-vehicle-selector .submit{width:100%}fitment-vehicle-selector .actions .submit{flex:1;width:auto}fitment-vehicle-selector[data-vehicle-matched] .vehicle-matched{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"label label label" "pill shop actions";align-items:center;justify-content:normal;gap:2px var(--spacing-fitment-gap);height:auto;padding-right:var(--spacing-fitment-bar-px-mobile);padding-left:var(--spacing-fitment-bar-px-mobile);text-align:left}fitment-vehicle-selector .vehicle-matched-label{grid-area:label;color:var(--color-fitment-muted);font-size:11px;font-weight:400}fitment-vehicle-selector .vehicle-matched-pill{grid-area:pill;min-width:0;max-width:none;height:40px;padding:8px 12px}fitment-vehicle-selector .vehicle-matched-display{flex:1}fitment-vehicle-selector .vehicle-matched-chip+.vehicle-matched-chip{margin-left:4px}fitment-vehicle-selector .vehicle-matched-shop{grid-area:shop;width:auto;height:40px;padding:10px 22px;font-size:12px}fitment-vehicle-selector .vehicle-matched-actions{grid-area:actions;justify-self:end;gap:var(--space-md, 16px)}fitment-vehicle-selector .vehicle-matched-actions>summary{display:inline-flex;font-family:var(--font-fitment-body);font-size:12px;font-weight:500;color:var(--color-fitment-text);text-decoration:underline;white-space:nowrap}fitment-vehicle-selector .vehicle-matched-actions:not([open])>a,fitment-vehicle-selector .vehicle-matched-actions:not([open])>button{display:none}fitment-vehicle-selector .vehicle-matched-actions[open]>summary{display:none}fitment-vehicle-selector[data-layout=inline][data-layout-style=floating] .vehicle-selection{gap:var(--space-sm, 8px)}}@media(max-width:750px){fitment-vehicle-selector[data-vehicle-matched] .vehicle-matched{grid-template-columns:1fr auto;grid-template-areas:"label label" "pill pill" "shop actions";row-gap:6px;column-gap:20px}fitment-vehicle-selector .vehicle-matched-shop{width:100%;height:34px;padding:6px 22px;margin-top:6px}}@media(max-width:550px){fitment-vehicle-selector .dropdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-fitment-gap)}fitment-vehicle-selector .fitment-dropdown{flex:none;width:auto}fitment-vehicle-selector .fitment-dropdown[data-optional]{grid-column:1 / -1}}@media(min-width:851px)and (max-width:989px){fitment-vehicle-selector .dropdowns{flex-wrap:wrap;min-width:0}fitment-vehicle-selector .fitment-dropdown{flex:1 1 120px;width:auto;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fitment-vehicle-selector.css.map */