.product-form .swatch-selectors{margin-bottom:2rem}.product-form .swatch-option-wrapper{margin-bottom:1.5rem}.product-form .swatch-option-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.75rem;color:var(--color-text, #333);text-transform:uppercase;letter-spacing:.5px}.product-form .swatch-options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.product-form .swatch-input{position:absolute;opacity:0;pointer-events:none}.product-form .swatch-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;height:50px;padding:8px;border:2px solid #e0e0e0;border-radius:8px;background-color:#f8f8f8;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.75rem;font-weight:500;color:var(--color-text, #333);overflow:hidden}.product-form .swatch-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--color-primary, #f59f12)}.product-form .swatch-input:checked+.swatch-label{border-color:var(--color-primary, #f59f12);background-color:var(--color-primary, #f59f12);color:#fff;box-shadow:0 4px 12px #f59f124d}.product-form .swatch-input:focus+.swatch-label{outline:2px solid var(--color-primary, #f59f12);outline-offset:2px}.product-form .swatch-visual{display:block;width:100%;height:100%;margin-bottom:4px}.product-form .swatch-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.product-form .swatch-color{width:100%;height:100%;border-radius:4px;border:2px solid #fff;box-shadow:0 0 0 1px #e0e0e0}.product-form .swatch-text{font-size:.7rem;font-weight:600;line-height:1;text-align:center}.product-form .swatch-label--selected .swatch-text{color:#fff}.product-form .swatch-label--unavailable{opacity:.5;cursor:not-allowed;background-color:#f0f0f0}.product-form .swatch-label--unavailable:hover{transform:none;box-shadow:none}.product-form .swatch-unavailable{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}.product-form .swatch-selectors[data-style=rounded] .swatch-label{border-radius:8px}.product-form .swatch-selectors[data-style=square] .swatch-label{border-radius:0}.product-form .swatch-selectors[data-style=circle] .swatch-label,.product-form .swatch-selectors[data-style=circle] .swatch-visual{border-radius:50%}.product-form .swatch-selectors[data-size="30"] .swatch-label{min-width:30px;height:30px;padding:4px}.product-form .swatch-selectors[data-size="35"] .swatch-label{min-width:35px;height:35px;padding:5px}.product-form .swatch-selectors[data-size="40"] .swatch-label{min-width:40px;height:40px;padding:6px}.product-form .swatch-selectors[data-size="45"] .swatch-label{min-width:45px;height:45px;padding:7px}.product-form .swatch-selectors[data-size="50"] .swatch-label{min-width:50px;height:50px;padding:8px}.product-form .swatch-selectors[data-size="55"] .swatch-label{min-width:55px;height:55px;padding:9px}.product-form .swatch-selectors[data-size="60"] .swatch-label{min-width:60px;height:60px;padding:10px}.product-form .swatch-selectors[data-size="65"] .swatch-label{min-width:65px;height:65px;padding:11px}.product-form .swatch-selectors[data-size="70"] .swatch-label{min-width:70px;height:70px;padding:12px}.product-form .swatch-selectors[data-size="75"] .swatch-label{min-width:75px;height:75px;padding:13px}.product-form .swatch-selectors[data-size="80"] .swatch-label{min-width:80px;height:80px;padding:14px}.product-form .size-chart-link-wrapper{margin-top:.75rem}.product-form .size-chart-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary, #f59f12);text-decoration:none;font-size:.8rem;font-weight:500;transition:color .3s ease}.product-form .size-chart-link:hover{color:var(--color-primary-dark, #d6890f);text-decoration:underline}.product-form .swatch-hidden-select{display:none}@media (max-width: 768px){.product-form .swatch-options{gap:.5rem}.product-form .swatch-label{min-width:45px;height:45px;padding:6px}.product-form .swatch-text{font-size:.65rem}}@media (max-width: 480px){.product-form .swatch-options{gap:.4rem}.product-form .swatch-label{min-width:40px;height:40px;padding:5px}.product-form .swatch-text{font-size:.6rem}}.product-form .swatch-input:checked+.swatch-label{animation:swatchSelect .3s ease-out}@keyframes swatchSelect{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.product-form .swatch-label--loading{opacity:.7;pointer-events:none}.product-form .swatch-label--loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid var(--color-primary, #f59f12);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-form .swatch-input:focus:not(:checked)+.swatch-label{border-color:var(--color-primary, #f59f12);box-shadow:0 0 0 2px #f59f124d}@media (prefers-contrast: high){.product-form .swatch-label{border-width:3px}.product-form .swatch-input:checked+.swatch-label{border-width:4px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/swatch-picker.css.map */