/* MUZEY startup intro. Visual source: approved MUZEY UI workbench intro. */
.mxm-intro-screen{position:fixed;inset:0;z-index:2147483646;overflow:hidden;background:#e1ddd8;color:#000;pointer-events:auto;font-family:"EB Garamond",serif!important;opacity:1;transition:opacity .18s ease}
.mxm-intro-screen[hidden]{display:none!important}
.mxm-intro-screen *{box-sizing:border-box}
.mxm-intro-screen.is-leaving{opacity:0;pointer-events:none}
.mxm-intro-logo{position:absolute;left:50%;top:278px;width:200px;height:120px;object-fit:contain;transform:translateX(-50%);pointer-events:none}
.mxm-intro-subtitle{position:absolute;left:50%;top:399px;width:408px;transform:translateX(-50%);text-align:center;font:400 13px/18px "EB Garamond",serif}
.mxm-intro-loader{position:absolute;left:50%;top:461px;width:408px;height:49px;transform:translateX(-50%);overflow:hidden;border:0;border-radius:0;background:transparent;color:#000;padding:0;appearance:none;-webkit-appearance:none;cursor:default;font:400 13px/1 "EB Garamond",serif}
.mxm-intro-loader:disabled{opacity:1;color:#000}
.mxm-intro-loader:not(.is-ready):after{content:"";position:absolute;inset:0;z-index:10;border:var(--mxm-hair) solid #000;pointer-events:none}
.mxm-intro-fill{position:absolute;z-index:1;left:0;top:0;bottom:0;width:var(--mxm-intro-progress,0%);background:#000;transition:width .28s ease-out;pointer-events:none}
.mxm-intro-loading-label,.mxm-intro-ready-label{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;pointer-events:none}
.mxm-intro-loading-label-dark{color:#000}
.mxm-intro-label-mask{position:absolute;z-index:3;left:0;top:0;width:var(--mxm-intro-progress,0%);height:100%;overflow:hidden;transition:width .28s ease-out;pointer-events:none}
.mxm-intro-label-mask .mxm-intro-loading-label-light{z-index:3;width:408px;color:#fff}
.mxm-intro-loader.is-ready{border-color:#000;background:#000;color:#fff;cursor:pointer}
.mxm-intro-loader.is-ready .mxm-intro-fill{width:100%}
.mxm-intro-ready-label{z-index:4;color:#fff}
.mxm-intro-loader.is-ready .mxm-action-arrow{position:absolute;inset:0;z-index:5;color:#fff;pointer-events:none}
.mxm-intro-instruction{position:absolute;left:50%;top:570px;transform:translateX(-50%);color:#000;white-space:nowrap;text-align:center;font:400 10px/14px "Space Mono",monospace!important}
.mxm-intro-instruction-desktop{display:flex;align-items:center;justify-content:center;gap:18px}
.mxm-intro-keys{display:flex;align-items:center;gap:2px}
.mxm-intro-keys i{width:14px;height:14px;border:.5px solid #000;display:grid;place-items:center;font:400 8px/1 "Space Mono",monospace;font-style:normal}
.mxm-intro-instruction-mobile{display:none}
.mxm-intro-error{position:absolute;left:50%;top:526px;width:min(620px,calc(100vw - 40px));transform:translateX(-50%);margin:0;text-align:center;color:var(--mxm-error);font:400 11px/15px "Space Mono",monospace!important;white-space:pre-wrap}
@media(max-width:700px){
 /* Keep the approved internal coordinates; move the entire composition together. */
 .mxm-intro-screen{--mxm-intro-span:319px;--mxm-intro-origin:max(24px,calc((100dvh - var(--mxm-intro-span))/2));--mxm-intro-width:min(351px,calc(100vw - 40px));height:100dvh;bottom:auto;overflow:auto}
 .mxm-intro-logo{top:var(--mxm-intro-origin);width:200px;height:120px}
 .mxm-intro-subtitle{top:calc(var(--mxm-intro-origin) + 121px);width:var(--mxm-intro-width);font-size:16px;line-height:20px}
 .mxm-intro-loader{top:calc(var(--mxm-intro-origin) + 195px);width:var(--mxm-intro-width);height:49px;font-size:16px}
 .mxm-intro-label-mask .mxm-intro-loading-label-light{width:var(--mxm-intro-width)}
 .mxm-intro-instruction{top:calc(var(--mxm-intro-origin) + 305px);width:var(--mxm-intro-width);font-size:10px;line-height:14px;white-space:normal;padding-bottom:24px}
 .mxm-intro-instruction-desktop{display:none}
 .mxm-intro-instruction-mobile{display:block}
 .mxm-intro-error{top:calc(var(--mxm-intro-origin) + 257px);width:var(--mxm-intro-width);font-size:10px;line-height:14px;max-height:42px;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.mxm-intro-screen,.mxm-intro-fill,.mxm-intro-label-mask{transition:none!important}}