@layer carat-range-slider{.carat-range-main{margin-bottom:-32px;padding:0 .25rem;overflow-x:hidden}.cards-container *{box-sizing:border-box;margin:0;padding:0}.cards-container{overflow:visible}.cards-container label>input[type=radio]{opacity:0;pointer-events:none;cursor:pointer;position:absolute;inset:0}.cards-container{--base-rotation:0deg;--full-circle:360deg;--radius:40vw;--duration:.2s;--cards-container-size:calc(var(--radius)*2);--cards-container-padding:2rem;--border-color:transparent;--label-offset:calc(var(--radius)*-1 - 1rem);--label-size:30px;--label-color:#666;--label-color-hover:steelblue;--label-line-h:0;--label-line-h-current:2rem;--label-dot-size:10px;--title-top:1.5rem;--title-offset-y:30px;--info-top:5rem;--info-width:min(70%,500px);--info-offset-y:30px;box-sizing:content-box;width:var(--cards-container-size);height:var(--cards-container-size);padding:var(--cards-container-padding);clip-path:polygon(0 0,100% -10%,110% 50%,-10% 50%);margin:5rem auto;margin-bottom:calc(var(--radius)*-1);position:relative}@media (max-width:600px){.carat-range-main{padding:3rem .25rem 0}.cards-container{--radius:42vw;--label-size:18px;--label-dot-size:6px;--label-line-h-current:1rem;--title-top:.5rem;--info-top:3rem;--info-width:min(92%,400px);--cards-container-padding:.6rem;--label-offset:calc(var(--radius)*-1 - .4rem);clip-path:polygon(0 0,100% -10%,110% 50%,-10% 50%);margin-bottom:calc(var(--radius)*-1);margin-top:.5rem}.cards li>label{font-size:clamp(.5rem,1.2vw,.65rem);line-height:1.1}}@media (max-width:380px){.carat-range-main{padding-top:2.5rem}.cards-container{--radius:40vw;--label-size:16px;--label-dot-size:5px;--cards-container-padding:.5rem;--label-offset:calc(var(--radius)*-1 - .3rem);margin-top:.5rem}.cards li>label{font-size:clamp(.45rem,1.1vw,.6rem)}}@media (min-width:601px) and (max-width:767px){.cards-container{--radius:38vw;--label-size:32px;--label-dot-size:10px;--label-line-h-current:2.5rem;--title-top:2rem;--info-top:5rem}}@media (min-width:768px) and (max-width:999px){.cards-container{--radius:35vw;--label-size:35px;--label-dot-size:12px;--label-line-h-current:3rem;--title-top:2.5rem;--info-top:6rem}}@media (min-width:1000px){.cards-container{--radius:32vw;--label-size:40px;--label-dot-size:15px;--label-line-h-current:4rem;--title-top:4rem;--info-top:8rem}}@media (min-width:1200px){.cards-container{--label-size:50px;--border-color:var(--label-color)}}.cards{inset:var(--cards-container-padding);aspect-ratio:1;border:1px solid var(--border-color);transition:transform .3s ease-in-out var(--duration);border-radius:50%;list-style:none;position:absolute}.cards li{transform-origin:50%;transform:rotate(calc(var(--i)*360deg/var(--items)));pointer-events:none;place-content:center;margin:0;padding:0;display:grid;position:absolute;inset:0}.cards li>label{transform:translateY(var(--label-offset));width:var(--label-size);height:var(--label-size);cursor:pointer;pointer-events:initial;text-align:center;color:var(--label-color);transition:var(--duration)ease-in-out;white-space:nowrap;letter-spacing:-.02em;margin:auto;font-size:clamp(.65rem,1.8vw + .1rem,1rem);line-height:1.2;position:relative;inset:0}.cards li>label:before{content:"";top:var(--cards-container-padding);width:var(--label-dot-size);height:var(--label-dot-size);aspect-ratio:50%;background-color:var(--label-color);transition:background-color var(--duration)ease-in-out;border-radius:50%;position:absolute;left:50%;translate:-50%}.cards li>label:after{content:"";width:2px;height:var(--label-line-h);background-color:var(--label-color);transition:height .3s ease-in-out var(--label-line-delay,0s);position:absolute;top:100%;left:50%;translate:-50% 5px}.cards li>label:hover{--label-color:var(--label-color-hover)}.cards>li>.diamond-title,.cards>li>.diamond-info{text-align:center;transform-origin:50%;position:absolute;left:50%;transform:translate(-50%)}.cards>li>.diamond-title{top:var(--title-top);opacity:var(--title-opacity,0);translate:0 var(--title-offset-y);transition:var(--duration)ease-in-out var(--title-delay,0s);color:#333;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.cards>li>.diamond-info{top:var(--info-top);width:var(--info-width);z-index:2;opacity:var(--info-opacity,0);transition:var(--duration)ease-in-out var(--info-delay,0s);flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.diamond-image-container{justify-content:center;align-items:center;min-height:120px;display:flex}.diamond-image{filter:drop-shadow(0 2px 8px #00000026);object-fit:contain;max-width:100%;height:auto;display:block}@media (max-width:600px){.diamond-image-container{min-height:70px}.diamond-image{max-height:90px}}.diamond-details{text-align:center;color:#555;font-size:clamp(.9rem,2.5vw + .05rem,1rem);line-height:1.6}.diamond-details strong{color:#333}li:has(input:checked){--label-opacity:1;--label-color:var(--label-color-hover);--label-line-h:var(--label-line-h-current);--label-line-delay:calc(var(--duration)*2);--title-opacity:1;--title-offset-y:0;--title-delay:calc(var(--duration)*3);--info-opacity:1;--info-offset-y:0;--info-delay:calc(var(--duration)*4)}.cards:has(input:checked){transform:rotate(calc(var(--base-rotation) - (var(--index)*var(--full-circle)/var(--items))))}.cards:has(li:first-child input:checked){--index:0}.cards:has(li:nth-child(2) input:checked){--index:1}.cards:has(li:nth-child(3) input:checked){--index:2}.cards:has(li:nth-child(4) input:checked){--index:3}.cards:has(li:nth-child(5) input:checked){--index:4}.cards:has(li:nth-child(6) input:checked){--index:5}.cards:has(li:nth-child(7) input:checked){--index:6}.cards:has(li:nth-child(8) input:checked){--index:7}.cards:has(li:nth-child(9) input:checked){--index:8}.cards:has(li:nth-child(10) input:checked){--index:9}.cards:has(li:nth-child(11) input:checked){--index:10}.cards:has(li:nth-child(12) input:checked){--index:11}.cards:has(li:nth-child(13) input:checked){--index:12}.cards:has(li:nth-child(14) input:checked){--index:13}.cards:has(li:nth-child(15) input:checked){--index:14}.cards:has(li:nth-child(16) input:checked){--index:15}.cards:has(li:nth-child(17) input:checked){--index:16}.cards:has(li:nth-child(18) input:checked){--index:17}.cards:has(li:nth-child(19) input:checked){--index:18}.cards:has(li:nth-child(20) input:checked){--index:19}.cards:has(li:nth-child(21) input:checked){--index:20}.cards:has(li:nth-child(22) input:checked){--index:21}.cards:has(li:nth-child(23) input:checked){--index:22}.cards:has(li:nth-child(24) input:checked){--index:23}.cards:has(li:nth-child(25) input:checked){--index:24}.cards:has(li:nth-child(26) input:checked){--index:25}.cards:has(li:nth-child(27) input:checked){--index:26}.cards:has(li:nth-child(28) input:checked){--index:27}.cards:has(li:nth-child(29) input:checked){--index:28}.cards:has(li:nth-child(30) input:checked){--index:29}.cards:has(li:nth-child(31) input:checked){--index:30}.cards:has(li:nth-child(32) input:checked){--index:31}.cards:has(li:nth-child(33) input:checked){--index:32}.cards:has(li:nth-child(34) input:checked){--index:33}.cards:has(li:nth-child(35) input:checked){--index:34}.cards:has(li:nth-child(36) input:checked){--index:35}.cards:has(li:nth-child(37) input:checked){--index:36}.cards:has(li:nth-child(38) input:checked){--index:37}}@media (max-width:1024px){.carat-range-main{display:none}}