/*Стили темы дневной и ночной*/
    .moon{
    display:none;
    }
    
    .nm{
    display: none;
    }
    
.new_class {

    /*background: linear-gradient(0deg, rgba(3, 6, 6, 1) 27%, rgba(15, 31, 31, 1) 100%);*/
    background: linear-gradient(0deg, rgba(38, 38, 38, 38) 27%, rgba(38, 38, 38, 38) 100%);
    /*background: linear-gradient(0deg, rgb(36, 39, 49) 27%, rgb(36, 39, 49) 100%);*/
            /*overflow-y: hidden;*/
            /*background-repeat: no-repeat;*/
            /*background: url(https://top-fon.com/uploads/posts/2023-02/thumbs/1675523915_top-fon-com-p-noch-fon-dlya-prezentatsii-1.jpg);*/
            /*background: url(https://abrakadabra.fun/uploads/posts/2022-01/thumbs/1642606228_36-abrakadabra-fun-p-zvezdnaya-noch-fon-48.jpg);*/
            /*background-size: cover;*/



        .nm{
            color:grey;
            display: flex;
            }
            
            .lm{
            display: none;
            }

            
            .sun{
             display:none;
            }

                .moon{
                display:flex;
                }

            .fa-volume-down {
            color:grey;
            }
            
            .fa-volume-up {
            color:grey;
            }

    .album {
  font-size: 23px;
  color: gray;

 .dropdown-content {
        background-color: rgba(115, 114, 114, 0.87);
      }

  }

 .slider-checkbox:checked + .slider-label:hover {
            box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.5);
            transition: transform 0.3s;
            transition: ease 0.3s;
            
        }

        /*.slider-checkbox:checked + .slider-label .slider-handle:hover {*/
        /*    transform: translateX(30px);*/
        /*    background-color:  #ebebeb;*/
        /*    transition: transform 0.3s;*/
        /*    transition: ease 0.3s;*/
        /*}*/
           
        
        
  .buttons {
  color: gray;

}

.seek_slider, .volume_slider {
  background: gray;
}

  .track-artist {
    color: gray;
}

.track-name {
color: gray;

}

.now-playing {
  color: gray;

}

.current-time, .total-duration {
  color: gray;
}



/* добавляем "гамбургер" */
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: grey;
}

    /* контейнер меню */
.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: -66px;
    left: -100%;
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    text-align: center;
    background-color: grey;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
   
}

.noimg{
    display: none;
}
.track-art{
filter: brightness(50%);
}

}