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