.website-accounts-dialog,.website-login-dialog{margin:auto;padding:0;color:#1c1c1e;background:#f2f2f7;border:1px solid #e5e5ea;border-radius:18px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 20px 70px #0002;overflow:auto}.website-accounts-dialog{width:560px}.website-login-dialog{width:500px}.website-accounts-dialog::backdrop,.website-login-dialog::backdrop{background:#0004;backdrop-filter:blur(6px)}.website-accounts-dialog>header,.website-login-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px}.website-accounts-dialog>header>div{display:flex;align-items:center;gap:10px}.website-accounts-dialog h2,.website-login-dialog h2{font-size:18px}.website-login-dialog h2{flex:1;text-align:center;font-size:16px}.website-accounts-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:14px}.website-accounts-intro,.website-accounts-footer{font-size:13px;line-height:1.7;color:#636366}.website-accounts-footer{font-size:12px}.website-account-card{background:#fff;border-radius:14px;padding:18px;min-width:0}.website-account-heading{display:flex;gap:12px;align-items:center}.website-account-heading h3{font-size:16px;margin:0 0 4px;font-weight:600}.website-account-mark{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px}.website-account-mark img{display:block;width:42px;height:42px;object-fit:contain}.website-account-status{font-size:12px;color:#8e8e93}.website-account-status.connected{color:#268358}.website-account-status.expired{color:#b76b1b}.website-account-name{margin-top:12px;font-size:14px;overflow-wrap:anywhere}.website-account-meta{font-size:12px;color:#8e8e93;margin-top:7px}.website-account-note{font-size:12px;color:#636366;line-height:1.65;overflow-wrap:anywhere}.website-account-card>.website-account-note{margin-top:10px}.website-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.website-account-actions button{font-size:13px}.website-account-notice{display:flex;align-items:flex-start;gap:7px;padding:10px 12px;border-radius:10px;background:#eaf7ef;color:#246d46;font-size:13px;line-height:1.6}.website-account-notice svg{flex-shrink:0;margin-top:2px}.website-account-loading{display:flex;gap:8px;align-items:center;padding:26px 0;font-size:14px;color:#636366}.website-cookie-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.website-cookie-form>p:first-child{font-size:13px;line-height:1.7;color:#636366}.website-cookie-form textarea{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:180px}.website-cookie-file input{max-width:100%;font-size:12px;padding:9px;background:#fff}.website-cookie-file-name{font-size:12px;color:#636366;overflow-wrap:anywhere;margin-top:-8px}.website-cookie-form>.primary{align-self:flex-end}.website-login-switch{border-top:1px solid #e5e5ea;padding:13px 24px;text-align:center}.website-qr-login{padding:0 24px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.website-qr-login>p:first-child{font-size:13px;color:#636366;line-height:1.7;text-align:center}.website-qr-image{width:240px;height:240px;position:relative;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.website-qr-image img{max-width:100%;height:auto}.website-qr-image.is-expired img{opacity:.12;filter:blur(3px)}.website-qr-image>span{position:absolute;padding:9px;background:#fff;border-radius:7px;font-size:14px}.website-qr-status{font-size:14px;color:#3a3a3c;text-align:center;line-height:1.6}.website-qr-login>.website-account-note{text-align:center}.website-accounts-body .form-error .text-button{margin-left:5px}@media(max-width:480px){.website-accounts-dialog,.website-login-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.website-accounts-dialog>header,.website-login-dialog>header{padding:14px 16px}.website-accounts-body{padding:0 14px 16px}.website-account-card{padding:15px}.website-cookie-form,.website-qr-login{padding:0 18px 20px}.website-account-actions{gap:7px}.website-account-actions .primary,.website-account-actions .secondary{padding:8px 10px}.website-cookie-form>.primary{width:100%}}
