.card-swatches{margin:0;padding:0;border:0;min-inline-size:0}.card-swatches .swatches li{padding:0}.card-swatches .swatches{margin-block-end:0}.card-swatches .card-swatch{position:relative;display:block;padding:var(--swatch-spacing);cursor:pointer}.card-swatches .card-swatch :is(.card-swatch__band,.swatch-color){opacity:.4;transition:opacity .18s ease}.card-swatches input:checked+:is(.card-swatch__band,.swatch-color){opacity:1}@media(hover:hover){.card-swatches .swatches:has(.card-swatch:hover) .card-swatch:not(:hover) input:checked+:is(.card-swatch__band,.swatch-color){opacity:.4}.card-swatches .card-swatch:hover :is(.card-swatch__band,.swatch-color){opacity:1}}.card-swatches .swatch-color:before,.card-swatches .swatch-color:after{display:none}.card-swatches .card-swatch.is-unavailable:after{content:"";position:absolute;left:calc(var(--swatch-spacing) - .3rem);right:calc(var(--swatch-spacing) - .3rem);top:50%;height:1.5px;background:rgb(var(--color-foreground));transform:rotate(-45deg);pointer-events:none}card-swatches:not([data-pointer]) input:focus-visible+:is(.swatch-color,.card-swatch__band){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.card-swatches--metal .swatches--product-card{--swatch-spacing: .5rem}.card-swatch__band{position:relative;display:block;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;background:var(--metal-fill, #8f979f)}.card-swatch__band:before{content:"";position:absolute;inset:calc(var(--swatch-size) * .204);border-radius:50%;background:rgb(var(--color-background));box-shadow:inset 0 1px 2.5px #000000e6}.card-swatch:is([data-value=black],[data-value=oxidised-black]) .card-swatch__band:before{box-shadow:inset 0 0 0 1px #ffffff14}.card-swatch[data-value=silver]{--metal-fill: conic-gradient(from 210deg,#eef1f4,#8f979f 15%,#fff 30%,#828a92 45%,#dee3e8 60%,#949ca4 75%,#fff 90%,#eef1f4)}.card-swatch[data-value=gold]{--metal-fill: conic-gradient(from 210deg,#f3d688,#ad7c28 15%,#fff4c9 30%,#a4752a 45%,#e9c469 60%,#b0812c 75%,#fff6d2 90%,#f3d688)}.card-swatch[data-value=rose-gold]{--metal-fill: conic-gradient(from 210deg,#f0c2b2,#b06a56 15%,#ffe4d9 30%,#a4614e 45%,#e4ab98 60%,#b26b57 75%,#ffe9e0 90%,#f0c2b2)}.card-swatch:is([data-value=black],[data-value=oxidised-black]){--metal-fill: conic-gradient(from 210deg,#484c52,#191b1f 15%,#70767e 30%,#16181b 45%,#3a3e44 60%,#1d1f23 75%,#6a7078 90%,#484c52)}.card-swatch[data-value=two-tone]{--metal-fill: linear-gradient(115deg,#eef1f4 0 46%,#b9c0c7 46% 50%,#f3d688 50% 100%)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-card-swatches.css.map */