.primary {
  overflow: hidden;
  background-color: white;
  border-radius: 1vh;
  margin: auto;
  width: 69vh;
  /* margin-bottom: 5vh; */
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
  height: 75vh;
}

.secondary {
  overflow: hidden;
  background-color: white;
  margin-right: 4vh;
  margin-left: 1.5vh;
  margin-bottom: 2vh;
  width: 76vh;
  border-radius: 1vh;
  display: flex;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
  flex-wrap: nowrap;
}

.primary_big_text {
  font-size: 2.3vh;
  padding: 3vh 2vh 1vh 3vh;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.select_update {
  width: 157vh;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
top: 14vh;
  /*without paywall*/
  
  /* with paywall */
  display: flex;
}

.secondary_big_text {
  font-size: 2.5vh;
  padding: 2.3vh 2vh 1vh 3vh;
  font-weight: 500;
  color: #4c4b4b;
}

.select_buttons_container {
  padding: 0vh 3vh 0vh;
}

.primary_info {
  padding-bottom: 2vh;
}

.primary_image {
  margin-left: 2vh;
  width: 81vh;
  background-color: gray;
}

.secondary_image {height: 17.2vh;object-fit: cover;width: 28vh;}

.select_preview_text {
  padding: 0vh 0.8vh 0.6vh 3vh;
  width: 44vh;
}

.buttons_white {
  margin-right: 1.3vh;
}

.versions_scenes {
  /* display: flex; */
  /* margin: auto; */
  width: max-content;
    margin-top: 17.5vh;
  }

.scene_selector {
  display: none;
  background: url("../../static/images/sprite/Intro2.webp");
  background-size: contain;
}

.dirty_deeds {
  background: url("/static/images/deeds_logo.webp");
  background-size: contain;
  width: 30vh;
  height: 26vh;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  bottom: 11vh;
  filter: drop-shadow(1px 3px 3px #00000050);
  left: 2vh;
}

.promo_badge {
    border-radius: 5vh;
    padding: 1vh;
    width: 19vh;
    display: flex;
    gap: 1vh;
    background-color: #f665d0;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2.2vh;
    color:white;
    margin-right: 1vh;
}