body
{
    margin:auto;
    padding:10px;
    background-color:#000;
    font-size:14px;
    font-family:Verdana;
}

.headphones {
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.5px;
    width:60px;
}
.headphones:hover {
  stroke-width:2.5px;
}
.headphones0{
  stroke:#ffd;
}
.headphones1{
  stroke:#ff8;
}
.headphones2{
  stroke:#ff4;
}
.headphones3{
  stroke:#fd4;
}
.headphones4{
  stroke:#fa4;
}

.my-player{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:0.5px;
  width:30px;
  height:30px;
  stroke:#ff4;
}

.my-player:hover{
  stroke-width:1px;
}
.my-player.effect:hover{
  stroke-width:1px;
}
.my-player.muteSolo:hover{
  stroke-width:1px;
}

.my-player.effect.effect0{
  stroke:#ffd;
}
.my-player.effect.effect1{
  stroke:#ff8;
}
.my-player.effect.effect2{
  stroke:#ff4;
}
.my-player.effect.effect3{
  stroke:#fa4;
}

.my-player.effect{
  stroke-width:0.5px;
  width:15px;
  height:15px;
  margin: 7px;
}

.my-player.muteSolo{
  stroke-width:0.5px;
  width:15px;
  height:15px;
  margin: 7px;
}

.my-menu-active {
    stroke-width:1px;
    stroke:#ffd;
}

.hitCounter.badge-done0 {
    background-color: #030303;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: none;
    color: #aaa;
    text-decoration: none;
    text-indent: 40px;
    padding: 7px;
    min-width: 90px;
    font-size: 8px;
    background-position: 8px 10px;
}

.carousel-image {
  align:center;
  vertical-align:middle;border-radius: 12px; padding: 5px;
  max-width: 90%;
  max-height: 680px;
  object-fit: contain;
}

.label {
  color: #fa4;
}


[type='range'] {
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: 12.5em;
  height: 1.5em;
  background: transparent;
  font: 1em arial, sans-serif;
}
[type='range'], [type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #888;
}
[type='range']::-moz-range-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #888;
}
[type='range']::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.25em;
  background: #888;
}
[type='range']::-webkit-slider-thumb {
  margin-top: -0.15em;
  box-sizing: border-box;
  border: none;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #fa4;
}
[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #fa4;
}
[type='range']::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #fa4;
}