.mf-fig .mf-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 540}.mf-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.mf{--mf-ink: #0E1633;--mf-muted: #555555;--mf-line: #E5E5E5;--mf-panel: #F8F8F8;--mf-blue: #2E5E98;--mf-teal: #257E8A;--mf-teal-soft: #E3F1F3;--mf-amber: #C47F17;--mf-amber-soft: #F6EBD8;--mf-red: #6E4508;--mf-red-soft: #F1DDB6;--mf-green: #3F6E54;--mf-green-soft: #E6EFE9;width:960px;height:540px;position:relative;border-radius:16px;background:#fff;color:var(--mf-ink);border:1px solid var(--mf-line);box-shadow:0 30px 60px -30px #0e163359;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.35;text-align:left;-webkit-font-smoothing:antialiased}.mf *,.mf *:before,.mf *:after{box-sizing:border-box}.mf-top{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;align-items:center}.mf-h{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}.mf-sub{display:block;font-size:11.5px;color:var(--mf-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.mf-pill{display:grid;justify-items:end}.mf-pill>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;transition:opacity .4s;white-space:nowrap}.mf-pill i{width:8px;height:8px;border-radius:50%;background:currentColor;display:block}.mf-pill-a{color:var(--mf-green);background:var(--mf-green-soft);opacity:0}.mf-pill-b{color:var(--mf-amber);background:var(--mf-amber-soft)}.mf-links,.mf-dots{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.mf-dots{z-index:5}.mf-link{fill:none;stroke:#c5ccd8;stroke-width:1.5;stroke-dasharray:4 4}.mf-dot{fill:var(--mf-teal);stroke:#fff;stroke-width:2}.mf-dot-bad{fill:var(--mf-amber)}.mf-box{position:absolute;background:#fff;border:1px solid var(--mf-line);border-radius:12px;padding:10px 12px;display:grid;align-content:start;gap:1px;transition:border-color .3s,box-shadow .3s,background .3s;z-index:2}.mf-box>small,.mf-d small{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-muted)}.mf-box>b{font-size:13px;font-weight:800}.mf-box>span{font-size:10.5px;color:var(--mf-muted)}.mf-box code{justify-self:start;margin-top:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:var(--mf-blue);background:#eaf0f8;padding:2px 7px;border-radius:6px}.mf-hit{border-color:var(--mf-teal);box-shadow:0 0 0 4px var(--mf-teal-soft)}.mf-fail{border-color:var(--mf-red);box-shadow:0 0 0 4px var(--mf-red-soft)}.mf-p{left:24px;top:150px;width:170px;height:92px}.mf-t{left:250px;top:92px;width:180px;height:200px;background:var(--mf-panel)}.mf-sub-p{position:absolute;left:12px;width:156px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--mf-line);display:flex;align-items:center;gap:8px;padding:0 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px!important;color:var(--mf-ink)!important}.mf-sub-p i{width:7px;height:7px;border-radius:50%;background:var(--mf-teal)}.mf-sub-p:nth-of-type(1){top:46px}.mf-sub-p:nth-of-type(2){top:88px}.mf-sub-p:nth-of-type(3){top:130px}.mf-d{left:250px;top:304px;width:180px;height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:8px;padding:0 12px;border-color:#e6cd9f;background:var(--mf-amber-soft)}.mf-d small{white-space:nowrap;grid-column:1 / -1}.mf-d b{display:block;font-size:13px;font-weight:800}.mf-d em{justify-self:end;font-style:normal;font-size:9.5px;font-weight:800;color:var(--mf-amber);background:#fff;padding:2px 7px;border-radius:999px}.mf-c1{left:500px;top:92px;width:180px;height:64px}.mf-c2{left:500px;top:170px;width:180px;height:64px}.mf-c3{left:500px;top:248px;width:180px;height:64px}.mf-l{left:750px;top:76px;width:186px;height:60px}.mf-a{left:750px;top:152px;width:186px;height:190px;background:linear-gradient(160deg,#1d2a52,#0e1633);border-color:transparent;color:#fff;padding:12px 14px;gap:2px}.mf-a-brand{display:flex;align-items:center;gap:7px;font-size:11px!important;font-weight:800;color:#fff!important;margin-bottom:8px}.mf-a-brand i{width:16px;height:16px;border-radius:5px;background:linear-gradient(140deg,#44abb9,#9fd5dd)}.mf-a>small{color:#ffffffa6!important}.mf-bal{font-size:26px!important;font-weight:300!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mf-unit{font-size:12px;font-weight:700}.mf-plus{font-size:10px!important;font-weight:800;color:#9fd5dd!important;transition:opacity .4s,transform .4s}.mf-push{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;align-items:center;background:#fffffff5;color:var(--mf-ink);border-radius:10px;padding:7px 9px;font-size:10.5px;font-weight:800;transition:opacity .4s,transform .5s cubic-bezier(.22,1.2,.36,1)}.mf-push small{display:block;font-weight:600;color:var(--mf-muted);font-size:9.5px}.mf-push i{width:20px;height:20px;border-radius:6px;background:linear-gradient(140deg,#44abb9,#0e1633);flex-shrink:0}.mf-state{display:grid}.mf-state>span{grid-area:1 / 1;transition:opacity .25s;font-weight:700}.mf-st-retry,.mf-st-rej,.mf-st-bad{opacity:0}.mf-st-retry{color:var(--mf-amber)}.mf-st-rej,.mf-st-bad{color:var(--mf-red)}.mf-st-ok{color:var(--mf-green)}.mf-c1 .mf-st-ok{color:var(--mf-muted);font-weight:400}.mf-retry .mf-st-retry,.mf-rej .mf-st-rej,.mf-timeout .mf-st-bad{opacity:1}.mf-retry .mf-st-ok,.mf-rej .mf-st-ok,.mf-timeout .mf-st-ok{opacity:0}.mf-log{position:absolute;left:24px;right:24px;top:372px;height:146px;background:var(--mf-ink);border-radius:12px;padding:10px 14px;display:grid;align-content:start;gap:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;color:#c9d2e6;overflow:hidden}.mf-ln{display:grid;grid-template-columns:96px 72px minmax(0,1fr);gap:12px;transition:opacity .3s,transform .3s}.mf-ln>span:first-child{color:#7f8aa6}.mf-ln b{font-weight:500;color:#7fb8c2}.mf-warn>span:last-child{color:#e8be74}.mf-ok>span:last-child{color:#9cc2aa}.mf-bad>span:last-child{color:#e6c385}.mf.mf-armed:not(.f-dlq) .mf-pill-a{opacity:1}.mf.mf-armed:not(.f-dlq) .mf-pill-b{opacity:0}.mf.mf-armed .mf-ln:not(.mf-seen){opacity:0;transform:translateY(4px)}.mf.mf-armed:not(.f-push) .mf-push{opacity:0;transform:translateY(14px)}.mf.mf-armed:not(.f-bal) .mf-plus{opacity:0;transform:translateY(4px)}.mf.mf-armed:not(.f-dlq) .mf-d em{opacity:0}.mf-d em{transition:opacity .3s}.mf.mf-narrow{width:360px;height:680px}.mf.mf-narrow .mf-top{left:18px;right:18px;flex-direction:column;align-items:flex-start;gap:8px}.mf.mf-narrow .mf-pill{justify-items:start}.mf.mf-narrow .mf-p{left:18px;top:108px;width:324px;height:64px}.mf.mf-narrow .mf-p code{position:absolute;right:12px;top:10px;margin:0}.mf.mf-narrow .mf-t{left:18px;top:202px;width:324px;height:96px}.mf.mf-narrow .mf-sub-p{top:50px!important;width:96px;padding:0 8px}.mf.mf-narrow .mf-sub-p:nth-of-type(2){left:114px}.mf.mf-narrow .mf-sub-p:nth-of-type(3){left:216px}.mf.mf-narrow .mf-c{top:328px;width:100px;height:82px;padding:9px 10px}.mf.mf-narrow .mf-c1{left:18px}.mf.mf-narrow .mf-c2{left:130px}.mf.mf-narrow .mf-c3{left:242px}.mf.mf-narrow .mf-a{left:18px;top:440px;width:200px;height:210px}.mf.mf-narrow .mf-d{left:230px;top:440px;width:112px;height:104px;grid-template-columns:minmax(0,1fr);row-gap:6px}.mf.mf-narrow .mf-d small{white-space:normal}.mf.mf-narrow .mf-d em{justify-self:start}.mf.mf-narrow .mf-l,.mf.mf-narrow .mf-log,.mf.mf-narrow [data-link=cl],.mf.mf-narrow [data-link=ra],.mf.mf-narrow [data-link=td]{display:none}@media(prefers-reduced-motion:reduce){.mf *,.mf *:before,.mf *:after{animation:none!important;transition:none!important}}