.demo-shell{background-color:#090f1ceb;background-color:lab(4.31622% .179864 -8.69168/.92);box-shadow:inset 0 1px #ffffff0f,0 40px 120px -40px #000c;box-shadow:inset 0 1px lab(100% 0 0/.06),0 40px 120px -40px lab(0% 0 0/.8)}.demo-click-ring{background:#69e3f02e;background:lab(83.5631% -32.8001 -17.4543/.18);border:2px solid #69e3f0e6;border:2px solid lab(83.5631% -32.8001 -17.4543/.9);border-radius:9999px;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.65s cubic-bezier(.16,1,.3,1) forwards demo-ring;position:absolute;top:0;left:0}@keyframes demo-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.9)}}.demo-caret{vertical-align:-.12em;background:var(--data);width:6px;height:.95em;box-shadow:0 0 10px var(--data);border-radius:1px;margin-left:2px;animation:.9s steps(2,start) infinite demo-blink;display:inline-block}@keyframes demo-blink{to{visibility:hidden}}.demo-pop{animation:.48s cubic-bezier(.22,1,.36,1) demo-pop}@keyframes demo-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.demo-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both demo-fade-up}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.demo-orb{background:conic-gradient(from 0deg, var(--data), var(--cyan), var(--gold), var(--data));filter:saturate(.9);opacity:.75;animation:9s linear infinite demo-spin}.demo-orb-active{opacity:1;animation-duration:2.4s;box-shadow:0 0 22px -2px #46a2ffb3;box-shadow:0 0 22px -2px lab(64.2909% -3.51474 -57.8536/.7)}.demo-orb-halo{animation:1.6s ease-out infinite demo-halo}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-halo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.demo-shimmer{background:linear-gradient(90deg,#ffffff0d 0%,#46a2ff47 50%,#ffffff0d 100%) 0 0/200% 100%;background:linear-gradient(90deg,lab(100% 0 0/.05) 0%,lab(64.2909% -3.51474 -57.8536/.28) 50%,lab(100% 0 0/.05) 100%) 0 0/200% 100%;animation:1.3s ease-in-out infinite demo-shimmer}@keyframes demo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.demo-grow-y{transform-origin:bottom;transition:transform .9s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.demo-click-ring,.demo-caret,.demo-pop,.demo-fade-up,.demo-orb,.demo-orb-halo,.demo-shimmer{animation:none}}.demo-anomaly{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite demo-anomaly}@keyframes demo-anomaly{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.demo-anomaly{animation:none}}