/*Контейнер с настройками звука*/
.block_setting_down {
   position: fixed;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 0px 0px 4px 4px;
   border: 1px solid rgb(49, 49, 49);
   /*margin-top: 183px;*/
   background-image: url(../images/fon_meny.png);
   z-index: -1;
   transition: 0.3s;
}

.block_setting_up {
   position: fixed;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 0px 0px 4px 4px;
   border: 1px solid rgb(49, 49, 49);
   margin-top: -53px;
   background-image: url(../images/fon_meny.png);
   z-index: -1;
   transition: 0.5s;
}

/* Контейнер с иконкой и слайдером*/
.slide_container {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin: 3px;
}

.slide_icon {
   margin: 0px 10px;
   width: 33px;
   height: 33px;
}

.slide_icon_font {
   position: relative;
   margin-left: 10px;
   top: 6px;
   width: 33px;
   height: 33px;
}

/* Контейнер */
input[type=range] {
   -webkit-appearance: none;
   width: 90%;
   z-index: 10;
}

input[type=range]:focus {
   outline: none;
}

/* Полоса в Хроме */

input[type=range]::-webkit-slider-runnable-track {
   height: 6px;
   cursor: pointer;
   border: 1px solid #575656;
   box-shadow: 1px 1px 3px rgb(77, 77, 77);
   background: rgb(141, 230, 110);
}

/* Бегунок в Хроме */

input[type=range]::-webkit-slider-thumb {
   box-shadow: 1px 1px 3px rgb(77, 77, 77);
   border: 1px solid #000;
   height: 15px;
   width: 8px;
   border-radius: 40%/60%;
   background: #ffffff;
   cursor: pointer;
   -webkit-appearance: none;
   margin-top: -6px;
}

/* Полоса в Мозиле */

input[type=range]::-moz-range-track {
   height: 8px;
   cursor: pointer;
   box-shadow: 1px 1px 3px rgb(77, 77, 77);
   background: rgb(141, 230, 110);
   border: 1px solid #575656;
}

/* Бегунок в Мозиле */

input[type=range]::-moz-range-thumb {
   box-shadow: 1px 1px 3px rgb(77, 77, 77);
   border: 1px solid #000000;
   height: 15px;
   width: 8px;
   border-radius: 40%/60%;
   background: #ffffff;
   cursor: pointer;
}