@layer components{.auth-layout{padding-inline:1rem}.auth{background-color:#f5f5f5;justify-content:center;align-items:center;block-size:100%;inline-size:100%;padding:0 .75rem;display:flex;position:fixed;inset-block-start:0;inset-inline-start:0}.auth__container{flex-direction:column;gap:1.5rem;display:flex}.auth__header{flex-direction:column;gap:.5rem;display:flex}.auth__header>h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;font-weight:500;line-height:1.25}.auth__header>p{letter-spacing:-.02em;color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.5}.login-card{inline-size:100%;max-inline-size:24rem;margin-block:3rem;margin-inline:auto}@media (width>=48rem){.login-card{margin-block:6rem}}.login-card__header{border-block-end:1px solid #e4e4e7;border-style:solid;padding-block:1rem;padding-inline:2rem}.login-card__title{text-align:center;flex-direction:column;align-items:center;font-size:1.125rem;font-weight:500;display:flex}.login-card__logo{inline-size:5rem;margin-block-end:.5rem}.login-card__body{flex-direction:column;gap:1rem;padding-block:1.5rem;padding-inline:1rem;display:flex}.login-card__error{background-color:var(--color-bg-surface-critical);color:var(--color-text-critical);border-radius:.75rem;padding:1rem;font-size:.875rem}.login-card__form{flex-direction:column;gap:1rem;display:flex}}