.product-form__input--color-swatch{margin-bottom:1.6rem;border:0;padding:0;min-width:0}.product-form__input--color-swatch .form__label{margin-bottom:.8rem;padding:0}.dovie-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.dovie-color-swatch{position:relative}.dovie-color-swatch__input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.dovie-color-swatch__label{display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer;border-radius:50%}.dovie-color-swatch__dot{--dovie-swatch-size: 2.8rem;display:block;width:var(--dovie-swatch-size);height:var(--dovie-swatch-size);border-radius:50%;box-sizing:border-box;border:.1rem solid transparent;box-shadow:0 0 0 .15rem transparent;transition:box-shadow var(--duration-short) ease,border-color var(--duration-short) ease}.dovie-color-swatch__dot--bordered{border-color:rgba(var(--color-foreground),.28)}.dovie-color-swatch__dot--empty{background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.2))}.dovie-color-swatch__input:checked+.dovie-color-swatch__label .dovie-color-swatch__dot{box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.dovie-color-swatch__input:not(.disabled):not(.visually-disabled)+.dovie-color-swatch__label:hover .dovie-color-swatch__dot{box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .28rem rgba(var(--color-foreground),.4)}.dovie-color-swatch__input:checked+.dovie-color-swatch__label:hover .dovie-color-swatch__dot{box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.dovie-color-swatch__input:focus-visible+.dovie-color-swatch__label .dovie-color-swatch__dot{outline:.2rem solid rgba(var(--color-foreground),.45);outline-offset:.35rem}.dovie-color-swatch__input:not(.disabled):not(.visually-disabled)+.dovie-color-swatch__label>.label-unavailable{display:none}.dovie-color-swatch__input.disabled+.dovie-color-swatch__label,.dovie-color-swatch__input.visually-disabled+.dovie-color-swatch__label{opacity:.4;cursor:default}@media screen and (min-width:750px){.dovie-color-swatch__dot{--dovie-swatch-size: 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dovie-color-swatches.css.map */