@layer components{.newsletter{& .newsletter__heading{display:block;margin-block-end:var(--space-s)}& .newsletter__body{color:var(--color-text-muted)}& .newsletter__form{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-start:var(--space-s)}& .newsletter__consent{display:flex;gap:var(--space-2xs);align-items:flex-start;color:var(--color-text-muted);font-size:var(--size-step--2);line-height:1.4;& input{margin-block-start:.15em;accent-color:var(--color-accent)}}}}