.list-swatches{display:flex;flex-wrap:wrap;margin-bottom:-6px}.list-swatches>*{margin-right:6px;margin-bottom:7px}.list-swatches label{font-size:0;display:block;background-position:center;background-size:cover;background-repeat:no-repeat;width:12px;height:12px;border:none;border-radius:50%;border:1px 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:2px solid var(--color-background-bg-2);outline-offset:3px}.list-swatches input:checked+label{border:1px solid var(--color-typography-primary);box-shadow:inset 0 0 0 1.5px var(--color-background-elements)}.list-swatches label:hover{opacity:.7}.list-swatches--square label{border-radius:0}.list-swatches--large{margin-bottom:-11px}.list-swatches--large>*{margin-right:12px;margin-bottom:12px}.list-swatches--large label{width:18px;height:18px}.list-swatches--large input:checked+label{box-shadow:inset 0 0 0 2px var(--color-background-elements)}
/*# sourceMappingURL=/cdn/shop/t/259/assets/component-swatches.css.map */