.swatch{display:flex;flex-wrap:wrap;gap:.5rem;--swatch-size:45px;margin:.5rem 0 1rem}.swatch__legend{width:100%;margin-bottom:10px;font-weight:600;font-size:18px}.swatch__input{position:absolute;opacity:0;pointer-events:none}.swatch__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:45px;padding:15px 20px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:16px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,background .15s}.swatch__btn--circle{border-radius:calc(var(--swatch-size) / 2)}.swatch__btn.is-disabled{opacity:.45;cursor:not-allowed}.swatch__input:checked+.swatch__btn{border-color:#111;box-shadow:0 0 0 2px #111 inset}.swatch__dot{width:calc(var(--swatch-size) - 12px);height:calc(var(--swatch-size) - 12px);border-radius:50%;border:1px solid #ccc;display:inline-block}.swatch__img{width:calc(var(--swatch-size) - 8px);height:calc(var(--swatch-size) - 8px);border-radius:8px;background-size:cover;background-position:center;display:inline-block}.swatch__btn.is-disabled .swatch__img,.swatch__btn.is-disabled .swatch__dot{filter:grayscale(100%);opacity:.6}.swatch__cross{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;display:none}.swatch__btn.is-disabled .swatch__cross{display:block}.swatch__cross:before,.swatch__cross:after{content:"";position:absolute;top:50%;left:50%;width:160%;height:2px;background:red;transform-origin:center}.swatch__cross:before{transform:translate(-50%,-50%) rotate(45deg)}.swatch__cross:after{transform:translate(-50%,-50%) rotate(-45deg)}.swatch__cross:before{left:50%;width:115%;transform:translate(-50%,-130%) rotate(20deg);top:58%}.swatch__cross:after{left:50%;width:115%;transform:translate(-50%,-130%) rotate(-20deg);top:58%}
/*# sourceMappingURL=/cdn/shop/t/275/assets/swatch.css.map */