:root{--vp-success-color: #28a745;--vp-white-color: #FFFFFF;--vp-black-color: #000000;--vp-border-selected: 2px solid var(--vp-black-color);--border-color: #e5e7eb;--rounded-base: .375rem;--text-color: #1f2937;--background-secondary: #f9fafb;--background-disabled: #f3f4f6;--border-color-disabled: #d1d5db;--text-sm: .875rem;--font-weight-medium: 500;--text-xs: .75rem;--text-color-subdued: #6b7280;--rounded-sm: .125rem;--color-accent-bg: #eff6ff}.button--full{width:100%}.drawer--variant-picker .drawer__content{display:flex;flex-direction:column;gap:1rem}.variant-grid__shipping-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--text-sm);margin-bottom:1rem}.variant-grid__shipping-info .shipping-text{color:var(--vp-success-color)}.variant-grid__shipping-dot{display:inline-block;width:8px;height:8px;background-color:var(--vp-success-color);border-radius:50%}.variant-grid__shipping-badge{background-color:var(--vp-success-color);color:var(--vp-white-color);padding:.1rem .4rem;border-radius:8px;font-style:italic;font-weight:700;font-size:var(--text-xs)}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;padding:.5rem 0}.variant-grid__option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;border:1px solid var(--border-color);border-radius:var(--rounded-base);cursor:pointer;text-align:center;transition:all .2s ease-in-out;position:relative;min-height:60px;margin:1px}.variant-grid__option:hover{border-color:var(--text-color);background-color:var(--background-secondary)}.variant-grid__option.is-selected{border:var(--vp-border-selected);background-color:var(--background-secondary);margin:0}.variant-grid__option.is-disabled{cursor:not-allowed;opacity:.5;background-color:var(--background-disabled);border-color:var(--border-color-disabled)}.variant-grid__option.is-disabled:hover{border-color:var(--border-color-disabled);background-color:var(--background-disabled)}.variant-grid__option-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.2}.variant-grid__option-price{font-size:var(--text-xs);color:var(--text-color-subdued);margin-top:.25rem}.variant-grid__option-available{position:absolute;top:4px;left:4px;padding:.1rem .4rem;background-color:var(--vp-success-color);color:var(--vp-white-color);border-radius:10px;font-weight:700;font-size:.65rem;line-height:1;font-style:italic}.drawer--variant-picker [slot=footer] .button{width:100%}@media (max-width: 768px){.variant-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.variant-grid__option-available{font-size:.5rem;padding:.1rem .2rem;top:2px;left:2px;border-radius:5px}}
/*# sourceMappingURL=/s/files/1/0604/6056/4696/t/24/assets/variant-picker-custom.css.map */