:root{--color-fitment-shell: transparent;--color-fitment-surface: transparent;--color-fitment-border: var(--color-border);--color-fitment-text: var(--color-white);--color-fitment-accent: #DF0000;--color-fitment-accent-hover: var(--color-primary-hover);--color-fitment-inverse-text: var(--color-white);--font-fitment-body: var(--font-body);--font-fitment-heading: var(--font-body);--radius-fitment-field: var(--radius-diagonal-md);--radius-fitment-button: var(--radius-diagonal-md) var(--border-radius-default) var(--radius-diagonal-md) var(--border-radius-default);--radius-fitment-sticky: var(--radius-diagonal-md);--color-fitment-disabled-surface: #2D2D2D;--color-fitment-disabled-text: var(--color-white);--color-fitment-focus-ring: var(--color-white);--spacing-fitment-gap: var(--space-4);--spacing-fitment-field-py: var(--space-2);--spacing-fitment-field-px: var(--space-4);--spacing-fitment-actions-gap: var(--space-4);--size-fitment-control: 44px;--size-fitment-submit-min-width: 44px;--font-size-fitment-control: 27px}.fitment-selector{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:var(--fitment-row-gap, var(--spacing-fitment-gap));width:100%}.fitment-selector .vehicle-selection{display:contents}.fitment-selector .heading{grid-column:1;align-self:center;display:none;margin:0;padding:14px 0;color:var(--color-fitment-text);font-family:var(--font-fitment-heading);font-size:31px;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.fitment-selector .vehicle-select-label{display:none}.fitment-selector .dropdowns{grid-column:2;display:flex;min-width:0;align-items:stretch;gap:var(--spacing-fitment-gap)}.fitment-selector .fitment-dropdown{flex:1;min-width:0;min-height:var(--size-fitment-control);padding:var(--spacing-fitment-field-py) calc(var(--spacing-fitment-field-px) * 2) var(--spacing-fitment-field-py) var(--spacing-fitment-field-px);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='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;border:2px solid var(--color-fitment-border);border-radius:var(--radius-fitment-field);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-fitment-body);font-size:var(--font-size-fitment-control);font-weight:var(--font-weight-medium);letter-spacing:normal;line-height:normal;transition:border-color .2s}.fitment-selector .fitment-dropdown:hover,.fitment-selector .fitment-dropdown:focus{border-color:var(--color-fitment-focus-ring)}.fitment-selector .fitment-dropdown:disabled{cursor:not-allowed;opacity:.3}.fitment-selector .fitment-dropdown option{color:var(--color-fitment-text);background-color:var(--color-fitment-disabled-surface)}@supports (appearance: base-select){.fitment-selector .fitment-dropdown,.fitment-selector .fitment-dropdown::picker(select){-webkit-appearance:base-select;appearance:base-select}.fitment-selector .fitment-dropdown::picker-icon{display:none}.fitment-selector .fitment-dropdown::picker(select){margin-block:var(--space-2);padding:var(--space-2);max-height:min(320px,50vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-fitment-border) transparent;color:var(--color-fitment-text);background-color:var(--color-fitment-disabled-surface);border:1px solid var(--color-fitment-border);border-radius:16px;box-shadow:0 12px 32px #00000080}.fitment-selector .fitment-dropdown option{padding:var(--space-2) var(--space-3);border-radius:10px;font-size:20px;cursor:pointer}.fitment-selector .fitment-dropdown option::checkmark{display:none}.fitment-selector .fitment-dropdown option:checked{background-color:#ffffff1f}.fitment-selector .fitment-dropdown option:hover,.fitment-selector .fitment-dropdown option:focus-visible{background-color:var(--color-fitment-accent);color:var(--color-fitment-inverse-text)}}.fitment-popup{position:fixed;z-index:10000;box-sizing:border-box;padding:var(--space-2);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-fitment-border) transparent;color:var(--color-fitment-text);background-color:var(--color-fitment-disabled-surface);border:1px solid var(--color-fitment-border);border-radius:16px;box-shadow:0 12px 32px #00000080;font-family:var(--font-fitment-body)}.fitment-popup__option{padding:var(--space-2) var(--space-3);border-radius:10px;font-size:20px;font-weight:var(--font-weight-medium);line-height:1.2;cursor:pointer}.fitment-popup__option[aria-selected=true]{background-color:#ffffff1f}.fitment-popup__option.is-active{background-color:var(--color-fitment-accent);color:var(--color-fitment-inverse-text)}.fitment-selector .actions{grid-column:3;display:flex;align-items:stretch;gap:var(--spacing-fitment-actions-gap)}.fitment-selector .submit{flex-shrink:0;width:auto;min-width:var(--size-fitment-submit-min-width);min-height:var(--size-fitment-control);padding:6px 8px;color:var(--color-fitment-inverse-text);background-color:var(--color-fitment-accent);border:0;border-radius:var(--radius-fitment-button);cursor:pointer;font-family:var(--font-fitment-body);font-size:24px;font-weight:700;letter-spacing:normal;line-height:1;text-transform:uppercase;transition:background-color .2s,box-shadow .1s,transform .1s}.fitment-selector #submit,.fitment-selector [data-submit]{min-width:170px}.fitment-selector #set-fitment{min-width:154px}.fitment-selector .submit:hover{background-color:var(--color-fitment-accent-hover)}.fitment-selector .submit:active:not(:disabled){box-shadow:inset 0 1px 2px #0003;transform:translateY(1px)}.fitment-selector .submit:disabled{cursor:not-allowed;color:var(--color-fitment-disabled-text);background-color:var(--color-fitment-disabled-surface);opacity:1}.fitment-selector .submit:disabled:hover{background-color:var(--color-fitment-disabled-surface)}:is(fitment-vehicle-selector,hot-rod-selector,marine-selector) .vehicle-matched{display:none}.fitment-selector[data-vehicle-matched]{display:flex;align-items:center;color:var(--color-fitment-text)}.fitment-selector[data-vehicle-matched] .vehicle-selection{display:none}.fitment-selector[data-vehicle-matched] .vehicle-matched{display:flex;flex:1;min-width:0;align-items:stretch;gap:var(--spacing-fitment-gap)}.fitment-selector .vehicle-select-label,.fitment-selector[data-vehicle-matched] .vehicle-matched-label{align-self:center;margin:0;color:var(--color-fitment-text);font-family:var(--font-fitment-heading);font-size:31px;letter-spacing:normal;line-height:1;white-space:nowrap}.fitment-selector[data-vehicle-matched] .vehicle-matched-display{display:flex;flex:1;min-width:0;align-items:stretch;gap:var(--spacing-fitment-gap)}.fitment-selector[data-vehicle-matched] .vehicle-matched-chip{display:flex;flex:1;min-width:0;min-height:var(--size-fitment-control);align-items:center;padding:var(--spacing-fitment-field-py) var(--spacing-fitment-field-px);color:var(--color-fitment-text);background-color:var(--color-fitment-surface);border:2px solid var(--color-fitment-border);border-radius:var(--radius-fitment-field);font-family:var(--font-fitment-body);font-size:var(--font-size-fitment-control);font-weight:var(--font-weight-medium);line-height:normal}.fitment-selector[data-vehicle-matched] .remove-vehicle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--size-fitment-submit-min-width);min-height:var(--size-fitment-control);padding:6px 8px;color:var(--color-fitment-inverse-text);background-color:var(--color-fitment-accent);border:0;border-radius:var(--radius-fitment-button);font-size:24px;cursor:pointer;transition:background-color .2s}.fitment-selector[data-vehicle-matched] .remove-vehicle:hover{background-color:var(--color-fitment-accent-hover)}.fitment-selector[data-vehicle-matched] .vehicle-matched-browse{flex-shrink:0;width:auto;min-width:170px}@media(max-width:989px){.fitment-selector{grid-template-columns:1fr}.fitment-selector .heading,.fitment-selector .dropdowns,.fitment-selector .actions{grid-column:1}.fitment-selector .heading{width:100%;padding:0 0 12px;text-align:center}.fitment-selector .dropdowns{flex-wrap:wrap;gap:var(--space-2)}.fitment-selector .fitment-dropdown{flex:1 1 calc(50% - 3px);min-height:48px}.fitment-selector .actions{gap:var(--space-2)}.fitment-selector .submit{width:100%;min-height:48px}.fitment-selector .actions :is(.submit,#submit,#set-fitment){flex:1 1 0;width:auto;min-width:0}}@media(max-width:767px){.fitment-selector .heading{display:block;padding:0;text-align:left;font-size:15px;font-weight:var(--font-weight-medium);line-height:1.3}.fitment-selector .dropdowns{flex-wrap:nowrap;gap:var(--space-2)}.fitment-selector .fitment-dropdown{flex:1 1 0;min-height:32px;padding:7px 20px 7px 10px;border-width:1px;border-radius:var(--border-radius-default);font-size:14px;line-height:1.3}.fitment-selector .submit{min-height:39px;padding:10px 14px;border-radius:0;font-size:15px;letter-spacing:normal;line-height:1.3}.fitment-selector[data-vehicle-matched] .vehicle-matched{flex-wrap:wrap;gap:10px var(--space-2)}.fitment-selector[data-vehicle-matched] .vehicle-matched-label{display:block;width:100%;font-size:15px;font-weight:var(--font-weight-medium);line-height:1.3}.fitment-selector[data-vehicle-matched] .vehicle-matched-display{flex-wrap:nowrap;gap:var(--space-2)}.fitment-selector[data-vehicle-matched] .vehicle-matched-chip{flex:1 1 0;min-height:32px;padding:7px 10px;border-width:1px;border-radius:var(--border-radius-default);font-size:14px;line-height:1.3}.fitment-selector[data-vehicle-matched] .remove-vehicle{min-height:32px;padding:6px 12px;border-radius:0;font-size:15px}.fitment-selector[data-vehicle-matched] .vehicle-matched-display{flex-basis:100%}.fitment-selector[data-vehicle-matched] .vehicle-matched-browse{flex:1 1 auto}}@media(min-width:990px){.fitment-selector[data-vehicle-matched] .remove-vehicle{min-width:72px}}@media(min-width:1400px){.fitment-selector .heading{display:block}.fitment-selector[data-vehicle-matched] .vehicle-matched-label{padding:14px 0}}@media(min-width:768px)and (max-width:1399px){.fitment-selector[data-vehicle-matched] .vehicle-matched-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fitment-vehicle-selector.css.map */