.toggle{position:absolute;top:50%;left:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:35px}.switch{position:relative;display:inline-block;width:60px;height:34px;transform:rotate(-90deg);-webkit-transition:.4s;transition:.4s}.switch input{opacity:0;width:0;height:0;-webkit-transition:.4s;transition:.4s}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#000030;-webkit-transition:.4s;transition:.4s}input:focus+.slider{box-shadow:0 0 1px #000030;-webkit-transition:.4s;transition:.4s}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px);-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.color-options{position:absolute;display:flex;gap:10px;bottom:20px;margin-bottom:20px;left:50%;transform:translate(-50%)}.circle{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.232);transition:transform .4s cubic-bezier(.85,0,.15,1)}.circle:hover{transform:scale(1.1);cursor:pointer}.decals--container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.decal-item{background-color:#fff;border:1px solid #cccccc;border-radius:5px;text-align:center}.decals{position:absolute;left:50px;bottom:20px}.decals img{transition:all .1s ease-in-out;height:70px;width:70px;object-fit:contain}.decals img:hover{filter:none;transform:scale(1.1);cursor:pointer;transition:all .1s ease-in-out}.Grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0px;width:100vw;max-width:100%;overflow-x:hidden;box-sizing:border-box}.Grid .grid-item{border:1px solid #dee2e6;width:33.33vw;aspect-ratio:1/1;padding:20px;box-sizing:border-box;position:relative}.Grid .grid-item img{height:100%;width:100%;object-fit:contain}.Grid .grid-item .label{position:absolute;left:50%;bottom:10px;transform:translate(-50%);color:#fff}.tryon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:100%;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.tryon-grid .tryon-grid-item{width:13vw;aspect-ratio:1/1;padding:20px;box-sizing:border-box;position:relative;margin:10px 0;border-radius:10px;background:#1f1f1f;color:#a9a7a7}.tryon-grid .tryon-grid-item img{height:100%;width:100%;object-fit:contain}.tryon-grid .tryon-grid-item .label{position:absolute;left:50%;bottom:10px;transform:translate(-50%)}.tryon-grid .tryon-grid-item-active{border:1px solid #dee2e6}.tryon-grid-box::-webkit-scrollbar{display:none}.tryon-grid-box{-ms-overflow-style:none;scrollbar-width:none}.tryon-grid::-webkit-scrollbar{display:none}.tryon-grid{-ms-overflow-style:none;scrollbar-width:none}.cat-label{text-transform:capitalize;margin:20px;font-weight:500}.powered-by-text{color:"#8c8c8c";font-size:14px}@media screen and (max-width: 768px),screen and (orientation: portrait){.powered-by-text{font-size:10px}}.powered-by-logo{height:18px;margin:0 7px;transform:translateY(-10%)}@media screen and (max-width: 768px),screen and (orientation: portrait){.powered-by-logo{height:12px;margin:0 3px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.ring-builder{background:var(--primary-color);height:100vh;width:100vw;max-width:100%;display:inline-flex;flex-direction:row;font-family:Segoe UI,Arial,sans-serif;color:var(--color-1)}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder{flex-direction:column}}.ring-builder .display-area{background:var(--primary-color);width:50%}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area{width:100%;height:50vh}}.ring-builder .display-area .try-now-btn{position:absolute;left:100px;bottom:20px;z-index:2;background:var(--secondary-color);padding:10px 30px;font-size:14px;border:1px solid var(--color-2);border-radius:25px;color:var(--color-1);font-weight:700;cursor:pointer}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .try-now-btn{padding:6px 15px;font-size:12px;left:unset!important;bottom:unset;top:20px;right:20px}}@media only screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.ring-builder .display-area .try-now-btn{font-size:10px;padding:7px 27px;left:90px}}.ring-builder .display-area .reset-btn{left:240px;padding:7px 15px 7.5px 7px;display:flex;align-items:center}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .reset-btn{font-size:12px;top:unset;right:unset;left:80px!important;bottom:10px;padding:3px}.ring-builder .display-area .reset-btn span{display:none}}@media only screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.ring-builder .display-area .reset-btn{font-size:10px;padding:5px 10px 5px 5px!important;left:202px}}@media only screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.ring-builder .display-area .reset-btn .reset-img{height:17px;width:17px}}.ring-builder .display-area .hand-360-btn{position:absolute;bottom:20px;left:20px;z-index:2;display:flex;gap:10px}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .hand-360-btn{left:10px;bottom:10px;transform:translate(0)}}.ring-builder .display-area .skin-options-grid{display:grid;flex-direction:row;justify-content:center;align-items:center;box-sizing:content-box;border-radius:25px;border:1px solid var(--color-2);bottom:70px;left:20px;background:transparent;gap:10px;padding:3px 5px}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .skin-options-grid{left:3px;bottom:45px;transform:translate(0)}}.ring-builder .display-area .skin-options-grid .skin-item{background:transparent}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .show-skin-options{display:grid;gap:2px}}.ring-builder .display-area .hide-skin-options{display:none}.ring-builder .display-area .handModel-div{display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:25px;background:unset;box-sizing:content-box;background:var(--color-2);cursor:pointer}.ring-builder .display-area .handModel-div .hand-icon-desktop{height:30px;width:30px}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .handModel-div .hand-icon-desktop{height:20px;width:20px}}@media only screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.ring-builder .display-area .handModel-div .hand-icon-desktop{height:15px;width:15px;padding:5px!important}}.ring-builder .display-area .handModel-div svg{width:20px;height:20px;border-radius:50%;padding:8px 4px}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .display-area .handModel-div svg{width:15px;height:15px}}@media only screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.ring-builder .display-area .handModel-div{height:28px}}.ring-builder .final-control-area{width:100%;height:100vh}.ring-builder .control-area{height:100%;display:flex;flex-direction:column;width:50%;overflow-y:auto}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .control-area{width:100%;height:50vh;background-color:var(--secondary-color)}}.ring-builder .control-area .control-area-main{flex-grow:1;overflow-y:auto;flex-basis:0}.ring-builder .control-area .control-nav-tabs-mobile{display:none}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .control-area .control-nav-tabs-mobile{display:flex;justify-content:space-around;text-transform:capitalize;font-family:Segoe UI,Arial,sans-serif;padding:10px 10px 0;font-size:16px;align-items:center;overflow-x:scroll;gap:10px;background:var(--secondary-color)}}.ring-builder .control-area .control-nav-tabs-mobile .mobile-tab{padding:5px 10px 10px;white-space:nowrap;display:inline-block;color:#8e8c8c;font-size:12px}.ring-builder .control-area .control-nav-tabs-mobile .mobile-tab-active{color:var(--highlight-color);border-bottom:1px solid var(--highlight-color)}.ring-builder .control-area .ring-price-sticky{padding:15px 20px;font-size:18px}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .control-area .ring-price-sticky{background-color:var(--highlight-color);font-size:14px;color:var(--secondary-color);margin:0 10px 5px;border-radius:5px;width:150px}}.ring-builder .control-area .ring-price-sticky .price{color:var(--highlight-color)}@media screen and (max-width: 768px),screen and (orientation: portrait){.ring-builder .control-area .ring-price-sticky .price{color:var(--secondary-color)}}.ring-builder .control-area::-webkit-scrollbar{display:none}.ring-builder .control-area{-ms-overflow-style:none;scrollbar-width:none}.ring-builder .d-hidden{visibility:hidden}.ring-builder .d-none{display:none}.desktop-control-card{background:var(--secondary-color);margin-bottom:6px;padding:10px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card{display:none}}.desktop-control-card .title{font-size:16px;margin-bottom:10px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .title{display:none}}.desktop-control-card .active{color:var(--highlight-color);border-bottom:1px solid var(--highlight-color)}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .active{border:1px solid var(--highlight-color);border-radius:25px}}.desktop-control-card .classic6Prong{display:block}.desktop-control-card .notclassic6prong{display:none}.desktop-control-card .band-style-container{display:flex;align-items:center;gap:10px}.desktop-control-card .band-style-container .left-bands-nav,.desktop-control-card .band-style-container .right-bands-nav{margin:5px;cursor:pointer}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-style-container .left-bands-nav,.desktop-control-card .band-style-container .right-bands-nav{display:none}}.desktop-control-card .band-style-container .main{width:100%}.desktop-control-card .navigation-tabs{display:flex;justify-content:space-around;border-bottom:.5px solid var(--color-2);margin-bottom:10px;overflow-x:auto}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .navigation-tabs{border:none}}.desktop-control-card .navigation-tabs .tab{text-transform:capitalize;padding:10px;font-size:14px;cursor:pointer;white-space:nowrap}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .navigation-tabs .tab{font-size:10px;padding:6px 10px;border:1px solid transparent;cursor:unset}}.desktop-control-card .navigation-tabs .active{color:var(--highlight-color);border-bottom:1px solid var(--highlight-color)}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .navigation-tabs .active{border:1px solid var(--highlight-color);border-radius:25px}}.desktop-control-card .band-styles{display:grid;grid-template-rows:auto auto;overflow-x:auto;white-space:nowrap;grid-gap:0px 5px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles{grid-template-rows:auto}}.desktop-control-card .band-styles .tab{width:125px;border:1px solid transparent;padding:5px;cursor:pointer}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles .tab{width:100px;cursor:unset}}.desktop-control-card .band-styles .tab .img-box{width:100%;aspect-ratio:6/3;overflow:hidden}.desktop-control-card .band-styles .tab .img-box img{width:100%;height:100%;object-fit:contain;user-select:none;scale:1.25}.desktop-control-card .band-styles .tab .name{text-align:center;white-space:normal;font-size:12px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles .tab .name{font-size:10px}}.desktop-control-card .band-styles .shape-tab{width:65px}.desktop-control-card .band-styles .shape-tab .img-box{aspect-ratio:unset;height:45px}.desktop-control-card .band-styles .shape-tab .img-box img{scale:1}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles .carat-tab{padding:10px}}.desktop-control-card .band-styles .ringsize-tab{min-width:50px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles .ringsize-tab{padding:10px;min-width:20px}}.desktop-control-card .band-styles .setting-tab{width:75px}.desktop-control-card .band-styles .metal-tab{display:flex;justify-content:center;align-items:center}.desktop-control-card .band-styles .active{color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:3px}.desktop-control-card .band-styles .tab:nth-child(odd){grid-row:1}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .band-styles .tab:nth-child(odd){grid-row:2}}.desktop-control-card .band-styles .shape-tab:nth-child(odd){grid-row:2}.desktop-control-card .band-styles .tab:nth-child(2n){grid-row:2}.desktop-control-card .band-styles::-webkit-scrollbar{display:none}.desktop-control-card .band-styles{-ms-overflow-style:none;scrollbar-width:none}.desktop-control-card .setting-styles{display:flex}.desktop-control-card .attribute{margin:10px 0}.desktop-control-card .attribute .att-title{font-size:16px}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .attribute .att-title{font-size:14px}}.desktop-control-card .attribute .att-value{font-size:16px;color:var(--highlight-color)}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card .attribute .att-value{font-size:14px}}@media screen and (max-width: 768px),screen and (orientation: portrait){.desktop-control-card-mobile{display:block;margin-bottom:0}}.product-details-card{display:block}.mobile-product-details-card{display:none}.mobile-product-details-card .mobile-title{display:block;margin-top:10px;margin-bottom:5px;font-weight:600;font-family:Segoe UI,Arial,sans-serif;font-size:12px}.ring-builder::-webkit-scrollbar{display:none}.ring-builder{-ms-overflow-style:none;scrollbar-width:none}.control-area-main::-webkit-scrollbar,.control-nav-tabs-mobile::-webkit-scrollbar,.navigation-tabs::-webkit-scrollbar{display:none}.control-area-main,.control-nav-tabs-mobile,.navigation-tabs{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;padding:0;background:#fff;user-select:none;color:--color-1;overflow:hidden}@font-face{font-family:Sabon_Roman;src:local("Sabon_Roman"),url(/assets/sabon_roman-6e543b79.ttf) format("truetype")}.font-fc-sabon{font-family:Sabon_Roman!important}.FiberCanvas{width:100%;height:100%;transition:background-color .3s ease-in-out;box-shadow:0 0 5px #0003;background:#f1f1f1}