html[data-signin-glass="evergreen"]{--signin-arrival-colour:#3D7A53}
html[data-signin-glass="sapphire"]{--signin-arrival-colour:#315A76}
.demo-access-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.demo-access-entry small{font-size:var(--text-caption,12px);color:var(--subtle)}
.demo-access-gate{padding:16px;margin:0 0 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.demo-access-gate[hidden]{display:none!important}
.demo-access-gate>small{display:block;margin:-4px 0 12px;color:var(--muted);font-size:var(--text-caption,12px)}
.demo-access-actions{display:flex;align-items:center;gap:14px;margin-top:14px}
.demo-access-actions .button{min-height:44px;flex:1}
.demo-access-actions .text-link,.demo-access-entry .text-link{min-height:44px}
@media(max-width:420px){.demo-access-entry{align-items:flex-start;flex-direction:column;gap:0}.demo-access-actions{gap:10px}}
html.signin-arrival-active::before{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:#f6f5f0;background:linear-gradient(135deg,color-mix(in srgb,var(--signin-arrival-colour) 48%,#f6f5f0),color-mix(in srgb,var(--signin-arrival-colour) 24%,#f6f5f0));opacity:1;transition:opacity .64s cubic-bezier(.2,.7,.2,1)}
html.signin-arrival-ready::before{opacity:0}
html.signin-arrival-active #loginDialog{transition:opacity .36s ease,transform .36s cubic-bezier(.2,.7,.2,1)}
html.signin-arriving #loginDialog{opacity:0;transform:translateY(8px) scale(.99)}
#loginDialog[data-access-mode="demo"] .demo-access-entry,#loginDialog[data-access-mode="demo"] .normal-account-field,#loginDialog[data-access-mode="demo"] #loginSubmit,#loginDialog[data-access-mode="demo"] .login-note{display:none}
@media(prefers-reduced-motion:reduce){html.signin-arrival-active::before{display:none}html.signin-arrival-active #loginDialog{transition:none;transform:none;opacity:1}}