.list-swatches{display:flex;flex-wrap:wrap;margin-bottom:-.6rem}.list-swatches>*{margin-right:.6rem;margin-bottom:.7rem}.list-swatches label{font-size:0;display:block;background-position:center;background-size:cover;background-repeat:no-repeat;width:2.8rem;height:2.8rem;border:none;border-radius:50%;border:.1rem solid var(--color-border-1);cursor:pointer;box-shadow:none;transition:box-shadow .4s ease-in-out,border .4s ease-in-out,opacity .4s ease-in-out}.list-swatches input:focus-visible+label{outline:.2rem solid var(--color-background-bg-2);outline-offset:.3rem}.list-swatches input:checked+label{border:.1rem solid var(--color-background-bg-2);box-shadow:inset 0 0 0 .15rem var(--color-background-elements)}.list-swatches label:hover{opacity:.7}.list-swatches--square label{border-radius:0}.list-swatches--large{margin-bottom:-1.1rem}.list-swatches--large>*{margin-right:1.2rem;margin-bottom:1.2rem}.list-swatches--large label{width:2.8rem;height:2.8rem}.list-swatches--large input:checked+label{box-shadow:inset 0 0 0 .2rem var(--color-background-elements)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-swatches.css.map */