:root{--variant-picker-primary: #0c7aef;--variant-picker-primary-hover: #0a64c7;--variant-picker-primary-light: #eff6ff;--variant-picker-primary-shadow: rgba(12, 122, 239, .1);--variant-picker-primary-shadow-md: rgba(12, 122, 239, .2);--variant-picker-primary-shadow-lg: rgba(12, 122, 239, .3);--variant-picker-success-bg: #ecfdf5;--variant-picker-success-border: #6ee7b7;--variant-picker-success-text: #047857;--variant-picker-success-accent: #10b981;--variant-picker-warning-bg: #fef3c7;--variant-picker-warning-border: #f59e0b;--variant-picker-warning-text: #92400e;--variant-picker-danger: #c8102e;--variant-picker-danger-hover: #a00d24;--variant-picker-danger-bg: #fef2f2;--variant-picker-danger-bg-hover: #fee2e2;--variant-picker-gray-50: #f9fafb;--variant-picker-gray-100: #f3f4f6;--variant-picker-gray-200: #e5e7eb;--variant-picker-gray-300: #d1d5db;--variant-picker-gray-400: #9ca3af;--variant-picker-gray-500: #6b7280;--variant-picker-gray-700: #374151;--variant-picker-gray-900: #111827;--variant-picker-white: #ffffff;--variant-picker-black: #000000;--variant-picker-border-radius-sm: 4px;--variant-picker-border-radius-md: 6px;--variant-picker-border-radius-lg: 8px;--variant-picker-transition: .2s ease}.variant-picker{background:var(--variant-picker-white);border-radius:var(--variant-picker-border-radius-md);border:1px solid var(--variant-picker-gray-200)}.variant-picker__header{display:flex;align-items:center;gap:10px}.variant-picker__label{font-weight:600;color:var(--variant-picker-gray-700);margin:0}.variant-picker__search{position:relative;margin-bottom:12px}.variant-picker__search-input{width:100%;border:1px solid var(--variant-picker-gray-300);border-radius:var(--variant-picker-border-radius-lg);font-size:14px;transition:border-color var(--variant-picker-transition);background:var(--variant-picker-white)}.variant-picker__search-input:focus{outline:none;border-color:var(--variant-picker-primary);box-shadow:0 0 0 3px var(--variant-picker-primary-shadow)}.variant-picker__search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--variant-picker-gray-400);pointer-events:none}.variant-picker__results{overflow-y:auto}.variant-picker__grid{display:grid}.variant-picker__button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--variant-picker-white);border:1px solid var(--variant-picker-gray-200);border-radius:var(--variant-picker-border-radius-sm);cursor:pointer;transition:all var(--variant-picker-transition)}.variant-picker__button:not(:disabled):hover{border-color:var(--variant-picker-primary);background:var(--variant-picker-primary-light)}.variant-picker__button[aria-pressed=true]{border-color:var(--variant-picker-primary);background:var(--variant-picker-primary);color:var(--variant-picker-white)}.variant-picker__button:disabled,.variant-picker__button.is-sold-out,.variant-picker__button.is-unavailable{opacity:.5;cursor:not-allowed;background:var(--variant-picker-gray-100)}.variant-picker__value{font-weight:500;line-height:1}.variant-picker__no-results{text-align:center;color:var(--variant-picker-gray-500)}.variant-picker__hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.variant-picker__badge{display:inline-block;background:var(--variant-picker-success-bg);border:1px solid var(--variant-picker-success-border);color:var(--variant-picker-success-text);font-weight:600;border-radius:var(--variant-picker-border-radius-sm);flex-shrink:0}@media (max-width: 768px){.variant-picker__search-input{font-size:16px}}@media (max-width: 640px){.variant-picker__button{min-height:20px}.variant-picker__value{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/variant-picker-core.css.map */