.product-form__input--swatch{display:flex;flex-direction:column;gap:.8rem;border:0;padding:0;margin:0 0 1.6rem;max-width:100%}.product-form__input--swatch .form__label{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;font-weight:600;padding:0}.product-form__input--swatch .form__label .swatch-selected-value{font-weight:400;opacity:.75}.variant-swatch-list{display:flex;flex-wrap:wrap;gap:.8rem;padding:0;margin:0;list-style:none}.variant-swatch-list input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0}.variant-swatch-list label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:6rem;height:6rem;width:6rem;padding:0;border-radius:4px;border:1px solid rgba(0,0,0,.18);background-color:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;overflow:hidden;font-size:0;line-height:1}.variant-swatch-list label:hover{border-color:#0000008c;transform:translateY(-1px)}.variant-swatch-list input[type=radio]:focus-visible+label{outline:2px solid #2563eb;outline-offset:2px}.variant-swatch-list input[type=radio]:checked+label{border:2px solid #111111;box-shadow:0 0 0 1.5px #111 inset}.variant-swatch-list label .variant-swatch__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.variant-swatch-list label .variant-swatch__fill{width:100%;height:100%;display:block;border-radius:inherit}.variant-swatch-list label .variant-swatch__text{font-size:1.2rem;font-weight:600;color:#111;padding:0 1rem;white-space:nowrap;letter-spacing:.02em}.variant-swatch-list input[type=radio].disabled+label{opacity:.45;cursor:not-allowed}.variant-swatch-list input[type=radio].disabled+label:after{content:"";position:absolute;top:50%;left:-8%;right:-8%;height:1px;background-color:#0000008c;transform:rotate(-22deg);pointer-events:none}.variant-swatch-list label .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/108/assets/component-variant-swatch.css.map */