.product-form__input--two-tone{--two-tone-size: 48px;--two-tone-radius: 2px;--two-tone-gap: 12px;--two-tone-active: #1f2933;--two-tone-name-size: 13px;display:block;margin:0 0 1.2rem;padding:0;border:0;max-width:100%}.product-form__input--two-tone legend{padding:0;margin-bottom:.8rem}.two-tone-swatch__name{font-size:var(--two-tone-name-size)}.two-tone-swatch-list{display:flex;flex-wrap:wrap;gap:var(--two-tone-gap)}.two-tone-swatch{display:inline-flex;padding:.4rem;border:.1rem solid transparent;border-radius:calc(var(--two-tone-radius) + .5rem);cursor:pointer;transition:border-color var(--duration-short) ease}.two-tone-swatch:hover{border-color:rgba(var(--color-foreground),.25)}.two-tone-swatch__chip{display:block;width:var(--two-tone-size);height:var(--two-tone-size);border-radius:var(--two-tone-radius);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12)}.two-tone-swatch__input:checked+.two-tone-swatch,.two-tone-swatch.is-selected{border-color:var(--two-tone-active)}button.two-tone-swatch{background:transparent;font:inherit;line-height:0}.two-tone-swatch__input:focus-visible+.two-tone-swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.two-tone-swatch--disabled .two-tone-swatch__chip{opacity:.5}.two-tone-swatch--disabled{position:relative}.two-tone-swatch--disabled:after{content:"";position:absolute;top:50%;left:.4rem;right:.4rem;height:.1rem;transform:rotate(-45deg);background-color:rgba(var(--color-foreground),.4);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-swatch-two-tone.css.map */