.mg-comp{width:100%}@media (min-width:768px){.mg-comp{width:min(100%,calc((100svh - 26rem) * 16 / 9))}}.mg-guides{position:absolute;inset:0;pointer-events:none;background:linear-gradient(hsla(0,0%,100%,.12),hsla(0,0%,100%,.12)) 50% 0 /1px 100% no-repeat,linear-gradient(hsla(0,0%,100%,.12),hsla(0,0%,100%,.12)) 0 50% /100% 1px no-repeat}.mg-guides:after{content:"";position:absolute;inset:5% 5%;border:1px dashed hsla(0,0%,100%,.14)}.mg-diamond{position:absolute;top:50%;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);background:#05070d;border:1.5px solid;opacity:.45}.mg-sketch{filter:grayscale(1) contrast(1.15) brightness(.95)}.mg-sketch-overlay{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 6px),radial-gradient(hsla(0,0%,100%,.12) 1px,transparent 1.2px) 0 0 /18px 18px;mix-blend-mode:screen}.mg-handle{touch-action:none;cursor:ew-resize}.ma{position:absolute;inset:0;overflow:hidden;container-type:size}.ma *{animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes ma-sting-c{0%,6%{transform:translate(-80%,-80%) rotate(-200deg) scale(.4);opacity:0}26%{transform:translate(0) rotate(0) scale(1.14);opacity:1}34%,78%{transform:scale(1);opacity:1}90%,to{transform:scale(.5);opacity:0}}@keyframes ma-sting-s{0%,8%{transform:translate(80%,80%) rotate(200deg) scale(.4);opacity:0}28%{transform:translate(0) rotate(0) scale(1.14);opacity:1}36%,78%{transform:scale(1);opacity:1}90%,to{transform:scale(.5);opacity:0}}@keyframes ma-sting-ring{0%,26%{transform:scale(.5);opacity:0}30%{opacity:.8}60%,to{transform:scale(2.6);opacity:0}}@keyframes ma-sting-word{0%,32%{transform:translateY(120%)}44%,78%{transform:translateY(0)}90%,to{transform:translateY(-120%)}}@keyframes ma-kinetic{0%{transform:translateY(110%) rotate(3deg);opacity:0}26%,9%{transform:none;opacity:1}34%,to{transform:translateY(-110%) rotate(-3deg);opacity:0}}@keyframes ma-toggle{0%,38%{transform:translateX(0)}48%,88%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ma-toggle-bg{0%,38%{background:#2b3a5c}48%,88%{background:#0b5cf5}to{background:#2b3a5c}}@keyframes ma-row-down{0%,30%{transform:translateY(0)}44%,84%{transform:translateY(calc(100% + .6cqh))}to{transform:translateY(0)}}@keyframes ma-row-up{0%,30%{transform:translateY(0)}44%,84%{transform:translateY(calc(-100% - .6cqh))}to{transform:translateY(0)}}@keyframes ma-fill{0%,10%{transform:scaleX(.15)}60%,90%{transform:scaleX(.82)}to{transform:scaleX(.15)}}@keyframes ma-bounce{0%,to{transform:translateY(-55%) scale(1)}38%{transform:translateY(0) scale(1)}46%{transform:translateY(5%) scale(1.28,.74)}54%{transform:translateY(0) scale(.92,1.08)}62%{transform:translateY(-18%) scale(1)}70%{transform:translateY(0) scale(1.06,.96)}78%{transform:translateY(0) scale(1)}}@keyframes ma-tag{0%,44%{transform:rotate(-12deg) scale(0);opacity:0}52%{transform:rotate(-12deg) scale(1.15);opacity:1}58%,86%{transform:rotate(-12deg) scale(1)}95%,to{transform:rotate(-12deg) scale(0);opacity:0}}@keyframes ma-grow{0%,8%{transform:scaleY(.04)}42%,84%{transform:scaleY(1)}to{transform:scaleY(.04)}}@keyframes ma-draw{0%,10%{stroke-dashoffset:1}55%,88%{stroke-dashoffset:0}to{stroke-dashoffset:1}}@keyframes ma-count{0%,36%{opacity:0;transform:translateY(.5cqh) scale(.9)}48%,84%{opacity:1;transform:none}to{opacity:0}}@keyframes ma-lt-bar{0%,8%{transform:scaleX(0)}18%,74%{transform:scaleX(1)}84%,to{transform:scaleX(0)}}@keyframes ma-lt-text{0%,16%{transform:translateY(120%)}26%,70%{transform:none}80%,to{transform:translateY(-120%)}}@keyframes ma-walk-x{0%{transform:translateX(-20cqw)}to{transform:translateX(110cqw)}}@keyframes ma-walk-y{0%,to{transform:translateY(0)}50%{transform:translateY(-38cqh)}}@keyframes ma-bubble{0%,48%{transform:scale(0);opacity:0}56%{transform:scale(1.12);opacity:1}62%,86%{transform:scale(1);opacity:1}94%,to{transform:scale(0);opacity:0}}@keyframes ma-step{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-9%) scaleX(.94)}}.reduced-motion .ma *,.reduced-motion .mg-diamond{animation:none!important}