ArtPlayer/packages/artplayer-plugin-control/src/style.less

.artplayer-plugin-control {
    --art-control-height: 46px;
    --art-control-icon-scale: 1.1;

    .apa-control-current,
    .apa-control-duration {
        display: flex;
    }

    .art-control-time,
    .art-controls-center {
        display: none;
    }

    .art-settings {
        bottom: 85px;
    }

    .art-bottom {
        height: 70px;
        width: 400px;
        margin-left: -200px;
        inset: auto;
        overflow: visible;
        align-items: center;
        border-radius: 10px;
        left: 50%;
        bottom: 10px;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(0, 0, 0, 0.7);
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2);
        background-image: none;

        .art-progress {
            width: 70%;
        }

        .art-controls {
            width: 100%;
        }

        .apa-control-current,
        .apa-control-duration {
            display: flex;
            justify-content: center;
            line-height: 1;
            width: 15%;
            font-size: 12px;
            position: absolute;
            top: 10px;
        }

        .apa-control-current {
            left: 0;
        }

        .apa-control-duration {
            right: 0;
        }
    }
}

.apa-control-current,
.apa-control-duration {
    display: none;
}