.ec-figure{max-width:150px;margin:0 auto;position:relative}.ec-figure svg{width:100%;height:auto;display:block}.ec-figure{--ec-base:transparent;--ec-accent:transparent;--ec-glow:transparent}.ec-figure[data-color=yellow]{--ec-base:#ffc21a;--ec-glow:#ffc21a}.ec-figure[data-color=red]{--ec-base:#ff2a2a;--ec-glow:#ff2a2a}.ec-figure[data-color=green]{--ec-base:#1fcf5a;--ec-accent:#1fcf5a;--ec-glow:#1fcf5a}.ec-figure[data-color=green-spin]{--ec-base:#0f7a35;--ec-accent:#5dff94;--ec-glow:#1fcf5a}.ec-figure[data-color=blue-cyan]{--ec-base:#1f5fff;--ec-accent:#35e3ff;--ec-glow:#1f5fff}.ec-figure[data-color=teal]{--ec-base:#17b4dc;--ec-glow:#17b4dc}.ec-figure[data-color=orange]{--ec-base:#b85200;--ec-accent:#ff9a2e;--ec-glow:#ff8a1f}.ec-figure[data-color=purple]{--ec-base:#9b3dff;--ec-glow:#9b3dff}.ec-figure[data-color=white]{--ec-base:transparent;--ec-accent:#fff;--ec-glow:#b9c3d6}.ec-figure .ec-band{fill:var(--ec-base)}.ec-figure .ec-glow{fill:var(--ec-glow);opacity:.9}.ec-figure .ec-spill{fill:var(--ec-glow);opacity:.5}.ec-figure .ec-dash{fill:none;stroke:var(--ec-accent);stroke-width:4px;stroke-dasharray:0 100}.ec-figure[data-pattern=spot] .ec-dash{stroke-dasharray:12 88;stroke-dashoffset:-19px}.ec-figure[data-pattern=spin] .ec-dash,.ec-figure[data-pattern=spin-slow] .ec-dash{stroke-dasharray:24 76;animation:1.6s linear infinite ec-spin}.ec-figure[data-pattern=spin-slow] .ec-dash{animation-duration:3.2s}@keyframes ec-spin{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.ec-figure[data-pattern=volume] .ec-dash{stroke-dasharray:30 70;animation:2.6s ease-in-out infinite alternate ec-volume}@keyframes ec-volume{0%{stroke-dasharray:6 94}to{stroke-dasharray:44 56}}.ec-figure[data-pattern=pulse] [data-part=light]{animation:1.6s ease-in-out infinite ec-pulse}@keyframes ec-pulse{0%,to{opacity:.2}50%{opacity:1}}.ec-figure[data-pattern=burst] [data-part=light]{animation:3s ease-in-out infinite ec-burst}@keyframes ec-burst{0%,45%,to{opacity:.12}20%{opacity:1}}.ec-figure[data-pattern=flash] [data-part=light]{animation:3s ease-out infinite ec-flash}@keyframes ec-flash{0%,40%,to{opacity:0}8%,22%{opacity:1}}@media (prefers-reduced-motion:reduce){.ec-figure [data-part=light],.ec-figure .ec-dash{animation:none!important}}