.swatch-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.swatch-wrapper{position:relative}.swatch-input{position:absolute;opacity:0}.swatch-label{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative}.swatch-label:hover{border-color:#666;transform:scale(1.1)}.swatch-label.swatch-selected{border-color:#000;border-width:3px;transform:scale(1.1)}.swatch-label.swatch-disabled{opacity:.4;cursor:not-allowed}.swatch-label.swatch-disabled:hover{border-color:#e0e0e0;transform:none}.swatch-preview{width:30px;height:30px;border-radius:50%;display:block;border:1px solid #f0f0f0}.swatch-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;margin-bottom:8px;pointer-events:none}.swatch-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000}.swatch-label:hover .swatch-tooltip{opacity:1;visibility:visible}.swatch-label.small{width:30px;height:30px}.swatch-label.small .swatch-preview{width:22px;height:22px}.swatch-label.large{width:50px;height:50px}.swatch-label.large .swatch-preview{width:38px;height:38px}.swatch-label.image-swatch .swatch-preview{background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 768px){.swatch-label{width:36px;height:36px}.swatch-preview{width:28px;height:28px}}.product-form__input--swatch{margin-bottom:1.5rem}.product-form__input--swatch .form__label{display:block;margin-bottom:.5rem;font-weight:600}.product-form__input--swatch [data-selected-swatch-value]{font-weight:400;color:#666}.swatch-label.swatch-disabled .swatch-preview{position:relative}.swatch-label.swatch-disabled .swatch-preview:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:red;transform:rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-variant-picker.css.map */