.lds-swatch{--lds-swatch-size: 3.1rem;display:inline-block;width:var(--lds-swatch-size);height:var(--lds-swatch-size);border-radius:50%;background:var(--lds-swatch-bg);background-size:cover;background-position:var(--lds-swatch-focal-point, center);border:.1rem solid rgba(var(--color-foreground),.15);flex-shrink:0}.lds-swatch--square{border-radius:.4rem}.lds-swatch--empty{--lds-swatch-size: 3.1rem;display:inline-block;width:var(--lds-swatch-size);height:var(--lds-swatch-size);border-radius:50%;border:.1rem dashed rgba(var(--color-foreground),.3)}.lds-swatch--empty.lds-swatch--square{border-radius:.4rem}.lds-swatch-input{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.2rem;border-radius:50%;transition:outline .15s ease;outline:.2rem solid transparent;outline-offset:.1rem}.lds-swatch-input:hover{outline-color:rgba(var(--color-foreground),.4)}.lds-swatch-input:has(:checked){outline-color:rgb(var(--color-foreground))}.lds-swatch-input:has(:focus-visible){outline-color:rgba(var(--color-foreground),.6);box-shadow:0 0 0 .4rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.4)}.lds-swatch-input .lds-swatch{position:relative}.lds-swatch-input__radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.product-form__input--swatch{display:flex;flex-direction:column;gap:.8rem}.lds-swatch-grid{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:7px}.lds-swatch-toggle{display:inline-flex;align-items:center;background:none;border:none;padding:.4rem 0;font-size:1.2rem;color:rgba(var(--color-foreground),.7);cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.lds-swatch-toggle:hover{color:rgb(var(--color-foreground))}@supports not selector(:has(a,b)){.lds-swatch-input--active{outline-color:rgb(var(--color-foreground))}.lds-swatch-input:focus-within{outline-color:rgba(var(--color-foreground),.6);box-shadow:0 0 0 .4rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.4)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-lds-swatch.css.map */