/* Live motion graphics from the Motion Graphics Vault (tools_dev/make_mg.py writes this file). */
/* Kinetic Word Slam */
.g-slam .s{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;font:400 17cqw/1 var(--f);color:var(--t)}
.g-slam i{font-style:normal;animation:mg-slam-s 3.6s infinite both}
.g-slam i:nth-child(2){animation-delay:.3s}.g-slam i:nth-child(3){animation-delay:.6s;color:var(--a)}
@keyframes mg-slam-s{0%{opacity:0;transform:scale(2.4)}8%,84%{opacity:1;transform:scale(1)}94%,100%{opacity:0;transform:scale(.96)}}
/* Word-by-Word Captions */
.g-wordpop .c{position:absolute;left:6%;right:6%;top:60%;text-align:center;font:400 10.5cqw/1.08 var(--f);color:var(--t);text-transform:uppercase;text-shadow:0 .7cqw 0 rgba(0,0,0,.35)}
.g-wordpop span{display:inline-block;padding:0 1.6cqw;border-radius:1.6cqw;animation:mg-wordpop-hl 3s infinite}
.g-wordpop span:nth-child(2){animation-delay:1s}.g-wordpop span:nth-child(3){animation-delay:2s}
@keyframes mg-wordpop-hl{0%,30%{background:var(--h);color:var(--k);text-shadow:none;transform:scale(1.08)}33.4%,100%{background:transparent;color:var(--t);transform:none}}
/* Terminal Run */
.g-terminal .t{position:absolute;left:6%;right:6%;top:12%;background:#0D0B12;border:.4cqw solid #2C2738;border-radius:3cqw;padding:0 0 3cqw;box-shadow:0 3cqw 8cqw rgba(0,0,0,.45);font:500 4cqw/1.6 var(--mono);color:#D9D3E6}
.g-terminal .h{display:flex;gap:1.2cqw;padding:2.4cqw 3cqw;border-bottom:.4cqw solid #2C2738;margin-bottom:2cqw}
.g-terminal .h i{width:2cqw;height:2cqw;border-radius:50%;background:#3A3446}
.g-terminal p{margin:0 3.4cqw;opacity:0;animation:mg-terminal-l 4.4s steps(1) infinite}
.g-terminal em{color:var(--a);font-style:normal}
.g-terminal p:nth-of-type(2){animation-delay:.4s}.g-terminal p:nth-of-type(3){animation-delay:.8s}.g-terminal p:nth-of-type(4){animation-delay:1.2s}.g-terminal p.ok{animation-delay:1.7s;color:#4ADE80;font-weight:600}
@keyframes mg-terminal-l{0%{opacity:1}92%,100%{opacity:0}}
/* Keyword Box Swipe */
.g-keybox .w{position:absolute;left:0;right:0;top:40%;text-align:center;font:400 11cqw/1.15 var(--f);color:var(--t);isolation:isolate}
.g-keybox b{position:relative;font-weight:400;padding:0 1.6cqw;animation:mg-keybox-c 3s infinite}
.g-keybox b::before{content:"";position:absolute;inset:-.4cqw 0;background:var(--h);z-index:-1;transform-origin:left;animation:mg-keybox-s 3s infinite}
@keyframes mg-keybox-s{0%,8%{transform:scaleX(0)}22%,82%{transform:scaleX(1)}96%,100%{transform:scaleX(0);transform-origin:right}}
@keyframes mg-keybox-c{0%,14%{color:var(--t)}20%,84%{color:var(--k)}92%,100%{color:var(--t)}}
/* Stat Card Pop */
.g-statpop .c{position:absolute;left:50%;top:22%;width:74%;transform:translateX(-50%);background:#fff;border-radius:4cqw;padding:5cqw 6cqw;box-shadow:0 3cqw 8cqw rgba(0,0,0,.35);animation:mg-statpop-p 3s cubic-bezier(.2,1.6,.4,1) infinite}
.g-statpop b{display:block;font:400 19cqw/1 var(--f);color:var(--a)}
.g-statpop span{font:600 4.6cqw/1.3 var(--body);color:#6B6378}
@keyframes mg-statpop-p{0%{transform:translateX(-50%) scale(.4) rotate(-6deg);opacity:0}12%,82%{transform:translateX(-50%) scale(1);opacity:1}94%,100%{transform:translateX(-50%) scale(.92);opacity:0}}
/* Slash Command Bar */
.g-slashcmd .b{position:absolute;left:8%;right:8%;top:20%;display:flex;align-items:center;gap:2.4cqw;background:#1D1A24;border:.4cqw solid #3A3446;border-radius:3cqw;padding:2.6cqw 3cqw;box-shadow:0 3cqw 8cqw rgba(0,0,0,.4);animation:mg-slashcmd-f 3.4s infinite}
.g-slashcmd i{flex:none;width:7cqw;height:7cqw;border-radius:1.6cqw;background:var(--a);color:#fff;display:grid;place-items:center;font:700 4.6cqw var(--mono);font-style:normal}
.g-slashcmd span{flex:1;font:500 5cqw var(--mono);color:#fff;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:mg-slashcmd-t 3.4s steps(13) infinite}
.g-slashcmd kbd{flex:none;font:600 4cqw var(--mono);color:#fff;background:#3A3446;border-radius:1.4cqw;padding:1cqw 2cqw;animation:mg-slashcmd-k 3.4s infinite}
@keyframes mg-slashcmd-t{0%,6%{clip-path:inset(0 100% 0 0)}32%,100%{clip-path:inset(0 0 0 0)}}
@keyframes mg-slashcmd-k{0%,38%{transform:none}42%{transform:translateY(.8cqw);background:var(--h);color:var(--k)}50%,100%{transform:none}}
@keyframes mg-slashcmd-f{0%,42%{box-shadow:0 3cqw 8cqw rgba(0,0,0,.4)}46%{box-shadow:0 0 0 1cqw var(--a)}60%,100%{box-shadow:0 3cqw 8cqw rgba(0,0,0,.4)}}
/* Wrong → Right Correction */
.g-strike .w{position:absolute;left:0;right:0;top:36%;display:flex;flex-direction:column;align-items:center;gap:4cqw}
.g-strike s{position:relative;text-decoration:none;font:400 11cqw/1 var(--f);color:var(--t);opacity:.7}
.g-strike s::after{content:"";position:absolute;left:-4%;right:-4%;top:48%;height:1.6cqw;background:#FF4D4D;transform-origin:left;animation:mg-strike-l 3.4s infinite}
.g-strike b{font:400 10cqw/1 var(--f);font-weight:400;background:var(--h);color:var(--k);padding:1.2cqw 3cqw;animation:mg-strike-b 3.4s cubic-bezier(.2,1.6,.4,1) infinite}
@keyframes mg-strike-l{0%,10%{transform:scaleX(0)}24%,100%{transform:scaleX(1)}}
@keyframes mg-strike-b{0%,30%{transform:rotate(-4deg) scale(0)}40%,92%{transform:rotate(-4deg) scale(1)}100%{transform:rotate(-4deg) scale(0)}}
/* AI Chat Exchange */
.g-chat .u,.g-chat .a,.g-chat .dots{position:absolute;font:500 4.4cqw/1.4 var(--body);border-radius:4cqw;padding:3cqw 4cqw}
.g-chat .u{right:6%;top:18%;max-width:72%;background:var(--a);color:#fff;border-bottom-right-radius:1cqw;animation:mg-chat-u 4s infinite}
.g-chat .dots{left:6%;top:36%;background:#ECE9F2;display:flex;gap:1.4cqw;animation:mg-chat-d 4s infinite}
.g-chat .dots i{width:2cqw;height:2cqw;border-radius:50%;background:#8E86A0;animation:mg-chat-j .9s infinite}
.g-chat .dots i:nth-child(2){animation-delay:.15s}.g-chat .dots i:nth-child(3){animation-delay:.3s}
.g-chat .a{left:6%;top:36%;max-width:84%;background:#fff;color:#1B1726;border-bottom-left-radius:1cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.2);animation:mg-chat-a 4s infinite}
.g-chat .a b{color:var(--a)}
@keyframes mg-chat-u{0%{opacity:0;transform:translateX(20%)}8%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mg-chat-d{0%,12%{opacity:0}16%,34%{opacity:1}36%,100%{opacity:0}}
@keyframes mg-chat-j{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.2cqw)}}
@keyframes mg-chat-a{0%,34%{opacity:0;transform:translateX(-14%)}42%,90%{opacity:1;transform:none}100%{opacity:0}}
/* Bar Chart Rise */
.g-bars .c{position:absolute;left:12%;right:12%;top:16%;height:40%;display:flex;align-items:flex-end;gap:3cqw;border-bottom:.6cqw solid color-mix(in srgb,var(--t) 40%,transparent)}
.g-bars i{flex:1;height:var(--v);background:var(--a);border-radius:1.6cqw 1.6cqw 0 0;transform-origin:bottom;animation:mg-bars-g 3.2s cubic-bezier(.2,.8,.3,1) infinite}
.g-bars i:nth-child(2){animation-delay:.15s}.g-bars i:nth-child(3){animation-delay:.3s}.g-bars i:nth-child(4){animation-delay:.45s}.g-bars i:nth-child(5){animation-delay:.6s;background:var(--h)}
.g-bars .l{position:absolute;left:0;right:0;top:60%;text-align:center;font:600 5cqw var(--body);color:var(--t);opacity:.8}
@keyframes mg-bars-g{0%{transform:scaleY(0)}30%,90%{transform:scaleY(1)}100%{transform:scaleY(0)}}
/* Glitch Headline */
.g-glitch .g{position:absolute;left:0;right:0;top:30%;text-align:center;font:400 18cqw/1 var(--f);color:var(--t)}
.g-glitch .g::before,.g-glitch .g::after{content:attr(data-t);position:absolute;inset:0;mix-blend-mode:screen}
.g-glitch .g::before{color:#FF2B4E;animation:mg-glitch-a 1.8s steps(1) infinite}
.g-glitch .g::after{color:#22E3FF;animation:mg-glitch-b 1.8s steps(1) infinite}
@keyframes mg-glitch-a{0%{transform:translate(1.5cqw,-.6cqw);clip-path:inset(10% 0 55% 0)}20%{transform:translate(-1cqw,.4cqw);clip-path:inset(60% 0 5% 0)}40%,100%{transform:none;clip-path:inset(0 0 100% 0)}}
@keyframes mg-glitch-b{0%{transform:translate(-1.5cqw,.6cqw);clip-path:inset(50% 0 20% 0)}20%{transform:translate(1cqw,-.4cqw);clip-path:inset(0 0 70% 0)}40%,100%{transform:none;clip-path:inset(0 0 100% 0)}}
/* Cursor Click */
.g-cursor .bt{position:absolute;left:22%;right:22%;top:44%;text-align:center;background:var(--a);color:#fff;font:700 4.6cqw var(--body);padding:3.4cqw 0;border-radius:3cqw;animation:mg-cursor-b 3s infinite}
.g-cursor .rp{position:absolute;left:58%;top:49%;width:6cqw;height:6cqw;margin:-3cqw;border-radius:50%;border:.8cqw solid var(--h);opacity:0;animation:mg-cursor-r 3s infinite}
.g-cursor .cu{position:absolute;width:10cqw;fill:#fff;stroke:#111;stroke-width:1.2;left:58%;top:49%;animation:mg-cursor-m 3s cubic-bezier(.6,0,.3,1) infinite}
@keyframes mg-cursor-m{0%{transform:translate(-28cqw,40cqw)}40%,100%{transform:translate(0,0)}46%{transform:scale(.85)}52%{transform:scale(1)}}
@keyframes mg-cursor-b{0%,44%{transform:scale(1)}48%{transform:scale(.94)}54%,100%{transform:scale(1)}}
@keyframes mg-cursor-r{0%,44%{opacity:0;transform:scale(.5)}48%{opacity:1}75%,100%{opacity:0;transform:scale(5)}}
/* Checklist + Progress */
.g-checklist .l{position:absolute;left:10%;right:10%;top:16%;display:flex;flex-direction:column;gap:4cqw}
.g-checklist p{margin:0;display:flex;align-items:center;gap:3cqw;font:600 5cqw var(--body);color:var(--t)}
.g-checklist i{flex:none;width:7cqw;height:7cqw;border:.8cqw solid color-mix(in srgb,var(--t) 50%,transparent);border-radius:1.6cqw;position:relative;animation:mg-checklist-b 4.4s infinite}
.g-checklist i::after{content:"✓";position:absolute;inset:-1.4cqw 0 0;display:grid;place-items:center;color:var(--k);font:900 5.4cqw var(--body);transform:scale(0);animation:mg-checklist-c 4.4s infinite}
.g-checklist p:nth-child(2) i,.g-checklist p:nth-child(2) i::after{animation-delay:.45s}.g-checklist p:nth-child(3) i,.g-checklist p:nth-child(3) i::after{animation-delay:.9s}.g-checklist p:nth-child(4) i,.g-checklist p:nth-child(4) i::after{animation-delay:1.35s}
.g-checklist .pb{position:absolute;left:10%;right:10%;top:62%;height:3.4cqw;border-radius:2cqw;background:color-mix(in srgb,var(--t) 15%,transparent);overflow:hidden}
.g-checklist .pb b{display:block;height:100%;background:var(--a);transform-origin:left;animation:mg-checklist-p 4.4s infinite}
@keyframes mg-checklist-b{0%,10%{background:transparent;border-color:color-mix(in srgb,var(--t) 50%,transparent)}16%,90%{background:var(--h);border-color:var(--h)}100%{background:transparent}}
@keyframes mg-checklist-c{0%,10%{transform:scale(0)}18%,90%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes mg-checklist-p{0%,8%{transform:scaleX(0)}48%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
/* UI Mockup Slide-In */
.g-uimock .w{position:absolute;left:7%;right:7%;top:12%;height:40%;background:#F6F4FA;border-radius:3cqw;overflow:hidden;box-shadow:0 4cqw 10cqw rgba(0,0,0,.4);animation:mg-uimock-u 3.6s cubic-bezier(.2,1.3,.4,1) infinite}
.g-uimock .tb{height:9%;background:#E7E3EF;display:flex;align-items:center;gap:1.2cqw;padding:0 3cqw}
.g-uimock .tb i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#C9C3D6}.g-uimock .tb i:first-child{background:#FF6B6B}
.g-uimock .tb span{margin-left:auto;margin-right:auto;font:500 2.8cqw var(--body);color:#8A8399}
.g-uimock .bd{display:flex;height:91%}.g-uimock aside{width:22%;background:#EFECF5}
.g-uimock .rows{flex:1;padding:4cqw;display:flex;flex-direction:column;gap:2.4cqw}
.g-uimock b{height:4cqw;width:60%;border-radius:1cqw;background:var(--a);transform-origin:left;animation:mg-uimock-t 3.6s infinite}
.g-uimock p{margin:0;height:2.6cqw;border-radius:1cqw;background:#D5D0E0;transform-origin:left;animation:mg-uimock-t 3.6s infinite}
.g-uimock p:nth-of-type(1){animation-delay:.25s}.g-uimock p:nth-of-type(2){animation-delay:.5s;width:85%}.g-uimock p.s{animation-delay:.75s;width:60%}
.g-uimock .btn{margin-top:auto;align-self:flex-start;background:var(--a);color:#fff;font:700 3.4cqw var(--body);padding:1.6cqw 3.4cqw;border-radius:1.6cqw;animation:mg-uimock-b 3.6s infinite}
@keyframes mg-uimock-u{0%{transform:translateY(30%) scale(.9);opacity:0}14%,86%{transform:none;opacity:1}100%{transform:translateY(-8%);opacity:0}}
@keyframes mg-uimock-t{0%,16%{transform:scaleX(0)}30%,100%{transform:scaleX(1)}}
@keyframes mg-uimock-b{0%,55%{transform:scale(1)}60%{transform:scale(.9)}66%,100%{transform:scale(1)}}
/* Step List Build */
.g-steps .l{position:absolute;left:7%;right:7%;top:16%;display:flex;flex-direction:column;gap:3cqw}
.g-steps .l div{display:flex;align-items:center;gap:3cqw;background:color-mix(in srgb,var(--t) 9%,transparent);border-radius:3cqw;padding:3cqw;font:600 4.8cqw var(--body);color:var(--t);animation:mg-steps-s 4.6s infinite both}
.g-steps .l div:nth-child(2){animation-delay:.6s}.g-steps .l div:nth-child(3){animation-delay:1.2s}.g-steps .l div:nth-child(4){animation-delay:1.8s}
.g-steps i{flex:none;width:8cqw;height:8cqw;border-radius:2cqw;background:var(--a);color:#fff;display:grid;place-items:center;font:400 5cqw var(--f);font-style:normal}
@keyframes mg-steps-s{0%{opacity:0;transform:translateX(-20%)}8%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
/* Versus Split */
.g-versus .a,.g-versus .b{position:absolute;left:0;right:0;height:50%;padding:8cqw 8cqw;display:flex;flex-direction:column;gap:2cqw;justify-content:center}
.g-versus .a{top:0;background:#2A2433;color:#CFC8DB;animation:mg-versus-l 3.6s cubic-bezier(.2,.9,.3,1) infinite}
.g-versus .b{bottom:0;background:var(--a);color:#fff;animation:mg-versus-r 3.6s cubic-bezier(.2,.9,.3,1) infinite}
.g-versus b{font:400 11cqw/1 var(--f)}.g-versus p{margin:0;font:600 5cqw var(--body)}
.g-versus i{position:absolute;left:50%;top:50%;width:18cqw;height:18cqw;margin:-9cqw;border-radius:50%;background:var(--h);color:var(--k);display:grid;place-items:center;font:400 8cqw var(--f);font-style:normal;z-index:2;animation:mg-versus-v 3.6s cubic-bezier(.2,1.8,.4,1) infinite}
@keyframes mg-versus-l{0%{transform:translateX(-100%)}12%,88%{transform:none}100%{transform:translateX(-100%)}}
@keyframes mg-versus-r{0%{transform:translateX(100%)}12%,88%{transform:none}100%{transform:translateX(100%)}}
@keyframes mg-versus-v{0%,12%{transform:scale(0) rotate(-30deg)}22%,88%{transform:none}100%{transform:scale(0)}}
/* Hand-Drawn Circle */
.g-circle p{position:absolute;left:0;right:0;top:42%;margin:0;text-align:center;font:600 7.4cqw var(--body);color:var(--t)}
.g-circle b{font-weight:800;position:relative;display:inline-block}
.g-circle svg{position:absolute;left:-45%;top:-50%;width:190%;height:200%;overflow:visible}
.g-circle path{fill:none;stroke:var(--h);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;animation:mg-circle-d 3s ease-out infinite}
@keyframes mg-circle-d{0%,10%{stroke-dashoffset:100}38%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
/* Node Graph: Build + Pulse + Focus */
.g-nodegraph .gr{position:absolute;left:6%;width:88cqw;top:16%;aspect-ratio:100/120}
.g-nodegraph svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.g-nodegraph .e{fill:none;stroke:color-mix(in srgb,var(--t) 40%,transparent);stroke-width:.8;stroke-dasharray:100}
.g-nodegraph .pl path{fill:none;stroke:var(--h);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 97;animation:mg-nodegraph-pu .8s linear infinite}
.g-nodegraph .n{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;white-space:nowrap;background:#fff;color:#17131F;font:700 4.2cqw/1 var(--body);padding:2.8cqw 3.8cqw;border-radius:99px;border:.5cqw solid var(--a);box-shadow:0 1.4cqw 3.4cqw rgba(0,0,0,.3)}
.g-nodegraph .o{background:var(--a);color:#fff}
.g-nodegraph .n em{position:absolute;left:50%;top:calc(100% + 2.4cqw);translate:-50% 0;background:var(--h);color:var(--k);font:700 3.1cqw var(--body);font-style:normal;padding:1.1cqw 2.4cqw;border-radius:99px}
.g-nodegraph .e:nth-of-type(1){animation:mg-nodegraph-k1 8s linear infinite both}
.g-nodegraph .e:nth-of-type(2){animation:mg-nodegraph-k2 8s linear infinite both}
.g-nodegraph .e:nth-of-type(3){animation:mg-nodegraph-k3 8s linear infinite both}
.g-nodegraph .e:nth-of-type(4){animation:mg-nodegraph-k4 8s linear infinite both}
.g-nodegraph .e:nth-of-type(5){animation:mg-nodegraph-k5 8s linear infinite both}
.g-nodegraph .e:nth-of-type(6){animation:mg-nodegraph-k6 8s linear infinite both}
.g-nodegraph .e:nth-of-type(7){animation:mg-nodegraph-k7 8s linear infinite both}
.g-nodegraph .pl{animation:mg-nodegraph-k8 8s linear infinite both}
.g-nodegraph .pl path:nth-child(1){animation-delay:0s}
.g-nodegraph .pl path:nth-child(2){animation-delay:-0.25s}
.g-nodegraph .pl path:nth-child(3){animation-delay:-0.5s}
.g-nodegraph .pl path:nth-child(4){animation-delay:0s}
.g-nodegraph .pl path:nth-child(5){animation-delay:-0.25s}
.g-nodegraph .pl path:nth-child(6){animation-delay:-0.5s}
.g-nodegraph .pl path:nth-child(7){animation-delay:0s}
.g-nodegraph svg{animation:mg-nodegraph-k9 8s linear infinite both}
.g-nodegraph .n:nth-of-type(1){animation:mg-nodegraph-k10 8s linear infinite both,mg-nodegraph-k11 8s linear infinite both}
.g-nodegraph .n:nth-of-type(2){animation:mg-nodegraph-k12 8s linear infinite both,mg-nodegraph-k13 8s linear infinite both}
.g-nodegraph .n:nth-of-type(3){animation:mg-nodegraph-k14 8s linear infinite both,mg-nodegraph-k15 8s linear infinite both}
.g-nodegraph .n:nth-of-type(4){animation:mg-nodegraph-k16 8s linear infinite both,mg-nodegraph-k17 8s linear infinite both}
.g-nodegraph .n:nth-of-type(5){animation:mg-nodegraph-k18 8s linear infinite both,mg-nodegraph-k19 8s linear infinite both}
.g-nodegraph .n:nth-of-type(6){animation:mg-nodegraph-k20 8s linear infinite both,mg-nodegraph-k21 8s linear infinite both}
.g-nodegraph .f em{animation:mg-nodegraph-k22 8s linear infinite both}
@keyframes mg-nodegraph-k1{0%,6.88%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}12.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k2{0%,12.5%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}18.12%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k3{0%,12.5%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}18.12%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k4{0%,12.5%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}18.12%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k5{0%,21.88%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}27.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k6{0%,21.88%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}27.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k7{0%,21.88%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}27.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-nodegraph-k8{0%,31.25%{opacity:0}33.75%,87.5%{opacity:1}91.25%,100%{opacity:0}}
@keyframes mg-nodegraph-k9{0%,57.5%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{opacity:.35;animation-timing-function:ease-in}95%,100%{opacity:1}}
@keyframes mg-nodegraph-k10{0%,3.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}9.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k11{0%,57.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-nodegraph-k12{0%,10%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}15.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k13{0%,57.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-nodegraph-k14{0%,16.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}21.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k15{0%,57.5%{scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}63.75%,90%{scale:1.14;box-shadow:0 0 0 1.2cqw var(--h),0 0 9cqw color-mix(in srgb,var(--h) 70%,transparent);animation-timing-function:ease-in}95%,100%{scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-nodegraph-k16{0%,17.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}23.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k17{0%,57.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-nodegraph-k18{0%,19.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}24.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k19{0%,57.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-nodegraph-k20{0%,26.88%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}32.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-k21{0%,57.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}63.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-nodegraph-k22{0%,62.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}67.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-nodegraph-pu{from{stroke-dashoffset:3}to{stroke-dashoffset:-97}}
/* Whip Pan */
.g-whip .a,.g-whip .b{position:absolute;inset:0;display:grid;place-items:center;font:400 12cqw var(--f)}
.g-whip .a{background:#2A2433;color:#fff;animation:mg-whip-a 2.4s cubic-bezier(.7,0,.3,1) infinite}
.g-whip .b{background:var(--a);color:#fff;animation:mg-whip-b 2.4s cubic-bezier(.7,0,.3,1) infinite}
@keyframes mg-whip-a{0%,40%{transform:none;filter:none}50%,100%{transform:translateX(-110%);filter:blur(4cqw)}}
@keyframes mg-whip-b{0%,40%{transform:translateX(110%);filter:blur(4cqw)}50%,92%{transform:none;filter:none}100%{transform:none}}
/* Folder Tree: Grow + Open */
.g-foldertree .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-foldertree .t b{font-weight:400;color:var(--h)}
.g-foldertree .rt,.g-foldertree .f span{display:flex;align-items:center;gap:2cqw;font:700 4.4cqw/1 var(--mono);color:var(--t);white-space:nowrap}
.g-foldertree .rt{position:absolute;left:6%;top:23%;padding:2cqw 3cqw;border-radius:2.4cqw;background:color-mix(in srgb,var(--t) 10%,transparent)}
.g-foldertree .rt i,.g-foldertree .f i{position:relative;width:6cqw;height:4.4cqw;border-radius:.8cqw;background:var(--h)}
.g-foldertree .rt i::before,.g-foldertree .f i::before{content:"";position:absolute;left:0;top:-1cqw;width:2.8cqw;height:1.4cqw;border-radius:.6cqw .6cqw 0 0;background:inherit}
.g-foldertree .rt i{background:var(--a)}
.g-foldertree .tr{position:absolute;left:11cqw;top:calc(23% + 9cqw);height:calc(60% - 23% - 9cqw);width:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:top}
.g-foldertree .f{position:absolute;left:11cqw;translate:0 -50%;height:9cqw;display:flex;align-items:center}
.g-foldertree .f u{width:6cqw;height:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:left;flex:none}
.g-foldertree .f span{margin-left:1.4cqw;padding:2cqw 2.4cqw;border-radius:2.4cqw}
.g-foldertree .sel span{background:color-mix(in srgb,var(--t) 10%,transparent)}
.g-foldertree .ln{position:absolute;left:46cqw;width:7cqw;top:45%;border-top:.5cqw dashed var(--h);transform-origin:left}
.g-foldertree .pn{position:absolute;right:4%;width:42cqw;top:39%;background:#fff;color:#17131F;border-radius:3cqw;padding:3.6cqw;box-shadow:0 2cqw 6cqw rgba(0,0,0,.35)}
.g-foldertree .pn h6{margin:0 0 2cqw;font:700 3.2cqw var(--mono);color:var(--a)}
.g-foldertree .pn p{margin:0;padding:1.8cqw 0;border-top:.3cqw solid #EEEAF4;font:600 3.1cqw var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-foldertree .pn .m{color:#8A8399}
.g-foldertree .t{animation:mg-foldertree-k1 8s linear infinite both}
.g-foldertree .rt{animation:mg-foldertree-k2 8s linear infinite both}
.g-foldertree .tr{animation:mg-foldertree-k3 8s linear infinite both}
.g-foldertree .f:nth-of-type(3) u{animation:mg-foldertree-k4 8s linear infinite both}
.g-foldertree .f:nth-of-type(3) span{animation:mg-foldertree-k5 8s linear infinite both}
.g-foldertree .f:nth-of-type(3){animation:mg-foldertree-k6 8s linear infinite both}
.g-foldertree .f:nth-of-type(4) u{animation:mg-foldertree-k7 8s linear infinite both}
.g-foldertree .f:nth-of-type(4) span{animation:mg-foldertree-k8 8s linear infinite both}
.g-foldertree .f:nth-of-type(4){animation:mg-foldertree-k9 8s linear infinite both}
.g-foldertree .f:nth-of-type(5) u{animation:mg-foldertree-k10 8s linear infinite both}
.g-foldertree .f:nth-of-type(5) span{animation:mg-foldertree-k11 8s linear infinite both,mg-foldertree-k12 8s linear infinite both}
.g-foldertree .f:nth-of-type(6) u{animation:mg-foldertree-k13 8s linear infinite both}
.g-foldertree .f:nth-of-type(6) span{animation:mg-foldertree-k14 8s linear infinite both}
.g-foldertree .f:nth-of-type(6){animation:mg-foldertree-k15 8s linear infinite both}
.g-foldertree .f:nth-of-type(7) u{animation:mg-foldertree-k16 8s linear infinite both}
.g-foldertree .f:nth-of-type(7) span{animation:mg-foldertree-k17 8s linear infinite both}
.g-foldertree .f:nth-of-type(7){animation:mg-foldertree-k18 8s linear infinite both}
.g-foldertree .ln{animation:mg-foldertree-k19 8s linear infinite both}
.g-foldertree .pn{animation:mg-foldertree-k20 8s linear infinite both}
.g-foldertree .pn > *:nth-child(1){animation:mg-foldertree-k21 8s linear infinite both}
.g-foldertree .pn > *:nth-child(2){animation:mg-foldertree-k22 8s linear infinite both}
.g-foldertree .pn > *:nth-child(3){animation:mg-foldertree-k23 8s linear infinite both}
.g-foldertree .pn > *:nth-child(4){animation:mg-foldertree-k24 8s linear infinite both}
.g-foldertree .pn > *:nth-child(5){animation:mg-foldertree-k25 8s linear infinite both}
@keyframes mg-foldertree-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-foldertree-k2{0%,2.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}8.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-foldertree-k3{0%,6.25%{transform:scaleY(0);animation-timing-function:linear}22.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-foldertree-k4{0%,8.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.88%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k5{0%,10%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}15.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-foldertree-k6{0%,42.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-foldertree-k7{0%,12%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}15.12%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k8{0%,13.25%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-foldertree-k9{0%,42.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-foldertree-k10{0%,15.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}18.38%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k11{0%,16.5%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}22.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-foldertree-k12{0%,42.5%{scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}48.12%,90%{scale:1.1;box-shadow:0 0 0 .9cqw var(--h);animation-timing-function:ease-in}95%,100%{scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-foldertree-k13{0%,18.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.62%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k14{0%,19.75%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}25.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-foldertree-k15{0%,42.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-foldertree-k16{0%,21.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}24.88%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k17{0%,23%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}28.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-foldertree-k18{0%,42.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-foldertree-k19{0%,46.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}50.62%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-foldertree-k20{0%,48.75%{clip-path:inset(0 100% 0 0 round 3cqw);animation-timing-function:cubic-bezier(.65,0,.35,1)}56.25%,90%{clip-path:inset(0 0 0 0 round 3cqw);animation-timing-function:ease-in}95%,100%{clip-path:inset(0 100% 0 0 round 3cqw)}}
@keyframes mg-foldertree-k21{0%,53.75%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}58.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-foldertree-k22{0%,56%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}61%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-foldertree-k23{0%,58.25%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}63.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-foldertree-k24{0%,60.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}65.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-foldertree-k25{0%,62.75%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}67.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
/* Pointer Arrow Draw */
.g-arrow .tg{position:absolute;right:8%;top:28%;background:#fff;color:#111;font:700 4.4cqw var(--body);padding:2.4cqw 4cqw;border-radius:99px}
.g-arrow svg{position:absolute;left:8%;top:22%;width:64%;overflow:visible}
.g-arrow .a{fill:none;stroke:var(--h);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;animation:mg-arrow-d 3s ease-out infinite}
.g-arrow .h{fill:none;stroke:var(--h);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:mg-arrow-hd 3s infinite}
.g-arrow span{position:absolute;left:10%;top:66%;font:400 8cqw var(--f);color:var(--t);animation:mg-arrow-hd 3s infinite}
@keyframes mg-arrow-d{0%,8%{stroke-dashoffset:100}30%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes mg-arrow-hd{0%,28%{opacity:0}34%,90%{opacity:1}100%{opacity:0}}
/* Diagonal Shape Wipe */
.g-wipe .a,.g-wipe .b{position:absolute;inset:0;display:grid;place-items:center;font:400 13cqw var(--f);color:#fff}
.g-wipe .a{background:#2A2433}
.g-wipe .b{background:color-mix(in srgb,var(--a) 70%,#000);clip-path:polygon(0 0,0 0,0 0,0 0);animation:mg-wipe-m 2.8s cubic-bezier(.7,0,.3,1) infinite}
.g-wipe i{position:absolute;left:-60%;top:-60%;width:40%;height:220%;background:var(--h);transform:rotate(30deg);animation:mg-wipe-b 2.8s cubic-bezier(.7,0,.3,1) infinite}
@keyframes mg-wipe-b{0%,20%{left:-60%}50%,100%{left:140%}}
@keyframes mg-wipe-m{0%,24%{clip-path:polygon(0 0,0 0,0 0,0 0)}50%,92%{clip-path:polygon(0 0,200% 0,0 200%,0 200%)}100%{clip-path:polygon(0 0,200% 0,0 200%,0 200%)}}
/* Chips: Cloud → Filter */
.g-chipfilter .l1,.g-chipfilter .l2{position:absolute;left:8%;right:8%;text-align:center;font:400 7.4cqw/1.1 var(--f);color:var(--t)}
.g-chipfilter .l1{top:12%}.g-chipfilter .l2{top:66%}
.g-chipfilter .l2::after{content:"";display:block;width:30%;height:1cqw;margin:2cqw auto 0;border-radius:99px;background:var(--h);transform-origin:left}
.g-chipfilter .cl{position:absolute;left:6%;right:6%;top:24%;height:36%}
.g-chipfilter .cl b{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;white-space:nowrap;font:600 4.2cqw/1 var(--body);padding:2.2cqw 4cqw;border-radius:99px;color:var(--t);background:color-mix(in srgb,var(--t) 10%,transparent);border:.4cqw solid color-mix(in srgb,var(--t) 25%,transparent)}
.g-chipfilter .cl b.k{z-index:1}
.g-chipfilter .l1{animation:mg-chipfilter-k1 8s linear infinite both}
.g-chipfilter .cl b:nth-child(1){animation:mg-chipfilter-k2 8s linear infinite both,mg-chipfilter-k3 8s linear infinite both}
.g-chipfilter .cl b:nth-child(2){animation:mg-chipfilter-k4 8s linear infinite both,mg-chipfilter-k5 8s linear infinite both}
.g-chipfilter .cl b:nth-child(3){animation:mg-chipfilter-k6 8s linear infinite both}
.g-chipfilter .cl b:nth-child(4){animation:mg-chipfilter-k7 8s linear infinite both,mg-chipfilter-k8 8s linear infinite both}
.g-chipfilter .cl b:nth-child(5){animation:mg-chipfilter-k9 8s linear infinite both}
.g-chipfilter .cl b:nth-child(6){animation:mg-chipfilter-k10 8s linear infinite both}
.g-chipfilter .cl b:nth-child(7){animation:mg-chipfilter-k11 8s linear infinite both}
.g-chipfilter .cl b:nth-child(8){animation:mg-chipfilter-k12 8s linear infinite both}
.g-chipfilter .cl b:nth-child(9){animation:mg-chipfilter-k13 8s linear infinite both}
.g-chipfilter .cl b:nth-child(10){animation:mg-chipfilter-k14 8s linear infinite both}
.g-chipfilter .cl b:nth-child(11){animation:mg-chipfilter-k15 8s linear infinite both}
.g-chipfilter .l2{animation:mg-chipfilter-k16 8s linear infinite both}
.g-chipfilter .l2::after{animation:mg-chipfilter-k17 8s linear infinite both}
@keyframes mg-chipfilter-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-chipfilter-k2{0%,2.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}8.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.6)}}
@keyframes mg-chipfilter-k3{0%,50%{left:var(--x);top:var(--y);background:color-mix(in srgb,var(--t) 10%,transparent);color:var(--t);border-color:color-mix(in srgb,var(--t) 25%,transparent);animation-timing-function:cubic-bezier(.65,0,.35,1)}60%,100%{left:var(--rx);top:var(--ry);background:var(--a);color:#fff;border-color:var(--a)}}
@keyframes mg-chipfilter-k4{0%,3.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}9.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.6)}}
@keyframes mg-chipfilter-k5{0%,50%{left:var(--x);top:var(--y);background:color-mix(in srgb,var(--t) 10%,transparent);color:var(--t);border-color:color-mix(in srgb,var(--t) 25%,transparent);animation-timing-function:cubic-bezier(.65,0,.35,1)}60%,100%{left:var(--rx);top:var(--ry);background:var(--a);color:#fff;border-color:var(--a)}}
@keyframes mg-chipfilter-k6{0%,5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10.63%,40.88%{opacity:1;transform:none;animation-timing-function:ease-in}45.88%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k7{0%,6.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}11.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.6)}}
@keyframes mg-chipfilter-k8{0%,50%{left:var(--x);top:var(--y);background:color-mix(in srgb,var(--t) 10%,transparent);color:var(--t);border-color:color-mix(in srgb,var(--t) 25%,transparent);animation-timing-function:cubic-bezier(.65,0,.35,1)}60%,100%{left:var(--rx);top:var(--ry);background:var(--a);color:#fff;border-color:var(--a)}}
@keyframes mg-chipfilter-k9{0%,7.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}13.12%,41.75%{opacity:1;transform:none;animation-timing-function:ease-in}46.75%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k10{0%,8.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}14.37%,42.19%{opacity:1;transform:none;animation-timing-function:ease-in}47.19%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k11{0%,10%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}15.62%,42.62%{opacity:1;transform:none;animation-timing-function:ease-in}47.62%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k12{0%,11.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.88%,43.06%{opacity:1;transform:none;animation-timing-function:ease-in}48.06%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k13{0%,12.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.12%,43.5%{opacity:1;transform:none;animation-timing-function:ease-in}48.5%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k14{0%,13.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}19.38%,43.94%{opacity:1;transform:none;animation-timing-function:ease-in}48.94%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k15{0%,15%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}20.62%,44.38%{opacity:1;transform:none;animation-timing-function:ease-in}49.38%,100%{opacity:0;transform:scale(.4)}}
@keyframes mg-chipfilter-k16{0%,56.25%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}62.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-chipfilter-k17{0%,61.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}66.88%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
/* \ */
.g-alert .a{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#FF2D3D;color:#fff;font:400 15cqw/1 var(--f);padding:3cqw 6cqw;border-radius:2cqw;box-shadow:0 0 0 1.4cqw rgba(255,45,61,.3);animation:mg-alert-s 2.8s infinite}
@keyframes mg-alert-s{0%{transform:translate(-50%,-50%) scale(1.3);opacity:0}8%{transform:translate(-50%,-50%) scale(1);opacity:1}11%{transform:translate(-52%,-50%) rotate(-2deg)}14%{transform:translate(-48%,-50%) rotate(2deg)}17%,82%{transform:translate(-50%,-50%)}92%,100%{opacity:0;transform:translate(-50%,-50%)}}
/* Code Panel: Type + Line Focus */
.g-codefocus .p{position:absolute;left:6%;right:6%;top:24%;background:#14111C;border-radius:3.6cqw;overflow:hidden;box-shadow:0 4cqw 10cqw rgba(0,0,0,.45);border:.3cqw solid #2A2536}
.g-codefocus .tb{height:8cqw;display:flex;align-items:center;gap:1.4cqw;padding:0 3.4cqw;background:#1E1A28}
.g-codefocus .tb i{width:2cqw;height:2cqw;border-radius:50%;background:#3A3448}.g-codefocus .tb i:first-child{background:#FF5F57}.g-codefocus .tb i:nth-child(2){background:#FEBC2E}.g-codefocus .tb i:nth-child(3){background:#28C840}
.g-codefocus .tb span{margin-left:3cqw;font:500 3cqw var(--mono);color:#9A93AC}
.g-codefocus .cd{position:relative;padding:3cqw 0 4cqw}
.g-codefocus .l{position:relative;z-index:1;display:flex;height:7.2cqw;align-items:center;font:500 3.5cqw var(--mono);color:#E6E1EE;white-space:pre}
.g-codefocus .l em{width:8cqw;flex:none;text-align:right;padding-right:3cqw;font-style:normal;color:#5E5770}
.g-codefocus .k{font-weight:500;color:color-mix(in srgb,var(--a) 55%,#fff)}.g-codefocus .s{font-weight:500;color:var(--h)}.g-codefocus .n{font-weight:500;color:#7DD3FC}.g-codefocus .c{font-weight:500;color:#6E6880}
.g-codefocus .bd{position:absolute;left:0;right:0;height:7.2cqw;background:color-mix(in srgb,var(--a) 32%,transparent);border-left:1.4cqw solid var(--h);transform-origin:left}
.g-codefocus .p{animation:mg-codefocus-k1 9s linear infinite both}
.g-codefocus .l:nth-of-type(2) em{animation:mg-codefocus-k2 9s linear infinite both}
.g-codefocus .l:nth-of-type(2) span{animation:mg-codefocus-k3 9s linear infinite both}
.g-codefocus .l:nth-of-type(3) em{animation:mg-codefocus-k4 9s linear infinite both}
.g-codefocus .l:nth-of-type(3) span{animation:mg-codefocus-k5 9s linear infinite both}
.g-codefocus .l:nth-of-type(4) em{animation:mg-codefocus-k6 9s linear infinite both}
.g-codefocus .l:nth-of-type(4) span{animation:mg-codefocus-k7 9s linear infinite both}
.g-codefocus .l:nth-of-type(5) em{animation:mg-codefocus-k8 9s linear infinite both}
.g-codefocus .l:nth-of-type(5) span{animation:mg-codefocus-k9 9s linear infinite both}
.g-codefocus .l:nth-of-type(6) em{animation:mg-codefocus-k10 9s linear infinite both}
.g-codefocus .l:nth-of-type(6) span{animation:mg-codefocus-k11 9s linear infinite both}
.g-codefocus .l:nth-of-type(7) em{animation:mg-codefocus-k12 9s linear infinite both}
.g-codefocus .l:nth-of-type(7) span{animation:mg-codefocus-k13 9s linear infinite both}
.g-codefocus .l:nth-of-type(8) em{animation:mg-codefocus-k14 9s linear infinite both}
.g-codefocus .l:nth-of-type(8) span{animation:mg-codefocus-k15 9s linear infinite both}
.g-codefocus .bd{animation:mg-codefocus-k16 9s linear infinite both}
@keyframes mg-codefocus-k1{0%,2.22%{opacity:0;transform:translateX(40cqw) rotate(4deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}8.89%,90%{opacity:1;transform:none;animation-timing-function:ease-in}94.44%,100%{opacity:0;transform:translateX(40cqw) rotate(4deg)}}
@keyframes mg-codefocus-k2{0%,8.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}11.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k3{0%,8.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}13.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k4{0%,13.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}16.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k5{0%,13.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}18.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k6{0%,18.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}21.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k7{0%,18.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}23.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k8{0%,23.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}26.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k9{0%,23.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}28.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k10{0%,28.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}31.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k11{0%,28.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}33.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k12{0%,33.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}36.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k13{0%,33.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}38.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k14{0%,38.89%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}41.11%,90%{opacity:1;animation-timing-function:ease-in}94.44%,100%{opacity:0}}
@keyframes mg-codefocus-k15{0%,38.89%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}43.56%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}94.44%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-codefocus-k16{0%,48.89%{transform:scaleX(0);top:10.2cqw;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.89%,64.44%{transform:scaleX(1);top:10.2cqw;animation-timing-function:cubic-bezier(.65,0,.35,1)}71.11%,90%{transform:scaleX(1);top:39cqw;animation-timing-function:ease-in}94.44%,100%{transform:scaleX(0);top:39cqw}}
/* Follow Button Tap */
.g-follow .c{position:absolute;left:8%;right:8%;bottom:18%;display:flex;align-items:center;gap:3cqw;background:#fff;border-radius:99px;padding:2.4cqw;box-shadow:0 3cqw 8cqw rgba(0,0,0,.3)}
.g-follow i{width:11cqw;height:11cqw;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--h))}
.g-follow b{flex:1;font:700 4.6cqw var(--body);color:#111}
.g-follow .f{position:relative;width:30cqw;height:10cqw;border-radius:99px;overflow:hidden;font:700 4cqw var(--body);animation:mg-follow-b 3.4s infinite}
.g-follow em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;transition:none}
.g-follow em:first-child{background:var(--a);color:#fff;animation:mg-follow-o 3.4s infinite}
.g-follow em:last-child{background:#E9E6F0;color:#111;animation:mg-follow-n 3.4s infinite}
.g-follow .tap{position:absolute;right:16%;bottom:6%;font-size:11cqw;animation:mg-follow-t 3.4s infinite}
@keyframes mg-follow-o{0%,40%{opacity:1}44%,100%{opacity:0}}
@keyframes mg-follow-n{0%,40%{opacity:0}44%,100%{opacity:1}}
@keyframes mg-follow-b{0%,38%{transform:scale(1)}42%{transform:scale(.88)}50%,100%{transform:scale(1)}}
@keyframes mg-follow-t{0%{transform:translate(8cqw,14cqw);opacity:0}25%{opacity:1}38%,42%{transform:translate(0,0)}40%{transform:translate(0,1.4cqw)}60%,100%{transform:translate(4cqw,14cqw);opacity:0}}
/* Stack: Deal + Pull One Out */
.g-dealpull .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-dealpull .t b{font-weight:400;color:var(--h)}
.g-dealpull .c{position:absolute;left:50%;top:25%;width:46cqw;height:60cqw;margin-left:-23cqw;background:#fff;color:#17131F;border-radius:4cqw;overflow:hidden;box-shadow:0 2cqw 5cqw rgba(0,0,0,.35)}
.g-dealpull .c:nth-of-type(2){z-index:1}.g-dealpull .c:nth-of-type(3){z-index:2}.g-dealpull .c:nth-of-type(4){z-index:3}.g-dealpull .c:nth-of-type(5){z-index:4}.g-dealpull .c:nth-of-type(6){z-index:5}.g-dealpull .c:nth-of-type(7){z-index:6}
.g-dealpull .bd{height:16cqw;background:var(--a);color:#fff;font:400 8cqw/16cqw var(--f);padding:0 5cqw}
.g-dealpull h4{margin:5cqw 5cqw 4cqw;font:400 6.6cqw/1.1 var(--f)}
.g-dealpull .c p{margin:0 5cqw 2.4cqw;height:2.2cqw;border-radius:1cqw;background:#E3DFEA}.g-dealpull .c p.s{width:50%}
.g-dealpull .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-dealpull .t{animation:mg-dealpull-k1 8s linear infinite both}
.g-dealpull .c:nth-of-type(2){animation:mg-dealpull-k3 8s linear infinite both,mg-dealpull-k2 8s linear infinite both}
.g-dealpull .c:nth-of-type(3){animation:mg-dealpull-k4 8s linear infinite both,mg-dealpull-k2 8s linear infinite both}
.g-dealpull .c:nth-of-type(4){animation:mg-dealpull-k5 8s linear infinite both,mg-dealpull-k2 8s linear infinite both}
.g-dealpull .c:nth-of-type(5){animation:mg-dealpull-k6 8s linear infinite both,mg-dealpull-k7 8s linear infinite both}
.g-dealpull .c:nth-of-type(6){animation:mg-dealpull-k8 8s linear infinite both,mg-dealpull-k2 8s linear infinite both}
.g-dealpull .c:nth-of-type(7){animation:mg-dealpull-k9 8s linear infinite both,mg-dealpull-k2 8s linear infinite both}
.g-dealpull .p .bd{animation:mg-dealpull-k10 8s linear infinite both}
.g-dealpull .tag{animation:mg-dealpull-k11 8s linear infinite both}
@keyframes mg-dealpull-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-dealpull-k2{0%,47.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.75%,90%{filter:brightness(.5);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dealpull-k3{0%,3.75%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}10.63%,90%{opacity:1;transform:translate(-2cqw,-1cqw) rotate(-6deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(-2cqw,7cqw) rotate(-6deg)}}
@keyframes mg-dealpull-k4{0%,8.12%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}15%,90%{opacity:1;transform:translate(1.5cqw,0cqw) rotate(4deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(1.5cqw,8cqw) rotate(4deg)}}
@keyframes mg-dealpull-k5{0%,12.5%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}19.38%,90%{opacity:1;transform:translate(-1cqw,1cqw) rotate(-2deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(-1cqw,9cqw) rotate(-2deg)}}
@keyframes mg-dealpull-k6{0%,16.88%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}23.75%,90%{opacity:1;transform:translate(2cqw,-0.5cqw) rotate(7deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(2cqw,7.5cqw) rotate(7deg)}}
@keyframes mg-dealpull-k7{0%,42.5%{translate:0 0;scale:1;z-index:4;animation-timing-function:cubic-bezier(.65,0,.35,1)}49.38%{translate:48cqw -4cqw;scale:1;z-index:4}50%{translate:48cqw -4cqw;scale:1;z-index:20;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}58.75%,100%{translate:0 16cqw;scale:1.14;z-index:20}}
@keyframes mg-dealpull-k8{0%,21.25%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.12%,90%{opacity:1;transform:translate(-1.5cqw,0.5cqw) rotate(-4deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(-1.5cqw,8.5cqw) rotate(-4deg)}}
@keyframes mg-dealpull-k9{0%,25.62%{opacity:0;transform:translate(70cqw,-120cqw) rotate(220deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}32.5%,90%{opacity:1;transform:translate(0.5cqw,1.2cqw) rotate(2deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:translate(0.5cqw,9.2cqw) rotate(2deg)}}
@keyframes mg-dealpull-k10{0%,48.75%{background:var(--a);color:#fff;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.75%,90%{background:var(--h);color:var(--k);animation-timing-function:ease-in}95%,100%{background:var(--a);color:#fff}}
@keyframes mg-dealpull-k11{0%,60%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}66.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Loop / Part 2 End Card */
.g-endcard .e{position:absolute;left:0;right:0;top:34%;text-align:center}
.g-endcard svg{width:30cqw;fill:none;stroke:var(--h);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;animation:mg-endcard-s 2.6s cubic-bezier(.6,0,.3,1) infinite}
.g-endcard b{display:block;margin-top:3cqw;font:400 10cqw var(--f);font-weight:400;color:var(--t);animation:mg-endcard-p 2.6s infinite}
@keyframes mg-endcard-s{0%{transform:rotate(0)}40%,100%{transform:rotate(360deg)}}
@keyframes mg-endcard-p{0%,30%{transform:scale(.6);opacity:0}42%,92%{transform:none;opacity:1}100%{opacity:0}}
/* Typewriter Headline */
.g-typewriter .t{position:absolute;left:8%;right:8%;top:20%;font:400 8.6cqw/1.15 var(--f);color:var(--t)}
.g-typewriter span{display:inline;border-right:.8cqw solid var(--h);padding-right:.6cqw;animation:mg-typewriter-w 4s steps(22) infinite,mg-typewriter-c .5s steps(2,start) infinite;clip-path:inset(0 100% 0 0)}
@keyframes mg-typewriter-w{0%{clip-path:inset(0 100% 0 0)}45%,90%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-typewriter-c{to{border-color:transparent}}
/* #N Counter Banner */
.g-numbanner .b{position:absolute;left:50%;top:24%;width:58%;height:13cqw;transform:translateX(-50%) rotate(-3deg);background:var(--h);perspective:60cqw}
.g-numbanner span{position:absolute;inset:0;display:grid;place-items:center;font:400 9cqw/1 var(--f);color:var(--k);opacity:0;animation:mg-numbanner-f 4.5s infinite}
.g-numbanner span:nth-child(2){animation-delay:1.5s}.g-numbanner span:nth-child(3){animation-delay:3s}
@keyframes mg-numbanner-f{0%{opacity:1;transform:rotateX(90deg)}6%,30%{opacity:1;transform:rotateX(0)}33.4%,100%{opacity:0}}
/* Thumbnail Title */
.g-thumbtitle .t{position:absolute;left:0;right:0;top:12%;text-align:center;animation:mg-thumbtitle-p 3.4s cubic-bezier(.2,1.6,.4,1) infinite}
.g-thumbtitle b{display:block;font:400 17cqw/.95 var(--f);background:linear-gradient(180deg,#FFF7C2,var(--h) 55%,#FF9F1C);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1cqw 0 #6B1A10)}
.g-thumbtitle span{display:inline-block;margin-top:2cqw;background:var(--a);color:#fff;font:400 7cqw/1 var(--f);padding:1.4cqw 3cqw;transform:rotate(-4deg);animation:mg-thumbtitle-s 3.4s infinite}
@keyframes mg-thumbtitle-p{0%{transform:scale(.7);opacity:0}12%,88%{transform:scale(1);opacity:1}100%{opacity:0}}
@keyframes mg-thumbtitle-s{0%,10%{transform:rotate(-4deg) scale(0)}18%,88%{transform:rotate(-4deg) scale(1)}100%{transform:rotate(-4deg) scale(1)}}
/* Highlighter Swipe */
.g-highlighter p{position:absolute;left:9%;right:9%;top:36%;margin:0;font:600 7cqw/1.4 var(--body);color:var(--t)}
.g-highlighter mark{color:inherit;background:linear-gradient(var(--h),var(--h)) no-repeat 0 72%/0% 45%;animation:mg-highlighter-h 3s infinite}
@keyframes mg-highlighter-h{0%,12%{background-size:0% 45%}32%,88%{background-size:100% 45%}100%{background-size:0% 45%}}
/* Number Roll-Up */
@property --mg-counter-x{syntax:"<integer>";inherits:false;initial-value:0}
.g-counter .n{position:absolute;left:0;right:0;top:36%;text-align:center;color:var(--t)}
.g-counter .v{font:400 22cqw/1 var(--f);color:var(--h);--mg-counter-x:0;counter-reset:n var(--mg-counter-x);animation:mg-counter-c 3.6s cubic-bezier(.15,.8,.25,1) infinite}
.g-counter .v::before{content:"$" counter(n)}
.g-counter small{font:400 8cqw var(--f);opacity:.8}
.g-counter i{display:block;font:500 4.8cqw var(--body);font-style:normal;opacity:.75;margin-top:2cqw}
@keyframes mg-counter-c{0%{--mg-counter-x:0}55%,100%{--mg-counter-x:30000}}
/* Line Chart Draw */
.g-linedraw svg{position:absolute;left:6%;width:88%;top:16%;overflow:visible}
.g-linedraw .g{stroke:color-mix(in srgb,var(--t) 18%,transparent);stroke-width:.5;fill:none}
.g-linedraw .ln{fill:none;stroke:var(--a);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:mg-linedraw-d 3.4s ease-in-out infinite}
.g-linedraw .d{fill:var(--h);transform-origin:94px 8px;animation:mg-linedraw-p 3.4s infinite}
.g-linedraw b{position:absolute;left:0;right:0;top:60%;text-align:center;font:400 9cqw var(--f);color:var(--t)}
@keyframes mg-linedraw-d{0%{stroke-dashoffset:100}40%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes mg-linedraw-p{0%,38%{transform:scale(0)}46%{transform:scale(1.6)}52%,92%{transform:scale(1)}100%{transform:scale(0)}}
/* Progress Ring */
.g-ring svg{position:absolute;left:18%;width:64%;top:24%;transform:rotate(-90deg)}
.g-ring .bg{fill:none;stroke:color-mix(in srgb,var(--t) 14%,transparent);stroke-width:9}
.g-ring .fg{fill:none;stroke:var(--a);stroke-width:9;stroke-linecap:round;stroke-dasharray:100;animation:mg-ring-f 3.2s cubic-bezier(.2,.8,.3,1) infinite}
.g-ring .v{position:absolute;left:0;right:0;top:35%;text-align:center;color:var(--t)}
.g-ring b{display:block;font:400 15cqw/1 var(--f)}.g-ring span{font:600 4.2cqw var(--body);opacity:.75}
@keyframes mg-ring-f{0%{stroke-dashoffset:100}40%,90%{stroke-dashoffset:13}100%{stroke-dashoffset:100}}
/* Before / After Bars */
.g-compare .r{position:absolute;left:8%;right:8%;color:var(--t);font:600 4.6cqw var(--body)}
.g-compare .r:nth-child(1){top:32%}.g-compare .r:nth-child(2){top:50%}
.g-compare i{display:block;height:7cqw;border-radius:2cqw;margin:1.6cqw 0;transform-origin:left;animation:mg-compare-g 3.2s cubic-bezier(.2,.8,.3,1) infinite}
.g-compare .a{width:100%;background:color-mix(in srgb,var(--t) 30%,transparent)}.g-compare .b{width:16%;background:var(--a)}
.g-compare b{font:400 7cqw var(--f);font-weight:400}.g-compare .hi{color:var(--h)}
@keyframes mg-compare-g{0%{transform:scaleX(0)}40%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
/* Comment Keyword CTA */
.g-commentcta .c{position:absolute;left:7%;right:7%;bottom:14%;text-align:center;background:rgba(18,15,24,.88);border-radius:4cqw;padding:5cqw 4cqw 4cqw;color:#fff;animation:mg-commentcta-u 3.6s cubic-bezier(.2,1.2,.4,1) infinite}
.g-commentcta .k{font:700 6cqw var(--body)}
.g-commentcta b{display:inline-block;background:var(--h);color:var(--k);font:400 7.4cqw var(--f);padding:.6cqw 2.4cqw;border-radius:1.6cqw;margin-left:1cqw;animation:mg-commentcta-p .9s ease-in-out infinite}
.g-commentcta p{margin:2cqw 0 0;font:500 4.2cqw var(--body);opacity:.85}
.g-commentcta i{display:block;font-style:normal;font-size:7cqw;color:var(--h);animation:mg-commentcta-a .9s ease-in-out infinite}
@keyframes mg-commentcta-u{0%{transform:translateY(40%);opacity:0}12%,90%{transform:none;opacity:1}100%{opacity:0}}
@keyframes mg-commentcta-p{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes mg-commentcta-a{0%,100%{transform:translateY(0)}50%{transform:translateY(1.6cqw)}}
/* Theme Flip */
.g-themeflip .p{position:absolute;left:0;right:0;top:0;height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:mg-themeflip-f 3s steps(1) infinite}
.g-themeflip b{font:400 26cqw/1 var(--f);font-weight:400;animation:mg-themeflip-c 3s steps(1) infinite}.g-themeflip span{font:600 5cqw var(--body);animation:mg-themeflip-c 3s steps(1) infinite}
@keyframes mg-themeflip-f{0%{background:#14101E}50%{background:#F4F1FA}}
@keyframes mg-themeflip-c{0%{color:var(--h)}50%{color:var(--a)}}
/* Waterfall Chart */
.g-waterfall .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-waterfall .t b{font-weight:400;color:var(--h)}
.g-waterfall .ch{position:absolute;left:7%;right:5%;top:30%;height:36%;display:flex;border-bottom:.5cqw solid color-mix(in srgb,var(--t) 35%,transparent)}
.g-waterfall .c{position:relative;flex:1}
.g-waterfall .c i{position:absolute;left:14%;right:14%;bottom:var(--b);height:var(--v);background:var(--a);border-radius:1.2cqw;transform-origin:bottom}
.g-waterfall .up i{background:var(--h)}.g-waterfall .dn i{background:#FF5A6E;transform-origin:top}
.g-waterfall .c b{position:absolute;left:-15%;right:-15%;bottom:calc(var(--b) + var(--v) + 1.2cqw);text-align:center;font:400 5.6cqw/1 var(--f);color:var(--t)}
.g-waterfall .up b{color:var(--h)}.g-waterfall .dn b{color:#FF5A6E}
.g-waterfall .c span{position:absolute;left:-15%;right:-15%;top:calc(100% + 2cqw);text-align:center;font:600 3.3cqw/1.2 var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-waterfall .c u{position:absolute;left:86%;width:28%;bottom:var(--e);border-top:.5cqw dashed color-mix(in srgb,var(--t) 55%,transparent);transform-origin:left}
.g-waterfall .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-waterfall .t{animation:mg-waterfall-k1 8s linear infinite both}
.g-waterfall .c:nth-child(1) i{animation:mg-waterfall-k2 8s linear infinite both}
.g-waterfall .c:nth-child(1) b{animation:mg-waterfall-k3 8s linear infinite both}
.g-waterfall .c:nth-child(1) span{animation:mg-waterfall-k4 8s linear infinite both}
.g-waterfall .c:nth-child(1) u{animation:mg-waterfall-k5 8s linear infinite both}
.g-waterfall .c:nth-child(2) i{animation:mg-waterfall-k6 8s linear infinite both}
.g-waterfall .c:nth-child(2) b{animation:mg-waterfall-k7 8s linear infinite both}
.g-waterfall .c:nth-child(2) span{animation:mg-waterfall-k8 8s linear infinite both}
.g-waterfall .c:nth-child(2) u{animation:mg-waterfall-k9 8s linear infinite both}
.g-waterfall .c:nth-child(3) i{animation:mg-waterfall-k10 8s linear infinite both}
.g-waterfall .c:nth-child(3) b{animation:mg-waterfall-k11 8s linear infinite both}
.g-waterfall .c:nth-child(3) span{animation:mg-waterfall-k12 8s linear infinite both}
.g-waterfall .c:nth-child(3) u{animation:mg-waterfall-k13 8s linear infinite both}
.g-waterfall .c:nth-child(4) i{animation:mg-waterfall-k14 8s linear infinite both}
.g-waterfall .c:nth-child(4) b{animation:mg-waterfall-k15 8s linear infinite both}
.g-waterfall .c:nth-child(4) span{animation:mg-waterfall-k16 8s linear infinite both}
.g-waterfall .c:nth-child(4) u{animation:mg-waterfall-k17 8s linear infinite both}
.g-waterfall .c:nth-child(5) i{animation:mg-waterfall-k18 8s linear infinite both,mg-waterfall-k19 8s linear infinite both}
.g-waterfall .c:nth-child(5) b{animation:mg-waterfall-k20 8s linear infinite both}
.g-waterfall .c:nth-child(5) span{animation:mg-waterfall-k21 8s linear infinite both}
.g-waterfall .tag{animation:mg-waterfall-k22 8s linear infinite both}
@keyframes mg-waterfall-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-waterfall-k2{0%,3.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}10.63%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-waterfall-k3{0%,8.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}13.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-waterfall-k4{0%,3.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}8.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-waterfall-k5{0%,9.38%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}13.75%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-waterfall-k6{0%,11.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}18.13%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-waterfall-k7{0%,15.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-waterfall-k8{0%,11.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}16.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-waterfall-k9{0%,16.88%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.25%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-waterfall-k10{0%,18.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}25.62%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-waterfall-k11{0%,23.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}28.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-waterfall-k12{0%,18.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}23.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-waterfall-k13{0%,24.38%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.75%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-waterfall-k14{0%,26.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}33.13%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-waterfall-k15{0%,30.63%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}36.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-waterfall-k16{0%,26.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}31.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-waterfall-k17{0%,31.88%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}36.25%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-waterfall-k18{0%,33.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}40.62%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-waterfall-k19{0%,55%{box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}62.5%,90%{box-shadow:0 0 0 1.2cqw color-mix(in srgb,var(--h) 70%,transparent),0 0 8cqw color-mix(in srgb,var(--h) 60%,transparent);animation-timing-function:ease-in}95%,100%{box-shadow:0 0 0 0 transparent}}
@keyframes mg-waterfall-k20{0%,38.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}43.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-waterfall-k21{0%,33.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}38.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-waterfall-k22{0%,55%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}61.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Stacked Bars */
.g-stacked .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-stacked .t b{font-weight:400;color:var(--h)}
.g-stacked .lg{position:absolute;left:8%;right:8%;top:23.5%;display:flex;gap:5cqw;font:600 3.8cqw var(--body);color:var(--t)}
.g-stacked .lg span{display:flex;align-items:center;gap:1.6cqw}
.g-stacked .lg i{width:3.6cqw;height:3.6cqw;border-radius:1cqw;background:var(--a)}.g-stacked .lg span:nth-child(2) i{background:var(--h)}.g-stacked .lg span:nth-child(3) i{background:color-mix(in srgb,var(--t) 45%,transparent)}
.g-stacked .ch{position:absolute;left:6%;right:6%;top:30%;height:36%;display:flex;border-bottom:.5cqw solid color-mix(in srgb,var(--t) 35%,transparent)}
.g-stacked .c{position:relative;flex:1;margin:0 3cqw;display:flex;flex-direction:column-reverse;transform-origin:bottom}
.g-stacked .c i{display:block;height:var(--v);background:var(--a);transform-origin:bottom}
.g-stacked .c i:nth-child(2){background:var(--h)}.g-stacked .c i:nth-child(3){background:color-mix(in srgb,var(--t) 45%,transparent);border-radius:1.4cqw 1.4cqw 0 0}
.g-stacked .c b{text-align:center;font:400 6.4cqw/1 var(--f);color:var(--t);margin-bottom:1.4cqw}
.g-stacked .c span{position:absolute;left:-20%;right:-20%;top:calc(100% + 2cqw);text-align:center;font:600 3.4cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-stacked .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-stacked .t{animation:mg-stacked-k1 8s linear infinite both}
.g-stacked .lg{animation:mg-stacked-k2 8s linear infinite both}
.g-stacked .c:nth-child(1) i:nth-child(1){animation:mg-stacked-k3 8s linear infinite both}
.g-stacked .c:nth-child(1) i:nth-child(2){animation:mg-stacked-k4 8s linear infinite both}
.g-stacked .c:nth-child(1) i:nth-child(3){animation:mg-stacked-k5 8s linear infinite both}
.g-stacked .c:nth-child(1) b{animation:mg-stacked-k6 8s linear infinite both}
.g-stacked .c:nth-child(1) span{animation:mg-stacked-k7 8s linear infinite both}
.g-stacked .c:nth-child(2) i:nth-child(1){animation:mg-stacked-k8 8s linear infinite both}
.g-stacked .c:nth-child(2) i:nth-child(2){animation:mg-stacked-k9 8s linear infinite both}
.g-stacked .c:nth-child(2) i:nth-child(3){animation:mg-stacked-k10 8s linear infinite both}
.g-stacked .c:nth-child(2) b{animation:mg-stacked-k11 8s linear infinite both}
.g-stacked .c:nth-child(2) span{animation:mg-stacked-k12 8s linear infinite both}
.g-stacked .c:nth-child(3) i:nth-child(1){animation:mg-stacked-k13 8s linear infinite both}
.g-stacked .c:nth-child(3) i:nth-child(2){animation:mg-stacked-k14 8s linear infinite both}
.g-stacked .c:nth-child(3) i:nth-child(3){animation:mg-stacked-k15 8s linear infinite both}
.g-stacked .c:nth-child(3) b{animation:mg-stacked-k16 8s linear infinite both}
.g-stacked .c:nth-child(3) span{animation:mg-stacked-k17 8s linear infinite both}
.g-stacked .c:nth-child(4) i:nth-child(1){animation:mg-stacked-k18 8s linear infinite both}
.g-stacked .c:nth-child(4) i:nth-child(2){animation:mg-stacked-k19 8s linear infinite both}
.g-stacked .c:nth-child(4) i:nth-child(3){animation:mg-stacked-k20 8s linear infinite both}
.g-stacked .c:nth-child(4) b{animation:mg-stacked-k21 8s linear infinite both}
.g-stacked .c:nth-child(4) span{animation:mg-stacked-k22 8s linear infinite both}
.g-stacked .c:not(.w){animation:mg-stacked-k23 8s linear infinite both}
.g-stacked .w{animation:mg-stacked-k24 8s linear infinite both}
.g-stacked .tag{animation:mg-stacked-k25 8s linear infinite both}
@keyframes mg-stacked-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-stacked-k2{0%,2.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}8.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-stacked-k3{0%,5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}10.63%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k4{0%,7.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}13.38%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k5{0%,10.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}16.12%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k6{0%,14.37%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}20%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-stacked-k7{0%,5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}10%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-stacked-k8{0%,11.88%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}17.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k9{0%,14.62%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}20.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k10{0%,17.38%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}23%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k11{0%,21.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}26.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-stacked-k12{0%,11.88%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}16.88%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-stacked-k13{0%,18.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}24.38%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k14{0%,21.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}27.12%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k15{0%,24.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}29.88%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k16{0%,28.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}33.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-stacked-k17{0%,18.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}23.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-stacked-k18{0%,25.62%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}31.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k19{0%,28.38%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}34%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k20{0%,31.12%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}36.75%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-stacked-k21{0%,35%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}40.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-stacked-k22{0%,25.62%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}30.62%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-stacked-k23{0%,50%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}56.25%,90%{filter:grayscale(1) opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-stacked-k24{0%,50%{transform:none;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}56.25%,90%{transform:scale(1.08);animation-timing-function:ease-in}95%,100%{transform:none}}
@keyframes mg-stacked-k25{0%,55%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}61.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Grouped Bars */
.g-grouped .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-grouped .t b{font-weight:400;color:var(--h)}
.g-grouped .lg{position:absolute;left:8%;right:8%;top:23.5%;display:flex;gap:5cqw;font:600 3.8cqw var(--body);color:var(--t)}
.g-grouped .lg span{display:flex;align-items:center;gap:1.6cqw;transform-origin:left}
.g-grouped .lg i{width:3.6cqw;height:3.6cqw;border-radius:1cqw;background:var(--a)}.g-grouped .lg span:nth-child(2) i{background:var(--h)}.g-grouped .lg span:nth-child(3) i{background:color-mix(in srgb,var(--t) 45%,transparent)}
.g-grouped .ch{position:absolute;left:6%;right:6%;top:31%;height:35%;display:flex;gap:5cqw;border-bottom:.5cqw solid color-mix(in srgb,var(--t) 35%,transparent)}
.g-grouped .gp{position:relative;flex:1;display:flex;align-items:flex-end;gap:1.2cqw}
.g-grouped .gp i{position:relative;flex:1;height:var(--v);background:var(--a);border-radius:1.2cqw 1.2cqw 0 0;transform-origin:bottom}
.g-grouped .gp i:nth-child(2){background:var(--h)}.g-grouped .gp i:nth-child(3){background:color-mix(in srgb,var(--t) 45%,transparent)}
.g-grouped .gp b{position:absolute;left:-40%;right:-40%;bottom:calc(100% + 1cqw);text-align:center;font:400 5cqw/1 var(--f);color:var(--t)}
.g-grouped .gp span{position:absolute;left:0;right:0;top:calc(100% + 2cqw);text-align:center;font:600 3.8cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-grouped .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-grouped .t{animation:mg-grouped-k1 8s linear infinite both}
.g-grouped .lg{animation:mg-grouped-k2 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(1){animation:mg-grouped-k5 8s linear infinite both,mg-grouped-k4 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(1) b{animation:mg-grouped-k6 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(2){animation:mg-grouped-k7 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(2) b{animation:mg-grouped-k8 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(3){animation:mg-grouped-k9 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(1) i:nth-child(3) b{animation:mg-grouped-k10 8s linear infinite both}
.g-grouped .gp:nth-child(1) span{animation:mg-grouped-k11 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(1){animation:mg-grouped-k12 8s linear infinite both,mg-grouped-k4 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(1) b{animation:mg-grouped-k13 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(2){animation:mg-grouped-k14 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(2) b{animation:mg-grouped-k15 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(3){animation:mg-grouped-k16 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(2) i:nth-child(3) b{animation:mg-grouped-k17 8s linear infinite both}
.g-grouped .gp:nth-child(2) span{animation:mg-grouped-k18 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(1){animation:mg-grouped-k19 8s linear infinite both,mg-grouped-k4 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(1) b{animation:mg-grouped-k20 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(2){animation:mg-grouped-k21 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(2) b{animation:mg-grouped-k22 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(3){animation:mg-grouped-k23 8s linear infinite both,mg-grouped-k3 8s linear infinite both}
.g-grouped .gp:nth-child(3) i:nth-child(3) b{animation:mg-grouped-k24 8s linear infinite both}
.g-grouped .gp:nth-child(3) span{animation:mg-grouped-k25 8s linear infinite both}
.g-grouped .lg span:nth-child(1){animation:mg-grouped-k26 8s linear infinite both}
.g-grouped .lg span:not(:first-child){animation:mg-grouped-k27 8s linear infinite both}
.g-grouped .tag{animation:mg-grouped-k28 8s linear infinite both}
@keyframes mg-grouped-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-grouped-k2{0%,2.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}8.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-grouped-k3{0%,47.5%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.75%,90%{filter:grayscale(1) opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-grouped-k4{0%,47.5%{box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.75%,90%{box-shadow:0 0 0 .9cqw color-mix(in srgb,var(--a) 45%,transparent),0 0 7cqw color-mix(in srgb,var(--a) 75%,transparent);animation-timing-function:ease-in}95%,100%{box-shadow:0 0 0 0 transparent}}
@keyframes mg-grouped-k5{0%,5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k6{0%,11.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k7{0%,6.88%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}13.12%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k8{0%,13.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.13%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k9{0%,8.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}15%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k10{0%,15%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}20%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k11{0%,5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}10%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-grouped-k12{0%,12.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}18.75%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k13{0%,18.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}23.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k14{0%,14.37%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}20.62%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k15{0%,20.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}25.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k16{0%,16.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}22.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k17{0%,22.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}27.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k18{0%,12.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}17.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-grouped-k19{0%,20%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}26.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k20{0%,26.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}31.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k21{0%,21.88%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.12%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k22{0%,28.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}33.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k23{0%,23.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}30%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-grouped-k24{0%,30%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}35%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-grouped-k25{0%,20%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-grouped-k26{0%,47.5%{transform:none;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}53.75%,90%{transform:scale(1.15);animation-timing-function:ease-in}95%,100%{transform:none}}
@keyframes mg-grouped-k27{0%,47.5%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}53.75%,90%{opacity:.35;animation-timing-function:ease-in}95%,100%{opacity:1}}
@keyframes mg-grouped-k28{0%,53.75%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}60%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Slope Chart */
.g-slope .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-slope .t b{font-weight:400;color:var(--h)}
.g-slope svg{position:absolute;left:7%;width:86%;top:25%;overflow:visible}
.g-slope text{font:600 4px var(--body);fill:var(--t)}
.g-slope .hd{font:700 3.4px var(--mono);letter-spacing:.3px;text-anchor:middle;fill:color-mix(in srgb,var(--t) 75%,transparent)}
.g-slope .ps{fill:none;stroke:color-mix(in srgb,var(--t) 28%,transparent);stroke-width:.5;stroke-dasharray:100}
.g-slope .ln{fill:none;stroke:color-mix(in srgb,var(--t) 55%,transparent);stroke-width:1;stroke-linecap:round;stroke-dasharray:100}
.g-slope .h .ln{stroke:var(--h);stroke-width:1.6}
.g-slope circle{fill:var(--t);transform-box:fill-box;transform-origin:center}.g-slope .h circle{fill:var(--h)}
.g-slope .l{text-anchor:end}.g-slope .r{text-anchor:start}.g-slope .h text{fill:var(--h);font-weight:700}
.g-slope .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-slope .t{animation:mg-slope-k1 8s linear infinite both}
.g-slope .hd{animation:mg-slope-k2 8s linear infinite both}
.g-slope .ps{animation:mg-slope-k3 8s linear infinite both}
.g-slope g:nth-of-type(1) .ln{animation:mg-slope-k4 8s linear infinite both}
.g-slope g:nth-of-type(1) .a{animation:mg-slope-k5 8s linear infinite both}
.g-slope g:nth-of-type(1) .z{animation:mg-slope-k6 8s linear infinite both}
.g-slope g:nth-of-type(1) .l{animation:mg-slope-k7 8s linear infinite both}
.g-slope g:nth-of-type(1) .r{animation:mg-slope-k8 8s linear infinite both}
.g-slope g:nth-of-type(2) .ln{animation:mg-slope-k9 8s linear infinite both}
.g-slope g:nth-of-type(2) .a{animation:mg-slope-k10 8s linear infinite both}
.g-slope g:nth-of-type(2) .z{animation:mg-slope-k11 8s linear infinite both}
.g-slope g:nth-of-type(2) .l{animation:mg-slope-k12 8s linear infinite both}
.g-slope g:nth-of-type(2) .r{animation:mg-slope-k13 8s linear infinite both}
.g-slope g:nth-of-type(3) .ln{animation:mg-slope-k14 8s linear infinite both}
.g-slope g:nth-of-type(3) .a{animation:mg-slope-k15 8s linear infinite both}
.g-slope g:nth-of-type(3) .z{animation:mg-slope-k16 8s linear infinite both}
.g-slope g:nth-of-type(3) .l{animation:mg-slope-k17 8s linear infinite both}
.g-slope g:nth-of-type(3) .r{animation:mg-slope-k18 8s linear infinite both}
.g-slope g:nth-of-type(4) .ln{animation:mg-slope-k19 8s linear infinite both,mg-slope-k20 8s linear infinite both}
.g-slope g:nth-of-type(4) .a{animation:mg-slope-k21 8s linear infinite both}
.g-slope g:nth-of-type(4) .z{animation:mg-slope-k22 8s linear infinite both}
.g-slope g:nth-of-type(4) .l{animation:mg-slope-k23 8s linear infinite both}
.g-slope g:nth-of-type(4) .r{animation:mg-slope-k24 8s linear infinite both}
.g-slope g:not(.h){animation:mg-slope-k25 8s linear infinite both}
.g-slope .tag{animation:mg-slope-k26 8s linear infinite both}
@keyframes mg-slope-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-slope-k2{0%,1.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k3{0%,1.88%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.22,1,.36,1)}9.38%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-slope-k4{0%,6.25%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}15%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-slope-k5{0%,6.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k6{0%,15%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}19.37%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k7{0%,6.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k8{0%,15%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}20%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k9{0%,13.75%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}22.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-slope-k10{0%,13.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.13%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k11{0%,22.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}26.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k12{0%,13.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}18.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k13{0%,22.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}27.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k14{0%,21.25%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}30%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-slope-k15{0%,21.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}25.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k16{0%,30%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}34.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k17{0%,21.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}26.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k18{0%,30%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}35%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k19{0%,28.75%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}37.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-slope-k20{0%,55%{stroke-width:1.6;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}61.25%,90%{stroke-width:2.8;animation-timing-function:ease-in}95%,100%{stroke-width:1.6}}
@keyframes mg-slope-k21{0%,28.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}33.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k22{0%,37.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}41.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-slope-k23{0%,28.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}33.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k24{0%,37.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}42.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-slope-k25{0%,55%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}61.25%,90%{opacity:.28;animation-timing-function:ease-in}95%,100%{opacity:1}}
@keyframes mg-slope-k26{0%,60%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}66.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Dot Plot */
.g-dotplot .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-dotplot .t b{font-weight:400;color:var(--h)}
.g-dotplot .pl{position:absolute;left:10%;right:6%;top:27%;height:40%}
.g-dotplot .ax{position:absolute;left:0;right:0;bottom:0;height:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:left}
.g-dotplot .ay{position:absolute;left:0;top:0;bottom:0;width:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:bottom}
.g-dotplot .zn{position:absolute;left:.5cqw;top:0;width:50%;height:50%;background:color-mix(in srgb,var(--a) 22%,transparent);border-radius:0 0 4cqw 0}
.g-dotplot .zn span{position:absolute;left:3cqw;top:2.4cqw;font:700 3.2cqw var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t)}
.g-dotplot em{position:absolute;font:600 3.4cqw var(--body);font-style:normal;color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-dotplot .lx{right:0;top:calc(100% + 2cqw)}.g-dotplot .ly{left:-2cqw;top:-6cqw}
.g-dotplot .pl > b{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:11cqw;height:11cqw;border-radius:50%;background:var(--a);color:#fff;font:400 5.4cqw/11cqw var(--f);text-align:center;box-shadow:0 1.4cqw 3cqw rgba(0,0,0,.3)}
.g-dotplot .pl > b.w{background:var(--h);color:var(--k)}
.g-dotplot .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 5.4cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-dotplot .t{animation:mg-dotplot-k1 8s linear infinite both}
.g-dotplot .ay{animation:mg-dotplot-k2 8s linear infinite both}
.g-dotplot .ax{animation:mg-dotplot-k3 8s linear infinite both}
.g-dotplot .lx,.g-dotplot .ly{animation:mg-dotplot-k4 8s linear infinite both}
.g-dotplot .zn{animation:mg-dotplot-k5 8s linear infinite both}
.g-dotplot .zn span{animation:mg-dotplot-k6 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(1){animation:mg-dotplot-k7 8s linear infinite both,mg-dotplot-k8 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(2){animation:mg-dotplot-k9 8s linear infinite both,mg-dotplot-k10 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(3){animation:mg-dotplot-k11 8s linear infinite both,mg-dotplot-k12 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(4){animation:mg-dotplot-k13 8s linear infinite both,mg-dotplot-k14 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(5){animation:mg-dotplot-k15 8s linear infinite both,mg-dotplot-k16 8s linear infinite both}
.g-dotplot .pl > b:nth-of-type(6){animation:mg-dotplot-k17 8s linear infinite both,mg-dotplot-k18 8s linear infinite both}
.g-dotplot .tag{animation:mg-dotplot-k19 8s linear infinite both}
@keyframes mg-dotplot-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-dotplot-k2{0%,2.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}8.12%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-dotplot-k3{0%,4.38%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}10%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-dotplot-k4{0%,6.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-dotplot-k5{0%,8.75%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.22,1,.36,1)}16.25%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}95%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes mg-dotplot-k6{0%,13.75%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}18.75%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-dotplot-k7{0%,12.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}18.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k8{0%,48.75%{box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}56.25%,90%{box-shadow:0 0 0 1.6cqw color-mix(in srgb,var(--h) 45%,transparent),0 0 0 3.2cqw color-mix(in srgb,var(--h) 18%,transparent);animation-timing-function:ease-in}95%,100%{box-shadow:0 0 0 0 transparent}}
@keyframes mg-dotplot-k9{0%,16.88%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}22.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k10{0%,48.75%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}55%,90%{filter:opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dotplot-k11{0%,21.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}26.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k12{0%,48.75%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}55%,90%{filter:opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dotplot-k13{0%,25.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}31.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k14{0%,48.75%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}55%,90%{filter:opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dotplot-k15{0%,30%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}35.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k16{0%,48.75%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}55%,90%{filter:opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dotplot-k17{0%,34.38%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}40%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-dotplot-k18{0%,48.75%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}55%,90%{filter:opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-dotplot-k19{0%,53.75%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}60%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* KPI Row + Sparklines */
@property --mg-kpirow-n{syntax:"<integer>";inherits:false;initial-value:0}
.g-kpirow .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-kpirow .t b{font-weight:400;color:var(--h)}
.g-kpirow .rw{position:absolute;left:6%;right:6%;height:12%;display:flex;align-items:center;justify-content:space-between;padding:0 5cqw;border-radius:3.4cqw;background:color-mix(in srgb,var(--t) 8%,transparent);border:.3cqw solid color-mix(in srgb,var(--t) 14%,transparent)}
.g-kpirow small{display:block;font:600 3cqw var(--mono);letter-spacing:.12em;color:color-mix(in srgb,var(--t) 65%,transparent)}
.g-kpirow .rw b{display:block;font:400 11cqw/1.05 var(--f);color:var(--t)}
.g-kpirow .rw:last-of-type b{color:var(--h)}
.g-kpirow .v{counter-reset:n var(--mg-kpirow-n)}.g-kpirow .v::before{content:counter(n)}
.g-kpirow svg{width:30cqw;overflow:visible}
.g-kpirow path{fill:none;stroke:var(--a);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100}
.g-kpirow .rw:last-of-type path{stroke:var(--h)}
.g-kpirow em{position:absolute;right:4cqw;top:2cqw;font:700 3cqw var(--body);font-style:normal;color:var(--t);background:color-mix(in srgb,var(--a) 35%,transparent);padding:.7cqw 2cqw;border-radius:99px}
.g-kpirow .t{animation:mg-kpirow-k1 8s linear infinite both}
.g-kpirow .rw:nth-of-type(2){animation:mg-kpirow-k2 8s linear infinite both}
.g-kpirow .rw:nth-of-type(2) .v{animation:mg-kpirow-k3 8s linear infinite both}
.g-kpirow .rw:nth-of-type(2) path{animation:mg-kpirow-k4 8s linear infinite both}
.g-kpirow .rw:nth-of-type(2) em{animation:mg-kpirow-k5 8s linear infinite both}
.g-kpirow .rw:nth-of-type(3){animation:mg-kpirow-k6 8s linear infinite both}
.g-kpirow .rw:nth-of-type(3) .v{animation:mg-kpirow-k7 8s linear infinite both}
.g-kpirow .rw:nth-of-type(3) path{animation:mg-kpirow-k8 8s linear infinite both}
.g-kpirow .rw:nth-of-type(3) em{animation:mg-kpirow-k9 8s linear infinite both}
.g-kpirow .rw:nth-of-type(4){animation:mg-kpirow-k10 8s linear infinite both}
.g-kpirow .rw:nth-of-type(4) .v{animation:mg-kpirow-k11 8s linear infinite both}
.g-kpirow .rw:nth-of-type(4) path{animation:mg-kpirow-k12 8s linear infinite both}
.g-kpirow .rw:nth-of-type(4) em{animation:mg-kpirow-k13 8s linear infinite both}
.g-kpirow .rw:nth-of-type(5){animation:mg-kpirow-k14 8s linear infinite both}
.g-kpirow .rw:nth-of-type(5) .v{animation:mg-kpirow-k15 8s linear infinite both}
.g-kpirow .rw:nth-of-type(5) path{animation:mg-kpirow-k16 8s linear infinite both}
.g-kpirow .rw:nth-of-type(5) em{animation:mg-kpirow-k17 8s linear infinite both}
@keyframes mg-kpirow-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpirow-k2{0%,5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpirow-k3{0%,7.5%{--mg-kpirow-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}23.75%,100%{--mg-kpirow-n:482}}
@keyframes mg-kpirow-k4{0%,9.38%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}20.62%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpirow-k5{0%,46.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-kpirow-k6{0%,10.62%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}16.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpirow-k7{0%,13.12%{--mg-kpirow-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}29.38%,100%{--mg-kpirow-n:12}}
@keyframes mg-kpirow-k8{0%,15%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}26.25%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpirow-k9{0%,49.38%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}54.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-kpirow-k10{0%,16.25%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}22.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpirow-k11{0%,18.75%{--mg-kpirow-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}35%,100%{--mg-kpirow-n:48}}
@keyframes mg-kpirow-k12{0%,20.62%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}31.87%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpirow-k13{0%,52.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}57.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-kpirow-k14{0%,21.88%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpirow-k15{0%,24.38%{--mg-kpirow-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}40.62%,100%{--mg-kpirow-n:924}}
@keyframes mg-kpirow-k16{0%,26.25%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}37.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpirow-k17{0%,55.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}60.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
/* Ranking Table */
.g-ranktable .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-ranktable .t b{font-weight:400;color:var(--h)}
.g-ranktable .r{position:absolute;left:6%;right:6%;height:9%;display:grid;grid-template-columns:9cqw 1fr 10cqw;grid-template-rows:auto auto;column-gap:3.4cqw;row-gap:1.4cqw;align-content:center;align-items:center;padding:0 4cqw;border-radius:3cqw;background:color-mix(in srgb,var(--t) 8%,transparent);color:var(--t)}
.g-ranktable .r i{grid-row:1/3;width:9cqw;height:9cqw;border-radius:50%;background:var(--h);color:var(--k);font:400 5cqw/9cqw var(--f);font-style:normal;text-align:center}
.g-ranktable .r span{font:700 4.6cqw/1.1 var(--body);color:inherit}
.g-ranktable .r u{display:block;height:1.8cqw;border-radius:99px;background:color-mix(in srgb,var(--t) 14%,transparent);overflow:hidden}
.g-ranktable .r s{display:block;height:100%;width:var(--v);border-radius:99px;background:var(--a);transform-origin:left}
.g-ranktable .r b{grid-row:1/3;grid-column:3;text-align:right;font:400 7.4cqw/1 var(--f);color:inherit}
.g-ranktable .st{position:absolute;right:4%;top:21.5%;z-index:2;background:var(--h);color:var(--k);font:400 4.4cqw/1 var(--f);padding:1.8cqw 3.4cqw;border-radius:1.6cqw;box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.35)}
.g-ranktable .t{animation:mg-ranktable-k1 8s linear infinite both}
.g-ranktable .r:nth-of-type(2){animation:mg-ranktable-k2 8s linear infinite both,mg-ranktable-k3 8s linear infinite both}
.g-ranktable .r:nth-of-type(2) s{animation:mg-ranktable-k4 8s linear infinite both,mg-ranktable-k5 8s linear infinite both}
.g-ranktable .r:nth-of-type(2) b{animation:mg-ranktable-k6 8s linear infinite both}
.g-ranktable .r:nth-of-type(3){animation:mg-ranktable-k7 8s linear infinite both,mg-ranktable-k8 8s linear infinite both}
.g-ranktable .r:nth-of-type(3) s{animation:mg-ranktable-k9 8s linear infinite both}
.g-ranktable .r:nth-of-type(3) b{animation:mg-ranktable-k10 8s linear infinite both}
.g-ranktable .r:nth-of-type(4){animation:mg-ranktable-k11 8s linear infinite both,mg-ranktable-k12 8s linear infinite both}
.g-ranktable .r:nth-of-type(4) s{animation:mg-ranktable-k13 8s linear infinite both}
.g-ranktable .r:nth-of-type(4) b{animation:mg-ranktable-k14 8s linear infinite both}
.g-ranktable .r:nth-of-type(5){animation:mg-ranktable-k15 8s linear infinite both,mg-ranktable-k16 8s linear infinite both}
.g-ranktable .r:nth-of-type(5) s{animation:mg-ranktable-k17 8s linear infinite both}
.g-ranktable .r:nth-of-type(5) b{animation:mg-ranktable-k18 8s linear infinite both}
.g-ranktable .r:nth-of-type(6){animation:mg-ranktable-k19 8s linear infinite both,mg-ranktable-k20 8s linear infinite both}
.g-ranktable .r:nth-of-type(6) s{animation:mg-ranktable-k21 8s linear infinite both}
.g-ranktable .r:nth-of-type(6) b{animation:mg-ranktable-k22 8s linear infinite both}
.g-ranktable .st{animation:mg-ranktable-k23 8s linear infinite both}
@keyframes mg-ranktable-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-ranktable-k2{0%,28.75%{opacity:0;transform:translateX(20cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}35.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(20cqw)}}
@keyframes mg-ranktable-k3{0%,41.25%{background:color-mix(in srgb,var(--t) 8%,transparent);color:var(--t);scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}47.5%,90%{background:var(--a);color:#fff;scale:1.04;box-shadow:0 0 0 .8cqw var(--h),0 3cqw 7cqw rgba(0,0,0,.35);animation-timing-function:ease-in}95%,100%{background:color-mix(in srgb,var(--t) 8%,transparent);color:var(--t);scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-ranktable-k4{0%,32.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}40%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-ranktable-k5{0%,41.25%{background:var(--a);animation-timing-function:cubic-bezier(.22,1,.36,1)}47.5%,90%{background:var(--h);animation-timing-function:ease-in}95%,100%{background:var(--a)}}
@keyframes mg-ranktable-k6{0%,35.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}40.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-ranktable-k7{0%,22.5%{opacity:0;transform:translateX(20cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}29.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(20cqw)}}
@keyframes mg-ranktable-k8{0%,41.25%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}47.5%,90%{filter:opacity(.5);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-ranktable-k9{0%,26.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}33.75%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-ranktable-k10{0%,29.38%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}34.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-ranktable-k11{0%,16.25%{opacity:0;transform:translateX(20cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}23.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(20cqw)}}
@keyframes mg-ranktable-k12{0%,41.25%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}47.5%,90%{filter:opacity(.5);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-ranktable-k13{0%,20%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}27.5%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-ranktable-k14{0%,23.12%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}28.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-ranktable-k15{0%,10%{opacity:0;transform:translateX(20cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(20cqw)}}
@keyframes mg-ranktable-k16{0%,41.25%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}47.5%,90%{filter:opacity(.5);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-ranktable-k17{0%,13.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.25%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-ranktable-k18{0%,16.88%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-ranktable-k19{0%,3.75%{opacity:0;transform:translateX(20cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(20cqw)}}
@keyframes mg-ranktable-k20{0%,41.25%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}47.5%,90%{filter:opacity(.5);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-ranktable-k21{0%,7.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}15%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-ranktable-k22{0%,10.63%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}15.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-ranktable-k23{0%,46.25%{opacity:0;transform:scale(.2) rotate(-30deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}52.5%,90%{opacity:1;transform:rotate(8deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.2) rotate(-30deg)}}
/* Gauge + Progress */
@property --mg-gauge-n{syntax:"<integer>";inherits:false;initial-value:0}
@property --mg-gauge-p{syntax:"<integer>";inherits:false;initial-value:0}
.g-gauge .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-gauge .t b{font-weight:400;color:var(--h)}
.g-gauge svg{position:absolute;left:8%;width:84%;top:22%;overflow:visible}
.g-gauge .tr{fill:none;stroke:color-mix(in srgb,var(--t) 12%,transparent);stroke-width:9}
.g-gauge .z{fill:none;stroke-width:9;stroke-dasharray:100}.g-gauge .z1{stroke:#FF5A6E}.g-gauge .z2{stroke:var(--h)}.g-gauge .z3{stroke:var(--a)}
.g-gauge .nd{transform-box:view-box;transform-origin:50px 52px}
.g-gauge .nd path{stroke:var(--t);stroke-width:2.6;stroke-linecap:round}.g-gauge .nd circle{fill:var(--t)}
.g-gauge .n{position:absolute;left:0;right:0;top:49%;text-align:center;color:var(--t)}
.g-gauge .n b{display:block;font:400 15cqw/1 var(--f)}.g-gauge .n > span{font:600 4cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-gauge .v{counter-reset:n var(--mg-gauge-n)}.g-gauge .v::before{content:counter(n)}
.g-gauge .p{counter-reset:p var(--mg-gauge-p)}.g-gauge .p::before{content:counter(p)}
.g-gauge .pg{position:absolute;left:8%;right:8%;top:63%;padding:4cqw 5cqw;border-radius:3.4cqw;background:color-mix(in srgb,var(--t) 8%,transparent);color:var(--t)}
.g-gauge .ph{display:flex;justify-content:space-between;align-items:baseline;font:600 4cqw var(--body)}.g-gauge .ph b{font:400 6cqw var(--f)}
.g-gauge .pg u{display:block;height:2.6cqw;margin:2.4cqw 0 3.4cqw;border-radius:99px;background:color-mix(in srgb,var(--t) 14%,transparent);overflow:hidden}
.g-gauge .pg s{display:block;height:100%;background:var(--a);transform-origin:left}
.g-gauge ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;font:600 3.6cqw var(--body)}
.g-gauge li{position:relative;padding-left:6.4cqw}
.g-gauge li::before{content:"";position:absolute;left:0;top:50%;width:4.6cqw;height:4.6cqw;margin-top:-2.3cqw;border-radius:1.2cqw;border:.5cqw solid color-mix(in srgb,var(--t) 40%,transparent);box-sizing:border-box}
.g-gauge li i{position:absolute;left:0;top:50%;width:4.6cqw;height:4.6cqw;margin-top:-2.3cqw;border-radius:1.2cqw;background:var(--a);color:#fff;font:800 3.2cqw/4.6cqw var(--body);font-style:normal;text-align:center}
.g-gauge .t{animation:mg-gauge-k1 8s linear infinite both}
.g-gauge .tr{animation:mg-gauge-k2 8s linear infinite both}
.g-gauge .z1{animation:mg-gauge-k3 8s linear infinite both}
.g-gauge .z2{animation:mg-gauge-k4 8s linear infinite both}
.g-gauge .z3{animation:mg-gauge-k5 8s linear infinite both}
.g-gauge .nd{animation:mg-gauge-k6 8s linear infinite both}
.g-gauge .n{animation:mg-gauge-k7 8s linear infinite both}
.g-gauge .v{animation:mg-gauge-k8 8s linear infinite both}
.g-gauge .pg{animation:mg-gauge-k9 8s linear infinite both}
.g-gauge .pg s{animation:mg-gauge-k10 8s linear infinite both}
.g-gauge .p{animation:mg-gauge-k11 8s linear infinite both}
.g-gauge li:nth-child(1) i{animation:mg-gauge-k12 8s linear infinite both}
.g-gauge li:nth-child(2) i{animation:mg-gauge-k13 8s linear infinite both}
.g-gauge li:nth-child(3) i{animation:mg-gauge-k14 8s linear infinite both}
@keyframes mg-gauge-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-gauge-k2{0%,2.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}7.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-gauge-k3{0%,3.75%{stroke-dashoffset:100;animation-timing-function:linear}8.75%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-gauge-k4{0%,8.12%{stroke-dashoffset:100;animation-timing-function:linear}13.12%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-gauge-k5{0%,12.5%{stroke-dashoffset:100;animation-timing-function:linear}17.5%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-gauge-k6{0%,13.75%{opacity:0;transform:rotate(-90deg);animation-timing-function:ease}16.25%{opacity:1;transform:rotate(-90deg);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}28.75%,90%{opacity:1;transform:rotate(50deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:rotate(-90deg)}}
@keyframes mg-gauge-k7{0%,16.25%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}22.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-gauge-k8{0%,16.25%{--mg-gauge-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}30%,100%{--mg-gauge-n:78}}
@keyframes mg-gauge-k9{0%,28.75%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}35%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-gauge-k10{0%,33.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}38.75%,43.75%{transform:scaleX(.33);animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,56.25%{transform:scaleX(.66);animation-timing-function:cubic-bezier(.22,1,.36,1)}61.25%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-gauge-k11{0%,33.75%{--mg-gauge-p:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}38.75%,43.75%{--mg-gauge-p:33;animation-timing-function:cubic-bezier(.22,1,.36,1)}48.75%,56.25%{--mg-gauge-p:66;animation-timing-function:cubic-bezier(.22,1,.36,1)}61.25%,100%{--mg-gauge-p:100}}
@keyframes mg-gauge-k12{0%,36.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}41.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-gauge-k13{0%,46.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}51.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-gauge-k14{0%,58.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}63.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
/* Heatmap Calendar */
.g-heatmap .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-heatmap .t b{font-weight:400;color:var(--h)}
.g-heatmap .hm{position:absolute;left:8%;right:8%;top:27%;display:flex;gap:1.2cqw}
.g-heatmap .wk{position:relative;flex:1;display:flex;flex-direction:column;gap:1.2cqw}
.g-heatmap .wk i,.g-heatmap .lgd i{display:block;aspect-ratio:1;border-radius:1.2cqw}
.g-heatmap .l0{background:color-mix(in srgb,var(--t) 10%,transparent)}.g-heatmap .l1{background:color-mix(in srgb,var(--a) 32%,transparent)}.g-heatmap .l2{background:color-mix(in srgb,var(--a) 56%,transparent)}.g-heatmap .l3{background:color-mix(in srgb,var(--a) 80%,transparent)}.g-heatmap .l4{background:var(--a)}
.g-heatmap .hot u{position:absolute;inset:-1.6cqw;border:.8cqw solid var(--h);border-radius:2.2cqw;box-shadow:0 0 5cqw color-mix(in srgb,var(--h) 55%,transparent)}
.g-heatmap .wl{position:absolute;left:8%;right:8%;top:56.5%;display:flex;justify-content:space-between;font:600 3cqw var(--mono);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-heatmap .lgd{position:absolute;left:0;right:0;top:61%;display:flex;justify-content:center;align-items:center;gap:1.4cqw;font:600 3.2cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-heatmap .lgd i{width:4.4cqw}
.g-heatmap .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-heatmap .t{animation:mg-heatmap-k1 8s linear infinite both}
.g-heatmap .wl,.g-heatmap .lgd{animation:mg-heatmap-k2 8s linear infinite both}
.g-heatmap .wk:nth-child(1){animation:mg-heatmap-k4 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(2){animation:mg-heatmap-k5 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(3){animation:mg-heatmap-k6 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(4){animation:mg-heatmap-k7 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(5){animation:mg-heatmap-k8 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(6){animation:mg-heatmap-k9 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(7){animation:mg-heatmap-k10 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(8){animation:mg-heatmap-k11 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(9){animation:mg-heatmap-k12 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(10){animation:mg-heatmap-k13 8s linear infinite both}
.g-heatmap .wk:nth-child(11){animation:mg-heatmap-k14 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .wk:nth-child(12){animation:mg-heatmap-k15 8s linear infinite both,mg-heatmap-k3 8s linear infinite both}
.g-heatmap .hot u{animation:mg-heatmap-k16 8s linear infinite both}
.g-heatmap .tag{animation:mg-heatmap-k17 8s linear infinite both}
@keyframes mg-heatmap-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-heatmap-k2{0%,2.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}7.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-heatmap-k3{0%,46.25%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}52.5%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-heatmap-k4{0%,4.38%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}9.38%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k5{0%,6.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.88%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k6{0%,9.38%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}14.37%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k7{0%,11.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}16.88%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k8{0%,14.37%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}19.37%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k9{0%,16.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.88%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k10{0%,19.38%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}24.38%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k11{0%,21.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}26.88%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k12{0%,24.38%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}29.38%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k13{0%,26.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}31.87%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k14{0%,29.38%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}34.38%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k15{0%,31.88%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}36.88%,90%{clip-path:inset(-4cqw -4cqw -4cqw -4cqw round 1.4cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 1.4cqw);transform:translateY(-2cqw)}}
@keyframes mg-heatmap-k16{0%,46.25%{opacity:0;transform:scale(1.4);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(1.4)}}
@keyframes mg-heatmap-k17{0%,51.25%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}57.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Share Split */
@property --mg-sharesplit-n{syntax:"<integer>";inherits:false;initial-value:0}
.g-sharesplit .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-sharesplit .t b{font-weight:400;color:var(--h)}
.g-sharesplit .tg{position:absolute;left:7.5%;right:7.5%;top:28%;display:grid;grid-template-columns:repeat(5,1fr);gap:2.5cqw}
.g-sharesplit .tl{position:relative;aspect-ratio:1;border-radius:3cqw;border:.5cqw dashed color-mix(in srgb,var(--t) 38%,transparent)}
.g-sharesplit .tl i{position:absolute;inset:-.5cqw;border-radius:3cqw;background:var(--a)}
.g-sharesplit .tl span{position:absolute;inset:0;display:grid;place-items:center;font:400 4.6cqw var(--f);color:#fff}
.g-sharesplit .me{z-index:2}.g-sharesplit .me i{background:var(--h)}.g-sharesplit .me span{color:var(--k);font-size:3.8cqw}
.g-sharesplit .ct{position:absolute;left:0;right:0;top:50%;text-align:center;color:var(--t)}
.g-sharesplit .ct b{display:block;font:400 22cqw/1 var(--f)}.g-sharesplit .ct small{font:600 4.2cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-sharesplit .v{counter-reset:n var(--mg-sharesplit-n)}.g-sharesplit .v::before{content:counter(n)}
.g-sharesplit .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-sharesplit .t{animation:mg-sharesplit-k1 8s linear infinite both}
.g-sharesplit .tg{animation:mg-sharesplit-k2 8s linear infinite both}
.g-sharesplit .tl:nth-child(1) i{animation:mg-sharesplit-k3 8s linear infinite both}
.g-sharesplit .tl:nth-child(1) span{animation:mg-sharesplit-k4 8s linear infinite both}
.g-sharesplit .tl:nth-child(2) i{animation:mg-sharesplit-k5 8s linear infinite both}
.g-sharesplit .tl:nth-child(2) span{animation:mg-sharesplit-k6 8s linear infinite both}
.g-sharesplit .tl:nth-child(3) i{animation:mg-sharesplit-k7 8s linear infinite both}
.g-sharesplit .tl:nth-child(3) span{animation:mg-sharesplit-k8 8s linear infinite both}
.g-sharesplit .tl:nth-child(4) i{animation:mg-sharesplit-k9 8s linear infinite both}
.g-sharesplit .tl:nth-child(4) span{animation:mg-sharesplit-k10 8s linear infinite both}
.g-sharesplit .tl:nth-child(5) i{animation:mg-sharesplit-k11 8s linear infinite both}
.g-sharesplit .tl:nth-child(5) span{animation:mg-sharesplit-k12 8s linear infinite both}
.g-sharesplit .tl:nth-child(6) i{animation:mg-sharesplit-k13 8s linear infinite both}
.g-sharesplit .tl:nth-child(6) span{animation:mg-sharesplit-k14 8s linear infinite both}
.g-sharesplit .tl:nth-child(7) i{animation:mg-sharesplit-k15 8s linear infinite both}
.g-sharesplit .tl:nth-child(7) span{animation:mg-sharesplit-k16 8s linear infinite both}
.g-sharesplit .tl:nth-child(8) i{animation:mg-sharesplit-k17 8s linear infinite both}
.g-sharesplit .tl:nth-child(8) span{animation:mg-sharesplit-k18 8s linear infinite both}
.g-sharesplit .tl:nth-child(9) i{animation:mg-sharesplit-k19 8s linear infinite both}
.g-sharesplit .tl:nth-child(9) span{animation:mg-sharesplit-k20 8s linear infinite both}
.g-sharesplit .ct{animation:mg-sharesplit-k21 8s linear infinite both}
.g-sharesplit .v{animation:mg-sharesplit-k22 8s linear infinite both}
.g-sharesplit .me i{animation:mg-sharesplit-k23 8s linear infinite both,mg-sharesplit-k24 8s linear infinite both}
.g-sharesplit .me{animation:mg-sharesplit-k25 8s linear infinite both}
.g-sharesplit .me span{animation:mg-sharesplit-k26 8s linear infinite both}
.g-sharesplit .tag{animation:mg-sharesplit-k27 8s linear infinite both}
@keyframes mg-sharesplit-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-sharesplit-k2{0%,1.88%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}6.88%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k3{0%,6.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k4{0%,7.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k5{0%,10.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}14.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k6{0%,11.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}15.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k7{0%,14.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k8{0%,15.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}19.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k9{0%,18.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}22.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k10{0%,19.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}23.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k11{0%,22.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}26.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k12{0%,23.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}27.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k13{0%,26.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}30.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k14{0%,27.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}31.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k15{0%,30.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}34.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k16{0%,31.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}35.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k17{0%,34.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}38.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k18{0%,35.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}39.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k19{0%,38.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}42.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k20{0%,39.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}43.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-sharesplit-k21{0%,5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-sharesplit-k22{0%,6.25%{--mg-sharesplit-n:0;animation-timing-function:steps(9,start)}42.25%,100%{--mg-sharesplit-n:90}}
@keyframes mg-sharesplit-k23{0%,50%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}55.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k24{0%,56.25%{box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.22,1,.36,1)}62.5%,90%{box-shadow:inset 0 0 0 1cqw color-mix(in srgb,var(--k) 25%,transparent);animation-timing-function:ease-in}95%,100%{box-shadow:0 0 0 0 transparent}}
@keyframes mg-sharesplit-k25{0%,50%{transform:none;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}56.25%,90%{transform:scale(1.1);animation-timing-function:ease-in}95%,100%{transform:none}}
@keyframes mg-sharesplit-k26{0%,51.88%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}56.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-sharesplit-k27{0%,56.25%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}62.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Price Card Reveal */
@property --mg-pricecard-n{syntax:"<integer>";inherits:false;initial-value:0}
.g-pricecard .wr{position:absolute;left:12%;right:12%;top:20%;filter:drop-shadow(0 3cqw 6cqw rgba(0,0,0,.35))}
.g-pricecard .cd{background:#fff;color:#17131F;border-radius:5cqw;padding:7cqw 7cqw 7cqw}
.g-pricecard .lb{font:700 3.4cqw var(--mono);letter-spacing:.14em;color:var(--a)}
.g-pricecard .pr{margin-top:2cqw;font:400 19cqw/1 var(--f);color:#17131F}.g-pricecard .pr small{font:600 5cqw var(--body);color:#8A8399}
.g-pricecard .v{counter-reset:n var(--mg-pricecard-n)}.g-pricecard .v::before{content:counter(n)}
.g-pricecard hr{border:0;height:.5cqw;background:#E7E3EF;margin:4.4cqw 0;transform-origin:left}
.g-pricecard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3cqw;font:600 4.4cqw var(--body)}
.g-pricecard li{position:relative;padding-left:8cqw}
.g-pricecard li::before{content:"✓";position:absolute;left:0;top:50%;width:5.4cqw;height:5.4cqw;margin-top:-2.7cqw;border-radius:50%;background:var(--a);color:#fff;font:800 3.4cqw/5.4cqw var(--body);text-align:center}
.g-pricecard .go{position:relative;overflow:hidden;margin-top:6cqw;background:var(--a);color:#fff;text-align:center;font:700 4.6cqw var(--body);padding:3.6cqw;border-radius:3cqw}
.g-pricecard .go::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.g-pricecard .st{position:absolute;right:7%;top:18%;z-index:2;background:var(--h);color:var(--k);font:400 5cqw/1 var(--f);padding:2cqw 4cqw;border-radius:2cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.35)}
.g-pricecard .cd{animation:mg-pricecard-k1 8s linear infinite both}
.g-pricecard .lb{animation:mg-pricecard-k2 8s linear infinite both}
.g-pricecard .pr{animation:mg-pricecard-k3 8s linear infinite both}
.g-pricecard .v{animation:mg-pricecard-k4 8s linear infinite both}
.g-pricecard hr{animation:mg-pricecard-k5 8s linear infinite both}
.g-pricecard li:nth-child(1){animation:mg-pricecard-k6 8s linear infinite both}
.g-pricecard li:nth-child(1)::before{animation:mg-pricecard-k7 8s linear infinite both}
.g-pricecard li:nth-child(2){animation:mg-pricecard-k8 8s linear infinite both}
.g-pricecard li:nth-child(2)::before{animation:mg-pricecard-k9 8s linear infinite both}
.g-pricecard li:nth-child(3){animation:mg-pricecard-k10 8s linear infinite both}
.g-pricecard li:nth-child(3)::before{animation:mg-pricecard-k11 8s linear infinite both}
.g-pricecard .go{animation:mg-pricecard-k12 8s linear infinite both,mg-pricecard-k13 8s linear infinite both}
.g-pricecard .go::after{animation:mg-pricecard-k14 8s linear infinite both}
.g-pricecard .st{animation:mg-pricecard-k15 8s linear infinite both}
@keyframes mg-pricecard-k1{0%,2.5%{clip-path:inset(100% 0 0 0 round 5cqw);transform:translateY(8cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{clip-path:inset(0 0 0 0 round 5cqw);transform:none;animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 5cqw);transform:translateY(-4cqw)}}
@keyframes mg-pricecard-k2{0%,10%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}15.62%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k3{0%,13.12%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}19.38%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k4{0%,13.12%{--mg-pricecard-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}24.38%,100%{--mg-pricecard-n:29}}
@keyframes mg-pricecard-k5{0%,18.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}25%,92.5%{transform:scaleX(1);animation-timing-function:ease-in}97.5%,100%{transform:scaleX(0)}}
@keyframes mg-pricecard-k6{0%,22.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.12%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k7{0%,24.38%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}29.38%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-pricecard-k8{0%,25.62%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}31.25%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k9{0%,27.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}32.5%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-pricecard-k10{0%,28.75%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}34.38%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k11{0%,30.62%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.3,1.9,.5,1)}35.62%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-pricecard-k12{0%,33.75%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}40%,92.5%{opacity:1;transform:none;animation-timing-function:ease-in}97.5%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-pricecard-k13{0%,68.75%{scale:1;animation-timing-function:ease-out}70.62%{scale:.94;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}75.62%,100%{scale:1}}
@keyframes mg-pricecard-k14{0%,57.5%{transform:translateX(-120%) skewX(-20deg);animation-timing-function:cubic-bezier(.65,0,.35,1)}66.25%,100%{transform:translateX(220%) skewX(-20deg)}}
@keyframes mg-pricecard-k15{0%,42.5%{opacity:0;transform:scale(.2) rotate(-30deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}48.75%,90%{opacity:1;transform:rotate(10deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.2) rotate(-30deg)}}
/* Table: Cascade + Row Focus */
.g-tablefocus .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-tablefocus .t b{font-weight:400;color:var(--h)}
.g-tablefocus .tb{position:absolute;left:6%;right:6%;top:27%;background:#fff;border-radius:4cqw;padding:2cqw;color:#17131F}
.g-tablefocus .hd,.g-tablefocus .r{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;padding:3.4cqw 4cqw;border-radius:2.4cqw}
.g-tablefocus .hd{font:700 3cqw var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8A8399}
.g-tablefocus .r{position:relative;font:600 4.6cqw var(--body);background:#fff}
.g-tablefocus .r + .r::before{content:"";position:absolute;left:4cqw;right:4cqw;top:0;border-top:.3cqw solid #EEEAF4}
.g-tablefocus .r span:last-child,.g-tablefocus .hd span:last-child{text-align:right}
.g-tablefocus .f{z-index:1}.g-tablefocus .f::before{display:none}
.g-tablefocus .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-tablefocus .t{animation:mg-tablefocus-k1 8s linear infinite both}
.g-tablefocus .tb{animation:mg-tablefocus-k2 8s linear infinite both}
.g-tablefocus .hd{animation:mg-tablefocus-k3 8s linear infinite both}
.g-tablefocus .r:nth-of-type(2){animation:mg-tablefocus-k4 8s linear infinite both,mg-tablefocus-k5 8s linear infinite both}
.g-tablefocus .r:nth-of-type(3){animation:mg-tablefocus-k6 8s linear infinite both,mg-tablefocus-k7 8s linear infinite both}
.g-tablefocus .r:nth-of-type(4){animation:mg-tablefocus-k8 8s linear infinite both,mg-tablefocus-k9 8s linear infinite both}
.g-tablefocus .r:nth-of-type(5){animation:mg-tablefocus-k10 8s linear infinite both,mg-tablefocus-k11 8s linear infinite both}
.g-tablefocus .r:nth-of-type(6){animation:mg-tablefocus-k12 8s linear infinite both,mg-tablefocus-k13 8s linear infinite both}
.g-tablefocus .tag{animation:mg-tablefocus-k14 8s linear infinite both}
@keyframes mg-tablefocus-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-tablefocus-k2{0%,3.75%{clip-path:inset(0 0 100% 0 round 4cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{clip-path:inset(-5cqw -5cqw -5cqw -5cqw round 4cqw);animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0 round 4cqw)}}
@keyframes mg-tablefocus-k3{0%,9.38%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}14.37%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-tablefocus-k4{0%,12.5%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}18.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-tablefocus-k5{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-tablefocus-k6{0%,16.25%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.88%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-tablefocus-k7{0%,45%{background:#fff;color:#17131F;scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.25%,90%{background:var(--a);color:#fff;scale:1.04;box-shadow:0 2.4cqw 6cqw rgba(0,0,0,.3);animation-timing-function:ease-in}95%,100%{background:#fff;color:#17131F;scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-tablefocus-k8{0%,20%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}25.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-tablefocus-k9{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-tablefocus-k10{0%,23.75%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}29.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-tablefocus-k11{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-tablefocus-k12{0%,27.5%{opacity:0;transform:translateX(-12cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}33.13%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-12cqw)}}
@keyframes mg-tablefocus-k13{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-tablefocus-k14{0%,51.25%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}57.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}
/* Chart: Build + Focus Bar */
.g-chartfocus .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-chartfocus .t b{font-weight:400;color:var(--h)}
.g-chartfocus .ch{position:absolute;left:10%;right:6%;top:34%;height:33%}
.g-chartfocus .ay{position:absolute;left:0;top:0;bottom:0;width:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:bottom}
.g-chartfocus .ax{position:absolute;left:0;right:0;bottom:0;height:.5cqw;background:color-mix(in srgb,var(--t) 45%,transparent);transform-origin:left}
.g-chartfocus .gl{position:absolute;left:0;right:0;border-top:.3cqw dashed color-mix(in srgb,var(--t) 18%,transparent)}
.g-chartfocus .bs,.g-chartfocus .lb{position:absolute;left:3cqw;right:0;display:flex;gap:2.4cqw}
.g-chartfocus .bs{top:0;bottom:.5cqw;align-items:flex-end}
.g-chartfocus .bs b{flex:1;height:var(--v);background:var(--a);border-radius:1.4cqw 1.4cqw 0 0;transform-origin:bottom}
.g-chartfocus .lb{top:calc(100% + 2cqw)}.g-chartfocus .lb span{flex:1;text-align:center;font:600 3.3cqw var(--body);color:color-mix(in srgb,var(--t) 75%,transparent)}
.g-chartfocus .co{position:absolute;left:calc(50% + 1.5cqw);top:-17cqw;translate:-50% 0;white-space:nowrap;background:#fff;color:#17131F;font:700 4.4cqw var(--body);padding:2.4cqw 4cqw;border-radius:2.4cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-chartfocus .co::after{content:"";position:absolute;left:50%;top:100%;width:.5cqw;height:9cqw;margin-left:-.25cqw;background:#fff;transform-origin:top}
.g-chartfocus .t{animation:mg-chartfocus-k1 8s linear infinite both}
.g-chartfocus .ay{animation:mg-chartfocus-k2 8s linear infinite both}
.g-chartfocus .ax{animation:mg-chartfocus-k3 8s linear infinite both}
.g-chartfocus .gl{animation:mg-chartfocus-k4 8s linear infinite both}
.g-chartfocus .lb{animation:mg-chartfocus-k5 8s linear infinite both}
.g-chartfocus .bs b:nth-child(1){animation:mg-chartfocus-k7 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .bs b:nth-child(2){animation:mg-chartfocus-k8 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .bs b:nth-child(3){animation:mg-chartfocus-k9 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .bs b:nth-child(4){animation:mg-chartfocus-k10 8s linear infinite both,mg-chartfocus-k11 8s linear infinite both}
.g-chartfocus .bs b:nth-child(5){animation:mg-chartfocus-k12 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .bs b:nth-child(6){animation:mg-chartfocus-k13 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .bs b:nth-child(7){animation:mg-chartfocus-k14 8s linear infinite both,mg-chartfocus-k6 8s linear infinite both}
.g-chartfocus .co{animation:mg-chartfocus-k15 8s linear infinite both}
.g-chartfocus .co::after{animation:mg-chartfocus-k16 8s linear infinite both}
@keyframes mg-chartfocus-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-chartfocus-k2{0%,2.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}7.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k3{0%,4.38%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}10%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-chartfocus-k4{0%,6.25%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}11.25%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-chartfocus-k5{0%,7.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}12.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-chartfocus-k6{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:grayscale(1) opacity(.4);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-chartfocus-k7{0%,8.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}15%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k8{0%,11%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}17.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k9{0%,13.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}19.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k10{0%,15.5%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}21.75%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k11{0%,45%{background:var(--a);scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.25%,90%{background:var(--h);scale:1.14 1.04;box-shadow:0 0 6cqw color-mix(in srgb,var(--h) 60%,transparent);animation-timing-function:ease-in}95%,100%{background:var(--a);scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-chartfocus-k12{0%,17.75%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}24%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k13{0%,20%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}26.25%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k14{0%,22.25%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-chartfocus-k15{0%,50%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}55.62%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-chartfocus-k16{0%,53.12%{transform:scaleY(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}57.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
/* App Window: Build + Focus Area */
.g-appfocus .w{position:absolute;left:6%;right:6%;top:20%;height:50%}
.g-appfocus .e{position:absolute;background:var(--a);z-index:3}
.g-appfocus .e1{left:0;right:0;top:0;height:.7cqw;transform-origin:left}.g-appfocus .e2{top:0;bottom:0;right:0;width:.7cqw;transform-origin:top}
.g-appfocus .e3{left:0;right:0;bottom:0;height:.7cqw;transform-origin:right}.g-appfocus .e4{top:0;bottom:0;left:0;width:.7cqw;transform-origin:bottom}
.g-appfocus .app{position:absolute;inset:.7cqw;background:#F6F4FA;overflow:hidden;display:flex;flex-direction:column}
.g-appfocus .tb{height:8cqw;flex:none;background:#E7E3EF;display:flex;align-items:center;gap:1.2cqw;padding:0 3cqw}
.g-appfocus .tb u{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#C9C3D6}.g-appfocus .tb u:first-child{background:#FF6B6B}
.g-appfocus .tb span{margin:0 auto;font:500 2.8cqw var(--body);color:#8A8399}
.g-appfocus .bd{flex:1;display:flex;min-height:0}.g-appfocus aside{width:20%;background:#EFECF5;padding:4cqw 2.4cqw;display:flex;flex-direction:column;gap:3cqw}
.g-appfocus aside p,.g-appfocus .ls p{margin:0;height:2.2cqw;border-radius:1cqw;background:#D5D0E0;transform-origin:left}
.g-appfocus main{flex:1;padding:3.4cqw;display:flex;flex-direction:column;gap:3cqw}
.g-appfocus .k{display:flex;gap:2.4cqw}.g-appfocus .k > div{position:relative;flex:1;background:#fff;border-radius:2.4cqw;padding:2.6cqw;box-shadow:0 .6cqw 1.6cqw rgba(30,20,60,.08)}
.g-appfocus .k small{display:block;font:600 2.6cqw var(--body);color:#8A8399}.g-appfocus .k b{font:400 6cqw/1.1 var(--f);color:#17131F}
.g-appfocus .fx{z-index:2}
.g-appfocus .fx em{position:absolute;left:50%;top:calc(100% + 2.4cqw);translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:700 3.2cqw var(--body);font-style:normal;padding:1.2cqw 2.8cqw;border-radius:99px}
.g-appfocus .cv{flex:1;background:#fff;border-radius:2.4cqw;padding:2.4cqw}.g-appfocus .cv svg{width:100%;height:100%;overflow:visible}
.g-appfocus .cv path{fill:none;stroke:var(--a);stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:100}
.g-appfocus .ls{display:flex;flex-direction:column;gap:2.4cqw}.g-appfocus .ls p:nth-child(2){width:80%}.g-appfocus .ls p:nth-child(3){width:60%}
.g-appfocus .dm{position:absolute;inset:8.7cqw .7cqw .7cqw;background:rgba(12,10,20,.62);z-index:1;pointer-events:none}
.g-appfocus .e1{animation:mg-appfocus-k1 8s linear infinite both}
.g-appfocus .e2{animation:mg-appfocus-k2 8s linear infinite both}
.g-appfocus .e3{animation:mg-appfocus-k3 8s linear infinite both}
.g-appfocus .e4{animation:mg-appfocus-k4 8s linear infinite both}
.g-appfocus .app{animation:mg-appfocus-k5 8s linear infinite both}
.g-appfocus aside p:nth-child(1){animation:mg-appfocus-k6 8s linear infinite both}
.g-appfocus aside p:nth-child(2){animation:mg-appfocus-k7 8s linear infinite both}
.g-appfocus aside p:nth-child(3){animation:mg-appfocus-k8 8s linear infinite both}
.g-appfocus aside p:nth-child(4){animation:mg-appfocus-k9 8s linear infinite both}
.g-appfocus .k > div:nth-child(1){animation:mg-appfocus-k10 8s linear infinite both}
.g-appfocus .k > div:nth-child(3){animation:mg-appfocus-k11 8s linear infinite both}
.g-appfocus .cv path{animation:mg-appfocus-k12 8s linear infinite both}
.g-appfocus .ls p:nth-child(1){animation:mg-appfocus-k13 8s linear infinite both}
.g-appfocus .ls p:nth-child(2){animation:mg-appfocus-k14 8s linear infinite both}
.g-appfocus .ls p:nth-child(3){animation:mg-appfocus-k15 8s linear infinite both}
.g-appfocus .dm{animation:mg-appfocus-k16 8s linear infinite both}
.g-appfocus .fx{animation:mg-appfocus-k17 8s linear infinite both,mg-appfocus-k18 8s linear infinite both}
.g-appfocus .fx em{animation:mg-appfocus-k19 8s linear infinite both}
@keyframes mg-appfocus-k1{0%,2.5%{transform:scaleX(0);animation-timing-function:linear}6.25%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k2{0%,6.25%{transform:scaleY(0);animation-timing-function:linear}10%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-appfocus-k3{0%,10%{transform:scaleX(0);animation-timing-function:linear}13.75%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k4{0%,13.75%{transform:scaleY(0);animation-timing-function:linear}17.5%,90%{transform:scaleY(1);animation-timing-function:ease-in}95%,100%{transform:scaleY(0)}}
@keyframes mg-appfocus-k5{0%,16.25%{clip-path:inset(0 0 100% 0);animation-timing-function:cubic-bezier(.65,0,.35,1)}23.75%,90%{clip-path:inset(0 0 0 0);animation-timing-function:ease-in}95%,100%{clip-path:inset(0 0 100% 0)}}
@keyframes mg-appfocus-k6{0%,22.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}26.88%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k7{0%,23.75%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}28.12%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k8{0%,25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}29.38%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k9{0%,26.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}30.63%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k10{0%,25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}30.63%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-appfocus-k11{0%,28.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}34.38%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-appfocus-k12{0%,30%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}40%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-appfocus-k13{0%,32.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}37.5%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k14{0%,34%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}39%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k15{0%,35.5%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}40.5%,90%{transform:scaleX(1);animation-timing-function:ease-in}95%,100%{transform:scaleX(0)}}
@keyframes mg-appfocus-k16{0%,47.5%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}52.5%,90%{opacity:1;animation-timing-function:ease-in}95%,100%{opacity:0}}
@keyframes mg-appfocus-k17{0%,26.88%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}32.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-appfocus-k18{0%,47.5%{scale:1;box-shadow:0 0 0 0 transparent;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}53.12%,90%{scale:1.1;box-shadow:0 0 0 1cqw var(--h),0 2cqw 6cqw rgba(0,0,0,.4);animation-timing-function:ease-in}95%,100%{scale:1;box-shadow:0 0 0 0 transparent}}
@keyframes mg-appfocus-k19{0%,52.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}58.13%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
/* Receipt Prints Out */
.g-receipt .pr{position:absolute;left:10%;right:10%;top:15%;height:10cqw;background:#1E1A27;border-radius:3cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.4);z-index:2}
.g-receipt .pr::after{content:"";position:absolute;left:6%;right:6%;bottom:1.6cqw;height:1.2cqw;border-radius:99px;background:#000}
.g-receipt .pr i{position:absolute;right:5cqw;top:2.4cqw;width:2cqw;height:2cqw;border-radius:50%}
.g-receipt .fd{position:absolute;left:16%;right:16%;top:calc(15% + 8.2cqw);height:46%;overflow:hidden}
.g-receipt .pp{position:relative;background:#FBFAF7;padding:6cqw 6cqw 7cqw;font:500 3.7cqw/1 var(--mono);color:#2A2632}
.g-receipt .pp::after{content:"";position:absolute;left:0;right:0;top:100%;height:3cqw;background:linear-gradient(135deg,#FBFAF7 50%,transparent 50%) 0 0/3cqw 3cqw repeat-x,linear-gradient(-135deg,#FBFAF7 50%,transparent 50%) 0 0/3cqw 3cqw repeat-x}
.g-receipt h5{margin:0 0 4cqw;text-align:center;font:700 3.6cqw var(--mono);letter-spacing:.12em}
.g-receipt .pp p{margin:0;padding:1.8cqw 0;display:flex;justify-content:space-between;position:relative}
.g-receipt hr{border:0;border-top:.4cqw dashed #B9B2C6;margin:2.4cqw 0}
.g-receipt .tt{font-weight:800;font-size:4.6cqw}.g-receipt .tt span{position:relative;z-index:1}
.g-receipt .tt::before{content:"";position:absolute;left:-1.6cqw;right:-1.6cqw;top:.6cqw;bottom:.6cqw;background:color-mix(in srgb,var(--h) 75%,transparent);border-radius:1cqw;transform-origin:left}
.g-receipt .stp{position:absolute;right:3cqw;bottom:16cqw;border:.9cqw solid var(--a);color:var(--a);font:400 7cqw/1 var(--f);padding:1.6cqw 3cqw;border-radius:2cqw;mix-blend-mode:multiply}
.g-receipt .pr{animation:mg-receipt-k1 8s linear infinite both}
.g-receipt .pr i{animation:mg-receipt-k2 8s linear infinite both}
.g-receipt .pp{animation:mg-receipt-k3 8s linear infinite both}
.g-receipt .tt::before{animation:mg-receipt-k4 8s linear infinite both}
.g-receipt .stp{animation:mg-receipt-k5 8s linear infinite both}
.g-receipt .fd{animation:mg-receipt-k6 8s linear infinite both}
@keyframes mg-receipt-k1{0%,0.62%{opacity:0;transform:translateY(-6cqw);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}5.62%,95%{opacity:1;transform:none;animation-timing-function:ease-in}100%{opacity:0;transform:translateY(-6cqw)}}
@keyframes mg-receipt-k2{0%,5%{background:#3A3448}5.12%,37.5%{background:#4ADE80}37.62%,100%{background:#3A3448}}
@keyframes mg-receipt-k3{0%,5%{clip-path:inset(0 0 100% 0);transform:translateY(-3cqw);animation-timing-function:steps(12,end)}37.5%,88.75%{clip-path:inset(0 0 -4cqw 0);transform:none;animation-timing-function:ease-in}93.75%,100%{clip-path:inset(0 0 100% 0);transform:translateY(-3cqw)}}
@keyframes mg-receipt-k4{0%,41.25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}46.88%,88.75%{transform:scaleX(1);animation-timing-function:ease-in}93.75%,100%{transform:scaleX(0)}}
@keyframes mg-receipt-k5{0%,52.5%{opacity:0;transform:rotate(-14deg) scale(2.6);animation-timing-function:cubic-bezier(.55,0,.9,.4)}55.25%{opacity:1;transform:rotate(-14deg) scale(.92);animation-timing-function:cubic-bezier(.22,1,.36,1)}57.5%,88.75%{opacity:1;transform:rotate(-14deg) scale(1);animation-timing-function:ease-in}92.5%,100%{opacity:0;transform:rotate(-14deg) scale(1)}}
@keyframes mg-receipt-k6{0%,55.25%{translate:0 0;animation-timing-function:ease-out}56.5%{translate:0 1.2cqw;animation-timing-function:ease-out}58%{translate:0 -.4cqw;animation-timing-function:ease-out}59.5%,100%{translate:0 0}}
/* KPI Tiles: Flip + Count + Focus */
@property --mg-kpiflip-n{syntax:"<integer>";inherits:false;initial-value:0}
.g-kpiflip .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-kpiflip .t b{font-weight:400;color:var(--h)}
.g-kpiflip .gd{position:absolute;left:6%;right:6%;top:26%;display:grid;grid-template-columns:1fr 1fr;gap:4cqw}
.g-kpiflip .tl{position:relative;background:#fff;color:#17131F;border-radius:4cqw;padding:5cqw 4.4cqw 4cqw;transform-origin:top;box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.25)}
.g-kpiflip .tl small{display:block;font:700 3cqw var(--mono);letter-spacing:.12em;color:#8A8399}
.g-kpiflip .tl b{display:block;margin:1.4cqw 0 2.4cqw;font:400 12cqw/1 var(--f)}.g-kpiflip .f b{color:var(--a)}
.g-kpiflip .v{counter-reset:n var(--mg-kpiflip-n)}.g-kpiflip .v::before{content:counter(n)}
.g-kpiflip .tl svg{display:block;width:100%;overflow:visible}
.g-kpiflip .tl path{fill:none;stroke:var(--a);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100}
.g-kpiflip .cap{position:absolute;left:8%;right:8%;top:79%;text-align:center;font:600 4.8cqw var(--body);color:var(--t)}
.g-kpiflip .t{animation:mg-kpiflip-k1 8s linear infinite both}
.g-kpiflip .tl:nth-child(1){animation:mg-kpiflip-k2 8s linear infinite both,mg-kpiflip-k3 8s linear infinite both}
.g-kpiflip .tl:nth-child(1) .v{animation:mg-kpiflip-k4 8s linear infinite both}
.g-kpiflip .tl:nth-child(1) path{animation:mg-kpiflip-k5 8s linear infinite both}
.g-kpiflip .tl:nth-child(2){animation:mg-kpiflip-k6 8s linear infinite both,mg-kpiflip-k7 8s linear infinite both}
.g-kpiflip .tl:nth-child(2) .v{animation:mg-kpiflip-k8 8s linear infinite both}
.g-kpiflip .tl:nth-child(2) path{animation:mg-kpiflip-k9 8s linear infinite both}
.g-kpiflip .tl:nth-child(3){animation:mg-kpiflip-k10 8s linear infinite both,mg-kpiflip-k11 8s linear infinite both}
.g-kpiflip .tl:nth-child(3) .v{animation:mg-kpiflip-k12 8s linear infinite both}
.g-kpiflip .tl:nth-child(3) path{animation:mg-kpiflip-k13 8s linear infinite both}
.g-kpiflip .tl:nth-child(4){animation:mg-kpiflip-k14 8s linear infinite both,mg-kpiflip-k15 8s linear infinite both}
.g-kpiflip .tl:nth-child(4) .v{animation:mg-kpiflip-k16 8s linear infinite both}
.g-kpiflip .tl:nth-child(4) path{animation:mg-kpiflip-k17 8s linear infinite both}
.g-kpiflip .cap{animation:mg-kpiflip-k18 8s linear infinite both}
@keyframes mg-kpiflip-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-kpiflip-k2{0%,3.75%{opacity:0;transform:perspective(90cqw) rotateX(-100deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}12.5%,90%{opacity:1;transform:perspective(90cqw) rotateX(0deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:perspective(90cqw) rotateX(-100deg)}}
@keyframes mg-kpiflip-k3{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-kpiflip-k4{0%,7.5%{--mg-kpiflip-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}22.5%,100%{--mg-kpiflip-n:9}}
@keyframes mg-kpiflip-k5{0%,10%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}21.25%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpiflip-k6{0%,8.12%{opacity:0;transform:perspective(90cqw) rotateX(-100deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.88%,90%{opacity:1;transform:perspective(90cqw) rotateX(0deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:perspective(90cqw) rotateX(-100deg)}}
@keyframes mg-kpiflip-k7{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-kpiflip-k8{0%,11.88%{--mg-kpiflip-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}26.88%,100%{--mg-kpiflip-n:184}}
@keyframes mg-kpiflip-k9{0%,14.37%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}25.62%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpiflip-k10{0%,12.5%{opacity:0;transform:perspective(90cqw) rotateX(-100deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.25%,90%{opacity:1;transform:perspective(90cqw) rotateX(0deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:perspective(90cqw) rotateX(-100deg)}}
@keyframes mg-kpiflip-k11{0%,45%{scale:1;translate:0 0;box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.25);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.25%,90%{scale:1.07;translate:0 -1.6cqw;box-shadow:0 0 0 1cqw var(--h),0 0 10cqw color-mix(in srgb,var(--h) 60%,transparent);animation-timing-function:ease-in}95%,100%{scale:1;translate:0 0;box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.25)}}
@keyframes mg-kpiflip-k12{0%,16.25%{--mg-kpiflip-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}31.25%,100%{--mg-kpiflip-n:71}}
@keyframes mg-kpiflip-k13{0%,18.75%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}30%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpiflip-k14{0%,16.88%{opacity:0;transform:perspective(90cqw) rotateX(-100deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}25.62%,90%{opacity:1;transform:perspective(90cqw) rotateX(0deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:perspective(90cqw) rotateX(-100deg)}}
@keyframes mg-kpiflip-k15{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.35);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-kpiflip-k16{0%,20.62%{--mg-kpiflip-n:0;animation-timing-function:cubic-bezier(.15,.8,.25,1)}35.62%,100%{--mg-kpiflip-n:3}}
@keyframes mg-kpiflip-k17{0%,23.12%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.65,0,.35,1)}34.38%,90%{stroke-dashoffset:0;animation-timing-function:ease-in}95%,100%{stroke-dashoffset:100}}
@keyframes mg-kpiflip-k18{0%,50%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}56.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
/* Versus Cards: Enter + Winner */
.g-vscards .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-vscards .t b{font-weight:400;color:var(--h)}
.g-vscards .cd{position:absolute;top:27%;width:39cqw;background:#fff;color:#17131F;border-radius:4cqw;padding:5cqw 4cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-vscards .L{left:6%}.g-vscards .R{right:6%}
.g-vscards h4{margin:0 0 3cqw;font:400 7cqw/1 var(--f);color:#17131F}
.g-vscards .cd p{margin:0;padding:2.6cqw 0;border-top:.3cqw solid #EEEAF4}
.g-vscards small{display:block;font:600 3cqw var(--body);color:#8A8399}.g-vscards .cd b{font:400 7cqw/1.15 var(--f)}.g-vscards .L b{color:var(--a)}
.g-vscards .vs{position:absolute;left:50%;top:calc(27% + 34cqw);width:11cqw;height:11cqw;margin:-5.5cqw 0 0 -5.5cqw;border-radius:50%;background:var(--h);color:var(--k);font:400 4.6cqw/11cqw var(--f);text-align:center;z-index:2;box-shadow:0 0 0 1.2cqw rgba(0,0,0,.25)}
.g-vscards .st{position:absolute;left:9%;top:21.5%;z-index:3;background:var(--h);color:var(--k);font:400 5cqw/1 var(--f);padding:2cqw 4cqw;border-radius:2cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.35)}
.g-vscards .t{animation:mg-vscards-k1 8s linear infinite both}
.g-vscards .L{animation:mg-vscards-k2 8s linear infinite both,mg-vscards-k3 8s linear infinite both}
.g-vscards .R{animation:mg-vscards-k4 8s linear infinite both,mg-vscards-k5 8s linear infinite both}
.g-vscards .vs{animation:mg-vscards-k6 8s linear infinite both,mg-vscards-k7 8s linear infinite both}
.g-vscards .L p:nth-of-type(1){animation:mg-vscards-k8 8s linear infinite both}
.g-vscards .R p:nth-of-type(1){animation:mg-vscards-k9 8s linear infinite both}
.g-vscards .L p:nth-of-type(2){animation:mg-vscards-k10 8s linear infinite both}
.g-vscards .R p:nth-of-type(2){animation:mg-vscards-k11 8s linear infinite both}
.g-vscards .L p:nth-of-type(3){animation:mg-vscards-k12 8s linear infinite both}
.g-vscards .R p:nth-of-type(3){animation:mg-vscards-k13 8s linear infinite both}
.g-vscards .st{animation:mg-vscards-k14 8s linear infinite both}
@keyframes mg-vscards-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-vscards-k2{0%,3.75%{opacity:0;transform:translateX(-60cqw) rotate(-10deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}12.5%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(-60cqw) rotate(-10deg)}}
@keyframes mg-vscards-k3{0%,45%{scale:1;rotate:0deg;translate:0 0;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}51.88%,90%{scale:1.06;rotate:-3deg;translate:0 -2cqw;box-shadow:0 0 0 1cqw var(--a),0 0 10cqw color-mix(in srgb,var(--a) 70%,transparent);animation-timing-function:ease-in}95%,100%{scale:1;rotate:0deg;translate:0 0;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}}
@keyframes mg-vscards-k4{0%,6.25%{opacity:0;transform:translateX(60cqw) rotate(10deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}15%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateX(60cqw) rotate(10deg)}}
@keyframes mg-vscards-k5{0%,45%{scale:1;filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.88%,90%{scale:.9;filter:grayscale(1) opacity(.45);animation-timing-function:ease-in}95%,100%{scale:1;filter:none}}
@keyframes mg-vscards-k6{0%,12.5%{opacity:0;transform:scale(0) rotate(-360deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(0) rotate(-360deg)}}
@keyframes mg-vscards-k7{0%,45%{filter:none;animation-timing-function:cubic-bezier(.22,1,.36,1)}51.25%,90%{filter:opacity(.3);animation-timing-function:ease-in}95%,100%{filter:none}}
@keyframes mg-vscards-k8{0%,18.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}23.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k9{0%,21.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}26.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k10{0%,23.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}28.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k11{0%,26.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}31.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k12{0%,28.75%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}33.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k13{0%,31.25%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}36.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-vscards-k14{0%,50%{opacity:0;transform:scale(.2) rotate(-30deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}56.25%,90%{opacity:1;transform:rotate(-8deg);animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.2) rotate(-30deg)}}
/* Magnifier Lens */
@property --mg-lens-x{syntax:"<number>";inherits:true;initial-value:20}
@property --mg-lens-y{syntax:"<number>";inherits:true;initial-value:15}
.g-lens .t{position:absolute;left:8%;right:8%;top:12%;font:400 8.4cqw/1.1 var(--f);color:var(--t)}
.g-lens .t b{font-weight:400;color:var(--h)}
.g-lens .cd{position:absolute;left:6%;top:22%;width:88cqw;background:#fff;border-radius:3cqw;box-shadow:0 3cqw 8cqw rgba(0,0,0,.35)}
.g-lens .gd{display:grid;grid-template-columns:repeat(8,10.5cqw);grid-auto-rows:6cqw;padding:2cqw;font:500 2.9cqw var(--mono);color:#6B6378}
.g-lens .gd i{display:grid;place-items:center;font-style:normal;border-radius:1cqw}
.g-lens .gd i:nth-child(16n+9),.g-lens .gd i:nth-child(16n+10),.g-lens .gd i:nth-child(16n+11),.g-lens .gd i:nth-child(16n+12),.g-lens .gd i:nth-child(16n+13),.g-lens .gd i:nth-child(16n+14),.g-lens .gd i:nth-child(16n+15),.g-lens .gd i:nth-child(16n+16){background:#F6F4FA}
.g-lens .gd i.ans{color:#E5484D;font-weight:800}
.g-lens .lz{position:absolute;left:calc(var(--mg-lens-x) * 1cqw - 15cqw);top:calc(var(--mg-lens-y) * 1cqw - 15cqw);width:30cqw;height:30cqw;z-index:2}
.g-lens .lz::after{content:"";position:absolute;left:24cqw;top:25cqw;width:4cqw;height:14cqw;border-radius:2cqw;background:#2A2632;transform:rotate(-45deg);transform-origin:top}
.g-lens .gl{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:1cqw solid #fff;background:#fff;box-shadow:0 2cqw 6cqw rgba(0,0,0,.45),0 0 0 .4cqw rgba(0,0,0,.15)}
.g-lens .mg{position:absolute;left:calc(14cqw - var(--mg-lens-x) * 2cqw);top:calc(14cqw - var(--mg-lens-y) * 2cqw);width:88cqw;transform:scale(2);transform-origin:0 0;background:#fff}
.g-lens .tag{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;background:var(--h);color:var(--k);font:400 6.2cqw/1 var(--f);padding:2.4cqw 5cqw;border-radius:99px;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.g-lens .t{animation:mg-lens-k1 8s linear infinite both}
.g-lens .cd{animation:mg-lens-k2 8s linear infinite both}
.g-lens .lz{animation:mg-lens-k3 8s linear infinite both,mg-lens-k4 8s linear infinite both}
.g-lens .ans{animation:mg-lens-k5 8s linear infinite both}
.g-lens .tag{animation:mg-lens-k6 8s linear infinite both}
@keyframes mg-lens-k1{0%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}6.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-lens-k2{0%,2.5%{opacity:0;transform:translateY(3cqw);animation-timing-function:cubic-bezier(.22,1,.36,1)}8.75%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:translateY(3cqw)}}
@keyframes mg-lens-k3{0%,12.5%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.12%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3)}}
@keyframes mg-lens-k4{0%,16.25%{--mg-lens-x:20;--mg-lens-y:15;animation-timing-function:cubic-bezier(.65,0,.35,1)}27.5%,31.25%{--mg-lens-x:70;--mg-lens-y:25;animation-timing-function:cubic-bezier(.65,0,.35,1)}41.25%,45%{--mg-lens-x:30;--mg-lens-y:45;animation-timing-function:cubic-bezier(.22,1,.36,1)}56.25%,100%{--mg-lens-x:59.75;--mg-lens-y:53}}
@keyframes mg-lens-k5{0%,56.25%{background:transparent;color:#E5484D;animation-timing-function:cubic-bezier(.22,1,.36,1)}60.62%,90%{background:var(--h);color:var(--k);animation-timing-function:ease-in}95%,100%{background:transparent;color:#E5484D}}
@keyframes mg-lens-k6{0%,60%{opacity:0;transform:scale(.3) rotate(-8deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}66.25%,90%{opacity:1;transform:none;animation-timing-function:ease-in}95%,100%{opacity:0;transform:scale(.3) rotate(-8deg)}}