.weather-hunters-premiere-theme {
  --theme-stage-height: 50vw;
  --scale-factor: 1;
  --max-theme-stage-width: 100vw;
  --phat-button-bottom: 100px;
  --phat-button-height: 90px;
  --full-group-left: 25vw;
  --full-group-transform: translateX(-50%);
  --lily-right: 25vw;
  --lily-transform: translateX(50%);
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section {
  height: var(--theme-stage-height) !important;
  max-height: none;
  min-height: none;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section .max-wrapper {
  height: 100%;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section .title-block {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--max-theme-stage-width);
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section #theme-stage {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  background: url('../images/bg.jpg') #71C6E3;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section #theme-stage .weather-hunters-premiere-stage {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: scale(1);
  opacity: 1;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section #theme-stage .weather-hunters-premiere-stage.init-state {
  transform: scale(0.7);
  opacity: 0;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section #theme-stage .weather-hunters-premiere-stage.animate-in {
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section #theme-stage .weather-hunters-premiere-stage.animate-in .character-on-stage {
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button {
  bottom: var(--phat-button-bottom);
  z-index: 1;
}
.weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button::after {
  display: var(--phat-button-decoration-display);
}
.weather-hunters-premiere-theme .character-on-stage {
  position: absolute;
  width: 100%;
  line-height: 0;
}
.weather-hunters-premiere-theme .character-on-stage .character {
  width: 100%;
}
.weather-hunters-premiere-theme .show-logo {
  top: var(--show-logo-top);
  left: var(--show-logo-left);
  right: var(--show-logo-right);
  bottom: var(--show-logo-bottom);
  transform: var(--show-logo-transform, none);
  z-index: 1;
  width: calc(var(--show-logo-width) * var(--scale-factor));
}
.weather-hunters-premiere-theme .show-logo > img {
  position: relative;
  z-index: 1;
}
.weather-hunters-premiere-theme .show-date {
  top: var(--show-date-top, 86%);
  left: var(--show-date-left, 0);
  width: var(--show-date-width, 100%);
}
.weather-hunters-premiere-theme .lily {
  top: var(--lily-top);
  right: var(--lily-right);
  bottom: var(--lily-bottom);
  transform: var(--lily-transform, none);
  z-index: 3;
  overflow: var(--lily-overflow);
  width: calc(var(--lily-width) * var(--scale-factor));
  height: var(--lily-height);
}
.weather-hunters-premiere-theme .full-group {
  left: var(--full-group-left);
  bottom: var(--full-group-bottom);
  transform: var(--full-group-transform, none);
  z-index: 2;
  overflow: var(--full-group-overflow, visible);
  width: calc(var(--full-group-width) * var(--scale-factor));
  height: var(--full-group-height);
}
.weather-hunters-premiere-theme .init-state {
  --show-logo-top: -100vw;
  --full-group-left: -100vw;
  --lily-right: -100vw;
}
@media only screen and (max-width: 480px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 800px;
    --phat-button-bottom: 260px;
  }
  .weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button {
    width: calc(100% - 52px);
    margin: 0 26px;
  }
  .weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button.games {
    bottom: calc(var(--phat-button-bottom) + 100px);
  }
  .weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button.videos {
    bottom: var(--phat-button-bottom);
  }
}
@media only screen and (max-width: 419px) {
  .weather-hunters-premiere-theme {
    --show-logo-top: 128px;
    --show-logo-left: 32px;
    --show-logo-width: 230px;
    --lily-bottom: -28px;
    --lily-right: 50%;
    --lily-transform: translateX(50%);
    --lily-width: 280px;
  }
  .weather-hunters-premiere-theme .full-group {
    display: none;
  }
}
@media only screen and (min-width: 420px) and (max-width: 480px) {
  .weather-hunters-premiere-theme {
    --show-logo-top: 140px;
    --show-logo-left: 37px;
    --show-logo-width: 220px;
    --full-group-bottom: 50px;
    --full-group-left: 15vw;
    --full-group-transform: none;
    --full-group-width: 197px;
    --lily-right: -14vw;
    --lily-top: 165px;
    --lily-transform: none;
    --lily-width: 293px;
    --lily-height: 200px;
    --lily-overflow: hidden;
  }
}
@media only screen and (min-width: 481px) and (max-width: 601px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 668px;
    --phat-button-height: 100px;
    --show-logo-top: 16px;
    --show-logo-left: 150px;
    --show-logo-width: 227px;
    --full-group-bottom: calc(var(--phat-button-height) + var(--phat-button-bottom) + -16px);
    --full-group-width: 284px;
    --full-group-height: 272px;
    --full-group-overflow: hidden;
    --full-group-transform: translateX(-52%);
    --lily-bottom: calc(var(--phat-button-height) + var(--phat-button-bottom) + -16px);
    --lily-overflow: hidden;
    --lily-width: 413px;
    --lily-height: 269px;
    --lily-group-transform: translateX(48%);
  }
  .weather-hunters-premiere-theme.home .scroll-panel.theme-section .phat-button {
    width: 41%;
    padding: 16px 0 6px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 601px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 628px;
    --phat-button-height: 90px;
    --full-group-height: 262px;
    --full-group-overflow: hidden;
    --full-group-width: 282px;
  }
}
@media only screen and (min-width: 602px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 786px;
    --phat-button-bottom: 241px;
    --phat-button-height: 100px;
    --show-logo-top: 16px;
    --show-logo-left: 150px;
    --show-logo-width: 227px;
    --full-group-bottom: calc(var(--phat-button-height) + var(--phat-button-bottom) + -17px);
    --full-group-height: 262px;
    --full-group-overflow: hidden;
    --full-group-width: 282px;
    --full-group-transform: translateX(-52%);
    --lily-bottom: calc(var(--phat-button-height) + var(--phat-button-bottom) + -16px);
    --lily-overflow: hidden;
    --lily-width: 413px;
    --lily-height: 269px;
    --lily-group-transform: translateX(48%);
  }
}
@media only screen and (min-width: 602px) and (max-height: 715px) and (max-width: 775px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 674px !important;
    --phat-button-bottom: 159px !important;
  }
}
@media only screen and (min-width: 667px) and (max-width: 824px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 786px;
    --phat-button-height: 100px;
    --phat-button-decoration-display: none;
    --show-logo-left: 34vw;
  }
}
@media only screen and (min-width: 740px) and (max-width: 824px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: 690px;
    --phat-button-bottom: 156px;
    --phat-button-height: 100px;
  }
}
@media only screen and (min-width: 776px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: calc(0.58 * var(--max-theme-stage-width));
    --phat-button-bottom: 16px;
    --phat-button-decoration-display: none;
    --show-logo-top: 8px;
    --show-logo-width: calc(0.25 * var(--max-theme-stage-width));
    --show-logo-left: calc(0.41 * var(--max-theme-stage-width));
    --show-logo-transform: translateX(-50%);
    --show-date-left: 59%;
    --show-date-top: 80%;
    --show-date-width: 92%;
    --full-group-bottom: calc(-0.02 * var(--max-theme-stage-width));
    --full-group-height: auto;
    --full-group-left: calc(0.23 * var(--max-theme-stage-width));
    --full-group-overflow: visible;
    --full-group-transform: translateX(-33%);
    --full-group-width: calc(0.4 * var(--max-theme-stage-width));
    --lily-bottom: calc(-0.15 * var(--max-theme-stage-width));
    --lily-height: auto;
    --lily-overflow: visible;
    --lily-right: calc(0.23 * var(--max-theme-stage-width));
    --lily-transform: translateX(54%);
    --lily-width: calc(0.55 * var(--max-theme-stage-width));
  }
}
@media only screen and (min-width: 1024px) {
  .weather-hunters-premiere-theme {
    --theme-stage-height: calc(0.53 * var(--max-theme-stage-width));
    --phat-button-bottom: 24px;
    --phat-button-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1379px) {
  .weather-hunters-premiere-theme {
    --scale-factor: 0.95;
    --show-logo-left: calc(0.36 * var(--max-theme-stage-width));
  }
}
@media only screen and (min-width: 1380px) {
  .weather-hunters-premiere-theme {
    --scale-factor: 0.77;
    --theme-stage-height: calc(0.4 * var(--max-theme-stage-width));
    --show-logo-top: 16px;
    --show-logo-left: calc(0.46 * var(--max-theme-stage-width));
    --show-date-left: 62%;
  }
}
@media only screen and (min-width: 1600px) {
  .weather-hunters-premiere-theme {
    --max-theme-stage-width: 1600px;
  }
}