.mxs-frame{position:relative;margin-inline:auto;width:100%}.mxs-frame[data-device=tablet]{max-width:760px}.mxs-frame[data-device=phone]{max-width:300px}.mxs-browser{overflow:hidden;border:1px solid var(--me-line);border-radius:var(--me-radius-lg);background:var(--me-surface);box-shadow:var(--me-shadow-lg)}.mxs-bar{display:flex;align-items:center;gap:6px;height:34px;padding-inline:14px;border-bottom:1px solid var(--me-line);background:var(--me-surface-sunken)}.mxs-dot{width:9px;height:9px;border-radius:999px;background:var(--me-line-strong)}.mxs-url{flex:1;max-width:340px;height:20px;margin-inline:auto;border-radius:999px;background:var(--me-surface);border:1px solid var(--me-line)}.mxs-bezel{overflow:hidden;border:10px solid var(--me-ink);background:var(--me-ink);box-shadow:var(--me-shadow-lg)}.mxs-frame[data-device=tablet] .mxs-bezel{border-width:14px;border-radius:28px}.mxs-frame[data-device=phone] .mxs-bezel{position:relative;border-width:9px;border-radius:44px}.mxs-notch{position:absolute;top:8px;left:50%;z-index:1;width:86px;height:22px;border-radius:999px;background:var(--me-ink);transform:translate(-50%)}.mxs-screen{display:block;width:100%;height:auto;background:var(--me-surface-sunken)}.mxs-frame[data-device=tablet] .mxs-screen{border-radius:14px}.mxs-frame[data-device=phone] .mxs-screen{border-radius:35px}.mxs-missing{display:grid;gap:12px;padding:20px;aspect-ratio:16 / 10;background:var(--me-surface)}.mxs-frame[data-device=tablet] .mxs-missing{aspect-ratio:4 / 3}.mxs-frame[data-device=phone] .mxs-missing{aspect-ratio:390 / 844}.mxs-missing span{border-radius:var(--me-radius-md);background:var(--me-surface-sunken)}@media(prefers-reduced-motion:no-preference){.mxs-float{animation:mxs-float 7s ease-in-out infinite}@supports (animation-timeline: view()){.mxs-parallax{animation:mxs-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}@keyframes mxs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mxs-parallax{0%{transform:translateY(24px)}to{transform:translateY(-24px)}}.mxv{position:relative;width:100%;overflow:hidden;border:1px solid var(--me-line);border-radius:var(--me-radius-xl);background:var(--me-surface)}.mxv svg{display:block;width:100%;height:auto}.mxv-ink{fill:var(--me-ink)}.mxv-ink-s{stroke:var(--me-ink)}.mxv-muted{fill:var(--me-ink-muted)}.mxv-line-s{stroke:var(--me-line-strong)}.mxv-soft{fill:var(--me-surface-sunken)}.mxv-paper{fill:var(--me-surface)}.mxv-accent{fill:var(--me-accent)}.mxv-accent-s{stroke:var(--me-accent)}.mxv-ok{fill:var(--me-success)}.mxv-ok-s{stroke:var(--me-success)}.mxv-ok-soft{fill:var(--me-success-soft)}.mxv-text{font-family:inherit;font-size:13px;font-weight:500;fill:var(--me-ink)}.mxv-text-sm{font-family:inherit;font-size:11px;fill:var(--me-ink-muted)}.mxv-figure{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:34px;font-weight:500;fill:var(--me-ink)}.mxv-mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;fill:var(--me-ink-muted)}.mxv [class*=mxa-]{transform-box:fill-box;transform-origin:center}.mxv[data-playing=false] *,.mxv[data-playing=false] *:before,.mxv[data-playing=false] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:no-preference){.mxa-scan-phone{animation:mxk-scan-phone 6s ease-in-out infinite}.mxa-scan-beam{animation:mxk-scan-beam 6s linear infinite}.mxa-pop{animation:mxk-pop 6s cubic-bezier(.2,.9,.3,1.2) infinite}.mxa-pop-late{animation:mxk-pop-late 6s cubic-bezier(.2,.9,.3,1.2) infinite}.mxa-draw{stroke-dasharray:60;animation:mxk-draw 6s ease-out infinite}.mxa-print{animation:mxk-print 6s ease-in-out infinite}.mxa-pulse{animation:mxk-pulse 2.4s ease-in-out infinite}.mxa-pulse-2{animation:mxk-pulse 2.4s .8s ease-in-out infinite}.mxa-pulse-3{animation:mxk-pulse 2.4s 1.6s ease-in-out infinite}.mxa-ring{animation:mxk-ring 2.4s ease-out infinite}.mxa-ring-2{animation:mxk-ring 2.4s 1.2s ease-out infinite}.mxa-float{animation:mxk-float 5s ease-in-out infinite}.mxa-fly{animation:mxk-fly 3s ease-in infinite}.mxa-fly-2{animation:mxk-fly 3s 1s ease-in infinite}.mxa-fly-3{animation:mxk-fly 3s 2s ease-in infinite}.mxa-drain-1{animation:mxk-drain 6s ease-in infinite}.mxa-drain-2{animation:mxk-drain 6s .35s ease-in infinite}.mxa-drain-3{animation:mxk-drain 6s .7s ease-in infinite}.mxa-wave{animation:mxk-wave 6s ease-in-out infinite}.mxv .mxa-bar{transform-origin:left center;animation:mxk-bar 6s cubic-bezier(.2,.7,.2,1) infinite}.mxv .mxa-bar-up{transform-origin:center bottom;animation:mxk-bar-up 6s cubic-bezier(.2,.7,.2,1) infinite}.mxa-line{stroke-dasharray:900;animation:mxk-line 6s ease-out infinite}.mxa-fade-1{animation:mxk-step-1 6s ease infinite}.mxa-fade-2{animation:mxk-step-2 6s ease infinite}.mxa-fade-3{animation:mxk-step-3 6s ease infinite}.mxa-slide{animation:mxk-slide 6s ease-in-out infinite}.mxa-link{stroke-dasharray:240;animation:mxk-link 5s ease-out infinite}.mxa-link-2{stroke-dasharray:240;animation:mxk-link 5s 1.2s ease-out infinite}.mxa-link-3{stroke-dasharray:240;animation:mxk-link 5s 2.4s ease-out infinite}.mxa-spin{animation:mxk-spin 10s linear infinite}.mxa-block-1{animation:mxk-block 6s ease infinite}.mxa-block-2{animation:mxk-block 6s .6s ease infinite}.mxa-block-3{animation:mxk-block 6s 1.2s ease infinite}.mxa-block-4{animation:mxk-block 6s 1.8s ease infinite}.mxa-shackle{animation:mxk-shackle 6s ease-in-out infinite}.mxa-stamp{animation:mxk-stamp 6s cubic-bezier(.3,1.4,.4,1) infinite}}@keyframes mxk-scan-phone{0%,to{transform:translate(-30px) rotate(-6deg)}18%,40%{transform:translate(0) rotate(0)}55%{transform:translate(-30px) rotate(-6deg)}}@keyframes mxk-scan-beam{0%,16%{opacity:0;transform:translateY(-26px)}20%{opacity:1}36%{opacity:1;transform:translateY(26px)}40%,to{opacity:0;transform:translateY(26px)}}@keyframes mxk-pop{0%,38%{opacity:0;transform:scale(.6)}46%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes mxk-pop-late{0%,60%{opacity:0;transform:scale(.6)}68%,92%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes mxk-draw{0%,42%{stroke-dashoffset:60}54%,to{stroke-dashoffset:0}}@keyframes mxk-print{0%,55%{transform:translateY(-46px);opacity:0}58%{opacity:1}80%,92%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@keyframes mxk-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}@keyframes mxk-ring{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.4);opacity:0}}@keyframes mxk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mxk-fly{0%{transform:translate(0) scale(.9);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(var(--mxv-fly-x, 160px),var(--mxv-fly-y, -40px)) scale(.6);opacity:0}}@keyframes mxk-drain{0%,35%{transform:translate(0);opacity:1}60%,to{transform:translate(150px);opacity:0}}@keyframes mxk-wave{0%,30%{opacity:1}35%,to{opacity:0}}@keyframes mxk-bar{0%,8%{transform:scaleX(.05)}40%,90%{transform:scaleX(1)}to{transform:scaleX(1);opacity:.3}}@keyframes mxk-bar-up{0%,8%{transform:scaleY(.05)}45%,92%{transform:scaleY(1)}to{transform:scaleY(1);opacity:.4}}@keyframes mxk-line{0%,5%{stroke-dashoffset:900}55%,to{stroke-dashoffset:0}}@keyframes mxk-step-1{0%,4%{opacity:0;transform:translateY(8px)}12%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes mxk-step-2{0%,34%{opacity:0;transform:translateY(8px)}42%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes mxk-step-3{0%,64%{opacity:0;transform:translateY(8px)}72%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes mxk-slide{0%,10%{transform:translate(-110px);opacity:0}25%,60%{transform:translate(0);opacity:1}80%,to{transform:translate(110px);opacity:0}}@keyframes mxk-link{0%{stroke-dashoffset:240;opacity:0}10%{opacity:1}40%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.25}}@keyframes mxk-spin{to{transform:rotate(360deg)}}@keyframes mxk-block{0%,5%{opacity:0;transform:translateY(-14px)}15%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes mxk-shackle{0%,20%{transform:translateY(-8px)}35%,to{transform:translateY(0)}}@keyframes mxk-stamp{0%,55%{opacity:0;transform:scale(1.8) rotate(-12deg)}65%,94%{opacity:1;transform:scale(1) rotate(-12deg)}to{opacity:0;transform:scale(1) rotate(-12deg)}}
