@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .skip_button {
    bottom: 1.75vh;
    left: 130.5vh;
  }
  .button_container {
    padding: 5.25vh 8.2vh;
    border-radius: 1vh;
    background-size: 45%;
  }

  .name {
  font-size: 4.3vh;
  margin-top: -9.4vh;
  left: 2.8vh;

}

  .text {
  font-size: 4.2vh;
  margin-top: -0vh;
  margin-left: 2vh;
  line-height: 6vh;
  width: 111vh;
}

  .dialog {
  height: 16vh;
  padding: 2vh 1vh;
  width: 130vh;
  left: 0;
  right: 0;
  bottom: 4vh;
}


  .offer_edit {
  height: 10.5vh;
  width: 9.8vh;
  left: 148.5vh;
  bottom: 1.75vh;
  background-size: 38%;
  border-radius: 1vh;
  border-radius: 1vh;
}

.main_menu_buttons {
    width: 33vh;
    height: 10vh;
    border-radius: 1vh;
    font-size: 5.2vh;
    margin: 2vh 0;
    line-height: 9.8vh;
}

  
.main_buttons {
    position: absolute;
    right: 18vh;
    bottom: 2vh;
}




  .log_in_button, #log_in_button_game {
                  position: absolute;
                  width: 27vh;
                  height: 10vh;
                  left: 3vh;
                  text-decoration: none;
                  top: 0vh;
                  font-size: 3.3vh;
                  line-height: 7vh;
                  background-size: 21%;
                  background-position: 16.2vh;
                 }

#log_in_button_game {
  	left: 10vh;

}



  .patreon {
  height: 10vh;
}

.patreon_small {
  width: 6.4vh;
  background-position: 3%;
  background-size: 35vh;
}


  



.gallery_menu {
  bottom: 0vh;
  width: 150vh;
  height: 100vh;
}

.gallery_items {
  height: 99%;
  width: 144.3vh;
}

  .gallery_footer {top: 71vh;height: 15.5vh;z-index: 1;}

  .version_gallery_text {
  padding: 2vh 3vh;
  margin-top: 3vh;
  font-size: 5vh;
  border-radius: 1.5vh;
  background-color: #4f4f6b;
}

  
.item {
  width: 42vh;
  height: 45vh;
  padding: 3vh 1.5vh;
}

  .gallery_image {
  border-radius: 1vh;
  width: 41vh;
  height: 23vh;
}

  .paid_image {
  height: 25vh;
  top: 2vh;
  left: 0.5vh;
  border-radius: 1.5vh;
  width: 43vh;
}

  .item_text {
  width: 35vh;
  top: 29vh;
  padding: 2vh 1vh;
  font-size: 4vh;
}

  .menu-header {
  border-bottom: 0.1vh solid #6C6C6C;
  display: flex;
  height: 12vh;
  align-items: center;
}

  .title_menu {font-size:4.2vh;
               line-height: 5vh;
               padding: 3.5vh 3.5vh;}


  .gallery_container {height: 80%;padding: 0vh 5.5vh;}


  
  .locked_item {
  height: 8.5vh;
  width: 8.5vh;
  left: 2vh;
  top: 4.4vh;
}
.locked_item_money {
  height: 10.5vh;
  width: 10.5vh;
  left:2vh;
    top: 4.4vh;

}


  .randomizer {
  padding: 2vh 4vh;
  left: 4vh;
  top: 2vh;
  font-size: 4vh;
  line-height: 7vh;
  border-radius: 1.5vh;
box-shadow: 0 0.4vh 0.6vh rgba(0, 0, 0, 0.2), 0 0.1vh 0.3vh rgba(0, 0, 0, 0.1);

}
.randomizer::before {
  height: 7.1vh;
  width: 7vh;
  margin-right: 2.2vh;
}

.close-menu {
    height: 12vh;
    width: 12vh;
    background-size: 40%;
    background-position: 47%;
    right: 0;
}

  
.game_menu {
  top: 14vh;
  right: 2vh;
  width: 50vh;
}

.game_menu_item {
  font-size: 4.5vh;
  margin: 3.5vh 15.5vh 4.5vh 5vh;
}

  
.credits_menu, .roadmap_menu, .walkthrough_menu, .preview_menu, .faq_menu {
  width: 150vh;
  height: 100vh;
  bottom: 0vh;
}

.credits_menu {
  height: 100vh;
  width: 89vh;
  left: -70vh;
  bottom: 0vh;
}


.special_thanks {
  width: 61vh;
  height: 100vh;
  bottom: 0vh;
  left: 100vh;
}

.credits_text, .roadmap_text, .credits_text_walkthrough {
  font-size: 4.2vh;
  line-height: 7vh;
  padding: 3vh 4vh  4vh 5vh;
  height: 80.9vh;
}

  .thnx {
height: 80.9vh !important;
    width: 52vh;
}



  

  .switch {
  width: 11vh;
  margin-left: 4vh;
  height: 8.5vh;
}
  
.switch_container {
  padding: 4vh;
  right: 0;
}

.switch_text {
  font-size: 5vh;
}

.slider {
  top: 1vh;
  left: 0;
  right: 0;
  bottom: 1.5vh;
  border-radius: 1.75vh;
}

.slider:before {
  height: 6.5vh;
  width: 6.5vh;
  left: 0;
  border-radius: 50%;
}

input:checked + .slider:before {
  -webkit-transform: translateX(5vh);
  -ms-transform: translateX(5vh);
  transform: translateX(5vh);
}


/* Rounded sliders */
.slider.round {
  border-radius: 5vh;
}

.slider.round:before {
  border-radius: 50%;
}



.gallery_overlay, .gallery_overlay_walkthrough {
  height: 72.5vh;
  top: 12vh;
  width: 100%;
}

  
.gallery_locked_popup, .gallery_walkthrough_popup {
  width: 80vh;
  padding: 2vh 2vh;
  height: 40vh;
  bottom: 16vh;
}
  .hidden_scene_text {
    position: absolute;
    font-size: 3.5vh;
    line-height: 6vh;
    padding: 3vh 3vh 0vh 4vh;
    width: 63vh;
}

  #patreon_paywall {width: 40vh;
                    height: 9vh;
                    box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);

                    background-size: 92%;
                    border-radius: 1.5vh;
                    margin-top: 27vh;
                   }

  #log_in_gallery.log_in_button_hidden_scene {
      margin-left: 3vh;
    border-radius: 1vh;
    font-size: 4vh;
    box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);

                    margin-top: 27vh;
  
    width: 25vh;
    height: 9vh;
}

  .saves-menu {
    left: 0;
    bottom: 0;
    width: 178vh;
    height: 100vh;
    box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
}

.save_item {
    width: 40vh;
    height: 80vh;
    margin: 3.4vh 1.8vh;
    box-shadow: 0 0.4vh 0.8vh rgba(0, 0, 0, 0.3), 0 0.2vh 0.5vh rgba(0, 0, 0, 0.2);
}

  .first_saves_container .screenshot {height: 20.3vh;margin-bottom: 2vh;}


.first_saves_container .sprite_preview {height: 13.3vh;margin-bottom: 1.8vh;object-fit: cover;width: 100%;}

.first_saves_container .pr_title {font-size: 4vh;margin-bottom: 1vh;padding: 1vh 3vh;}

.first_saves_container .pr_description {font-size: 3.4vh;line-height: 4.6vh;padding: 0 3vh;}

.first_saves_container .pr_button {
    box-shadow: 0px 0.3vh 0.3vh rgb(0 0 0 / 14%), 0px 0.1vh 0.7vh rgb(0 0 0 / 12%), 0px 0.1vh 0.2vh rgb(0 0 0 / 20%);
    border-radius: 1vh;
    font-size: 3.5vh;
    text-align: center;
    height: 10.6vh;
    bottom: 2.5vh;
    left: 2.2vh;
    right: 2.2vh;
  white-space: normal;
    word-wrap: break-word;
  padding:0vh 6vh;
}

.first_saves_container .saves_small_title {line-height:5vh;font-size: 3.5vh;padding: 0 3vh;}

.first_saves_container .saves_description {font-size: 3.5vh;line-height: 4.7vh;padding: 0 3vh;margin-top: 0.7vh;margin-bottom: 1vh;}

.create_button, .start_button {
    border-radius: 1vh;
    font-weight: 600;
    font-size: 3.9vh;
    width: 36vh;
    height: 8.6vh;
}

  .delete_button {
    width: 10vh;
    height: 10vh;
    border-radius: 1vh;
    box-shadow: 0px 0.3vh 0.3vh rgb(0 0 0 / 14%), 0px 0.1vh 0.7vh rgb(0 0 0 / 12%), 0px 0.1vh 0.2vh rgb(0 0 0 / 20%);
}

  .save_icon {max-width: 10vh;max-height: 10vh;margin-bottom: 3.5vh;}

.autosave_container {
    margin: 1.5vh 2.5vh;
}

  .autosave_title, .manual_title {
        font-size: 4.5vh;
        line-height: 6vh;
        padding: 2vh 0.5vh;
}

  .autosave {
    width: 45vh;
    height: 72vh;
    box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
}

.manual_container {
    margin: 1.5vh 2.5vh;
}

.manual {
    width: 119vh;
    height: 15.95vh;
    margin-bottom: 2.7vh;
    box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
}

  .autosave .saves_small_title {font-size: 3.5vh;padding: 0 3vh;}

.autosave .saves_description {font-size: 3.5vh;padding: 0 3vh;margin-top: 1.2vh;margin-bottom: 1vh;line-height: 4.7vh;}

.autosave .start_button {
    left: 3vh;
    position: absolute;
    bottom: 2.5vh;
    width: 39vh;
}

  .autosave .screenshot {height: 22.3vh;margin-bottom: 1.8vh;object-fit: cover;width: 100%;}

  .back_button {
    width: 10vh;
    height: 10vh;
    padding: 1.2vh;
}

  .manual .save_icon {
    margin-right: 4vh;
}


  .manual .screenshot {width: 27.3vh;margin-right: 2vh;}

  .manual .saves_small_title {font-size: 3.5vh;margin: 0.8vh 1.5vh;/* padding: 0 2vh; */}

.manual .saves_description {font-size: 3.5vh;margin: 0.5vh 1.5vh;max-width: 15vh;}

.manual .saves_description.location_name {font-size: 3.5vh;margin: 0px 1.5vh;max-width: 24vh;}


.manual .start_button {
    right: 10vh;
    width: 19vh;
    bottom: 2.5vh;
}

  .manual .delete_button {
    right: 0;
    margin-right: -3vh;
    margin-top: -9vh;
    width: 10vh;
    height: 10vh;
    border-radius: 1vh;
    box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
}

  .sound {
  height: 10vh;
  width: 19.5vh;
  background-size: 4.7vh;
  background-position: 18% 50%;
  transition: 0.2s;
    box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
}

  
.sound_container:hover .sound {
  height:10vh;
    background-position: 18% 50%;
}

.sound_container:hover .show_slider {
    top: 0vh;
}

.show_slider {
  width: 10vh;
  height: 9vh;
  top: 0.5vh;
  left: 10vh;
  background-size: 39%;
  background-position: 43%;
 }

.sound_container {
  right: 13vh;
}

.range_container {
  right: 4.3vh;
  width: 25vh;
  height: 8vh;
  border-radius: 1vh;
  top: -20vh;
  transform: rotate(270deg);
}

.range_active {
  top: 21vh;
}

#volume-control {
  margin-left: 1.4vh;
  margin-top: 2.45vh;
  width: 21vh;
  height: 3.2vh;
}


  .game_menu_button {
  background-size: 4.5vh;
  width: 9vh;
  box-shadow: 0px 0.2vh 0.8vh 0.2vh #00000024;
  height: 10vh;
  right: 2vh;
  top: 0;
}

  .hidden_scene_image {
  height: 30vh;
  width: 70vh;
  object-fit: cover;
  /* height: min-content; */
  /* margin-bottom: 1vh !important; */
}

  .hidden_scene, .hidden_scene_pre, .hidden_scene_pre_2 {
  width: 70vh;
  height: 100vh;
  left: 0;
  right: 0;
  bottom: 0vh;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
}

  #log_in_gallery.log_in_button_hidden_scene, #log_in_gallery_2.log_in_button_hidden_scene, #log_in_button_hidden_scene.log_in_button_hidden_scene  {
      margin-left: 4vh;
      font-size: 4vh;
      margin-top: 25.8vh;
      width: 21vh;
      height: 9.6vh;
}

  
.patreon_button {
    width: 37vh;
    height: 18.8vh;
    margin-top: 37.8vh;
    border-radius: 1vh;
}















  .main_paywall_block {
    margin: 0vh 3vh;
    height: 100vh;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.paywall_header {
    font-size: 3.5vh;
}




.paywall_list {padding: 0;margin-bottom: 3vh;margin-top: 2vh;}

.paywall_item {margin: 1.2vh 0vh;font-size: 3.5vh;margin-top: 2.5vh;width: 65vh;line-height: 6.5vh;}

.paywall_bottom_text {
    font-size: 2.4vh;
}


#log_in_paywall {margin-left: 1vh;box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);border-radius: 1.3vh;font-size: 4vh;margin-top: 0.4vh;width: 22vh;height: 9.6vh;}

#patreon_paywall {width: 44vh;box-shadow: 0px 0.3vh 0.4vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);height: 9.5vh;cursor: pointer;background-position: center;background-size: 92%;border-radius: 0.5vh;margin-top: 26vh;background-image: url(../../static/images/become_a_patron_button.png);}

.main_paywall_image {
    width: 75vh;
    object-fit: cover;
    height: 28vh;
}

.paywall_main {left: 3vh;bottom: 0vh;}

.paywall_container {
    margin: 3.2vh 0vh 0  4.5vh;
}

.logline {
    width: 69vh;
    line-height: 5.5vh;
    font-size: 3.5vh;
    margin-top: 1.5vh;
    margin-bottom: 2.5vh;
}

.paywall_menu {
    background-size: 101%;
}

#play_game_old {
    margin-right:2vh;
    box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    border-radius: 1.3vh;
    font-size: 4vh;
    margin-top: 9.5vh;
    width: 38vh !important;
    height: 9.6vh;
}

#play_game_new {
    margin-right:2vh;
    box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
    border-radius: 1.3vh;
    font-size: 4vh;
    margin-top: 0.4vh;
    width: 40vh;
    height: 9.6vh;
}



.suggestion {
  padding: 3.6vh 4vh 2.3vh 4.3vh;
}

  
.edit_text {
  font-size: 4vh;
}

.edit_text_second {
  margin-top: 3.5vh;
}

.disabled_textarea {margin-top: 4vh;height: 17.8vh;padding: 2.8vh 2.6vh 2.6vh 3.2vh;width: 94.5vh;font-size: 4vh;line-height: 5.5vh;border-radius: 1.5vh;}
.active_textarea {margin-top: 4vh;height: 17.8vh;padding: 2.8vh 1.6vh 1.6vh 3.2vh;width: 95.5vh;font-size: 4vh;border-radius: 1.5vh;}


.edit {
  height: 99.4vh;
  width: 108vh;
  box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
}

  .button_send {
  right: 3.5vh;
  bottom: 3vh;
  box-shadow: 0px 0.5vh 0.7vh rgb(0 0 0 / 14%), 0px 0.2vh 0.8vh rgb(0 0 0 / 12%), 0px 0.2vh 0.3vh rgb(0 0 0 / 20%);
  border-radius: 1.3vh;
  font-size: 4.6vh;
  width: 23vh;
  height: 9.6vh;
}

  .notification {
  right: 2vh;
  font-size: 5vh;
  top: 13vh;
  box-shadow: 0.2vh 0.5vh 1vh #0000003b;
  padding: 2vh;
}


  #autoplayBtn {
    left: 118.2vh;
    border-radius: 1vh;
    height: 10.5vh;
    width: 10.5vh;
    bottom: 1.75vh;
    background-size: 49%;
}

  
.hide_menu_button {
  height: 10.5vh;
  width: 7vh;
  background-size: 10.5vh;
  border-radius: 0.5vh;
  bottom: 8.4vh;
  left: 13vh;
}

  .switched {
  left: -295vh;
}

.switched_skip {
  left: -20vh;

}

.switched_offer {
  left: -9vh;

}

.switched_autoplay {
  left: -26vh !important;
}

  
.loop_button {
  height: 10vh;
  width: 10vh;
  background-size: 4vh;
  border-radius: 0.5vh;
}

  .hide_menu_button_active {
  left: 20vh;
}

.loop_image {
  background-size: 5.7vh;
  width: 10vh;
  height: 10vh;
}

  .next_button {
  margin-top: 1.5vh;
  margin-bottom: 1.5vh;
  height: 10vh;
  width: 10vh;
  background-size: 5vh;
  border-radius: 1.3vh;
}

.repeat_button {
  height: 10vh;
  border-radius: 1vh;
  width: 10vh;
  background-size: 5.6vh;
  background-position: 45% 43%;
}

  .spinner_hint{
    font-size: 5.4vh !important;
    border-radius: 1vh  !important;
    width: 73vh  !important;
    padding: 2.6vh  !important;
    left: -97vh  !important;
    bottom: 0vh  !important;
  }

  .sk-flow {
    --sk-size: 9.1vh  !important;
  }

  #spinner {
        background-size: 70vh !important;
        background-position: 95% 55% !important;
  }

  
.profile_button, .profile_button_game {height: 8vh;display: flex;/* border-radius: 0 0 1vh 1vh; */padding: 1.9vh 1.2vh 0 2.5vh;box-shadow: 0.2vh 0.2vh 1vh #00000059;}

.profile_button:hover, .profile_button_game:hover {
  padding: 1.9vh 1.2vh 0 2.5vh;
}

  
.profile.stream_interface {
  left:11vh;
}

  .profile_menu, .profile_menu_game {width: 45vh;box-shadow: 0.2vh 0.2vh 1vh #00000059;}

.profile_title {font-size:3.5vh;padding: 3vh 3vh 2vh 2.8vh;}

.log_out {font-size: 4vh;bottom: 0;border-top: 0.1vh solid #979797;padding: 2.7vh 3vh;}

.log_out::after {
  width: 4.8vh;
  height: 4.8vh;
  right: 3vh;
}

  .profile_menu {
    margin-top: 12vh !important;
  }

  .profile_menu_game.stream_mode {
    margin-top: 2vh;
  }
.benefits {padding: 0.5vh 2vh 0.8vh 3vh;color: white;}

.benefits_item {font-size: 3.8vh;margin-bottom: 1.5vh;}

.infodota {
  line-height: 6vh !important;
  margin-top: 13.5vh !important;
}
.patreon:hover  {
  height: 10vh;
      background-position: 3%;
  background-size: 35vh;
}

.game_menu_button:hover {
    height: 10vh;

}
  
.choices {bottom: 28vh;margin-left: calc(1/2 *(var(--game-width) - 85vh));}

.choice-button {width: 95vh;margin-bottom: 3vh;font-size: 4.5vh;padding: 2vh;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.07), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);color: white;/* border: 0.2vh solid rgba(0, 0, 0, 0.45); */text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);}

  #log_in_button_game:hover {
  height: 10vh !important;
}

  .patreon_small:hover {
      height: 10vh;

      background-position: 3%;
  background-size: 35vh;
}

  
  
#log_in_button_main {
	left: 4vh;
	height: 10.1vh;
	width: 31vh;
  font-size: 3.3vh;
	width: 27vh;
}


  
    }