@layer components{@scope(.sign-in){:scope{max-inline-size:28rem;padding:var(--space-7) var(--space-5);margin-inline:auto}h1{font-size:var(--text-xl)}.sign-in-form{align-items:stretch;gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-5);display:flex}label{font-weight:500}input{min-block-size:2.5rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);font:inherit;color:var(--color-text);background:var(--color-surface-raised)}.button{justify-content:center;min-block-size:2.5rem}.sign-in-error{color:var(--color-negative);margin:0}}}