body.login270-open{overflow:hidden}.login270-dialog{padding:0;border:0;border-radius:22px;background:transparent;width:min(420px,calc(100% - 28px));max-width:420px;max-height:calc(100dvh - 28px);overflow:auto;color:#17365b;box-shadow:0 24px 90px #08224f40}.login270-dialog::backdrop{background:#132f5266;backdrop-filter:blur(3px)}
.account-entry.login270{box-sizing:border-box;position:relative;width:100%;max-width:420px;margin:24px auto;padding:26px 28px;background:#fff;border:1px solid #dce8f5;border-radius:22px;color:#17365b;font:15px/1.5 Arial,system-ui,sans-serif;box-shadow:0 12px 45px #17365b0d}.login270-dialog .account-entry.login270{margin:0;border:0;box-shadow:none}.account-entry.login270::before{display:none!important}.login270 *{box-sizing:border-box}.login270 .login270-logo{display:block;width:130px;height:48px;object-fit:contain;margin:0 auto 12px}.login270 h1{font:700 25px/1.25 Arial,system-ui,sans-serif;text-align:center;margin:0 0 22px;color:#15355b}.login270 .login270-close{position:absolute;top:8px;right:8px;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#64758a;font-size:28px;cursor:pointer}.login270 .login270-close:hover{background:#edf4fb}.login270 button{cursor:pointer;font-family:inherit}.login270 .login270-google{width:100%;min-height:48px;display:flex;gap:12px;align-items:center;justify-content:center;background:#fff;border:1px solid #cfdae8;border-radius:10px;font-size:15px;font-weight:600;color:#253a54;padding:10px}.login270-google span{font:bold 22px Arial;color:#4285f4}.login270-divider{display:flex;align-items:center;gap:12px;color:#7b8898;font-size:11px;margin:17px 0}.login270-divider::before,.login270-divider::after{content:'';height:1px;background:#e5ebf2;flex:1}.login270 form{display:grid;gap:13px;margin:0}.login270 form label{display:block;margin:0;font-size:14px;font-weight:600}.login270 form input{display:block;width:100%;min-height:46px;margin:6px 0 0;padding:11px 12px;border:1px solid #ccd9e7;border-radius:9px;background:#fff;color:#17365b;font:16px/1.4 Arial,system-ui,sans-serif}.login270 form>.button{display:block;width:100%;margin:3px 0 0;padding:12px;border:0;border-radius:10px;background:#0877e8;box-shadow:none;color:#fff;font-size:16px;font-weight:700;min-height:46px}.login270 form>.button:hover{background:#0864c1}.login270 button:disabled{opacity:.6;cursor:wait}.login270 button:focus-visible,.login270 input:focus-visible{outline:3px solid #79b8ff;outline-offset:2px}.login270 #account-message{font-size:14px;color:#a12c3e;margin:12px 0;overflow-wrap:anywhere}.login270 #account-message:empty{display:none}.login270-links{text-align:center;margin-top:13px}.login270 .textbutton{border:0;background:transparent;color:#0769c7;padding:6px 2px;min-height:36px;font:600 14px/1.5 Arial,system-ui,sans-serif}.login270-links p{font-size:13px;margin:3px 0 0;color:#60728a}.login270 .login270-intro{font-size:14px;margin:0 0 18px;color:#60728a;text-align:center}.account-loading #main:has(.login270){padding:16px!important}.account-links .login:not(.member-avatar){display:inline-flex!important;align-items:center;min-height:44px;white-space:nowrap}@media(max-width:480px){.account-entry.login270{padding:24px 20px;margin:8px auto}.login270 h1{font-size:24px;margin-bottom:18px}.nav-wrap .account-links{gap:10px;min-width:0}.nav-wrap .account-links .button.compact{min-width:0;padding-inline:10px}.nav-wrap .account-links .login{font-size:13px}}
