.dr-drawing{z-index:80;background:radial-gradient(ellipse at 50% 30%, #151c42 0%, transparent 70%), var(--color-night);color:#f5f7ff;text-align:center;place-items:center;display:grid;position:fixed;inset:0}.dr-in{justify-items:center;gap:.55rem;padding:1.5rem;display:grid;position:relative}.dr-frame{aspect-ratio:1;width:min(78vw,360px);margin-bottom:.6rem}.dr-ring{width:100%;height:auto;display:block;overflow:visible}.dr-outer{fill:none;stroke:#a9bcff;stroke-opacity:.8;stroke-width:1.3px}.dr-inner{fill:none;stroke:#a9bcff;stroke-opacity:.3;stroke-width:1px}.dr-spoke{stroke:#a9bcff;stroke-opacity:.22;stroke-width:1px}.dr-ticks{transform-box:view-box;transform-origin:50%}.dr-tick{stroke:#a9bcff;stroke-opacity:.3;stroke-width:1px}.dr-tick.is-edge{stroke-opacity:.6}.dr-glyph{transform-origin:0 0}.dr-glyph.is-lit{transform:scale(1.4)}.dr-sign{fill:#cfd5ec;opacity:.6}.dr-glyph.is-lit .dr-sign{fill:#ff9f6b;opacity:1}.dr-sector{fill:#ff9f6b29;stroke:#ff9f6b73;stroke-width:1px}.dr-ray{stroke:#ff9f6b;stroke-opacity:.75;stroke-width:1.3px;stroke-dasharray:100}.dr-sun{transform-box:view-box;transform-origin:50%}.dr-sun circle{fill:none;stroke:#ff9f6b;stroke-width:2px}.dr-sun .dr-sun-dot{fill:#ff9f6b;stroke:none}.dr-bloom{opacity:.7}.dr-pen{transform-box:view-box;transform-origin:50%;opacity:0}.dr-pen-glow{fill:#f5f7ff33}.dr-pen-dot{fill:#f5f7ff}.dr-title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-title-sm);letter-spacing:-.02em;margin:0}.dr-title em{font-family:var(--font-serif-italic);letter-spacing:-.01em;color:#a9bcff;font-style:italic;font-weight:450}.dr-title,.dr-when{text-wrap:balance}.dr-when{font-family:var(--font-serif-italic);color:#cfd5ec;margin:0;font-size:19px}.dr-when span{white-space:nowrap}.dr-bodies{justify-content:center;gap:clamp(.4rem,2.2vw,.75rem);margin:1rem 0 .15rem;padding:0;list-style:none;display:flex}.dr-bodies li{color:#f5f7ff}.dr-bodies li.is-sun{color:#ff9f6b}.dr-bodies svg{fill:currentColor;width:22px;height:22px;display:block}.dr-drawing .waiting-line{color:#a9bcff}@media (prefers-reduced-motion:no-preference){.dr-drawing{animation:.3s both dr-fade}.dr-outer{stroke-dasharray:100;animation:1s cubic-bezier(.37,0,.63,1) .15s both dr-stroke}.dr-pen{animation:1s cubic-bezier(.37,0,.63,1) .15s both dr-pen}.dr-inner{animation:.7s .55s both dr-fade}.dr-arrive,.dr-spoke{animation:.35s both dr-fade}.dr-ticks{animation:.7s .65s both dr-fade,150s linear .65s infinite dr-turn}.dr-sector,.dr-halo{animation:.6s both dr-fade}.dr-glyph.is-lit{animation:dr-grow .7s var(--ease-spring) both}.dr-glyph.is-lit .dr-sign{animation:.55s both dr-light}.dr-ray{animation:.45s ease-out both dr-stroke}.dr-sun{animation:dr-sun .7s var(--ease-spring) both}.dr-bloom{animation:1.4s ease-out both dr-bloom}.dr-title{animation:dr-rise .6s .1s var(--ease-out) both}.dr-when{animation:dr-rise .6s .25s var(--ease-out) both}.dr-bodies{animation:.5s 1.3s both dr-fade}.dr-bodies li{animation:.45s both dr-body}}@keyframes dr-pen{0%{opacity:0;transform:rotate(0)}8%,90%{opacity:1}to{opacity:0;transform:rotate(-360deg)}}@keyframes dr-stroke{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes dr-turn{to{transform:rotate(-360deg)}}@keyframes dr-grow{0%{transform:scale(1)}}@keyframes dr-light{0%{fill:#cfd5ec;opacity:.6}}@keyframes dr-sun{0%{opacity:0;transform:scale(.4)}}@keyframes dr-bloom{0%{opacity:0}40%{opacity:1}}@keyframes dr-body{0%{opacity:.22}}@keyframes dr-fade{0%{opacity:0}}@keyframes dr-rise{0%{opacity:0;transform:translateY(8px)}}