/* =========================
   MEDIA PLAYER UI
========================= */

.media-player {

    display: none;

    position: fixed;

    bottom: 15px;
    left: 50%;

    transform: translateX(-50%);

    width: calc(100% - 20px);
    max-width: 500px;

    padding: 12px;

    border-radius: 18px;

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

    backdrop-filter: blur(10px);

    z-index: 9999;
}
/* BUTTONS */

.player-play-btn,
.player-mute-btn {

    width: 42px;
    height: 42px;

    border: none;
    border-radius: 50%;

    cursor: pointer;

    font-size: 18px;

    background: #ffffff22;
    color: white;
}

/* RANGE */

.player-progress {

    height: 5px;

    cursor: pointer;
}

/* TIME */

.player-time {

    font-size: 12px;
    color: white;
}