@layer components{.page-login{padding-block:var(--space-xl)var(--space-2xl);& .page-login__heading{font-size:var(--size-step-3);text-align:center}& .page-login__lead{margin-block-start:var(--space-s);color:var(--color-text-muted);text-align:center}& .page-login__form{margin-block-start:var(--space-l)}& .page-login__field{display:block;margin-block-start:var(--space-s)}& .page-login__remember{display:flex;gap:var(--space-2xs);align-items:center;margin-block:var(--space-s);font-size:var(--size-step--1);& input{accent-color:var(--color-accent)}}& .page-login__forgot{margin-block-start:var(--space-s)}& .page-login__sms{margin-block-start:var(--space-s);background:var(--color-surface-alt)}& .page-login__sms-heading{font-size:var(--size-step-1)}& .page-login__sms-lead{margin-block-start:var(--space-2xs);color:var(--color-text-muted);font-size:var(--size-step--1)}& .page-login__sms-form{display:flex;flex-direction:column;gap:var(--space-s);margin-block-start:var(--space-s)}& .page-login__order{margin-block-start:var(--space-l);text-align:center}}}