@property --donut-progress{syntax:"<number>";inherits:false;initial-value:0}.donut-figure{margin:0}.donut-figure--allocation{display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center}.donut.donut--allocation{position:relative;display:grid;width:96px;aspect-ratio:1;place-items:center;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),var(--donut-b) 0 calc(var(--donut-progress) * (var(--donut-value) + var(--donut-second)) * 1%),rgba(148,163,184,.18) 0);animation:donutSweep var(--donut-duration,2.4s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--allocation:before{content:"";position:absolute;inset:14px;border-radius:inherit;background:rgba(5,8,16,.94);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.donut.donut--allocation span{position:relative;z-index:1;color:var(--foreground);font-size:1rem;font-weight:800}.donut-figure--progress{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center}.donut.donut--progress{position:relative;display:grid;width:100px;aspect-ratio:1;place-items:center;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),rgba(148,163,184,.16) 0);animation:donutSweep var(--donut-duration,2.8s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--progress:before{content:"";position:absolute;inset:14px;border-radius:inherit;background:rgba(5,8,16,.94);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.donut.donut--progress span{position:relative;z-index:1;color:var(--foreground);font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.donut-figure--indicator{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:14px;gap:14px;width:min(100%,280px);text-align:left}.donut.donut--indicator{position:relative;width:36px;aspect-ratio:1;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),rgba(148,163,184,.16) 0);animation:donutSweep var(--donut-duration,1.8s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--indicator:before{content:"";position:absolute;inset:6px;border-radius:inherit;background:rgba(5,8,16,.94)}.donut.donut--indicator:after{content:"";position:absolute;inset:12px;border-radius:inherit;background:var(--donut-a);box-shadow:0 0 8px var(--donut-a)}.donut-figure figcaption{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.82rem;line-height:1.35}.donut-figure--allocation figcaption,.donut-figure--progress figcaption{max-width:260px}.donut-figure strong{color:var(--foreground);font-weight:700}.pattern-preview--inspector .donut.donut--allocation{width:144px}.pattern-preview--inspector .donut.donut--allocation:before{inset:22px}.pattern-preview--inspector .donut.donut--allocation span{font-size:1.5rem}.pattern-preview--inspector .donut-figure--allocation{gap:14px}.pattern-preview--inspector .donut-figure--allocation figcaption{font-size:.92rem;max-width:320px}.pattern-preview--inspector .donut.donut--progress{width:144px}.pattern-preview--inspector .donut.donut--progress:before{inset:20px}.pattern-preview--inspector .donut.donut--progress span{font-size:1.85rem}.pattern-preview--inspector .donut-figure--progress{gap:14px}.pattern-preview--inspector .donut-figure--progress figcaption{font-size:.92rem;max-width:320px}.pattern-preview--inspector .donut.donut--indicator{width:52px}.pattern-preview--inspector .donut.donut--indicator:before{inset:8px}.pattern-preview--inspector .donut.donut--indicator:after{inset:16px}.pattern-preview--inspector .donut-figure--indicator{gap:18px;width:min(100%,360px)}.pattern-preview--inspector .donut-figure--indicator figcaption{font-size:.92rem}@keyframes donutSweep{0%,8%{--donut-progress:0}50%,70%{--donut-progress:1}to{--donut-progress:0}}@media (prefers-reduced-motion:reduce){.donut.donut--allocation,.donut.donut--indicator,.donut.donut--progress{animation:none;--donut-progress:1}}