.list-swatches{display:flex;flex-wrap:wrap}.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:1.2rem;height:1.2rem;border:none;border-radius:50%;border:4px solid #F5F5F5;cursor:pointer;box-shadow:none;transition:box-shadow .3s ease-in-out,border .3s ease-in-out;overflow:hidden}.list-swatches input:focus-visible+label{outline:.2rem solid var(--color-background-bg-2);outline-offset:.3rem}.list-swatches input:checked+label{border:1px solid #828282}.list-swatches label:hover{opacity:.7}.list-swatches--square label{border-radius:3px}.list-swatches--large>*{margin-right:8px;margin-bottom:8px}.list-swatches--large label{width:40px;height:40px}.list-swatches--large input:checked+label{box-shadow:inset 0 0 0 3px var(--color-background-elements)}
/*# sourceMappingURL=/cdn/shop/t/103/assets/component-swatches.css.map */