.hidden_menu {
  transition: 0.5s;
  visibility: hidden;
  opacity: 0.0;
  position: absolute;
  bottom: 3vh;
  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: white;
    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: 4vh;
  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: 4vh;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0.2vh 0.2vh 1vh #00000059;
    border-radius: 0.5vh;
    background-color: white;
}

.repeat_button {
  cursor: pointer;
    height: 5vh;
    background-color: white;
    border-radius: 0.5vh;
    background-image: url(../../static/images/interface/replay.svg);
    width: 5vh;
    background-size: 4vh;
    background-position: center;
    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: 9.6vh;
  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: #6D71FD;
  filter: brightness(100%);
}

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