.at-title-container {
    display: block;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.at-segment {
    display: inline;
    text-decoration: none;
    color: inherit;
    word-break: break-word;
    overflow-wrap: break-word;
}

.at-segment-inner {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.at-no-wrap,
.at-no-wrap .at-segment-inner {
    white-space: nowrap !important;
    display: inline-block !important;
}

/* Make global gradient stretch perfectly across inline elements */
.at-has-global-gradient {
    display: block !important;
}

.at-has-global-gradient .at-segment {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.at-has-global-gradient .at-segment-inner {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* Highlight styles & Underlines */
.at-highlight-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: width var(--at-animation-speed, 800ms) cubic-bezier(0.25, 1, 0.5, 1);
}

.at-highlight-bg.at-style-marker {
    height: 35%;
}

.at-highlight-bg.at-style-bg-fill {
    height: 100%;
}

.at-highlight-strike {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    border-bottom: 3px solid #ff0000;
    transform: translateY(-50%);
    transition: width var(--at-animation-speed, 800ms) cubic-bezier(0.25, 1, 0.5, 1);
}

/* Activated Animation */
.at-active .at-highlight-bg {
    width: 100%;
}

.at-active .at-highlight-strike {
    width: 100%;
}