.color-swatches{border:none;margin:0;padding:0}.color-swatches__legend{padding:0;margin:0 0 10px;font-size:13px;color:rgba(from var(--color-foreground, #111) r g b / 70%)}.color-swatches__legend span[data-color-swatches-selected]{font-weight:600;color:var(--color-foreground, #111)}.color-swatches__grid{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{position:relative;display:inline-flex;width:40px;height:40px;flex-shrink:0}.color-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.color-swatch__circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--color-swatch-hex, #cccccc);box-shadow:0 0 0 1px #00000024;transition:box-shadow .15s ease,transform .15s ease}.color-swatch--white .color-swatch__circle{box-shadow:0 0 0 1px #0006}.color-swatch:hover .color-swatch__circle{transform:scale(1.08)}.color-swatch input:checked+.color-swatch__circle{box-shadow:0 0 0 2px var(--color-background, #fff),0 0 0 4px var(--color-foreground, #111)}.color-swatch--white input:checked+.color-swatch__circle{box-shadow:0 0 0 2px var(--color-background, #fff),0 0 0 4px #000000bf}.color-swatch input:focus-visible+.color-swatch__circle{outline:2px solid var(--color-foreground, #111);outline-offset:3px}.color-swatch input:disabled{cursor:not-allowed}.color-swatch input:disabled+.color-swatch__circle{opacity:.45;cursor:not-allowed}.color-swatch input:disabled+.color-swatch__circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(120,0,0,.75) 50%,transparent calc(50% + 1px))}.color-swatch--unmapped .color-swatch__circle{background:repeating-linear-gradient(45deg,#ddd 0 4px,#eee 4px 8px)}@media(max-width:749px){.color-swatch{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/color-swatches.css.map */