.playlists-player {
    background: #000;
    color: #fff;
}

/* контейнер */
.playlists-items {
    position: relative;
}

/* список */
.playlists-items ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

/* элементы */
.playlists-items li {
    display: inline-block;
    width: 140px;
    height: 40px;
    margin: 5px 4px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: #e3e3e3;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition: 0.2s ease;
}

/* hover */
.playlists-items li:hover {
    background: #d6d6d6;
}

/* active */
.playlists-items li.active {
    background: #1eb196;
    color: #fff;
    font-weight: 550;
}

/* расширенный режим */
.playlists-videos .playlists-items li {
    width: 180px !important;
    text-align: left;
    padding: 0 40px 0 15px;
}

/* просмотрено */
.playlists-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;

    opacity: 0.3;

    pointer-events: none;
}

/* =========================
   СТРЕЛКИ (СТАБИЛЬНЫЕ)
   ========================= */

.playlists-prev,
.playlists-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 38px;
    height: 38px;

    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.55);
    

    border-radius: 8px;

    cursor: pointer;

    transition: 0.2s ease;
}

/* позиции */
.playlists-prev {
    left: 5px;
}

.playlists-next {
    right: 5px;
}

/* стрелки (CSS, без SVG и без JS) */
.playlists-prev::before,
.playlists-next::before {
    content: "";

    width: 9px;
    height: 9px;

    display: block;

    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* направление */
.playlists-prev::before {
    transform: rotate(135deg);
}

.playlists-next::before {
    transform: rotate(-45deg);
}

/* hover стрелок */
.playlists-prev:hover,
.playlists-next:hover {
    background: rgba(30, 177, 150, 0.9);
}

/* если Sly отключает */
.playlists-prev.disabled,
.playlists-next.disabled {
    opacity: 0.0;
    pointer-events: none;
}