.demo-login-card{max-width:580px}.demo-login-panel{background:#faf7f0;border:1px solid #e0d8c8;border-radius:14px;padding:1rem}.demo-login-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.demo-login-heading>div{flex-direction:column;display:flex}.demo-login-heading strong{color:#24211d;font-size:.95rem}.demo-login-heading small{color:#827b70;margin-top:.1rem;font-size:.72rem}.demo-login-heading>span{color:#855b12;letter-spacing:.08em;background:#eee3cd;border-radius:999px;padding:.2rem .45rem;font-size:.6rem;font-weight:800}.demo-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.demo-login-grid button{color:#27231e;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded8cd;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:.45rem;min-width:0;padding:.58rem .65rem;display:grid}.demo-login-grid button:hover{background:#fffaf0;border-color:#bd8427;transform:translateY(-1px)}.demo-login-grid button:disabled{opacity:.55;cursor:wait}.demo-login-grid i{text-align:center;font-style:normal}.demo-login-grid button>span{flex-direction:column;min-width:0;display:flex}.demo-login-grid b{font-size:.76rem}.demo-login-grid small{color:#857f76;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.demo-login-grid svg{color:#a36e18}.demo-login-panel p{color:#777066;margin:.7rem 0 0;font-size:.68rem}.demo-login-panel code{color:#332b20;font-family:var(--font-ibm-plex),sans-serif;background:#eee8dc;border-radius:4px;padding:.12rem .3rem;font-weight:700}@media (max-width:520px){.demo-login-grid{grid-template-columns:1fr}.demo-login-card{padding:1.25rem}}