import { r as registerInstance } from './core-3f33e631.js';

const Headline = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    static get style() { return "anj-headline {\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 0.875rem;\n  font-family: var(--anj-font-family);\n  font-weight: normal;\n  line-height: 1.5;\n  outline: none;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex: 1;\n  flex: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\nanj-headline, anj-headline::before, anj-headline::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  outline: none;\n}\nanj-headline:focus, anj-headline:active, anj-headline *:focus, anj-headline *:active {\n  outline: none;\n}\nanj-headline[align=center] {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\nanj-headline[align=even] {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\nanj-headline[align=left] {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\nanj-headline[align=right] {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\nanj-headline[context=title] {\n  margin-bottom: 1.5rem;\n}\nanj-headline h1,\nanj-headline h2,\nanj-headline h3,\nanj-headline h4,\nanj-headline h5,\nanj-headline h6 {\n  -ms-flex-align: center;\n  align-items: center;\n  color: var(--anj-text);\n  display: -ms-flexbox;\n  display: flex;\n  font-weight: normal;\n  line-height: 1.5;\n  padding: 0;\n  margin: 0 !important;\n}\nanj-headline h2 {\n  font-size: 1.5rem;\n}\nanj-headline h3 {\n  font-size: 1.25rem;\n}\nanj-headline h4 {\n  font-size: 1rem;\n}\nanj-headline h5 {\n  font-size: 0.875rem;\n}\nanj-headline h6 {\n  font-size: 0.875rem;\n}\nanj-headline anj-headline {\n  -ms-flex: 0 0 100%;\n  flex: 0 0 100%;\n  max-width: 100%;\n}\nanj-headline anj-headline :first-child {\n  color: var(--anj-neutral-dark);\n}"; }
};

export { Headline as anj_headline };
