.swatches{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;gap:var(--swatch-gap)}.swatch{--size: var(--swatch-size);--radius: var(--swatch-corner-radius);background-color:var(--swatch-color);border-radius:var(--radius);cursor:pointer;display:flex;width:var(--size);height:var(--size);position:relative;margin:.1rem}.swatch:empty{display:flex}.swatch--round{--swatch-corner-radius: var(--swatch-corner-radius--round)}.swatch-input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.swatch:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 0 .1rem rgb(var(--color-background));pointer-events:none}.swatch.is-selected:after,.swatch-input:checked+.swatch:after{box-shadow:0 0 0 .1rem rgb(var(--color-gray-darker))}:is(.swatch.is-disabled,.swatch-input:is(.disabled,:disabled,[aria-disabled=true])+.swatch):before{content:"";display:block;width:150%;width:calc(sqrt((var(--swatch-size--raw) * var(--swatch-size--raw)) * 2)*.1rem);height:.1rem;background-color:rgb(var(--color-black));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center}.swatch-input.hidden+.swatch{display:none}
/*# sourceMappingURL=/cdn/shop/t/289/assets/component-swatch.css.map */