@import '../../../variables';
@import './variables';
@import '../../../mixins';

#player-sidebar {
    margin: .1em .25em .2em .2em;
    border-radius: $layout-border-radius;
    background-color: $dark-theme-panel-bg-color;
    font-size: 2em !important;
    width: 250px !important;
    .v-list-item__icon {
        margin-right: 30px !important;
    }
    @media screen and (max-width: 1600px) {
        width: 200px !important;
        .v-list-item__icon {
            margin-right: 20px !important;
        }
    }

    @media screen and (max-width: 1264px) {
        width: 60px !important;
    }
    .v-list-item__title {
        font-size: .61em !important;
    }

    .muzzify-sidebar-item-active {
        .v-list-item__title {
            font-weight: bold !important;
        }
    }
    .v-list-item--link:before {
        background-color: transparent !important;
    }

    .install-pwa-button-container {
        display: flex;
        justify-content: center;
        &__small-screen-btn {
            display: none;
            @media screen and (max-width: 1264px) {
                display: initial;
            }
        }
        &__large-screen-btn {
            padding: 1em;
            @media screen and (max-width: 1264px) {
                display: none;
            }
        }
    }

}