
#modus-page-loader .md-stage{position:relative;height:340px;overflow:hidden;background:#F7F6F2;color:#222526;margin-bottom:16px}
#modus-page-loader .md-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#F7F6F2;transition:opacity .42s ease}
#modus-page-loader .md-symbol{display:block;width:min(82%,440px);height:auto;overflow:visible;transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1)}
#modus-page-loader .md-mark{transform:translate(222px,-105px);transition:transform .55s cubic-bezier(.22,1,.36,1)}
#modus-page-loader .md-name{opacity:0;transform:translateY(5px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}
#modus-page-loader .md-resolved .md-mark{transform:translate(0,0)}
#modus-page-loader .md-resolved .md-name{opacity:1;transform:translateY(0);transition-delay:.12s}
#modus-page-loader .md-resolved .md-piece{animation:none;opacity:1}
#modus-page-loader .md-reset .md-mark,#modus-page-loader .md-reset .md-name,#modus-page-loader .md-reset .md-overlay,#modus-page-loader .md-reset .md-symbol,#modus-page-loader .md-reset .md-destination{transition:none}
#modus-page-loader .md-destination{height:100%;display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
#modus-page-loader .md-destination span{letter-spacing:.12em;font-weight:400}
#modus-page-loader .md-red{animation:md-red-in .64s cubic-bezier(.22,1,.36,1) both}
#modus-page-loader .md-circle{animation:md-circle-in .64s .16s cubic-bezier(.22,1,.36,1) both}
#modus-page-loader .md-bar{transform-box:fill-box;transform-origin:center;animation:md-bar-in .5s calc(.32s + var(--i)*.085s) cubic-bezier(.22,1,.36,1) both}
#modus-page-loader .md-waiting .md-bar{animation:md-pulse 1.7s calc(var(--i)*.11s) ease-in-out infinite}
#modus-page-loader .md-finished .md-symbol{opacity:0;transform:translateY(-5px)}
#modus-page-loader .md-finished .md-overlay{opacity:0;pointer-events:none;transition-delay:.12s}
#modus-page-loader .md-finished .md-destination{opacity:1;transform:translateY(0);transition-delay:.24s}
@keyframes md-red-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
@keyframes md-circle-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes md-bar-in{from{opacity:0;transform:translateX(6px) scaleY(.76)}to{opacity:1;transform:translateX(0) scaleY(1)}}
@keyframes md-pulse{0%,65%,100%{opacity:1}32%{opacity:.28}}
@media(prefers-reduced-motion:reduce){#modus-page-loader .md-piece{animation:none!important}#modus-page-loader .md-overlay,#modus-page-loader .md-symbol,#modus-page-loader .md-destination,#modus-page-loader .md-name{transition:none;transform:none}#modus-page-loader .md-mark{transition:none}}

#modus-page-loader{position:fixed;inset:0;z-index:11000;background:#F7F6F2;animation:md-emergency-release 12s steps(1,end) forwards}
#modus-page-loader .md-stage{height:100%;margin:0}
#modus-page-loader .md-overlay{position:absolute;inset:0}
#modus-page-loader .md-symbol{width:min(76vw,440px)}
#modus-page-loader.md-leaving{opacity:0;transition:opacity .42s ease;pointer-events:none}
@keyframes md-emergency-release{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#modus-page-loader.md-leaving{transition:none}}
