.bg__playlist-dropdown-row {
    background-color: white;
    border-bottom: 1px solid #ccc;

    transition: background-color $transition;

    padding: 7px 10px 7px 5px;
    cursor: pointer;
    color: $clDark;
    border-left: 5px solid transparent;

    &:hover {
        background-color: mix(white, $clPrimary, 90%);
    }

    &.active {
        border-left: 5px solid $clPrimary;
        background-color: mix(white, $clPrimary, 80%);
        &:hover {
            background-color: mix(white, $clPrimary, 80%);
        }
    }

    > .count {
        background: $clPrimary;
        color: white;
        margin-left: 5px;
        padding: 2px 3px;
        min-width: 20px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: bold;
        float: right;
    }
}
