.login-page{min-height:100vh;display:grid;place-items:center;background:#eef2ef}.login-page .login-panel{width:min(380px,calc(100% - 32px));min-height:0;margin:0;padding:30px;background:#fff;border:1px solid #dce4df}.login-panel .btn{width:100%}.login-panel [role=alert]{min-height:20px;color:#b43e38}.account{display:flex;gap:10px;align-items:center}#upload-progress{display:flex;align-items:center;gap:10px;margin-bottom:14px}#upload-progress[hidden]{display:none}#upload-progress progress{flex:1}@media(max-width:800px){body:not(.login-page){padding-bottom:62px}body:not(.login-page)>aside{position:fixed;inset:auto 0 0 0;width:auto;height:62px;padding:6px;z-index:20}body:not(.login-page)>aside h2,body:not(.login-page) #sync-status{display:none}body:not(.login-page)>aside nav{display:grid;grid-template-columns:repeat(5,1fr)}body:not(.login-page) .nav-item{display:grid;place-items:center;padding:4px;font-size:11px}body:not(.login-page) .nav-item b{display:block;font-size:10px}body:not(.login-page) .nav-item span{font-size:16px}body:not(.login-page)>main{margin-left:0}.account span{display:none}}