/* The page has no background image or lazy-loader; the mask sits behind the existing form. */
.login-and-register.qvf-auth-mask{display:flex;align-items:center;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;height:auto;background:none;padding:16px 0}
.qvf-auth-mask::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.6);pointer-events:none}
[data-bs-theme=dark] .qvf-auth-mask::before{background:rgba(64,64,64,.45)}
.qvf-auth-mask>.container{position:relative}
/* Long registration forms stay reachable when the mobile keyboard reduces the viewport. */
.ri-popup:has(#account-from){z-index:2000;align-items:flex-start;padding:20px 14px}
.ri-popup:has(#account-from) .ri-popup-body{max-width:100%;flex-shrink:0;margin:auto}

body.ri-popup-open:has(.ri-popup #account-from) .dimmer{z-index:1990}

/* A subtle gray frame separates the panel from light and pure-black backgrounds. */
.ri-popup:has(#account-from) .ri-popup-content{position:relative;border:1px solid #d1d1d1}
[data-bs-theme=dark] .ri-popup:has(#account-from) .ri-popup-content{border-color:#4d4d4d}
/* Hide the agreement sentence and its line break; retain the separate copyright line. */
.ri-popup #account-from>p:last-child>small:first-child,
.ri-popup #account-from>p:last-child>small:first-child+br{display:none}