/* =========================
   MEDIA PLAYER STRUCTURE
========================= */

.ui-player {

    display: flex;
    align-items: center;
    gap: 12px;

    width: 100%;
}

/* PLAY + MUTE BUTTON */

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

    flex: 0 0 auto;
}

/* SEEK AREA */

.player-progress-area {

    flex: 1;

    display: flex;
    align-items: center;

    gap: 8px;
}

/* TIME */

.player-time {

    flex: 0 0 auto;

    min-width: 38px;
}

/* RANGE */

.player-progress {

    flex: 1;
}