[data-theme=motion-graphics]{--mg-ink:#131312;--mg-ink-2:#262624;--mg-paper:#f3f0e9;--mg-orange:var(--color-accent);--mg-blue:#2f5be6;--mg-yellow:#ffcd3c;--mg-pink:#ff8fae;--mg-green:#1f9d63;--mg-footage:#1b2230;--mg-footage-1:#3b5f8a;--mg-footage-2:#a35a3a;--mg-footage-3:#d7b77a;--mg-out:cubic-bezier(.16, 1, .3, 1);--mg-in-out:cubic-bezier(.65, 0, .35, 1);--mg-spring:cubic-bezier(.34, 1.56, .64, 1);--mg-in:cubic-bezier(.7, 0, .84, 0)}.mg-stage{aspect-ratio:4/3;border-radius:var(--radius-lg);isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}[data-theme=motion-graphics] [data-tone=ink]{background:var(--mg-ink);color:var(--mg-paper)}[data-theme=motion-graphics] [data-tone=paper]{background:var(--mg-paper);color:var(--mg-ink)}[data-theme=motion-graphics] [data-tone=orange]{background:var(--mg-orange);color:var(--mg-ink)}[data-theme=motion-graphics] [data-tone=blue]{background:var(--mg-blue);color:var(--mg-paper)}.mg-stage[data-run=false] *,.mg-stage[data-run=false] :before,.mg-stage[data-run=false] :after{animation-play-state:paused!important}.mg-replay{z-index:10;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:inherit;opacity:0;cursor:pointer;padding:.2rem .5rem;font-size:11px;line-height:1.4;transition:opacity .2s;position:absolute;top:2.5cqw;right:2.5cqw}.mg-stage:hover .mg-replay,.mg-replay:focus-visible{opacity:.9}@media (hover:none){.mg-replay{opacity:.6}}.mg-fill{position:absolute;inset:0}.mg-center{place-items:center;display:grid;position:absolute;inset:0}.mg-mono{font-family:var(--font-mono);letter-spacing:.02em}.mg-reel{aspect-ratio:16/9;contain:paint;background:var(--mg-ink);color:var(--mg-paper);border-radius:var(--radius-lg);position:relative;overflow:hidden;container-type:inline-size}.mg-reel-line{padding-bottom:.08em;line-height:1.05;display:block;overflow:hidden}.mg-reel-char{will-change:transform;display:inline-block}.mg-range{appearance:none;background:var(--color-border);border-radius:1px;outline:none;height:2px}.mg-range::-webkit-slider-thumb{appearance:none;background:var(--mg-orange);cursor:pointer;border-radius:50%;width:14px;height:14px}.mg-range::-moz-range-thumb{background:var(--mg-orange);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px}.mg-ease{align-content:space-between;display:grid;position:absolute;inset:9cqw 7cqw}.mg-ease-lane{gap:1.6cqw;display:grid}.mg-ease-label{opacity:.6;justify-content:space-between;font-size:2.6cqw;display:flex}.mg-ease-track{border-left:1px solid color-mix(in srgb, currentColor 30%, transparent);border-right:1px solid color-mix(in srgb, currentColor 30%, transparent);height:5cqw;position:relative}.mg-ease-track:before{content:"";border-top:1px dashed color-mix(in srgb, currentColor 18%, transparent);position:absolute;top:50%;left:0;right:0}.mg-ease-dot{background:var(--c);width:4cqw;height:4cqw;animation:2.6s infinite mg-ease-run;animation-timing-function:var(--e);border-radius:50%;position:absolute;top:.5cqw;left:0}@keyframes mg-ease-run{0%,8%{left:0}46%,58%{left:calc(100% - 4cqw)}96%,to{left:0}}.mg-bounce{justify-content:center;gap:20cqw;display:flex;position:absolute;bottom:18cqw;left:0;right:0}.mg-bounce-col{width:12cqw;height:46cqw;position:relative}.mg-bounce-y{width:12cqw;height:12cqw;animation:1.1s infinite mg-bounce-y;position:absolute;top:0;left:0}.mg-bounce-ball{background:var(--c);transform-origin:50% 100%;border-radius:50%;width:100%;height:100%}.mg-bounce-col[data-squash] .mg-bounce-ball{animation:1.1s infinite mg-squash}.mg-bounce-shadow{background:currentColor;border-radius:50%;height:2.4cqw;animation:1.1s infinite mg-shadow;position:absolute;bottom:-1.2cqw;left:-1cqw;right:-1cqw}.mg-floor{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);position:absolute;bottom:18cqw;left:10%;right:10%}.mg-bounce-cap{opacity:.6;justify-content:center;gap:20cqw;font-size:2.6cqw;display:flex;position:absolute;bottom:8cqw;left:0;right:0}.mg-bounce-cap span{text-align:center;white-space:nowrap;width:12cqw}@keyframes mg-bounce-y{0%{animation-timing-function:cubic-bezier(.5,0,1,.6);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,.4,.5,1);transform:translateY(34cqw)}to{transform:translateY(0)}}@keyframes mg-squash{0%,30%{transform:scale(1)}45%{transform:scale(.88,1.16)}50%{transform:scale(1.38,.66)}56%{transform:scale(.9,1.14)}72%,to{transform:scale(1)}}@keyframes mg-shadow{0%,to{opacity:.08;animation-timing-function:cubic-bezier(.5,0,1,.6);transform:scale(.45)}50%{opacity:.25;animation-timing-function:cubic-bezier(0,.4,.5,1);transform:scale(1.1)}}.mg-kin-word{letter-spacing:-.04em;opacity:0;animation:4.8s infinite both mg-kin;animation-delay:calc(var(--i) * 1.2s);place-items:center;font-size:17cqw;font-weight:900;display:grid;position:absolute;inset:0}.mg-kin-word[data-style=slant]{color:var(--mg-yellow);transform-origin:30% 60%;font-style:italic}.mg-kin-word[data-style=box] span{color:var(--mg-ink);padding:0 3cqw;position:relative}.mg-kin-word[data-style=box] span:before{content:"";background:var(--mg-orange);z-index:-1;transform-origin:0;animation:4.8s infinite both mg-kin-box;animation-delay:calc(var(--i) * 1.2s);position:absolute;inset:.08em 0}.mg-kin-word[data-style=outline]{color:#0000;-webkit-text-stroke:.35cqw var(--mg-paper);animation:4.8s infinite both mg-kin,4.8s infinite both mg-kin-fill;animation-delay:calc(var(--i) * 1.2s)}.mg-kin-bar{background:var(--mg-orange);transform-origin:0;width:100%;height:.8cqw;animation:4.8s linear infinite mg-kin-bar;position:absolute;bottom:0;left:0}.mg-kin-count{opacity:.55;font-size:2.6cqw;position:absolute;top:4.5cqw;left:5cqw}@keyframes mg-kin{0%{opacity:0;transform:scale(1.7)}4%{opacity:1;transform:scale(.94)}8%{transform:scale(1)}21%{opacity:1;transform:scale(1.04)}24%,to{opacity:0;transform:scale(.92)}}@keyframes mg-kin-box{0%,3%{transform:scaleX(0)}9%,20%{transform:scaleX(1)}24%,to{transform:scaleX(0)}}@keyframes mg-kin-fill{0%,9%{color:#0000}14%,to{color:var(--mg-paper)}}@keyframes mg-kin-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mg-mask{letter-spacing:-.03em;align-content:center;padding:0 8cqw;font-size:11cqw;font-weight:800;display:grid;position:absolute;inset:0}.mg-mask-line{padding-bottom:.06em;line-height:1.12;display:block;overflow:hidden}.mg-mask-char{white-space:pre;animation:4.2s infinite both mg-mask;animation-delay:calc(var(--i) * 45ms);display:inline-block}.mg-mask-rule{background:var(--mg-orange);transform-origin:0;width:30cqw;height:.7cqw;margin-top:4cqw;animation:4.2s infinite both mg-mask-rule}.mg-mask-small{letter-spacing:0;margin-top:2.5cqw;font-size:2.8cqw;font-weight:400;overflow:hidden}.mg-mask-small span{animation:4.2s .45s infinite both mg-mask;display:inline-block}@keyframes mg-mask{0%{animation-timing-function:var(--mg-out);transform:translateY(115%)}18%,74%{animation-timing-function:var(--mg-in);transform:translateY(0)}88%,to{transform:translateY(-115%)}}@keyframes mg-mask-rule{0%,10%{animation-timing-function:var(--mg-out);transform:scaleX(0)}30%,72%{transform-origin:0;animation-timing-function:var(--mg-in);transform:scaleX(1)}73%{transform-origin:100%}86%,to{transform-origin:100%;transform:scaleX(0)}}.mg-scramble{place-content:center;gap:2.5cqw;padding:0 7cqw;display:grid;position:absolute;inset:0}.mg-scramble-text{white-space:pre;font-size:7.4cqw;font-weight:700;line-height:1.2}.mg-scramble-text .on{color:var(--mg-paper)}.mg-scramble-text .off{color:var(--mg-orange);opacity:.75}.mg-scramble-sub{opacity:.5;font-size:2.6cqw}.mg-caret{vertical-align:-.3cqw;background:var(--mg-orange);width:1.4cqw;height:2.6cqw;margin-left:.6cqw;animation:.9s step-end infinite mg-blink;display:inline-block}@keyframes mg-blink{50%{opacity:0}}.mg-draw svg{width:100%;height:100%}.mg-draw .d{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:mg-draw 7s var(--mg-in-out) infinite both;animation-delay:var(--d,0s)}.mg-draw .grid{stroke-width:.6px;opacity:.35}.mg-draw .face{stroke:none;fill:currentColor;opacity:0;animation:7s infinite both mg-face}.mg-draw .ring{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:4 6;opacity:0;transform-origin:200px 150px;animation:7s infinite both mg-ring,24s linear infinite mg-spin}.mg-draw .lbl{fill:currentColor;font-family:var(--font-mono);opacity:0;font-size:9px;animation:7s infinite both mg-lbl}@keyframes mg-draw{0%{stroke-dashoffset:1px}30%,86%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes mg-face{0%,42%{opacity:0}54%,86%{opacity:var(--o,.18)}96%,to{opacity:0}}@keyframes mg-ring{0%,36%{opacity:0}50%,86%{opacity:.7}96%,to{opacity:0}}@keyframes mg-lbl{0%,52%{opacity:0}60%,86%{opacity:.9}96%,to{opacity:0}}@keyframes mg-spin{to{transform:rotate(360deg)}}.mg-morph{will-change:clip-path;width:44cqw;height:44cqw}.mg-morph-names{justify-content:center;gap:3.2cqw;font-size:2.5cqw;display:flex;position:absolute;bottom:5cqw;left:0;right:0}.mg-morph-names span{opacity:.35;transition:opacity .3s}.mg-morph-names span[data-on]{opacity:1}.mg-goo svg{width:100%;height:100%}.mg-goo circle{animation:var(--a) var(--t,5s) var(--mg-in-out) infinite alternate}@keyframes mg-goo-a{0%{transform:translate(-70px)}to{transform:translate(70px,10px)}}@keyframes mg-goo-b{0%{transform:translate(60px,-50px)}to{transform:translate(-30px,40px)}}@keyframes mg-goo-c{0%{transform:translateY(70px)}to{transform:translate(10px,-60px)}}@keyframes mg-goo-d{0%{transform:translate(-90px,-40px)}to{transform:translate(20px,30px)}}@keyframes mg-goo-e{0%{transform:scale(.85)}to{transform:scale(1.12)}}.mg-goo .core{transform-box:fill-box;transform-origin:50%}.mg-cube-scene{perspective:90cqw}.mg-cube{width:28cqw;height:28cqw;transform-style:preserve-3d;animation:mg-cube 8s var(--mg-in-out) infinite;position:relative}.mg-cube-face{backface-visibility:hidden;place-items:center;font-size:11cqw;font-weight:900;display:grid;position:absolute;inset:0}.mg-cube-face:first-child{background:var(--mg-orange);color:var(--mg-ink);transform:translateZ(14cqw)}.mg-cube-face:nth-child(2){background:var(--mg-ink);color:var(--mg-paper);transform:rotateY(90deg)translateZ(14cqw)}.mg-cube-face:nth-child(3){background:var(--mg-blue);color:var(--mg-paper);transform:rotateY(180deg)translateZ(14cqw)}.mg-cube-face:nth-child(4){background:var(--mg-yellow);color:var(--mg-ink);transform:rotateY(-90deg)translateZ(14cqw)}.mg-cube-face:nth-child(5){background:var(--mg-paper);color:var(--mg-ink);outline:1px solid var(--mg-ink);outline-offset:-1px;transform:rotateX(90deg)translateZ(14cqw)}.mg-cube-face:nth-child(6){background:var(--mg-ink-2);transform:rotateX(-90deg)translateZ(14cqw)}.mg-cube-shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--mg-ink) 16%, transparent), transparent);width:34cqw;height:5cqw;animation:mg-cube-shadow 2s var(--mg-in-out) infinite;margin-left:-17cqw;position:absolute;top:77%;left:50%}@keyframes mg-cube{0%,6%{transform:rotateX(-22deg)rotateY(-30deg)}22%,31%{transform:rotateX(-22deg)rotateY(-120deg)}47%,56%{transform:rotateX(-22deg)rotateY(-210deg)}72%,81%{transform:rotateX(-22deg)rotateY(-300deg)}97%,to{transform:rotateX(-22deg)rotateY(-390deg)}}@keyframes mg-cube-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.82)}}.mg-logo{place-items:center;display:grid;position:absolute;inset:0}.mg-logo-row{align-items:center;gap:3.5cqw;display:flex}.mg-logo-mark{flex:none;width:15cqw;height:15cqw;animation:5.5s infinite both mg-logo-slide;position:relative}.mg-logo-sq{background:var(--mg-orange);border-radius:2.2cqw;animation:5.5s infinite both mg-logo-pop;position:absolute;inset:0}.mg-logo-sq:after{content:"";background:var(--mg-ink);border-radius:50%;width:5.4cqw;height:5.4cqw;position:absolute;bottom:2.6cqw;right:2.6cqw}.mg-logo-dot{background:var(--mg-orange);border-radius:50%;width:3cqw;height:3cqw;margin:-1.5cqw;animation:5.5s infinite both mg-logo-dot;position:absolute;top:50%;left:50%}.mg-logo-ring{border:.5cqw solid var(--mg-orange);border-radius:50%;width:16cqw;height:16cqw;margin:-8cqw;animation:5.5s infinite both mg-logo-ring;position:absolute;top:50%;left:50%}.mg-logo-word{width:48cqw;animation:5.5s infinite both mg-logo-out;overflow:hidden}.mg-logo-word b{letter-spacing:-.04em;clip-path:inset(0 100% 0 0);font-size:9cqw;font-weight:800;line-height:1;animation:5.5s infinite both mg-logo-wipe;display:block}.mg-logo-word small{opacity:0;margin-top:1.6cqw;font-size:2.6cqw;animation:5.5s infinite both mg-logo-tag;display:block}@keyframes mg-logo-dot{0%{transform:scale(0)}7%{animation-timing-function:var(--mg-in);transform:scale(1.3)}13%,to{transform:scale(0)}}@keyframes mg-logo-ring{0%,12%{opacity:0;transform:scale(.2)}13%{opacity:1}26%,to{opacity:0;transform:scale(2.6)}}@keyframes mg-logo-pop{0%,12%{transform:scale(0)rotate(-120deg)}24%{animation-timing-function:var(--mg-spring);transform:scale(1)rotate(0)}86%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.6)}}@keyframes mg-logo-slide{0%,26%{animation-timing-function:var(--mg-out);transform:translate(25.75cqw)}40%,to{transform:translate(0)}}@keyframes mg-logo-wipe{0%,30%{clip-path:inset(0 100% 0 0);animation-timing-function:var(--mg-out)}46%,to{clip-path:inset(0)}}@keyframes mg-logo-tag{0%,44%{opacity:0;animation-timing-function:var(--mg-out);transform:translateY(1.5cqw)}54%,to{opacity:.6;transform:none}}@keyframes mg-logo-out{0%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translate(-2cqw)}}.mg-footage{background:var(--mg-footage);position:absolute;inset:-20%}.mg-footage i{will-change:transform;animation:mg-drift 9s var(--mg-in-out) infinite alternate;border-radius:50%;position:absolute}.mg-footage i:first-child{background:radial-gradient(closest-side, var(--mg-footage-1), transparent);width:60%;height:60%;top:10%;left:5%}.mg-footage i:nth-child(2){background:radial-gradient(closest-side, var(--mg-footage-2), transparent);width:45%;height:50%;animation-duration:11s;animation-direction:alternate-reverse;top:30%;right:5%}.mg-footage i:nth-child(3){background:radial-gradient(closest-side, var(--mg-footage-3), transparent);width:35%;height:35%;animation-duration:7s;bottom:5%;left:40%}@keyframes mg-drift{0%{transform:translate(-6%,-4%)scale(1)}to{transform:translate(8%,6%)scale(1.15)}}.mg-vignette{background:radial-gradient(ellipse at center, transparent 40%, color-mix(in srgb, var(--mg-ink) 65%, transparent));position:absolute;inset:0}.mg-rec{color:var(--mg-paper);align-items:center;gap:1.2cqw;font-size:2.6cqw;display:flex;position:absolute;top:4cqw;left:4.5cqw}.mg-rec b{counter-reset:n var(--mg-n);font-weight:400;animation:60s steps(60,end) infinite mg-sec}.mg-rec b:after{content:"00:" counter(n, decimal-leading-zero)}@keyframes mg-sec{0%{--mg-n:0}to{--mg-n:60}}.mg-rec i{background:var(--mg-orange);border-radius:50%;width:1.8cqw;height:1.8cqw;animation:1.2s step-end infinite mg-blink}.mg-lt{gap:.8cqw;display:grid;position:absolute;bottom:9cqw;left:6cqw}.mg-lt-name{align-items:stretch;display:flex;position:relative}.mg-lt-accent{background:var(--mg-orange);transform-origin:bottom;width:1.4cqw;animation:5s infinite both mg-lt-accent}.mg-lt-bar{background:var(--mg-paper);color:var(--mg-ink);letter-spacing:-.02em;transform-origin:0;padding:1.6cqw 3.5cqw 1.6cqw 2.6cqw;font-size:5.4cqw;font-weight:800;line-height:1;animation:5s infinite both mg-lt-bar}.mg-lt-bar span,.mg-lt-role span{animation:5s infinite both mg-lt-text;display:inline-block}.mg-lt-role{background:var(--mg-ink);color:var(--mg-paper);transform-origin:0;justify-self:start;margin-left:1.4cqw;padding:1.1cqw 2.6cqw;font-size:2.7cqw;animation:5s .18s infinite both mg-lt-bar}.mg-lt-role span{animation-delay:.18s}@keyframes mg-lt-accent{0%,6%{animation-timing-function:var(--mg-out);transform:scaleY(0)}14%,80%{animation-timing-function:var(--mg-in);transform:scaleY(1)}90%,to{transform:scaleY(0)}}@keyframes mg-lt-bar{0%,10%{animation-timing-function:var(--mg-out);transform:scaleX(0)}24%,78%{transform-origin:0;animation-timing-function:var(--mg-in);transform:scaleX(1)}79%{transform-origin:100%}88%,to{transform-origin:100%;transform:scaleX(0)}}@keyframes mg-lt-text{0%,16%{opacity:0;animation-timing-function:var(--mg-out);transform:translate(-3cqw)}28%,74%{opacity:1;transform:none}80%,to{opacity:0}}.mg-wipe-layer{clip-path:polygon(0 0,0 0,-25% 100%,0 100%);position:absolute;inset:0}.mg-wipe-layer[data-base]{clip-path:none}.mg-wipe-scene{align-content:end;padding:6cqw 7cqw;display:grid;position:absolute;inset:0}.mg-wipe-scene b{letter-spacing:-.05em;font-size:15cqw;font-weight:900;line-height:.9}.mg-wipe-scene span{opacity:.7;margin-top:2cqw;font-size:2.8cqw}.mg-wipe-scene em{opacity:.6;font-size:2.6cqw;font-style:normal;position:absolute;top:6cqw;right:7cqw}@property --mg-n{syntax:"<integer>";inherits:false;initial-value:0}.mg-chart{grid-template-rows:auto 1fr auto;gap:3cqw;display:grid;position:absolute;inset:6cqw 7cqw 5cqw}.mg-chart>.mg-bars-x{margin-top:-1.8cqw}.mg-bars-x{opacity:.55;gap:2.4cqw;font-size:2.4cqw;display:flex}.mg-bars-x span{text-align:center;flex:1}.mg-chart-head{justify-content:space-between;align-items:end;display:flex}.mg-chart-head small{opacity:.6;margin-bottom:.6cqw;font-size:2.6cqw;display:block}.mg-count{letter-spacing:-.04em;counter-reset:n var(--mg-n);animation:mg-count 5s var(--mg-out) infinite both;font-size:9cqw;font-weight:800;line-height:1}.mg-count:after{content:counter(n)}.mg-chart-head .delta{color:var(--mg-green);opacity:0;font-size:2.8cqw;font-weight:700;animation:5s infinite both mg-fade}.mg-bars{background:repeating-linear-gradient(to top, transparent 0 calc(25% - 1px), color-mix(in srgb, currentColor 10%, transparent) calc(25% - 1px) 25%);border-bottom:1px solid;align-items:end;gap:2.4cqw;display:flex;position:relative}.mg-bar{height:var(--h);background:var(--mg-ink);transform-origin:bottom;animation:5s infinite both mg-bar;animation-delay:calc(var(--i) * 70ms);flex:1;position:relative}.mg-bar[data-hi]{background:var(--mg-orange)}.mg-bar span{text-align:center;opacity:0;animation:5s infinite both mg-fade;animation-delay:calc(var(--i) * 70ms);padding-bottom:.8cqw;font-size:2.4cqw;position:absolute;bottom:100%;left:0;right:0}@keyframes mg-count{0%,4%{--mg-n:0}36%,86%{--mg-n:400}96%,to{--mg-n:0}}@keyframes mg-bar{0%,4%{animation-timing-function:var(--mg-spring);transform:scaleY(0)}26%,84%{animation-timing-function:var(--mg-in);transform:scaleY(1)}94%,to{transform:scaleY(0)}}@keyframes mg-fade{0%,24%{opacity:0}32%,82%{opacity:1}88%,to{opacity:0}}.mg-gauge svg{width:62cqw;height:62cqw;overflow:visible;transform:rotate(-90deg)}.mg-gauge .track{fill:none;stroke:color-mix(in srgb, currentColor 10%, transparent)}.mg-gauge .val{fill:none;stroke:var(--c);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:4.6s infinite both mg-gauge;animation-delay:calc(var(--i) * .14s)}.mg-gauge .ticks{fill:none;stroke:currentColor;stroke-width:.8px;stroke-dasharray:.6 2.9;opacity:.35;transform-origin:50%;transform-box:fill-box;animation:30s linear infinite mg-spin}@keyframes mg-gauge{0%,4%{stroke-dashoffset:100px;opacity:0;animation-timing-function:var(--mg-out)}5%{opacity:1}40%,84%{stroke-dashoffset:var(--to);opacity:1;animation-timing-function:var(--mg-in)}95%{opacity:1}96%,to{stroke-dashoffset:100px;opacity:0}}.mg-gauge-num{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.mg-gauge-num b{letter-spacing:-.04em;counter-reset:n var(--mg-n);animation:mg-pct 4.6s var(--mg-out) infinite both;font-size:9cqw;font-weight:800;line-height:1}.mg-gauge-num b:after{content:counter(n) "%"}.mg-gauge-num small{opacity:.55;margin-top:1cqw;font-size:2.4cqw}.mg-gauge-legend{gap:1cqw;font-size:2.3cqw;display:grid;position:absolute;bottom:4.5cqw;left:5cqw}.mg-gauge-legend span{opacity:.75;align-items:center;gap:1cqw;display:flex}.mg-gauge-legend i{background:var(--c);border-radius:50%;width:1.6cqw;height:1.6cqw}@keyframes mg-pct{0%,4%{--mg-n:0}40%,84%{--mg-n:72}96%,to{--mg-n:0}}.mg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mg-hint{text-align:center;opacity:.45;pointer-events:none;font-size:2.4cqw;position:absolute;bottom:3.5cqw;left:0;right:0}.mg-like{cursor:pointer;width:30cqw;height:30cqw;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.mg-like svg.heart{z-index:2;width:20cqw;height:20cqw;position:relative;overflow:visible}.mg-like .outline{fill:none;stroke:currentColor;stroke-width:1.6px;transform-origin:50%;transform-box:fill-box;animation:2.8s infinite both mg-like-out}.mg-like .fill{fill:var(--mg-orange);transform-origin:50%;transform-box:fill-box;animation:2.8s infinite both mg-like-pop}.mg-like-ring{border:1.4cqw solid var(--mg-pink);border-radius:50%;animation:2.8s infinite both mg-like-ring;position:absolute;inset:2cqw}.mg-like-dot{background:var(--c);width:2.4cqw;height:2.4cqw;transform:rotate(var(--r)) translateY(0) scale(0);border-radius:50%;margin:-1.2cqw;animation:2.8s infinite both mg-like-dot;position:absolute;top:50%;left:50%}.mg-like-count{text-align:center;font-size:3cqw;font-weight:600;position:absolute;bottom:9cqw;left:0;right:0}.mg-like-count b{counter-reset:n var(--mg-n);animation:2.8s infinite both mg-like-n}.mg-like-count b:after{content:counter(n)}@keyframes mg-like-out{0%,6%{opacity:1;transform:scale(1)}12%{opacity:1;transform:scale(.8)}13%,88%{opacity:0}92%,to{opacity:1;transform:scale(1)}}@keyframes mg-like-pop{0%,12%{transform:scale(0)}22%{transform:scale(1.25)}30%,86%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.7)}}@keyframes mg-like-ring{0%,12%{opacity:0;border-width:1.4cqw;transform:scale(.3)}13%{opacity:1}30%,to{opacity:0;border-width:0;transform:scale(1.35)}}@keyframes mg-like-dot{0%,15%{transform:rotate(var(--r)) translateY(0) scale(0)}20%{transform:rotate(var(--r)) translateY(-11cqw) scale(1.1)}38%,to{transform:rotate(var(--r)) translateY(-17cqw) scale(0)}}@keyframes mg-like-n{0%,14%{--mg-n:203}15%,88%{--mg-n:204}92%,to{--mg-n:203}}.mg-loaders{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.mg-loaders>div{border-color:color-mix(in srgb, currentColor 12%, transparent);place-items:center;display:grid;position:relative}.mg-loaders>div:nth-child(odd){border-right:1px solid color-mix(in srgb, currentColor 12%, transparent)}.mg-loaders>div:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent)}.mg-loaders small{opacity:.5;font-size:2.2cqw;position:absolute;top:3cqw;left:3.5cqw}.mg-spinner{width:12cqw;height:12cqw;animation:1.6s linear infinite mg-spin}.mg-spinner circle{fill:none;stroke:var(--mg-orange);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 125;animation:mg-arc 1.4s var(--mg-in-out) infinite}@keyframes mg-arc{0%{stroke-dasharray:1 125;stroke-dashoffset:0}50%{stroke-dasharray:80 125;stroke-dashoffset:-20px}to{stroke-dasharray:80 125;stroke-dashoffset:-100px}}.mg-dots{gap:2cqw;display:flex}.mg-dots i{background:var(--mg-paper);width:3cqw;height:3cqw;animation:mg-dot 1.1s var(--mg-in-out) infinite;animation-delay:calc(var(--i) * .13s);border-radius:50%}@keyframes mg-dot{0%,60%,to{opacity:.4;transform:translateY(0)}25%{opacity:1;transform:translateY(-4cqw)}}.mg-skel{gap:1.6cqw;width:32cqw;display:grid}.mg-skel i{background:color-mix(in srgb, var(--mg-paper) 12%, transparent);border-radius:.6cqw;height:2.6cqw;position:relative;overflow:hidden}.mg-skel i:first-child{width:60%;height:4cqw}.mg-skel i:nth-child(3){width:80%}.mg-skel i:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mg-paper) 30%, transparent), transparent);animation:mg-shimmer 1.6s var(--mg-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes mg-shimmer{to{transform:translate(100%)}}.mg-flip{perspective:40cqw;grid-template-columns:repeat(2,5cqw);gap:1cqw;display:grid}.mg-flip i{background:var(--c);width:5cqw;height:5cqw;animation:mg-flip 2.4s var(--mg-in-out) infinite;animation-delay:calc(var(--i) * .15s)}@keyframes mg-flip{0%,10%{transform:rotateX(0)rotateY(0)}35%,50%{transform:rotateX(180deg)rotateY(0)}75%,to{transform:rotateX(180deg)rotateY(180deg)}}