@layer components { .c-component-text { margin: 0; max-inline-size: var(--measure); white-space: pre-wrap; overflow-wrap: anywhere; color: inherit; } .c-component-text--lead { font-size: var(--wa-font-lead-size); } .c-component-text--eyebrow { font-size: var(--wa-font-body-size); font-weight: var(--wa-font-heading-weight); text-transform: uppercase; letter-spacing: var(--wa-font-caption-tracking); } .c-component-text--note { font-size: var(--wa-font-body-size); } .c-component-text--statement { font-size: var(--wa-font-numeric-size); font-weight: var(--wa-font-heading-weight); } }