.volume-slider{
  display: flex;
  align-items: center;
  justify-content: center;
  /* gap: -10px; */
}

.volume-icon{
  max-width: 20px;
  filter: invert(1);
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .audio-slider {
    --s: 30px; /* thumb size*/

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--white-color);
    cursor: pointer;
    overflow: hidden;
  }

  /* Chrome, Edge, Safari, Opera, firefox */
  .audio-slider[type="range" i]::-webkit-slider-thumb,
  .audio-slider[type="range"]::-moz-range-thumb {
    background: none;
    border-radius: 50%;
    /* box-shadow: 0 0 0 var(--black-color) inset var(--black-color); */
    -moz-appearance: none;
    appearance: none;
  }
}