@custom-selector :--o-section
    .o-section,
    .section,
    [class*="section--"];
@custom-selector :--o-section--root
    .o-section:not([class*="o-section--"]),
    .section;
@custom-selector :--o-section--style
    :--o-section--light,
    :--o-section--accent,
    :--o-section--muted,
    :--o-section--dark;
@custom-selector :--o-section--light
    .o-section--style-light,
    .section--light;
@custom-selector :--o-section--accent
    .o-section--style-accent,
    .section--accent;
@custom-selector :--o-section--muted
    .o-section--style-muted,
    .section--muted;
@custom-selector :--o-section--dark
    .o-section--style-dark,
    .section--dark;
@custom-selector :--o-section--border
    .o-section--has-border,
    .section--border;
@custom-selector :--o-section__banner-image
    .o-section__banner-image,
    .section__banner-image;
@custom-selector :--o-section__banner-overlay
    .o-section__banner-overlay,
    .section__banner-overlay;