.karaoke-line {
    width: 100%;
    max-width: 100%;
    padding: 0 1rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--theme-colors-foreground);
    word-break: normal;
    overflow-wrap: break-word;
    opacity: var(--lyric-opacity);
    transform: scale(var(--lyric-scale));
    transform-origin: var(--lyric-scale-origin) center;
    transition:
        opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.karaoke-line:global(.lyrics-line-active),
.karaoke-line:global(.lyrics-line-animating),
.karaoke-line:global(.lyrics-line-pre-animating) {
    opacity: 1 !important;
    transform: scale(1);
}

.karaoke-line:global(.lyrics-line-animating) {
    transition-delay: var(--karaoke-anim-delay, 0s);
}

.karaoke-line:global(.synchronized) {
    cursor: pointer;
}

.karaoke-word {
    display: inline;
}

.overlay-line {
    display: block;
    max-width: 100%;
    font-size: 0.8em;
    font-weight: 600;
    overflow-wrap: break-word;
    white-space: normal;
}

.translation-line {
    display: block;
    max-width: 100%;
    font-size: 0.85em;
    font-weight: 500;
    overflow-wrap: break-word;
    white-space: normal;
}

.agent-line {
    width: 100%;
    max-width: 100%;
    text-align: inherit;
}

.agent-text {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    white-space: normal;
}
