.ah-headline-container {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.ah-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ah-icon svg {
    width: 1em;
    height: 1em;
}
.ah-headline {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ah-static-text {
    margin-right: 0.25em;
    margin-left: 0.25em;
}
.ah-animated-words-wrapper {
    position: relative;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    vertical-align: top;
}
.ah-animated-word {
    position: absolute;
    opacity: 0;
    white-space: nowrap;
    left: 0;
    top: 0;
}
.ah-animated-word.is-visible {
    position: relative;
    opacity: 1;
}

/* Animations */
/* Fading style */
.ah-headline[data-animation="fading"] .ah-animated-word {
    transition: opacity 0.5s ease-in-out;
}
.ah-headline[data-animation="fading"] .ah-animated-word.is-visible {
    opacity: 1;
}

/* Slide Up */
.ah-headline[data-animation="slide-up"] .ah-animated-word {
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.ah-headline[data-animation="slide-up"] .ah-animated-word.is-visible {
    transform: translateY(0);
    opacity: 1;
}

/* Typing Effect */
.ah-headline[data-animation="typing"] .ah-animated-word {
    opacity: 0;
    width: 0;
    display: none;
}
.ah-headline[data-animation="typing"] .ah-animated-word.is-visible {
    opacity: 1;
    display: inline-block;
    width: auto;
    border-right: 2px solid;
    animation: ah-caret 0.8s step-end infinite;
}

@keyframes ah-caret {
    from, to { border-color: transparent }
    50% { border-color: currentColor }
}