/* navbottom toggle*/
.tumbler__wrapper {
    width: 36px;
    height: 24px;
    background-color: #000;
    border-radius: 30px;
    align-items: center;
    padding: 3px;
    cursor: pointer;
    display: flex;
    margin-left: 10px;
    border: solid 1px #ffffff59;
    box-shadow: 0 5px 12px rgb(0 0 0 / 23%);
    
}

  svg{
      width: 12px;
      height: 12px;
      margin: 0 2px;
    }


.tumbler{
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform .5s, background-color .5s;
  will-change: transform

}

.tumbler--night-mode { 
  transform: translateX(calc(100% - 1px));}
  
.credits{
  display: none;
}
  
.sun-svg,
.moon-svg{
  display: none;
}



/*text style dark mode*/

.body--night-mode
  {
    background-color: #000;
    color: #fff;
    
  }

.body--night-mode a{
  color: #fff;
}

.body--night-mode h1{
  color: #fff;
}

.body--night-mode h2{
  color: #fff;
}

.body--night-mode h3{
  color: #fff;
}

.body--night-mode h4{
  color: #fff;
}

.body--night-mode h5{
  color: #fff;
}

.body--night-mode p{
  color: #fff;
}

.body--night-mode .neptop_navhead{
  background-color: #000;
  border-bottom: solid 2px #fff;
  transition: transform .5s, background-color .5s;
    will-change: transform;
}

.body--night-mode .nt_drophead .nt_dropbtn{
  color: #fff;
  transition: transform .5s, background-color .5s;
    will-change: transform;
}

.body--night-mode .neptop_navhead a:hover, .nt_drophead:hover .nt_dropbtn{
  background-color: #3c3636;
  transition: transform .5s, background-color .5s;
    will-change: transform;
}

.body--night-mode .neptop_navhead a:hover, .nt_drophead:hover .nt_dropbtn{
  color: #fff;
  transition: transform .5s, background-color .5s;
  will-change: transform;
}

.body--night-mode .nt_dropdown_content{
  background-color: #000;
  transition: transform .5s, background-color .5s;
  will-change: transform;
}

.body--night-mode .nep_tag_trick a{
  border: solid 1px #fff;
}


.body--night-mode .nep_tag_trick a:hover{
  color: #ffd454;
}

.body--night-mode .controls a{
  color: #000;
}

.body--night-mode .nep_lyrics_aut_body {
  background-color:#333030 ;
}

.body--night-mode .nep_single_lyrics pre {
  background-color:#000 ;
  border: solid 1px #fff;
}

.body--night-mode .nep_collapsible {
  background-color:#000 ;
  color: #fff;
}

.body--night-mode .nep_footer_body {
  background-color:#000 ;
  border-top: solid 1px #fff;
}

.body--night-mode .nep_all_menu {
  border-bottom: solid 1px #fff;
}

.body--night-mode button.nep_collapsible:after{
  color: #fff;
}

.body--night-mode .nep_cat_ttital{
  border-bottom: solid 1px #fff;
}