.cdd{--D:296px;--R:calc(var(--D) * .41);--T:calc(var(--D) * .05);--cs:40px;position:relative;display:grid;place-items:center}.cdd-dial{position:relative;width:var(--D);height:var(--D);flex:none}.cdd-glow,.cdd-ring{position:absolute;inset:calc(50% - var(--R) - var(--T) / 2);border-radius:50%;background:conic-gradient(from 0deg,#d9f1e7 0deg,#b8e6d6 30deg,#7fcfc0 60deg,#f6b99b 92deg,#f27a62 112deg,#5a5f86 140deg,#22385a 165deg,#0e2238 180deg,#22385a 205deg,#7a6f8e 235deg,#f6b99b 262deg,#fbd9c4 290deg,#f6ead9 320deg,#d9f1e7 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--T)),#000 calc(100% - var(--T) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--T)),#000 calc(100% - var(--T) + 1px));transform:scale(.92) rotate(-18deg);opacity:0;transition:transform 1.4s cubic-bezier(.2,.8,.2,1),opacity 1s ease}.cdd-glow{filter:blur(18px)}.cdd.is-ready .cdd-ring{transform:none;opacity:1}.cdd.is-ready .cdd-glow{transform:none;opacity:.45}.cdd-face{position:absolute;inset:calc(50% - var(--R) + var(--T) * 1.15);border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,hsla(0,0%,100%,.86) 72%,hsla(0,0%,100%,.7));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.95),inset 0 -26px 46px -36px color-mix(in srgb,var(--acc) 70%,transparent),0 26px 50px -34px rgba(14,34,56,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 14%;transition:box-shadow 1s ease}.cdd-mark{width:34px;height:34px;user-select:none}.cdd-label{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:40px;animation:cdd-in .45s cubic-bezier(.2,.8,.2,1) both}.cdd-when{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);transition:color .5s}.cdd-name{font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--navy);text-wrap:balance}@keyframes cdd-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.cdd-sun{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s ease .4s}.cdd.is-ready .cdd-sun{opacity:1}.cdd-sun b{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#ffe7d6 58%,#f6b99b);box-shadow:0 0 0 3px hsla(0,0%,100%,.6),0 0 18px 7px rgba(255,214,186,.85),0 0 46px 16px hsla(20,83%,79%,.4);transition:background .6s,box-shadow .6s}.cdd-sun[data-night="1"] b{background:radial-gradient(circle,#fff 0 38%,#e3ecf7 62%,#9fb4cf);box-shadow:0 0 0 3px hsla(0,0%,100%,.35),0 0 16px 6px rgba(190,210,235,.6)}.cdd-nodes{position:absolute;inset:0;z-index:2}.cdd-node{all:unset;box-sizing:border-box;position:absolute;left:calc(50% + var(--x) * 1% - var(--cs) / 2);top:calc(50% + var(--y) * 1% - var(--cs) / 2);width:var(--cs);height:var(--cs);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--navy);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.95),0 0 0 1px rgba(14,34,56,.05),0 6px 16px -8px rgba(14,34,56,.45);transition:transform .5s cubic-bezier(.2,1.3,.3,1),box-shadow .5s ease,color .5s ease;-webkit-tap-highlight-color:transparent}.cdd-node:before{content:"";position:absolute;inset:-6px;border-radius:50%}.cdd-node:hover{transform:scale(1.06)}.cdd-node.is-on{transform:scale(1.16);color:var(--acc);background:radial-gradient(circle at 50% 40%,#fff,#fff7f1);box-shadow:inset 0 0 0 1px #fff,0 8px 20px -8px rgba(14,34,56,.45),0 0 0 5px hsla(0,0%,100%,.55),0 0 26px 7px color-mix(in srgb,var(--acc) 32%,transparent)}.cdd-node:focus-visible{outline:2px solid var(--sx-teal-ink,#1f7f86);outline-offset:4px}@media (max-width:767px){.cdd{--D:260px;--cs:40px}.cdd-mark{width:30px;height:30px}.cdd-name{font-size:14.5px}}@media (max-width:360px){.cdd{--D:236px;--cs:36px}}@media (prefers-reduced-motion:reduce){.cdd-face,.cdd-glow,.cdd-node,.cdd-ring,.cdd-sun,.cdd-sun b,.cdd-when{transition:none!important}.cdd-label{animation:none!important}.cdd-ring{transform:none;opacity:1}.cdd-glow{transform:none;opacity:.45}.cdd-sun{opacity:1}}