.hidden_menu {
  transition: 0.5s;
  visibility: hidden;
  opacity: 0.0;
  position: absolute;
  bottom: 8.4vh;
  left: 5vh;
}

.hidden_menu_active {
  visibility: visible;
  opacity: 1.0;
}

.loop_button {
  transition: 0.5s ease-in;
  height: 5vh;
  width: 5vh;
  background-size: 4vh;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5vh;
  cursor: pointer;
  background-color: #474757;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
}

.loop_image {
  transition: 0.5s ease-in;
  background-image: url("../../static/images/interface/loop.svg");
  background-size: 2.7vh;
  width: 5vh;
  height: 5vh;
  background-position: center;
  background-repeat: no-repeat;
}

.loop_image_clicked {
  filter: brightness(3);
}

.next_button {
  cursor: pointer;
  margin-top: 1.5vh;
  margin-bottom: 1.5vh;
  height: 5vh;
  background-image: url(../../static/images/interface/skip_next.svg);
  width: 5vh;
  background-size: 2vh;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
  border-radius: 0.5vh;
  background-color: #474757;
}

.repeat_button {
  cursor: pointer;
  height: 5vh;
  background-color: #474757;
  border-radius: 0.5vh;
  background-image: url(../../static/images/interface/replay.svg);
  width: 5vh;
  background-size: 2.6vh;
  background-position: 45% 43%;
  background-repeat: no-repeat;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
}
.hide_menu_button {
  transition: 0.5s;
  height: 4.5vh;
  cursor: pointer;
  width: 4vh;
  background-image: url(../../static/images/interface/arrow_left.svg);
  background-size: 4.5vh;
  background-position: center;
  position: absolute;
  filter: invert(1);
  border-radius: 0.5vh;
  bottom: 8.4vh;
  left: 21vh;
  background-color: rgba(0, 0, 0, 0.08);
  border: 2px solid #0000001f;
  opacity: 0.0;
  visibility: hidden;
}

.features_button_active {
  opacity: 1.0;
  visibility: visible;
}

.hide_menu_button_active {
  left: 12vh;
  background-image: url(../../static/images/interface/arrow_right.svg);
}

.switched {
  left: -295vh;
}

.switched_skip {
  left: -20vh;

}

.switched_offer {
  left: -9vh;

}

.clicked_loop {
  background-color: #ff6aff;
  filter: brightness(100%);
}

body.stop-transitions * {
  transition: none !important;
}