.ring-country-select{width:100%;padding:1rem 3rem 1rem 2rem;border:1px solid rgba(18,18,18,.1);border-radius:12px;font-size:1.4rem;letter-spacing:.1rem;background:#fef8f1;color:#121212;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23121212' d='M6 8.5L2 4.5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center}.diamond-customizer-container{margin:1.5rem 0;position:relative}.form__label{font-size:1.4rem;margin-bottom:0rem;font-weight:700;font-family:var(--font-optima);display:block}.weight-grid-wrapper,.sibling-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:2px 2px}.scroll-arrow-container{position:relative;margin-bottom:1rem}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%) scale(1);width:24px;height:24px;background:#114747;border:1px solid #114747;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;z-index:10;cursor:pointer;box-shadow:0 2px 4px #0000001a;font-size:14px;line-height:1;padding-bottom:2px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.scroll-arrow:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #0003}.scroll-arrow:active{transform:translateY(-50%) scale(.9)}.left-arrow{left:-8px}.right-arrow{right:-8px}.scroll-arrow.hidden{display:none!important}@media screen and (max-width:749px){.scroll-arrow{display:flex}.sibling-grid-wrapper{grid-template-columns:repeat(5,1fr);gap:5px}.scrollable-wrapper{display:flex;grid-template-columns:none;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:10px}.scrollable-wrapper::-webkit-scrollbar{height:3px}.scrollable-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.scrollable-wrapper::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.scrollable-wrapper .weight-item,.scrollable-wrapper .sibling-grid-item{flex:0 0 auto;width:70px;min-width:70px}.weight-item label,.sibling-grid-item{padding:5px 2px;border-radius:8px;height:100%}.diamond-img-box,.sibling-img-box{height:34px}.diamond-svg,.metal-swatch-img{width:24px;height:24px}.weight-text,.sibling-text{font-size:10px;line-height:1.1;margin-top:3px}}.weight-item label,.sibling-grid-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%;padding:4px;border-radius:12px;text-decoration:none;border:1px solid transparent;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(1)}.weight-item input{display:none}.weight-item label:hover,.sibling-grid-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014;border-color:#114747}.weight-item label:active,.sibling-grid-item:active{transform:translateY(0) scale(.97);box-shadow:none}.sibling-grid-item.metal-variant:hover .metal-swatch-img{border-color:#000}.sibling-grid-item.metal-variant:hover .sibling-text{color:#000}.sibling-grid-item.metal-variant:hover{border-color:transparent;box-shadow:none;transform:translateY(-2px)}.diamond-img-box,.sibling-img-box{height:50px;display:flex;align-items:center;justify-content:center;width:100%}.weight-svg,.diamond-svg{display:block;overflow:visible}.diamond-svg{width:35px;height:35px}.weight-svg *,.diamond-svg *{fill:none;stroke:#000;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,stroke-width .3s ease}.weight-item:hover .weight-svg *,.sibling-grid-item:hover .diamond-svg *{stroke:#333}.weight-item input:checked+label,.sibling-grid-item.shape-variant.active{background-color:#114747;box-shadow:0 2px 6px #11474733;transform:translateY(0)}.weight-item input:checked+label .weight-svg *,.sibling-grid-item.shape-variant.active .diamond-svg *{stroke:#fff;stroke-width:1.5px}.weight-item input:checked+label .weight-text,.sibling-grid-item.shape-variant.active .sibling-text{font-weight:700;color:#fff}.metal-swatch-img{border-radius:50%;width:35px;height:35px;object-fit:cover;border:1px solid #d3d3d3;padding:2px;transition:border-color .3s ease}.metal-swatch-img.active-swatch{border-color:#114747}.sibling-grid-item.metal-variant.active .sibling-text{font-weight:700;color:#114747}.weight-text,.sibling-text{font-size:1.2rem;margin-top:5px;color:rgba(var(--color-foreground),.75);white-space:nowrap;transition:color .3s ease;text-align:center;line-height:1.3}.sibling-text.active-text,.sibling-grid-item.active .sibling-text{font-weight:700;color:rgb(var(--color-foreground))}.pill-sub{font-size:.8em;opacity:.7;margin-left:4px;font-weight:400}.diamond-customizer-container .product-form__input--pill{display:flex!important;flex-wrap:wrap!important;gap:0!important;padding:0!important;margin:0 0 1.2rem!important;border:none!important}.diamond-customizer-container .product-form__input--pill input[type=radio]{clip:rect(0,0,0,0)!important;overflow:hidden!important;position:absolute!important;height:1px!important;width:1px!important;opacity:0!important;pointer-events:none!important}.diamond-customizer-container .product-form__input--pill input[type=radio]+label{border-radius:12px!important;padding:1rem 2rem!important;border:1px solid rgba(18,18,18,.1)!important;cursor:pointer!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;transform:scale(1)!important;background-color:#fef8f1!important;color:#121212!important;display:inline-block!important;opacity:1!important;position:relative!important;font-size:1.4rem!important;letter-spacing:.1rem!important;line-height:1!important;margin:.7rem .5rem .2rem 0!important;text-align:center!important;box-sizing:border-box!important}.diamond-customizer-container .product-form__input--pill input[type=radio]+label:before{content:none!important;display:none!important}.diamond-customizer-container .product-form__input--pill input[type=radio]+label:hover{border-color:#114747!important;transform:translateY(-2px)!important;box-shadow:0 4px 10px #00000014!important}.diamond-customizer-container .product-form__input--pill input[type=radio]:checked+label{background-color:#114747!important;color:#fff!important;border-color:#114747!important;box-shadow:0 2px 6px #11474733!important;transform:translateY(0)!important}#custom-manual-area .product-form__input--pill{display:flex!important;flex-wrap:wrap!important;margin-bottom:1rem!important}.ring-trigger-pill{border-radius:12px;padding:1rem 2rem;border:1px solid rgba(18,18,18,.1);cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(1);background-color:#fef8f1;color:#121212;display:inline-flex;align-items:center;opacity:1;position:relative;font-size:1.4rem;letter-spacing:.1rem;line-height:1;margin:.7rem .5rem .2rem 0;text-align:center;box-sizing:border-box}.ring-trigger-pill:hover{border-color:#114747;transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.ring-trigger-pill.selected{background-color:#114747;color:#fff;border-color:#114747;box-shadow:0 2px 6px #11474733;transform:translateY(0)}.ring-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;background-color:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .3s ease,visibility .3s ease}.ring-modal.active{visibility:visible;opacity:1}.ring-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;cursor:pointer}.ring-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:2;background:#fef8f1;width:500px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 30px 100px #0003,0 10px 40px #0000001a;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out}.ring-modal.active .ring-modal-content{transform:translate(-50%,-50%) scale(1);opacity:1}.ring-modal-header{padding:20px 25px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;background-color:#114747;border-radius:12px 12px 0 0}.ring-modal-title{font-weight:700;font-size:1.8rem;color:#fff}.ring-close-btn{background:none;border:none;font-size:2.2rem;cursor:pointer;line-height:1;color:#fff;padding:0;opacity:.8}.ring-close-btn:hover{opacity:1}.ring-modal-body{padding:25px;overflow-y:auto}.ring-country-select{width:100%;padding:1rem 3rem 1rem 2rem;border:1px solid rgba(18,18,18,.1);border-radius:12px;font-size:1.4rem;letter-spacing:.1rem;background:#fef8f1;color:#121212;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23121212' d='M6 8.5L2 4.5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center}.ring-country-select:hover{border-color:#114747}.ring-country-select:focus{outline:none;border-color:#114747}.ring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ring-box{border:1px solid rgba(18,18,18,.1);border-radius:12px;padding:.8rem .5rem;text-align:center;cursor:pointer;font-size:1.4rem;letter-spacing:.05rem;line-height:1;background-color:#fef8f1;color:#121212;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;transform:scale(1);box-sizing:border-box;min-height:40px}.ring-box:hover{border-color:#114747;transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.ring-box.active{background-color:#114747;color:#fff;border-color:#114747;box-shadow:0 2px 6px #11474733;transform:translateY(0)}@media screen and (max-width:768px){.ring-modal-content{width:95%;max-height:90vh}.ring-grid{grid-template-columns:repeat(4,1fr)}}.diamond-customizer-wrapper.loading,.product__media-wrapper.loading,.product__info-container.loading{opacity:.5;pointer-events:none;transition:opacity .2s ease}.diamond-customizer-wrapper.loading:after,.product__media-wrapper.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid #144747;border-radius:50%;animation:spin .8s linear infinite;z-index:100}.diamond-customizer-wrapper.loading,.product__media-wrapper.loading{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/diamond-customizer.css.map */