// =============================================================================
// 31-modules / headline / output
// =============================================================================

@use "../../01-core/prefix" as *;
@use "./headline.mixins" as *;

@layer ss.components {
    .#{$ss-prefix-module}-headline {
        @include c-headline;
    }

    .#{$ss-prefix-module}-headline__live {
        @include c-headline-live-badge;
    }

    .#{$ss-prefix-module}-headline__kicker {
        @include c-headline-kicker;
    }

    .#{$ss-prefix-module}-headline__text {
        @include c-headline-text;
    }

    .#{$ss-prefix-module}-headline__teaser {
        @include c-headline-teaser;
    }

    .#{$ss-prefix-module}-headline__sub {
        @include c-headline-sub;
    }

    .#{$ss-prefix-module}-headline__sub-description {
        @include c-headline-sub-description;
    }

    @keyframes ss-c-headline-live-blink {
        0%,
        100% {
            opacity: 1;
        }
        50% {
            opacity: 0.4;
        }
    }
}