.cdDisc{aspect-ratio:1;border-radius:50%;width:100%;position:relative;-webkit-mask:radial-gradient(circle,transparent 0,transparent 6.2%,#000 6.6%);mask:radial-gradient(circle,transparent 0,transparent 6.2%,#000 6.6%)}.cdDisc__surface,.cdDisc__haze,.cdDisc__rotor,.cdDisc__sheen,.cdDisc__rim{border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.cdDisc__surface{background:radial-gradient(circle,rgba(0,0,0,.1) 30%,rgba(0,0,0,.32) 100%),conic-gradient(from 90deg,#d7dde3,#8fe9ff 8%,#c3b3ff 16%,#ffc2e6 24%,#ffeab0 32%,#d7dde3 40%,#a8f7d8 50%,#9fb7ff 60%,#ffcfb0 70%,#e6c6ff 80%,#d7dde3 100%)}.cdDisc__haze{background:radial-gradient(circle,rgba(170,172,180,.35) 20%,rgba(110,112,120,.55) 100%)}.cdDisc__rotor{background:repeating-radial-gradient(circle,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 1px,transparent 1px,transparent 3px)}.cdDisc__scratches{width:100%;height:100%;display:block}.cdDisc__scratchShadow{fill:none;stroke:rgba(20,20,30,.55);stroke-width:.7px;stroke-linecap:round}.cdDisc__scratchLight{fill:none;stroke:rgba(255,255,255,.75);stroke-width:.3px;stroke-linecap:round;transform:translate(.35px,.35px)}.cdDisc__sheen{mix-blend-mode:screen;background:conic-gradient(from 210deg,transparent 0deg,rgba(255,255,255,.75) 16deg,transparent 40deg,transparent 180deg,rgba(255,255,255,.5) 196deg,transparent 220deg)}.cdDisc__hub{background:radial-gradient(circle,rgba(255,255,255,.28) 0,rgba(255,255,255,.28) 36%,rgba(200,210,220,.14) 38%,rgba(200,210,220,.14) 62%,rgba(255,255,255,.06) 64%);border:1px solid rgba(255,255,255,.35);border-radius:50%;position:absolute;top:33%;bottom:33%;left:33%;right:33%}.cdDisc__rim{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 0 0 3px rgba(0,0,0,.2)}.cdDisc--scratched .cdDisc__surface{-webkit-filter:saturate(.45)brightness(.72);filter:saturate(.45)brightness(.72)}.cdDisc--scratched .cdDisc__sheen{opacity:.25}.cdDisc--clean .cdDisc__haze,.cdDisc--clean .cdDisc__scratches{display:none}.cdDisc--polishing .cdDisc__surface{-webkit-animation:cdDiscSurfaceShine var(--cdDisc-cycle,7s)ease-in-out infinite;-webkit-animation:cdDiscSurfaceShine var(--cdDisc-cycle,7s)ease-in-out infinite;animation:cdDiscSurfaceShine var(--cdDisc-cycle,7s)ease-in-out infinite}.cdDisc--polishing .cdDisc__haze,.cdDisc--polishing .cdDisc__scratches{-webkit-animation:cdDiscScratchesFade var(--cdDisc-cycle,7s)ease-in-out infinite;-webkit-animation:cdDiscScratchesFade var(--cdDisc-cycle,7s)ease-in-out infinite;animation:cdDiscScratchesFade var(--cdDisc-cycle,7s)ease-in-out infinite}.cdDisc--polishing .cdDisc__sheen{-webkit-animation:cdDiscSheenGrow var(--cdDisc-cycle,7s)ease-in-out infinite;-webkit-animation:cdDiscSheenGrow var(--cdDisc-cycle,7s)ease-in-out infinite;animation:cdDiscSheenGrow var(--cdDisc-cycle,7s)ease-in-out infinite}.cdDisc--spinning .cdDisc__rotor{-webkit-animation:.8s linear infinite cdDiscSpin;animation:.8s linear infinite cdDiscSpin}@-webkit-keyframes cdDiscSpin{to{transform:rotate(360deg)}}@keyframes cdDiscSpin{to{transform:rotate(360deg)}}@-webkit-keyframes cdDiscSurfaceShine{0%,8%{-webkit-filter:saturate(.45)brightness(.72);filter:saturate(.45)brightness(.72)}70%,92%{-webkit-filter:saturate(1.1)brightness(1.05);filter:saturate(1.1)brightness(1.05)}to{-webkit-filter:saturate(.45)brightness(.72);filter:saturate(.45)brightness(.72)}}@keyframes cdDiscSurfaceShine{0%,8%{-webkit-filter:saturate(.45)brightness(.72);filter:saturate(.45)brightness(.72)}70%,92%{-webkit-filter:saturate(1.1)brightness(1.05);filter:saturate(1.1)brightness(1.05)}to{-webkit-filter:saturate(.45)brightness(.72);filter:saturate(.45)brightness(.72)}}@-webkit-keyframes cdDiscScratchesFade{0%,8%{opacity:1}70%,92%{opacity:0}to{opacity:1}}@keyframes cdDiscScratchesFade{0%,8%{opacity:1}70%,92%{opacity:0}to{opacity:1}}@-webkit-keyframes cdDiscSheenGrow{0%,8%{opacity:.25}70%,92%{opacity:1}to{opacity:.25}}@keyframes cdDiscSheenGrow{0%,8%{opacity:.25}70%,92%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion:reduce){.cdDisc--polishing .cdDisc__surface,.cdDisc--polishing .cdDisc__haze,.cdDisc--polishing .cdDisc__scratches,.cdDisc--polishing .cdDisc__sheen,.cdDisc--spinning .cdDisc__rotor{-webkit-animation:none;animation:none}.cdDisc--polishing .cdDisc__haze,.cdDisc--polishing .cdDisc__scratches{opacity:0}}
.discPolishingScene{--cdDisc-cycle:7s;box-sizing:border-box;width:100%;padding:10% 18% 0 4%}.discPolishingScene__stage{position:relative;container-type:inline-size}.discPolishingScene__glow{-webkit-filter:blur(40px);filter:blur(40px);opacity:.25;-webkit-animation:discPolishingSceneGlow var(--cdDisc-cycle)ease-in-out infinite;-webkit-animation:discPolishingSceneGlow var(--cdDisc-cycle)ease-in-out infinite;animation:discPolishingSceneGlow var(--cdDisc-cycle)ease-in-out infinite;background:conic-gradient(rgba(127,227,255,.35),rgba(182,164,255,.35),rgba(255,179,225,.35),rgba(255,230,163,.3),rgba(127,227,255,.35));border-radius:50%;position:absolute;top:-18%;bottom:-18%;left:-18%;right:-18%}.discPolishingScene__platter{background:radial-gradient(circle,rgba(10,12,18,.9) 60%,rgba(30,34,44,.9) 100%);border-radius:50%;position:absolute;top:-4cqi;bottom:-4cqi;left:-4cqi;right:-4cqi;box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08)}.discPolishingScene__sparkle{-webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);-webkit-filter:drop-shadow(0 0 6px rgba(255,255,255,.9));filter:drop-shadow(0 0 6px rgba(255,255,255,.9));opacity:0;width:7cqi;height:7cqi;-webkit-animation:discPolishingSceneSparkle var(--cdDisc-cycle)ease-out infinite;-webkit-animation:discPolishingSceneSparkle var(--cdDisc-cycle)ease-out infinite;animation:discPolishingSceneSparkle var(--cdDisc-cycle)ease-out infinite;background:#fff;position:absolute}.discPolishingScene__sparkle:first-of-type{top:14cqi;left:20cqi}.discPolishingScene__sparkle:nth-of-type(2){width:5cqi;height:5cqi;-webkit-animation-delay:.25s;animation-delay:.25s;top:62cqi;left:74cqi}.discPolishingScene__sparkle:nth-of-type(3){width:4cqi;height:4cqi;-webkit-animation-delay:.5s;animation-delay:.5s;top:76cqi;left:26cqi}.discPolishingScene__sparkle:nth-of-type(4){width:6cqi;height:6cqi;-webkit-animation-delay:.15s;animation-delay:.15s;top:30cqi;left:70cqi}.discPolishingScene__arm{width:0;height:0;-webkit-animation:discPolishingSceneSwing var(--cdDisc-cycle)ease-in-out infinite;-webkit-animation:discPolishingSceneSwing var(--cdDisc-cycle)ease-in-out infinite;animation:discPolishingSceneSwing var(--cdDisc-cycle)ease-in-out infinite;position:absolute;top:-2cqi;left:102cqi;transform:rotate(95deg)}.discPolishingScene__armBar{background:linear-gradient(#e9edf2 0%,#9aa3ae 45%,#5d6570 100%);border-radius:2cqi;width:58cqi;height:3.4cqi;position:absolute;top:0;left:0;transform:translateY(-50%);box-shadow:0 1.5cqi 3cqi rgba(0,0,0,.45)}.discPolishingScene__pad{background:#2a2e38;border:1.2cqi solid #cfd5dc;border-radius:50%;width:22cqi;height:22cqi;position:absolute;top:0;left:58cqi;transform:translate(-50%,-50%);box-shadow:0 2cqi 5cqi rgba(0,0,0,.55),0 0 0 .4cqi rgba(0,0,0,.35)}.discPolishingScene__padSpin{background:radial-gradient(circle,#5b6272 0 16%,transparent 17%),repeating-conic-gradient(from 0deg,#f1efe8 0 20deg,#d9d6cc 20deg 40deg);border-radius:50%;-webkit-animation:.35s linear infinite discPolishingScenePadSpin;animation:.35s linear infinite discPolishingScenePadSpin;position:absolute;top:0;bottom:0;left:0;right:0}.discPolishingScene__spray{opacity:0;background:rgba(220,240,255,.9);border-radius:50%;width:1.6cqi;height:1.6cqi;-webkit-animation:.9s ease-out infinite discPolishingSceneSpray;animation:.9s ease-out infinite discPolishingSceneSpray;position:absolute;top:50%;left:50%}.discPolishingScene__spray:nth-of-type(2){--spray-x:-14cqi;--spray-y:10cqi;-webkit-animation-delay:.3s;animation-delay:.3s}.discPolishingScene__spray:nth-of-type(3){--spray-x:6cqi;--spray-y:15cqi;-webkit-animation-delay:.6s;animation-delay:.6s}.discPolishingScene__pivot{background:radial-gradient(circle,#cfd5dc 0,#cfd5dc 22%,#3a404c 24%,#3a404c 70%,#1c2028 72%);border-radius:50%;width:14cqi;height:14cqi;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2cqi 4cqi rgba(0,0,0,.5),inset 0 0 0 .5cqi rgba(255,255,255,.1)}.discPolishingScene__readout{letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:12px;align-items:center;gap:.75rem;margin-top:2.5rem;padding:.7rem 1rem;font-size:.78rem;font-weight:700;display:flex}.discPolishingScene__led{width:8px;height:8px;-webkit-animation:discPolishingSceneLed var(--cdDisc-cycle)linear infinite;-webkit-animation:discPolishingSceneLed var(--cdDisc-cycle)linear infinite;animation:discPolishingSceneLed var(--cdDisc-cycle)linear infinite;background:#ffd36e;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #ffd36e}.discPolishingScene__status{flex-shrink:0;display:grid}.discPolishingScene__statusWorking,.discPolishingScene__statusDone{grid-area:1/1}.discPolishingScene__statusWorking{color:rgba(255,255,255,.75);-webkit-animation:discPolishingSceneWorking var(--cdDisc-cycle)linear infinite;-webkit-animation:discPolishingSceneWorking var(--cdDisc-cycle)linear infinite;animation:discPolishingSceneWorking var(--cdDisc-cycle)linear infinite}.discPolishingScene__statusDone{color:#9ff5d0;opacity:0;-webkit-animation:discPolishingSceneDone var(--cdDisc-cycle)linear infinite;-webkit-animation:discPolishingSceneDone var(--cdDisc-cycle)linear infinite;animation:discPolishingSceneDone var(--cdDisc-cycle)linear infinite}.discPolishingScene__bar{background:rgba(255,255,255,.08);border-radius:3px;flex:1;height:6px;overflow:hidden}.discPolishingScene__barFill{width:0;height:100%;-webkit-animation:discPolishingSceneProgress var(--cdDisc-cycle)ease-in-out infinite;-webkit-animation:discPolishingSceneProgress var(--cdDisc-cycle)ease-in-out infinite;animation:discPolishingSceneProgress var(--cdDisc-cycle)ease-in-out infinite;background:linear-gradient(90deg,#7fe3ff,#b6a4ff,#ffb3e1,#ffe6a3);border-radius:3px;display:block}@-webkit-keyframes discPolishingSceneSwing{0%{transform:rotate(95deg)}8%{transform:rotate(120deg)}20%{transform:rotate(158deg)}32%{transform:rotate(118deg)}44%{transform:rotate(156deg)}56%{transform:rotate(120deg)}68%{transform:rotate(152deg)}78%{transform:rotate(95deg)}to{transform:rotate(95deg)}}@keyframes discPolishingSceneSwing{0%{transform:rotate(95deg)}8%{transform:rotate(120deg)}20%{transform:rotate(158deg)}32%{transform:rotate(118deg)}44%{transform:rotate(156deg)}56%{transform:rotate(120deg)}68%{transform:rotate(152deg)}78%{transform:rotate(95deg)}to{transform:rotate(95deg)}}@-webkit-keyframes discPolishingScenePadSpin{to{transform:rotate(-360deg)}}@keyframes discPolishingScenePadSpin{to{transform:rotate(-360deg)}}@-webkit-keyframes discPolishingSceneSpray{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--spray-x,12cqi)),calc(-50% + var(--spray-y,12cqi)))}}@keyframes discPolishingSceneSpray{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--spray-x,12cqi)),calc(-50% + var(--spray-y,12cqi)))}}@-webkit-keyframes discPolishingSceneSparkle{0%,72%{opacity:0;transform:scale(.2)rotate(0)}78%{opacity:1;transform:scale(1)rotate(45deg)}88%,to{opacity:0;transform:scale(.4)rotate(90deg)}}@keyframes discPolishingSceneSparkle{0%,72%{opacity:0;transform:scale(.2)rotate(0)}78%{opacity:1;transform:scale(1)rotate(45deg)}88%,to{opacity:0;transform:scale(.4)rotate(90deg)}}@-webkit-keyframes discPolishingSceneGlow{0%,8%{opacity:.2}72%,90%{opacity:.7}to{opacity:.2}}@keyframes discPolishingSceneGlow{0%,8%{opacity:.2}72%,90%{opacity:.7}to{opacity:.2}}@-webkit-keyframes discPolishingSceneProgress{0%,8%{width:0}70%,92%{width:100%}to{width:0}}@keyframes discPolishingSceneProgress{0%,8%{width:0}70%,92%{width:100%}to{width:0}}@-webkit-keyframes discPolishingSceneWorking{0%,69%{opacity:1}70%,92%{opacity:0}93%,to{opacity:1}}@keyframes discPolishingSceneWorking{0%,69%{opacity:1}70%,92%{opacity:0}93%,to{opacity:1}}@-webkit-keyframes discPolishingSceneDone{0%,69%{opacity:0}70%,92%{opacity:1}93%,to{opacity:0}}@keyframes discPolishingSceneDone{0%,69%{opacity:0}70%,92%{opacity:1}93%,to{opacity:0}}@-webkit-keyframes discPolishingSceneLed{0%,69%{background:#ffd36e;box-shadow:0 0 10px #ffd36e}70%,92%{background:#5dffb0;box-shadow:0 0 10px #5dffb0}93%,to{background:#ffd36e;box-shadow:0 0 10px #ffd36e}}@keyframes discPolishingSceneLed{0%,69%{background:#ffd36e;box-shadow:0 0 10px #ffd36e}70%,92%{background:#5dffb0;box-shadow:0 0 10px #5dffb0}93%,to{background:#ffd36e;box-shadow:0 0 10px #ffd36e}}@media (prefers-reduced-motion:reduce){.discPolishingScene__glow,.discPolishingScene__sparkle,.discPolishingScene__arm,.discPolishingScene__padSpin,.discPolishingScene__spray,.discPolishingScene__led,.discPolishingScene__statusWorking,.discPolishingScene__statusDone,.discPolishingScene__barFill{-webkit-animation:none;animation:none}.discPolishingScene__arm{transform:rotate(135deg)}.discPolishingScene__statusWorking{opacity:0}.discPolishingScene__statusDone{opacity:1}.discPolishingScene__barFill{width:100%}}
