.SimplePlayerControls {
    background: var(--gray-800, $gray-800);
    bottom: 0;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .25);
    height: $player_height;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;

    &-track-info {
        padding: $spacing_md 0 0 0;
        text-align: center;
    }

    &-control-bar {
        margin-top: -$spacing_sm;
        text-align: center;
    }

    &-next-control,
    &-previous-control,
    &-playback-control,
    &-time-line,
    &-time-text,
    &-volume-control {
        display: inline-block;
        padding: 0 $spacing_sm;
    }

    &-time-line {
        width: 50%;
    }

    &-time-text {
        width: 125px;
    }

    &-close-button {
        display: inline-block;
        padding: $spacing_md $spacing_md 0 0;
        position: absolute;
        right: 0;
        top: 0;
    }
}