*{box-sizing:border-box}#root,body,html{width:100%;height:100%;margin:0;padding:0}body{background:#e2e2e2;font-family:DM Sans,sans-serif}:root{--color-purple-4F1:#4f149a;--color-purple-7474:#747474;--color-white:#fff;--color-black:#000;--color-grey-6b6:#6b6d70}.bg-purple-4F1{background-color:var(--color-purple-4F1)}.ring-configurator-app{width:100%;height:100%;display:flex;padding:10px}.configurator-tool{width:100%;color:#000;overflow-y:scroll;padding-right:10px;margin-left:1%}.loader{border-top-color:transparent}.configurator-tool::-webkit-scrollbar-track{background-color:#e7e7e7}.configurator-tool::-webkit-scrollbar{width:4px;background-color:#f5f5f5;border-radius:50vh}.configurator-tool::-webkit-scrollbar-thumb{background-color:#868686}.bg-light-grey{background-color:#e2e2e2}.configurator-dropdown{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out}.configurator-dropdown.show{max-height:-moz-min-content;max-height:min-content;padding-top:10px;padding-bottom:10px}.configurator-dropdown .btn-div{width:100%;height:40px;color:#000;border:1px solid #4f149a;background-color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px}.configurator-dropdown .btn-div.active{background-color:#4f149a!important;color:#fff!important}.example-thumb{height:20px;width:20px;background-color:#4f149a;border-radius:50%;cursor:grab;display:flex;align-items:center;color:#fff;justify-content:center;font-size:12px;font-weight:700}.example-track{top:50%;transform:translateY(-50%);height:6px;background:#4f149a;border-radius:9999px}@media (min-width:641px) and (max-width:1023px){.ring-configurator-app{flex-direction:column;gap:10px}.configurator-tool{display:flex;width:100%;margin-left:0;gap:10px;overflow-y:unset;padding-right:0}.tool-wrapper-one{width:50%}.tool-wrapper-two{width:50%;height:484px;overflow-y:scroll;padding-right:10px}.tool-wrapper-two::-webkit-scrollbar-track{background-color:#e7e7e7}.tool-wrapper-two::-webkit-scrollbar{width:4px;background-color:#f5f5f5;border-radius:50vh}.tool-wrapper-two::-webkit-scrollbar-thumb{background-color:#868686}.configurator-dropdown.capture-div.show{padding-top:0;padding-bottom:0}}@media screen and (max-width:640px){.ring-configurator-app{flex-direction:column;gap:10px}.configurator-tool{width:100%;height:100%;overflow-y:unset;padding-right:unset;margin-left:unset}.configure-btn button{background-color:var(--color-purple-4F1);position:fixed;bottom:0;left:0;width:100%;border-radius:10px 10px 0 0}button.config-close-icon{background:#eaeaea;color:#000;border-radius:50vh;top:10px;padding:0}.configurator-dropdown.capture-div.show{padding-top:0;padding-bottom:0}}.rotate-up{transform:rotate(180deg);transition:transform .2s ease-in-out}.round-btn{background-color:var(--color-white);border-radius:50%;border:none;width:38px;height:38px;position:relative}.round-btn.active{border-radius:40px;width:113px;height:38px;background-color:#000;color:var(--color-white);padding:10px 19px;border:0;font-size:14px;transition:none}.round-btn img{position:absolute}.round-btn.active img{position:relative}.close-cross{position:absolute;width:20px;height:20px;line-height:1;padding:0;font-size:25px;top:20px;right:20px;background-color:var(--color-white)}.confirm-popup{width:400px;padding:40px}.carat-btn,.metal-btn,.style-round-btn{border-radius:50%;width:50px;max-width:50px;min-width:50px;height:50px;background-color:var(--color-white);--tw-space-x-reverse:none!important;margin-right:15px!important;outline:none;position:relative;border:1px solid #d3d3d3;padding:0!important;color:#000;font-size:14px}.diamond-shape-section .diamond-shape.style-round-btn{margin-right:0!important}.carat-btn{color:#6b6d70!important}.style-round-btn img{position:relative}.style-round-btn img[alt="WIDE PLAIN"]{width:45px;height:45px}.popup-info{display:none;width:80%;top:2px;left:2px;position:absolute;background-color:#fff;padding:6px;font-size:14px;font-weight:400;color:#6b6d70;border:1px solid #d3d3d3;z-index:9}.popup-btn:hover .popup-info{display:block}.font-select-btns{border-radius:12px}.font-select-btn{background-color:unset;font-size:14px;color:#6b6d70;border:1px solid #d3d3d3;border-radius:0;padding:6px 15px}.band-btn{padding:2px 20px}.font-select-btn:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.font-select-btn:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.symbols{background:url(/public/images/engraving-sprite.png) no-repeat;width:21px;height:22px;display:block}.symbol-1{background-position:-31px -86px}.symbol-2{background-position:-71px -86px}.symbol-3{background-position:-112px -86px}.symbol-4{background-position:-152px -86px}.symbol-5{background-position:-195px -87px}.symbol-6{background-position:-238px -87px}.symbol-7{background-position:-279px -88px}.symbol-8{background-position:-320px -87px}.symbol-9{background-position:-365px -88px}.symbol-10{background-position:-404px -88px}.symbol-11{background-position:-446px -86px}.symbol-12{background-position:-488px -86px}.symbol-13{background-position:-31px -131px}.symbol-14{background-position:-74px -133px}.symbol-15{background-position:-114px -130px}.symbol-16{background-position:-160px -134px}.symbol-btn{padding:0;border-radius:0;border:0;background-color:transparent}.symbol-btn,.symbol-btn span{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.symbol-btn span{padding:2px;font-size:16px;color:#000!important}button:focus{outline:none}.arrow-btn-viewer{--tw-space-x-reverse:none!important;padding:0;background-color:transparent;border:none;outline:none;width:25px;max-width:25px;min-width:25px;height:25px;display:flex;align-items:center;justify-content:center}button.arrow-btn-viewer.previous{margin-right:10px}.active-border,.style-block .style-round-btn.active-border{border:1px solid #000;outline:none}.style-block .style-round-btn:hover{border:1px solid #000}.flex--center{display:flex;align-items:center;justify-content:center}.bg-dark-grey{background-color:var(--color-purple-7474);opacity:90%}.font-heading{font-size:16px}.font-heading,.font-sub-heading{color:var(--color-black);font-weight:500}.font-sub-heading{font-size:14px}.engraving-input{width:100%;border:1px solid #000;border-radius:8px;padding:2px 8px;font-size:14px;font-weight:500;color:var(--color-black)!important}.font-6b6-700{font-weight:700!important}.font-6b6{color:var(--color-grey-6b6);font-size:14px;font-weight:400}.scroll-section{width:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-section::-webkit-scrollbar{display:none}.diamond-shape-section .shape-btn img{width:50px;height:auto;-o-object-fit:cover;object-fit:cover}.lab-natural-diamond button img{width:21px}.carat-dropdown .select-div{width:100%;height:29px;padding:5px;padding-right:10px!important;display:flex;align-items:center;justify-content:space-between;margin:0}.carat-dropdown .carat-dropdown-div,.carat-dropdown .select-div{border-radius:10px;border:1px solid #000;color:#6b6d70!important}.carat-dropdown .carat-dropdown-div{padding:5px;font-size:14px;position:absolute;bottom:35px}.carat-dropdown .carat-dropdown-div ul{max-height:240px;overflow-y:auto}.carat-dropdown .carat-dropdown-div ul li{font-size:14px;color:#6b6d70!important}.carat-dropdown ul::-webkit-scrollbar{width:5px;padding-right:12px;margin-right:50px}.carat-dropdown ul::-webkit-scrollbar-track{background:transparent}.carat-dropdown ul::-webkit-scrollbar-thumb{background:#888;border-radius:50vh}.carat-dropdown ul::-webkit-scrollbar-thumb:hover{border-radius:50vh;background:#555}.carat-dropdown ul li{height:29px;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0000001f}.carat-dropdown ul li:last-child{border-bottom:none!important}.carat-dropdown ul li:hover{background-color:#e7e7e7!important}.scrollbar-none{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.Select-font-icon button{width:70px;height:25px;padding:0;display:flex;align-items:center;justify-content:center}.Select-font-icon button img{width:40px}.powered-by-keyideas{position:absolute;background:#747474e5;width:134px;height:25px;top:25px;left:50%;border-bottom-left-radius:21.02px;border-bottom-right-radius:21.02px;z-index:9;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.right-sidef-filter-section .font-10{font-size:10px!important}.right-sidef-filter-section{position:absolute;right:0;top:0;padding:32px;z-index:9}.summary-button-section{width:230px;height:38px;border-radius:50vh;background-color:#fff;font-size:14px;font-weight:700;color:#000;display:flex;align-items:center;position:relative}.summary-button-section .price-div{width:100px;height:100%;display:flex;align-items:center;justify-content:center}.summary-button-section .summary-button{width:130px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50vh;color:#fff!important;gap:6px}.summary-button-section .summary-button img{width:12px}.summary-button-section .summary-button img.rotate{transform:rotate(180deg)}.size-option-section button{display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;font-weight:400}.summary-dropdown-section{position:absolute;width:270px;background-color:#fff;border-radius:10px;padding:18px;top:50px;right:0;display:none;box-shadow:0 4px 24px 0 #00000014}.summary-dropdown-section.show{display:initial!important}.summary-dropdown-section h4{font-size:14px;color:#000;font-weight:700;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.summary-dropdown-section ul{margin-bottom:10px}.summary-dropdown-section ul li{font-size:14px;color:#000;font-weight:400;margin-bottom:1px;width:100%;display:flex;align-items:center;justify-content:space-between}.size-guide-btn{background-color:transparent;padding:0;position:unset}.reset-confirm-popup{width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:9999999999999;position:fixed;background-color:#00000042;top:0;left:0}.reset-confirm-popup.show{display:flex}.reset-confirm-popup div{width:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background-color:#fff;border-radius:16px;padding:50px;position:relative}.reset-confirm-popup div p{font-weight:400;font-size:14px;margin:0;color:#000}.reset-confirm-popup div .confirm-btn{width:145px;height:36px;background-color:#000;color:#fff}.reset-confirm-popup div .confirm-btn,.reset-confirm-popup div .cross-btn{display:flex;align-items:center;justify-content:center;font-family:Poppins;font-weight:500;font-size:14px}.reset-confirm-popup div .cross-btn{width:18px;height:18px;background-color:transparent;color:#000;padding:0;position:absolute;top:20px;right:20px}@media screen and (max-width:640px){.right-sidef-filter-section{width:100%;display:flex;align-items:center;justify-content:center}.ring-filter-section-main{padding-top:70px;height:65%}.left-filter-section-main{height:35%;margin-bottom:20px;overflow:hidden!important}.mobile-overflow-scroll{overflow:scroll;height:25vh}.summary-button-section{width:125px}.summary-button-section .summary-button{width:38px!important;max-width:38px;min-width:38px;padding:0}.summary-button-section .summary-button span{display:none}.carat-btn,.metal-btn,.style-round-btn{width:100%;overflow:auto;margin-right:10px!important}.style-round-btn.last-shape-btn{margin-right:0!important}.diamond-shape-section{overflow:scroll;padding-bottom:8px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.diamond-shape-section::-webkit-scrollbar{display:none}.diamond-shape-section .arrow-btn-viewer{display:none!important}.confirm-popup{width:350px;padding:20px}.reset-confirm-popup div{width:90%}.reset-confirm-popup div .confirm-btn{width:120px;height:30px}}.ring-filter-section-main{background-color:#e2e2e2!important}@media screen and (min-width:1024px){.left-filter-section-main{min-width:415px;max-width:415px}.ring-filter-section-main{width:calc(90% - 430px)}.vto-left-filter-section-main{min-width:415px;max-width:415px}}@media (min-width:767px) and (max-width:1023px){.left-filter-section-main{min-width:320px;max-width:320px}.ring-filter-section-main{width:calc(100% - 320px)}.vto-left-filter-section-main{min-width:320px;max-width:320px}.carat-btn,.metal-btn,.style-round-btn{width:32px;max-width:32px;min-width:32px;height:32px;margin-right:8px!important}}.style-round-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:auto}.main-filter-section .color-box{width:20px;height:12px;border:1px solid #8a8a8a;translate:0 2px}.skintone-slider{width:100%}.skintone-slider input{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:linear-gradient(90deg,#e1ae9b,#493229)!important;outline:none;cursor:pointer}.skintone-slider input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #c1c9d2;margin-top:0}.skintone-slider input::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#fff;border:1px solid #c1c9d2;cursor:pointer}.top-zoom-btn-section{position:absolute;top:10px;right:63px;z-index:9;display:flex;gap:30px}.top-zoom-btn-section .zoom-btn{display:flex;width:80px;height:38px;border-radius:50vh;background-color:#fff}.top-zoom-btn-section .zoom-btn span{width:50%;height:100%;display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;cursor:pointer}.top-zoom-btn-section .zoom-btn span:first-child{border-right:1px solid #656263}.top-zoom-btn-section .zoom-btn .disabled{color:#999;cursor:not-allowed;opacity:.6;pointer-events:none}.top-zoom-btn-section .cross-btn{width:38px;height:38px;border-radius:50vh;background-color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #1b1b1b;cursor:pointer}.mobile-tab-section{display:none}.more-info-main .inner-more-info-section{overflow:hidden;max-height:1000px;transition:max-height .5s ease;display:flex;flex-direction:column;color:#000}.more-info-main .show .inner-more-info-section{max-height:1000px}.more-info-main .inner-more-info-section p{color:#6b6d70;font-size:14px;font-weight:400;margin-bottom:20px}.more-info-main .inner-more-info-section img{width:auto}.main-hand-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.more-diamond-image{display:flex;align-items:center;font-size:14px;position:relative;padding-top:15px;color:#6b6d70;gap:10%}.more-diamond-image img{max-width:80px;-o-object-fit:contain;object-fit:contain;height:80px}.more-diamond-image .details-top{position:absolute;top:0;left:12px}.more-diamond-image .more-diamond-content{display:flex;align-items:center;font-size:14px}.main-hand-image{width:100%;height:100%;margin:auto;overflow:hidden;display:flex;align-items:end;justify-content:center}.main-hand-image .inner-main-hand{max-width:550px;width:550px;min-width:550px;height:600px;position:relative}.main-hand-image .inner-main-hand .hand-image{width:100%;height:100%}.main-hand-image .ring-circle{position:absolute;width:71px;height:71px;z-index:9;top:31%;left:33%}.main-hand-image .diamond-effect{transform:scale(.7);opacity:.3;margin-left:.5px;rotate:8deg;margin-top:-2px}.main-hand-image .ring-diamond{margin-top:-1px;scale:.8}.vto-powered-by-keyideas{position:absolute;top:0!important;width:134px;height:25px;left:50%;z-index:9;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.vto-powered-by-keyideas img{width:100%}.carat-dropdown .carat-dropdown-div{display:none}.carat-dropdown .carat-dropdown-div.show{display:flex}.carat-dropdown .carat-dropdown-div ul{width:100%}.more-info-heading span img{cursor:pointer}@media screen and (max-width:767px){.vto-logo{top:45px!important;right:auto;padding-top:25px;left:90px}.mobile-tab-section{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;width:70%;position:absolute;top:-51px}.inner-mobile-tab-section{display:flex;gap:7px}.main-filter-section .rounded-lg{margin-bottom:0!important}.mobile-tab-section .tab-btn{width:38px;height:38px;background-color:#fff;border:1px solid #c3c3c3;border-radius:50vh;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.mobile-tab-section .tab-btn.active{background-color:#000!important}.mobile-tab-section .tab-btn.active img{filter:invert(100%) sepia(0) saturate(0) hue-rotate(243deg) brightness(104%) contrast(101%)!important}.mobile-tab-section .tab-btn.active img.no-img-filter{filter:unset!important}.mobile-tab-section .tab-btn img{width:20px;height:20px}.mobile-tab-section .zoom-item-button{display:flex;width:80px;height:38px;border-radius:50vh;background-color:#fff}.mobile-tab-section .zoom-item-button span{width:50%;height:100%;display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;cursor:pointer}.mobile-tab-section .zoom-item-button span:first-child{border-right:1px solid #656263}.top-zoom-btn-section{top:25px;z-index:1}.top-zoom-btn-section .zoom-btn{position:absolute;flex-direction:column-reverse;bottom:143px;z-index:1;right:18px;width:38px;height:75px}.top-zoom-btn-section .zoom-btn span:first-child{border-right:none;border-top:1px solid #656263}.top-zoom-btn-section .zoom-btn span{width:100%}.top-zoom-btn-section .cross-btn{position:absolute;top:20px;right:18px}.filter-show-tab{display:none}.filter-show-tab.show{display:flex;flex-direction:column;height:115px;padding:15px}.diamond-shape-section{margin:0;padding:0}.carat-section-main .p-5{padding:0}.vto-left-filter-section-main{height:120px;padding-top:0;position:absolute;bottom:10px;z-index:2;background-color:transparent!important;overflow:initial!important}.more-info-main .more-info-heading span img{transform:rotate(270deg)!important}.more-info-main .show .more-info-heading span img{transform:rotate(90deg)!important}.more-info-main .show .inner-more-info-section{position:absolute;background-color:#fff;width:100%;left:0;bottom:125px;padding:15px;border-radius:10px;z-index:99999999}.more-info-heading{display:none}.more-info-mobile{position:absolute;top:15px;right:15px}.more-info-main .show .inner-more-info-section{max-height:none}.more-info-main .inner-more-info-section{display:flex!important;flex-direction:column;overflow:hidden;max-height:0}.more-info-main .inner-more-info-section p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.more-info-main .show .inner-more-info-section p{display:flex;-webkit-line-clamp:none;overflow:initial}.top-zoom-btn-section .zoom-btn{display:none}.main-hand-image .inner-main-hand{max-width:420px;width:420px;min-width:420px;height:730px;position:relative}.main-hand-image{height:100%;align-items:end;justify-content:start;padding-left:0;overflow:hidden}.main-hand-image img{width:100%;height:80%;margin-bottom:-20px;-o-object-fit:cover;object-fit:cover}.main-hand-image .ring-circle{position:absolute;width:87px;height:87px;z-index:9;top:31%;left:23%}.carat-dropdown .carat-dropdown-div.show{display:flex;position:absolute;bottom:40px}.carat-dropdown .select-div{margin-top:10px}.top-zoom-btn-section{position:static}.pinch-zoom-section{position:absolute;top:53%;right:10%;z-index:1;text-align:-webkit-center}.pinch-zoom-section img{translate:-8px}.pinch-zoom-section p{padding-top:17px;padding-bottom:17px;font-size:14px;font-weight:500}.pinch-zoom-section button{font-size:14px;font-weight:500;border:2px solid #000;width:86px;height:31px;display:flex;align-items:center;justify-content:center;color:#000;border-radius:124px}}@media screen and (max-width:380px){.pinch-zoom-section{top:45%}.more-diamond-image img{max-width:73px}}.shape-btn:hover,.style-block .style-round-btn:hover{border:2px solid #d3d3d3}.carat-slider .text-xs span{font-size:14px;font-weight:400;color:#6b6d70}.carat-slider-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;background:transparent;outline:none;cursor:pointer;margin-top:16px}.carat-slider-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:1px solid #c1c9d2;border-radius:50%;cursor:pointer}.carat-slider-range::-moz-range-thumb{width:16px;height:16px;background:#fff;border:1px solid #c1c9d2;border-radius:50%;cursor:pointer}.carat-slider-range::-moz-range-track{background:transparent}.main-hand-image{touch-action:none;overscroll-behavior:contain}.vto-logo{position:absolute;top:20px!important;right:120px;width:150px;height:25px;z-index:99;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.brevo-conversations__iframe-wrapper,iframe.brevo-conversations__iframe{display:none!important;visibility:hidden!important;opacity:0!important}