.swatch{position:relative}.swatch .swatch-input{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;outline:none;box-shadow:none}.swatch .form-label{cursor:pointer;font-size:var(--pe-font-size-md);display:block;border-radius:50%;position:relative;background-size:100%;margin-bottom:0}.swatch:not(.color-swatch) .form-label{border-radius:8px;border:1px solid var(--pe-color-primary-400);padding:6px 10px;min-width:109px;min-height:32px;text-align:center;line-height:1.29;transition:ease-in-out .25s}.swatch:not(.color-swatch) input:checked+.swatch-label,.swatch:not(.color-swatch) input+.swatch-label:hover{color:var(--pe-color-black);border-color:var(--pe-color-primary-300);background-color:var(--pe-color-secondary-300)}.product-form .product-form__input.diamond-size .swatch .form-label{min-width:62px}.product-details-wrapper .swatch.color-swatch .swatch-label{min-width:30px;min-height:30px}.swatch.color-swatch .form-label{border:0;min-width:20px;min-height:20px}.swatch.color-swatch input:checked+.swatch-label:after{content:"";display:block;position:absolute;background:var(--pe-body-bg);width:4px;height:4px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.swatch.color-swatch input:checked+.swatch-label.white:after{background:var(--pe-body-color)}.product-details-wrapper .addon-fieldset .swatch.color-swatch .swatch-label{min-width:16px;min-height:16px}.product-details-wrapper .swatch.color-swatch input:checked+.swatch-label:after{width:8px;height:8px}.product-details-wrapper .addon-fieldset .swatch.color-swatch input:checked+.swatch-label:after{width:4px;height:4px}.pills-style .swatch .form-label{min-width:46px;border-radius:20px;cursor:pointer;text-align:center;font-size:var(--pe-font-size-md);background:transparent!important;border:1px solid var(--pe-body-color);padding:3px 10px;margin-bottom:.5rem}.pills-style .swatch input:checked+.swatch-label{background:var(--pe-body-color)!important;color:var(--pe-body-bg);border:1px solid var(--pe-body-color)}.pills-style .swatch input:checked+.swatch-label:after{display:none}.metal-selection-btn-group{display:flex;flex-wrap:wrap;gap:12px}.metal-selection-btn{display:block;margin-bottom:0;min-height:32px;min-width:109px;padding:6px 10px;line-height:1.29;text-align:center;border-radius:8px;position:relative;transition:ease-in-out .25s;background-color:transparent;font-size:var(--pe-font-size-md);border:1px solid var(--pe-color-primary-400)}.metal-tone-swatch:not(.color-swatch) input:checked+.swatch-label,.metal-tone-swatch:not(.color-swatch) input+.swatch-label:hover{color:var(--pe-color-black);border-color:var(--pe-color-black)}.metal-selection-btn.active,.metal-selection-btn:hover{color:var(--pe-color-black);border-color:var(--pe-color-primary-300);background-color:var(--pe-color-secondary-300)}.swatch.metal-tone-swatch .swatch-label{font-size:12px;min-width:34px;min-height:34px;margin-top:12px;padding:9px 6px;font-weight:400;border-radius:8px;border:1px solid var(--pe-color-primary-300)}.metal-swatch [class*=white-gold],[data-metal-tone=white]{background:linear-gradient(30deg,#b3b2af 0,#f7f7f7 55% 60%,#b3b2af)!important}.metal-swatch [class*=yellow-gold],[data-metal-tone=yellow]{background:linear-gradient(30deg,#e1b94f 0,#fcf1d5 55% 60%,#e1b94f)!important}.metal-swatch [class*=rose-gold],[data-metal-tone=rose]{background:linear-gradient(30deg,#ec8a55 0,#fcede2 55% 60%,#ec8a55)!important}.swatch.metal-swatch .swatch-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--pe-color-black);color:var(--pe-color-white);opacity:0;visibility:hidden;transition:.15s ease-in-out;padding:2px 6px;z-index:2;white-space:nowrap;font-size:12px;pointer-events:none}.swatch.metal-swatch .swatch-label:hover .swatch-tooltip{opacity:1;visibility:visible}.chain-option-product{cursor:pointer;border:1px solid var(--pe-color-primary-400);padding:8px;min-width:180px}.chain-option-product:has(input:checked){border-color:var(--pe-color-black)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-swatch.css.map */
