html.page-is-loading{overflow:hidden}
.page-loader{position:fixed;inset:0;z-index:10000;background:#0d061c;color:#88e0e1;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.page-loader.is-complete{opacity:0;pointer-events:none}
.page-loader-inner{width:min(320px,70vw)}
.page-loader-logo{display:block;width:40px;height:48px;object-fit:contain;margin:0 auto 42px}
.page-loader-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.2px;margin-bottom:13px}
.page-loader-percent{font-variant-numeric:tabular-nums;letter-spacing:0}
.page-loader-track{height:2px;width:100%;background:#ffffff15;overflow:hidden}
.page-loader-fill{height:100%;width:var(--load-progress,0%);background:#88e0e1;transition:width .18s ease-out}
@media(prefers-reduced-motion:reduce){.page-loader,.page-loader-fill{transition:none}}

body > :not(.page-loader):not(script):not(style):not(noscript){transition:opacity .85s cubic-bezier(.22,1,.36,1)}
html.page-is-loading body > :not(.page-loader):not(script):not(style):not(noscript){opacity:0!important;visibility:hidden;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){body > :not(.page-loader):not(script):not(style):not(noscript){transition:none}}

.page-loader-inner{transform:scale(.8);transform-origin:center}