.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;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:1.2rem;height:1.2rem;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:not(.list-swatches--active-underline) input:checked+label{border:.1rem solid var(--color-typography-primary);box-shadow:inset 0 0 0 .15rem var(--color-background-elements)}.list-swatches.list-swatches--active-underline input:checked+label{border-color:currentColor}.list-swatches.list-swatches--active-underline input:checked+label:after{content:"";width:100%;height:1px;background-color:currentColor;position:absolute;bottom:-5px;left:0}.list-swatches label:hover{opacity:.7}.list-swatches--square label{border-radius:0}.list-swatches--square{gap:.8rem;margin-bottom:0}.list-swatches--square>*{margin-right:0;margin-bottom:0}.list-swatches--square label{width:var(--variant-swatch-size, 8rem);height:var(--variant-swatch-size, 8rem);border:.1rem solid transparent}.list-swatches--square:not(.list-swatches--active-underline) input:checked+label{border:.1rem solid var(--color-typography-body);box-shadow:none}.list-swatches--square.list-swatches--large:not(.list-swatches--active-underline) input:checked+label{box-shadow:none}.list-swatches--square label:hover{opacity:1;border-color:var(--color-border-2)}.list-swatches--large{margin-bottom:-1.1rem}.list-swatches--large>*{margin-right:1.2rem;margin-bottom:1.2rem}.list-swatches--large label{width:1.8rem;height:1.8rem}.list-swatches--large:not(.list-swatches--active-underline) input:checked+label{box-shadow:inset 0 0 0 .2rem var(--color-background-elements)}.main-product__form-input:last-of-type .list-swatches--style-2{margin-bottom:0}.list-swatches--style-2.list-swatches label{width:3.2rem;height:3.2rem}.list-swatches--style-2.list-swatches--active-underline input:checked+label:after{bottom:-1rem;width:1.6rem;left:50%;transform:translate(-50%)}.main-product__form-option--unavailable .list-swatches label,.main-product__form-option--unavailable label.swatch{opacity:.3;overflow:hidden}.main-product__form-option--unavailable .list-swatches label:after,.main-product__form-option--unavailable label.swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--color-border-2) calc(50% - .5px),var(--color-border-2) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-swatches.css.map */