/* Hero headline typing — banner-10 / hero-banner-with-site-statistics */
.hero-typing--headline {
    display: inline;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.hero-typing__static {
    display: inline;
    letter-spacing: -0.02em;
    font-weight: 800;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
}

.hero-typing__static::after {
    content: '\0020';
}

.hero-typing__dynamic-wrap {
    display: inline;
    max-width: 100%;
}

.hero-typing__line {
    display: inline;
    max-width: 100%;
}

.hero-typing__typed,
[data-hero-typing-target] {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: 800;
    color: var(--primary-color);
}

.hero-typing__cursor {
    display: inline-block;
    width: 0.07em;
    height: 0.92em;
    margin-left: 0.05em;
    vertical-align: -0.06em;
    background: var(--primary-color);
    opacity: 0.85;
    border-radius: 1px;
    font-weight: 800;
    animation: hero-typing-caret 1.05s steps(1, end) infinite;
}

@keyframes hero-typing-caret {
    0%,
    49% {
        opacity: 0.85;
    }
    50%,
    100% {
        opacity: 0.2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-typing__cursor {
        animation: none;
        opacity: 0.65;
    }
}