.art-progress {
    .art-control-progress-inner {
        height: 100% !important;
        background-color: transparent !important;

        & > .art-progress-hover,
        & > .art-progress-loaded,
        & > .art-progress-played {
            display: none !important;
        }
    }

    .art-chapters {
        position: absolute;
        z-index: 0;
        inset: 0;
        display: flex;
        align-items: center;
        gap: 4px;
        height: 100%;
        transform: scaleY(1.25);

        .art-chapter {
            position: relative;
            cursor: pointer;
            height: 50%;
            border-radius: 10px;
            overflow: hidden;
            transition: height var(--art-transition-duration) ease;
            background-color: var(--art-progress-color);

            &:hover {
                height: 100%;
            }
        }
    }

    .art-chapter-text {
        display: none;
        position: absolute;
        z-index: 50;
        top: -50px;
        left: 0;
        padding: 3px 5px;
        line-height: 1;
        font-size: 16px;
        border-radius: var(--art-border-radius);
        white-space: nowrap;
        background-color: var(--art-tip-background);
    }
}