html,body{background:var(--bott-bg-page);color:var(--bott-text);margin:0}#login{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.login-main{flex:1 0 auto;width:100%}.login-card{width:100%;max-width:360px}.login-head{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.login-logo{object-fit:contain;flex:none;width:26px;height:26px}.login-title,.login-qr-title{color:var(--bott-text);font-size:var(--bott-font-section-title);font-weight:600;line-height:var(--bott-line-height);text-align:center}.login-qr-title{margin-top:16px}.login-qr-slot{aspect-ratio:1;border:1px solid var(--bott-border);border-radius:1.5rem;width:min(280px,100%);margin:0 auto;position:relative}.login-qr-slot--open{aspect-ratio:auto;border:0;border-radius:0;flex-direction:column;gap:12px;width:100%;display:flex}.login-agree{white-space:normal;align-items:flex-start;gap:8px;display:flex}.login-qr-slot:not(.login-qr-slot--open) .login-agree{height:fit-content;margin:auto;padding:20px;position:absolute;top:0;bottom:0;left:0;right:0}.login-agree__text{min-width:0}.login-agree .q-checkbox__label{white-space:normal;line-height:1.45}.login-agree a{color:var(--bott-text-link);font-weight:500}.login-qr{aspect-ratio:1;background:#fff;border-radius:1.5rem;width:min(280px,100%);margin:0 auto;overflow:hidden}.login-qr svg{width:100%;height:100%;display:block}.login-qr__timer{color:var(--bott-text-muted);font-size:var(--bott-font-caption);line-height:var(--bott-line-height);text-align:center}@media (max-width:599.98px){.login-page{flex:1 0 auto;width:100%}.login-qr,.login-qr__timer,.login-qr-hint{display:none}.login-qr-slot{aspect-ratio:auto;border:0;border-radius:0;width:100%}.login-qr-slot:not(.login-qr-slot--open) .login-agree{height:auto;margin:0;padding:0;position:static;top:auto;bottom:auto;left:auto;right:auto}}