.auth-viewport{background:#f7fbf6;justify-content:flex-start;align-items:flex-start;min-height:100vh;display:flex;overflow:hidden}.auth-canvas{transform-origin:0 0}.auth-input{color:#102019;background:0 0;border:0;outline:0;flex:1 1 0;min-width:0;padding:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13px}.auth-input::placeholder{color:#89958e}.auth-input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.auth-input-action{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.auth-input-action:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.auth-checkbox{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.auth-checkbox input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.auth-checkbox svg{opacity:0}.auth-checkbox input:checked+svg{opacity:1}.auth-checkbox input:not(:checked){background:#fff}.auth-checkbox:has(input:not(:checked)){background:#fff;border:1px solid #dfe5e0}.auth-checkbox input:focus-visible+svg{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.auth-submit,.auth-google{font:inherit;cursor:pointer;border:0;width:100%}.auth-submit:hover{background:#17836c}.auth-google:hover{background:#f7f9f7}.auth-submit:focus-visible,.auth-google:focus-visible{outline-offset:3px;outline:2px solid #178a76}.register-role{cursor:pointer;position:relative}.register-role:has(input:checked){box-shadow:inset 0 0 0 2px #178a76}.register-role:has(input:focus-visible){outline-offset:2px;outline:2px solid #178a76}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-error{color:#b42318;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;line-height:1.5}.auth-notice{color:#178a76;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;line-height:1.5}.auth-submit:disabled{cursor:default;opacity:.7}.demo-credentials{z-index:10;color:#102019;background:#f7f9f7;border:1px solid #dfe5e0;border-radius:12px;width:236px;padding:12px;font-family:IBM Plex Sans,system-ui,sans-serif;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #1020191f}.demo-credentials__title{letter-spacing:.04em;text-transform:uppercase;color:#718078;margin:0 0 8px;font-size:11px;font-weight:600}.demo-credentials__cards{flex-direction:column;gap:8px;display:flex}.demo-credentials__card{background:#fff;border:1px solid #dfe5e0;border-radius:10px;padding:8px 10px}.demo-credentials__role{color:#178a76;margin:0 0 4px;font-size:11px;font-weight:600}.demo-credentials__value{color:#34443b;overflow-wrap:anywhere;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.5}.demo-credentials__value--secret{color:#66756d}.demo-credentials__fill{width:100%;font:inherit;color:#102019;cursor:pointer;background:#f7f9f7;border:1px solid #dfe5e0;border-radius:8px;margin-top:8px;padding:6px 8px;font-size:11px}.demo-credentials__fill:hover{color:#178a76;border-color:#178a76}.demo-credentials__fill:focus-visible{outline-offset:2px;outline:2px solid #178a76}