.vehicle-picker{--vehicle-picker-gap: 1rem;--vehicle-picker-border-radius: var(--button-radius, 4px);--vehicle-picker-border-color: var(--color-border, #e5e5e5);--vehicle-picker-bg: var(--color-background, #fff);--vehicle-picker-text: var(--color-foreground, #1a1a1a);--vehicle-picker-success: #22c55e;--vehicle-picker-error: #ef4444;--vehicle-picker-muted: var(--color-foreground-muted, #6b7280);display:flex;flex-direction:column;gap:var(--vehicle-picker-gap);width:100%}.vehicle-picker__header{display:flex;align-items:center;gap:.5rem}.vehicle-picker__label{font-family:var(--font-primary--family, inherit);font-size:.875rem;font-weight:600;color:var(--vehicle-picker-text);text-transform:uppercase;letter-spacing:.05em}.vehicle-picker__dropdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media screen and (max-width: 749px){.vehicle-picker__dropdowns{grid-template-columns:1fr}}.vehicle-picker__field{display:flex;flex-direction:column;gap:.25rem}.vehicle-picker__field-label{font-size:.75rem;font-weight:500;color:var(--vehicle-picker-muted);text-transform:uppercase;letter-spacing:.05em}.vehicle-picker__select{-webkit-appearance:none;appearance:none;background-color:var(--vehicle-picker-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;border:1px solid var(--vehicle-picker-border-color);border-radius:var(--vehicle-picker-border-radius);color:var(--vehicle-picker-text);cursor:pointer;font-family:inherit;font-size:.9375rem;line-height:1.5;padding:.625rem 2.5rem .625rem .875rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.vehicle-picker__select:hover:not(:disabled){border-color:var(--color-foreground, #1a1a1a)}.vehicle-picker__select:focus{border-color:var(--color-foreground, #1a1a1a);box-shadow:0 0 0 1px var(--color-foreground, #1a1a1a);outline:none}.vehicle-picker__select:disabled{background-color:#f9fafb;color:var(--vehicle-picker-muted);cursor:not-allowed;opacity:.6}.vehicle-picker__status{padding:.75rem 1rem;border-radius:var(--vehicle-picker-border-radius);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.vehicle-picker__status-compatible{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.vehicle-picker__status-incompatible{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.vehicle-picker__status-icon{flex-shrink:0}.vehicle-picker__status-icon--success{color:var(--vehicle-picker-success)}.vehicle-picker__status-icon--error{color:var(--vehicle-picker-error)}.vehicle-picker__saved{display:flex;flex-direction:column;gap:.5rem}.vehicle-picker__saved-label{font-size:.75rem;font-weight:500;color:var(--vehicle-picker-muted);text-transform:uppercase;letter-spacing:.05em}.vehicle-picker__saved-list{display:flex;flex-wrap:wrap;gap:.5rem}.vehicle-picker__saved-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#f3f4f6;border:1px solid var(--vehicle-picker-border-color);border-radius:9999px;font-size:.8125rem;color:var(--vehicle-picker-text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.vehicle-picker__saved-item:hover{background-color:#e5e7eb;border-color:#d1d5db}.vehicle-picker__saved-remove{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.25rem;margin-right:-.25rem;font-size:1rem;line-height:1;color:var(--vehicle-picker-muted);border-radius:50%;transition:background-color .15s ease,color .15s ease}.vehicle-picker__saved-remove:hover{background-color:var(--vehicle-picker-error);color:#fff}.vehicle-picker__save-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:transparent;border:1px solid var(--vehicle-picker-border-color);border-radius:var(--vehicle-picker-border-radius);color:var(--vehicle-picker-text);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:background-color .15s ease,border-color .15s ease;width:fit-content}.vehicle-picker__save-btn:hover{background-color:var(--vehicle-picker-text);border-color:var(--vehicle-picker-text);color:var(--vehicle-picker-bg)}.vehicle-picker__loading{display:flex;align-items:center;gap:.5rem;color:var(--vehicle-picker-muted);font-size:.875rem}.vehicle-picker__spinner{width:1rem;height:1rem;border:2px solid var(--vehicle-picker-border-color);border-top-color:var(--vehicle-picker-text);border-radius:50%;animation:vehicle-picker-spin .6s linear infinite}@keyframes vehicle-picker-spin{to{transform:rotate(360deg)}}.vehicle-picker__error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--vehicle-picker-border-radius);color:#991b1b;font-size:.875rem}.vehicle-picker__error button{padding:.25rem .75rem;background-color:#991b1b;border:none;border-radius:var(--vehicle-picker-border-radius);color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:background-color .15s ease}.vehicle-picker__error button:hover{background-color:#7f1d1d}[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/41/assets/vehicle-selector.css.map */