:root{--sl-navy:#0F1B3D;--sl-cyan:#00D4FF} html,body{margin:0;padding:0;background:#F7F9FC;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased} html{width:100%} /* The page markup used to be a direct child of ; inside #root it must keep the exact same box model, otherwise flex/grid bodies shrink it. */ #root{width:100%;max-width:100%;min-width:0;min-height:100vh;flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center} #root>*{width:100%} .sl-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99998;background:linear-gradient(90deg,var(--sl-cyan),#5ce1ff);box-shadow:0 0 12px rgba(0,212,255,.75);opacity:0;transition:width .6s cubic-bezier(.2,.8,.2,1),opacity .25s ease;border-radius:0 3px 3px 0} .sl-view{animation:sl-fade .22s ease} @keyframes sl-fade{from{opacity:0}to{opacity:1}}