.df-figure{margin:1.75rem 0;container-type:inline-size}.df-frame{width:fit-content;max-width:100%;padding:var(--mk-inset);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);margin-inline:auto;overflow:hidden;container-type:normal}.df-stage{--df-w:var(--df-w0);--u:min(var(--df-max), calc((100cqi - 2 * var(--mk-inset) - 2px) / var(--df-w)));width:calc(var(--df-w) * var(--u));font-size:calc(12.5 * var(--u));position:relative}.df-caption{color:var(--text-faint);margin-top:.65rem;font-size:.8125rem;line-height:1.5}.df-stage .df-win,.df-stage .mk-panel{z-index:auto;position:relative}.df-win{border-radius:calc(var(--mk-rw) * var(--u))}.df-win .mk-lights{top:calc(16 * var(--u));left:calc(16 * var(--u))}.df-stage .mk-p-label{font-size:max(11px, calc(10.5 * var(--u)))}.df-stage .mk-p-label span{font-size:max(11px, calc(11 * var(--u)))}.df-stage .mk-pro{font-size:max(11px, calc(9.5 * var(--u)))}.df-stage .mk-row-sub{font-size:max(11px, calc(11 * var(--u)))}.df-stage .mk-card-sub{font-size:max(11px, calc(10.5 * var(--u)))}.df-stage .mk-av{font-size:max(11px, calc(11 * var(--u)))}.df-stage .mk-btn{font-size:max(11px, calc(12 * var(--u)))}.df-stage .mk-mb-i{font-size:max(11px, calc(13 * var(--u)))}.df-stage{--df-field:#221e2a;--df-line:#2c2833;--df-plate:#3a3d44;--df-plate-line:#52565e;--df-sel:#b65a24;--df-amber-ink:#f0980a;--df-green-ink:#37c060}:root[data-theme=light] .df-stage{--df-field:#f4efe6;--df-line:#eae3d6;--df-plate:#c9ced6;--df-plate-line:#adb3bc;--df-sel:#c96a2e;--df-amber-ink:#a5620a;--df-green-ink:#1e7a38}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .df-stage{--df-field:#f4efe6;--df-line:#eae3d6;--df-plate:#c9ced6;--df-plate-line:#adb3bc;--df-sel:#c96a2e;--df-amber-ink:#a5620a;--df-green-ink:#1e7a38}}.df-g--keyboard{--g:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.5%27%20y%3D%276%27%20width%3D%2719%27%20height%3D%2712%27%20rx%3D%272.2%27%2F%3E%3Cpath%20d%3D%27M6%209.5h.01M9.3%209.5h.01M12.6%209.5h.01M15.9%209.5h.01M18%209.5h.01M7%2012.5h.01M10.5%2012.5h.01M14%2012.5h.01M17.2%2012.5h.01M8%2015.2h8%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E)}.df-g--accessibility{--g:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279.5%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277.4%27%20r%3D%271.1%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3Cpath%20d%3D%27M7.5%2010.2l4.5%201%204.5-1M12%2011.2v3M12%2014.2l-2.4%203.6M12%2014.2l2.4%203.6%27%2F%3E%3C%2Fsvg%3E)}.df-g--location{--g:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%204L3.8%2011.1l7.4%201.7%201.7%207.4z%27%2F%3E%3C%2Fsvg%3E)}.df-g--connect{--g:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5.2%2010.4A7%207%200%200%201%2017.8%207.6%27%2F%3E%3Cpath%20d%3D%27M18.4%203.6v4.3h-4.3%27%2F%3E%3Cpath%20d%3D%27M18.8%2013.6A7%207%200%200%201%206.2%2016.4%27%2F%3E%3Cpath%20d%3D%27M5.6%2020.4v-4.3h4.3%27%2F%3E%3C%2Fsvg%3E)}.df-g--arrange{--g:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%204h6v6M20%204l-6.5%206.5M10%2020H4v-6M4%2020l6.5-6.5%27%2F%3E%3C%2Fsvg%3E)}