.product--metal-swatches .product-form__input>.form__label{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.product--metal-swatches .product-form__input .form__label .flex{gap:10px}.product--metal-swatches .product-form__input .form__label-colon{display:none}.product--metal-swatches .product-form__input .form__label .font-body-bold,.product--metal-swatches .product-form__input .form__label [data-selected-swatch-value]{font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-size:11px;letter-spacing:var(--buttons-letter-spacing, .16em);text-transform:uppercase;line-height:1.2}.product--metal-swatches .product-form__input .form__label .font-body-bold{color:rgba(var(--color-foreground),.55)}.product--metal-swatches .product-form__input .form__label [data-selected-swatch-value]{color:rgb(var(--color-foreground))}.product--metal-swatches .product-form__input.product-form__input--color{--metal-band: 46px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label{position:relative;display:block;width:var(--metal-band);height:var(--metal-band);margin:0;border:0;padding:0;border-radius:50%;cursor:pointer;overflow:visible;transition:transform .18s ease}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label>.swatch-color{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;min-width:0;min-height:0;border:0;border-radius:50%;box-shadow:none;background:var(--metal-fill, #8f979f)}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label>.swatch-color:before{content:"";position:absolute;inset:calc(var(--metal-band) * .204);width:auto;height:auto;border:0;border-radius:50%;background:rgb(var(--color-background));box-shadow:inset 0 2px 5px #000000e6;opacity:1;transform:none}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label>.swatch-color:after{content:none}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label[data-value=black]>.swatch-color:before,.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label[data-value=oxidised-black]>.swatch-color:before{box-shadow:inset 0 0 0 1px #ffffff14}@media(hover:hover){.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]+label:hover{transform:scale(1.06)}}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]:checked+label:after{content:"";position:absolute;inset:calc(var(--metal-band) * -.13);border-radius:50%;border:1.5px solid rgb(var(--color-primary, 2, 60, 99));pointer-events:none}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]:checked+label>.swatch-color{box-shadow:none}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]:is(.disabled,:disabled)+label{opacity:.42}.product--metal-swatches .product-form__input.product-form__input--color input[type=radio]:is(.disabled,:disabled)+label:before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:1.5px;background:rgb(var(--color-foreground));transform:rotate(-45deg);pointer-events:none;z-index:2}.product--metal-swatches .product-form__input.product-form__input--color label[data-value=silver]{--metal-fill: conic-gradient(from 210deg,#eef1f4,#8f979f 15%,#fff 30%,#828a92 45%,#dee3e8 60%,#949ca4 75%,#fff 90%,#eef1f4)}.product--metal-swatches .product-form__input.product-form__input--color label[data-value=gold]{--metal-fill: conic-gradient(from 210deg,#f3d688,#ad7c28 15%,#fff4c9 30%,#a4752a 45%,#e9c469 60%,#b0812c 75%,#fff6d2 90%,#f3d688)}.product--metal-swatches .product-form__input.product-form__input--color label[data-value=rose-gold]{--metal-fill: conic-gradient(from 210deg,#f0c2b2,#b06a56 15%,#ffe4d9 30%,#a4614e 45%,#e4ab98 60%,#b26b57 75%,#ffe9e0 90%,#f0c2b2)}.product--metal-swatches .product-form__input.product-form__input--color label[data-value=black],.product--metal-swatches .product-form__input.product-form__input--color label[data-value=oxidised-black]{--metal-fill: conic-gradient(from 210deg,#484c52,#191b1f 15%,#70767e 30%,#16181b 45%,#3a3e44 60%,#1d1f23 75%,#6a7078 90%,#484c52)}.product--metal-swatches .product-form__input.product-form__input--color label[data-value=two-tone]{--metal-fill: linear-gradient(115deg,#eef1f4 0 46%,#b9c0c7 46% 50%,#f3d688 50% 100%)}.product--metal-swatches .product-form__input.product-form__input--button{display:flex;flex-wrap:wrap;gap:8px}.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]+label{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:46px;width:auto;height:46px;margin:0;padding:0 8px;border-radius:9px;border:1px solid rgba(var(--color-foreground),.32);background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-size:14px;letter-spacing:var(--buttons-letter-spacing, 0);text-transform:var(--buttons-transform, none);transition:border-color .16s ease}@media(hover:hover){.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]+label:hover{border-color:rgb(var(--color-foreground))}}.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]:checked+label{border:1.5px solid rgb(var(--color-foreground));background:#0d2436;color:rgb(var(--color-foreground))}.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]:is(.disabled,:disabled)+label{border:1px solid rgba(var(--color-foreground),.16);color:rgba(var(--color-foreground),.7);background:transparent}.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]:is(.disabled,:disabled)+label:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(var(--color-foreground),.3);transform:rotate(-28deg);pointer-events:none}.product--metal-swatches .product-form__input.product-form__input--button input[type=radio]:is(.disabled,:disabled):checked+label{border:1.5px solid rgba(var(--color-foreground),.6);background:transparent}.product--metal-swatches .product-form__input input[type=radio]:focus-visible+label,.product--metal-swatches .product-form__input input[type=radio].focused+label{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-metal-swatches.css.map */