.dc-stage{container-type:size}.dc-viewport{position:absolute;inset:0;touch-action:pan-y;outline-offset:-5px}.dc-webgl,.dc-css{position:absolute;inset:0;width:100%;height:100%;display:block}.dc-webgl[hidden],.dc-css[hidden]{display:none}.dc-css{overflow:hidden}.dc-disc{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.dc-face,.dc-back{position:absolute;inset:1.3%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dc-face{background-size:cover;background-position:center;box-shadow:0 0 0 1.4px #fffffff2,0 0 0 2.4px #17181a1f}.dc-face:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,#fff0 30%,#ffffff6b 38%,#fff0 46% 64%,#ffffff29 70%,#fff0 76%);-webkit-mask:radial-gradient(circle,transparent 24.4%,#000 24.6%);mask:radial-gradient(circle,transparent 24.4%,#000 24.6%)}.dc-face:after{content:"";position:absolute;left:50%;top:50%;width:49%;height:49%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,transparent 57%,rgba(233,236,242,.85) 58.5%,rgba(255,255,255,.6) 66%,rgba(205,210,218,.9) 72%,rgba(240,242,245,.75) 86%,rgba(190,196,205,.95) 98%,transparent 100%);box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #17181a1f}.dc-back{transform:rotateY(180deg);background:repeating-radial-gradient(circle,#2a2e38 0 1px,#1a1e2a 1px 3px);-webkit-mask:radial-gradient(circle,transparent 24%,#000 24.2%);mask:radial-gradient(circle,transparent 24%,#000 24.2%)}.dc-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:8;display:none;transition:scale .16s var(--spring)}.dc-stage[data-preview=true] .dc-hand{display:block}.dc-hand.is-down{scale:.8}.dc-stage .cr-hint{color:var(--ink-3);bottom:2.4%}.dc-stage[data-preview=true] .cr-hint{display:none}@media(prefers-reduced-motion:reduce){.dc-hand{display:none}}.dc-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dc-face{isolation:isolate}.dc-face>.dc-face-c{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:-1;display:block}