@-webkit-keyframes scrollbar {
  0% {
    height: 0;
  }
  15% {
    height: 0;
  }
  30% {
    height: 0;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes scrollbar {
  0% {
    height: 0;
  }
  15% {
    height: 0;
  }
  30% {
    height: 0;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes scrollbar2 {
  0% {
    height: 100%;
  }
  15% {
    height: 0%;
  }
  50% {
    height: 0%;
  }
  100% {
    height: 0%;
  }
}
@keyframes scrollbar2 {
  0% {
    height: 100%;
  }
  15% {
    height: 0%;
  }
  50% {
    height: 0%;
  }
  100% {
    height: 0%;
  }
}
@-webkit-keyframes extend {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes extend {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes hidden {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes hidden {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@-webkit-keyframes arrowlong01 {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
@keyframes arrowlong01 {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes arrowlong02 {
  0% {
    width: 100%;
    opacity: 1;
  }
  2% {
    width: 100%;
    opacity: 0;
  }
  3% {
    width: 0;
    opacity: 0;
  }
  10% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes arrowlong02 {
  0% {
    width: 100%;
    opacity: 1;
  }
  2% {
    width: 100%;
    opacity: 0;
  }
  3% {
    width: 0;
    opacity: 0;
  }
  10% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes arrowslide {
  0% {
    left: -100%;
    opacity: 0;
  }
  1% {
    left: -100%;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes arrowslide {
  0% {
    left: -100%;
    opacity: 0;
  }
  1% {
    left: -100%;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes vt-breathe {
  0%, 100% {
    transform: scaleY(1) scaleX(1);
  }
  40% {
    transform: scaleY(1.02) scaleX(1.006);
  }
  60% {
    transform: scaleY(1.018) scaleX(1.005);
  }
}
@keyframes vt-breathe {
  0%, 100% {
    transform: scaleY(1) scaleX(1);
  }
  40% {
    transform: scaleY(1.02) scaleX(1.006);
  }
  60% {
    transform: scaleY(1.018) scaleX(1.005);
  }
}
@-webkit-keyframes vt-jump {
  0% {
    transform: translateY(0);
  }
  18% {
    transform: translateY(-8px);
  }
  36% {
    transform: translateY(0);
  }
  52% {
    transform: translateY(-4px);
  }
  68% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes vt-jump {
  0% {
    transform: translateY(0);
  }
  18% {
    transform: translateY(-8px);
  }
  36% {
    transform: translateY(0);
  }
  52% {
    transform: translateY(-4px);
  }
  68% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes vt-jump-rooted {
  0% {
    transform: scaleY(1) scaleX(1) rotate(0deg);
  }
  10% {
    transform: scaleY(0.97) scaleX(1.02) rotate(-7deg);
  }
  26% {
    transform: scaleY(1.03) scaleX(0.99) rotate(9deg);
  }
  42% {
    transform: scaleY(0.99) scaleX(1.005) rotate(-7deg);
  }
  58% {
    transform: scaleY(1.01) scaleX(0.997) rotate(5deg);
  }
  74% {
    transform: scaleY(1) scaleX(1) rotate(-3deg);
  }
  88% {
    transform: scaleY(1) scaleX(1) rotate(1deg);
  }
  100% {
    transform: scaleY(1) scaleX(1) rotate(0deg);
  }
}
@keyframes vt-jump-rooted {
  0% {
    transform: scaleY(1) scaleX(1) rotate(0deg);
  }
  10% {
    transform: scaleY(0.97) scaleX(1.02) rotate(-7deg);
  }
  26% {
    transform: scaleY(1.03) scaleX(0.99) rotate(9deg);
  }
  42% {
    transform: scaleY(0.99) scaleX(1.005) rotate(-7deg);
  }
  58% {
    transform: scaleY(1.01) scaleX(0.997) rotate(5deg);
  }
  74% {
    transform: scaleY(1) scaleX(1) rotate(-3deg);
  }
  88% {
    transform: scaleY(1) scaleX(1) rotate(1deg);
  }
  100% {
    transform: scaleY(1) scaleX(1) rotate(0deg);
  }
}
@-webkit-keyframes vt-drop-fall {
  0% {
    transform: translateY(0);
    opacity: 0.9;
  }
  100% {
    transform: translateY(60px);
    opacity: 0;
  }
}
@keyframes vt-drop-fall {
  0% {
    transform: translateY(0);
    opacity: 0.9;
  }
  100% {
    transform: translateY(60px);
    opacity: 0;
  }
}
@-webkit-keyframes vt-splash-core {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes vt-splash-core {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes vt-splash-ring {
  0% {
    transform: scale(0.2);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes vt-splash-ring {
  0% {
    transform: scale(0.2);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@-webkit-keyframes vt-splash-ring2 {
  0% {
    transform: scale(0.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
@keyframes vt-splash-ring2 {
  0% {
    transform: scale(0.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
@-webkit-keyframes vt-sparkle-fade {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(0) translateY(-16px);
    opacity: 0;
  }
}
@keyframes vt-sparkle-fade {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(0) translateY(-16px);
    opacity: 0;
  }
}
@-webkit-keyframes vt-ornament-twinkle {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  30% {
    transform: scale(1.15);
    opacity: 1;
  }
  55% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(0.9) translateY(-6px);
    opacity: 0;
  }
}
@keyframes vt-ornament-twinkle {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  30% {
    transform: scale(1.15);
    opacity: 1;
  }
  55% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(0.9) translateY(-6px);
    opacity: 0;
  }
}
@-webkit-keyframes vt-flavor-power-on {
  0% {
    opacity: 0;
    transform: scale(0.12) translateY(34px);
    filter: brightness(2.6) blur(3px);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  6% {
    opacity: 0.55;
    filter: brightness(3) blur(2px);
  }
  11% {
    opacity: 0.1;
  }
  18% {
    opacity: 0.9;
    transform: scale(0.4) translateY(22px);
    filter: brightness(2.1) blur(1.5px);
    -webkit-clip-path: inset(0 0 65% 0);
            clip-path: inset(0 0 65% 0);
  }
  26% {
    opacity: 0.4;
  }
  34% {
    opacity: 1;
    transform: scale(0.72) translateY(9px);
    filter: brightness(1.6) blur(0.5px);
    -webkit-clip-path: inset(0 0 20% 0);
            clip-path: inset(0 0 20% 0);
  }
  58% {
    transform: scale(1.07) translateY(-5px);
    filter: brightness(1.08) blur(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  78% {
    transform: scale(0.97) translateY(1px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: brightness(1) blur(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes vt-flavor-power-on {
  0% {
    opacity: 0;
    transform: scale(0.12) translateY(34px);
    filter: brightness(2.6) blur(3px);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  6% {
    opacity: 0.55;
    filter: brightness(3) blur(2px);
  }
  11% {
    opacity: 0.1;
  }
  18% {
    opacity: 0.9;
    transform: scale(0.4) translateY(22px);
    filter: brightness(2.1) blur(1.5px);
    -webkit-clip-path: inset(0 0 65% 0);
            clip-path: inset(0 0 65% 0);
  }
  26% {
    opacity: 0.4;
  }
  34% {
    opacity: 1;
    transform: scale(0.72) translateY(9px);
    filter: brightness(1.6) blur(0.5px);
    -webkit-clip-path: inset(0 0 20% 0);
            clip-path: inset(0 0 20% 0);
  }
  58% {
    transform: scale(1.07) translateY(-5px);
    filter: brightness(1.08) blur(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  78% {
    transform: scale(0.97) translateY(1px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: brightness(1) blur(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes vt-flavor-power-off {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: brightness(1) blur(0);
  }
  35% {
    opacity: 0.65;
    filter: brightness(1.9) blur(0.5px);
  }
  100% {
    opacity: 0;
    transform: scale(0.86) translateY(12px);
    filter: brightness(2.2) blur(2px);
  }
}
@keyframes vt-flavor-power-off {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: brightness(1) blur(0);
  }
  35% {
    opacity: 0.65;
    filter: brightness(1.9) blur(0.5px);
  }
  100% {
    opacity: 0;
    transform: scale(0.86) translateY(12px);
    filter: brightness(2.2) blur(2px);
  }
}
.vt-drop {
  position: absolute;
  top: 23%;
  left: 50%;
  width: 2vw;
  height: 2vw;
  border-radius: 999px;
  background: #d6c475;
  opacity: 0.9;
  -webkit-animation: vt-drop-fall 0.6s ease-in forwards;
          animation: vt-drop-fall 0.6s ease-in forwards;
}

.vt-splash-core {
  position: absolute;
  top: 57%;
  left: 50%;
  width: 1.4vw;
  height: 1.4vw;
  margin: -0.7vw 0 0 -0.7vw;
  background: #d6c475;
  border-radius: 50%;
  -webkit-animation: vt-splash-core 0.18s ease-out forwards;
          animation: vt-splash-core 0.18s ease-out forwards;
}

.vt-splash-ring {
  position: absolute;
  top: 57%;
  left: 50%;
  width: 2.8vw;
  height: 2.8vw;
  margin: -1.4vw 0 0 -1.4vw;
  border: 0.3vw solid #d6c475;
  border-radius: 50%;
  -webkit-animation: vt-splash-ring 0.22s ease-out forwards;
          animation: vt-splash-ring 0.22s ease-out forwards;
}
.vt-splash-ring.is-delayed {
  width: 2vw;
  height: 2vw;
  margin: -1vw 0 0 -1vw;
  border-width: 0.2vw;
  -webkit-animation: vt-splash-ring2 0.34s ease-out 0.06s forwards;
          animation: vt-splash-ring2 0.34s ease-out 0.06s forwards;
  opacity: 0;
}

.vt-sparkle {
  position: absolute;
  top: 45%;
  width: 0.8vw;
  height: 0.8vw;
  background: #d6c475;
  box-shadow: 0 0 0.8vw #d6c475;
  -webkit-animation: vt-sparkle-fade 0.8s ease-out forwards;
          animation: vt-sparkle-fade 0.8s ease-out forwards;
}

.vt-ornament {
  position: absolute;
  width: 2vw;
  height: 3vw;
  margin: -1.5vw 0 0 -1vw;
  background: url(/venus-tree/svg/ornament.svg) center/contain no-repeat;
  opacity: 0;
  pointer-events: none;
  -webkit-animation: vt-ornament-twinkle 0.7s ease-out forwards;
          animation: vt-ornament-twinkle 0.7s ease-out forwards;
}

.vt-log-cursor {
  display: inline-block;
  margin-left: 0.15em;
  -webkit-animation: vt-cursor-blink 1s step-end infinite;
          animation: vt-cursor-blink 1s step-end infinite;
}

@media screen and (min-width: 768px) {
  .vt-drop {
    width: 0.714vw;
    height: 0.714vw;
  }
  .vt-splash-core {
    width: 0.5vw;
    height: 0.5vw;
    margin: -0.25vw 0 0 -0.25vw;
  }
  .vt-splash-ring {
    width: 1vw;
    height: 1vw;
    margin: -0.5vw 0 0 -0.5vw;
    border-width: 0.107vw;
  }
  .vt-splash-ring.is-delayed {
    width: 0.714vw;
    height: 0.714vw;
    margin: -0.357vw 0 0 -0.357vw;
    border-width: 0.071vw;
  }
  .vt-sparkle {
    width: 0.286vw;
    height: 0.286vw;
  }
  .vt-ornament {
    width: 0.714vw;
    height: 1.071vw;
    margin: -0.536vw 0 0 -0.357vw;
  }
}
@-webkit-keyframes vt-cursor-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@keyframes vt-cursor-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vt-pod-back svg,
.vt-pod-front img,
.vt-plant img,
.vt-plant.is-watering img,
.vt-drop,
.vt-splash-core,
.vt-splash-ring,
.vt-sparkle,
.vt-ornament,
.vt-log-cursor,
.vt-flavor-inner {
    -webkit-animation: none !important;
            animation: none !important;
  }
  .vt-btn,
.vt-plant img,
.vt-overlay,
.vt-meter,
.vt-meter-fill {
    transition: none !important;
  }
  .vt-flavor.is-visible .vt-flavor-inner {
    opacity: 1;
    transform: none;
    filter: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.vt-container {
  background: #796e3f;
  border-top: 1px solid #a9a17f;
  font-family: "DotGothic16", "Hiragino Kaku Gothic Pro", sans-serif;
}
.vt-container img {
  -webkit-user-drag: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.vt-container .vt-title {
  font-size: 3.6vw;
  text-align: center;
  color: #d6c475;
  padding: 20vw 0 6vw;
}
.vt-container .vt-title .vt-title-logo {
  width: 29.4vw;
  margin: 0 auto -3.6vw;
}
.vt-container[data-stage="1"] .vt-inner, .vt-container[data-stage="2"] .vt-inner {
  margin-top: -20vw;
}
.vt-container .vt-inner {
  position: relative;
  height: 88vw;
}
.vt-container .vt-inner .vt-pod {
  width: 65vw;
  height: 65vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -32.5vw;
}
.vt-container .vt-inner .vt-pod .vt-pod-back svg {
  display: block;
  width: 100%;
  transform-origin: bottom center;
  -webkit-animation: vt-breathe 3s ease-in-out infinite;
          animation: vt-breathe 3s ease-in-out infinite;
}
.vt-container .vt-inner .vt-pod .vt-plant {
  width: 65vw;
  position: absolute;
  top: 0;
  left: 0;
}
.vt-container .vt-inner .vt-pod .vt-plant .vt-plant-stage {
  position: relative;
}
.vt-container .vt-inner .vt-pod .vt-plant img {
  display: block;
  width: 100%;
  transition: opacity 0.3s ease;
  transform-origin: bottom center;
  -webkit-animation: vt-breathe 3s ease-in-out infinite;
          animation: vt-breathe 3s ease-in-out infinite;
}
.vt-container .vt-inner .vt-pod .vt-plant.is-watering .vt-plant-stage[data-stage="1"] img {
  -webkit-animation: vt-jump 0.5s ease-in-out;
          animation: vt-jump 0.5s ease-in-out;
}
.vt-container .vt-inner .vt-pod .vt-plant.is-watering .vt-plant-stage[data-stage="2"] img, .vt-container .vt-inner .vt-pod .vt-plant.is-watering .vt-plant-stage[data-stage="3"] img {
  transform-origin: 50% 62.5%;
  -webkit-animation: vt-jump-rooted 0.6s ease-in-out;
          animation: vt-jump-rooted 0.6s ease-in-out;
}
.vt-container .vt-inner .vt-pod .vt-plant.is-watering .vt-plant-stage[data-stage="4"] img, .vt-container .vt-inner .vt-pod .vt-plant.is-watering .vt-plant-stage[data-stage="5"] img {
  transform-origin: 50% 62.5%;
  -webkit-animation: vt-jump-rooted 0.9s ease-in-out;
          animation: vt-jump-rooted 0.9s ease-in-out;
}
.vt-container .vt-inner .vt-pod .vt-pod-front {
  width: 65vw;
  position: absolute;
  top: 0;
  left: 0;
}
.vt-container .vt-inner .vt-pod .vt-pod-front img {
  display: block;
  width: 100%;
  transform-origin: bottom center;
  -webkit-animation: vt-breathe 3s ease-in-out infinite;
          animation: vt-breathe 3s ease-in-out infinite;
}
.vt-container .vt-inner .vt-pod .vt-effects {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}
.vt-container .vt-inner .vt-pod.is-watering .vt-pod-back svg,
.vt-container .vt-inner .vt-pod.is-watering .vt-pod-front img {
  -webkit-animation: none;
          animation: none;
}
.vt-container .vt-inner .vt-meter {
  width: 19vw;
  height: 1.4vw;
  position: absolute;
  top: 18vw;
  left: 50%;
  margin-left: -9.5vw;
  z-index: 2;
  border-radius: 999px;
  border: 0.2vw solid #151718;
  background: rgba(21, 23, 24, 0.55);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9) translateY(4px);
}
.vt-container .vt-inner .vt-meter .vt-meter-fill {
  width: 0%;
  height: 100%;
  background: #d6c475;
  border-radius: 999px;
  transition: width 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.vt-container .vt-inner .vt-meter.is-visible {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: opacity 0.22s ease-out, transform 0.22s ease-out;
}
.vt-container .vt-inner .vt-meter.is-leaving {
  opacity: 0;
  transform: scale(0.94) translateY(-2px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.vt-container .vt-inner .vt-controls .vt-btn {
  width: 40vw;
  height: 40vw;
  position: absolute;
  top: 33vw;
  background: none;
  border: none;
  padding: 0;
  transition: transform var(--vt-t, 0.3s) ease, filter 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.vt-container .vt-inner .vt-controls .vt-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .vt-container .vt-inner .vt-controls .vt-btn:hover {
    transform: scale(1.06);
  }
}
.vt-container .vt-inner .vt-controls .vt-btn:active {
  transform: scale(0.92);
  filter: brightness(1.3);
  transition: transform 0.08s ease, filter 0.08s ease;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-floppy {
  left: 0vw;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can {
  right: 0vw;
  transform-origin: 15% 48%;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can #speech-balloon {
  transition: opacity 0.15s ease;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can #shadow {
  transition: opacity 0.15s ease 0.3s;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-approaching {
  --vt-t: .5s;
  transform: translate(-10%, -95%);
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-tilting {
  --vt-t: .3s;
  transform: translate(-10%, -95%) rotate(-50deg);
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-approaching #speech-balloon, .vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-tilting #speech-balloon, .vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-approaching #shadow, .vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-tilting #shadow {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-watered #speech-balloon {
  opacity: 0;
  pointer-events: none;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-disabled {
  pointer-events: none;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-disabled #speech-balloon {
  display: none;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can .vt-watered-msg {
  position: absolute;
  top: 1.5%;
  left: 22.75%;
  width: 65.25%;
  height: 24.75%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "DotGothic16", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 2.6vw;
  line-height: 1.4em;
  color: #151718;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.vt-container .vt-inner .vt-controls .vt-btn.vt-can.is-watered-msg .vt-watered-msg {
  opacity: 1;
}
.vt-container .vt-inner .vt-feedback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.95) translateY(6px);
  transition: none;
}
.vt-container .vt-inner .vt-feedback .vt-feedback-inner {
  position: relative;
  padding-top: 4vw;
}
.vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-window {
  opacity: 0.9;
  pointer-events: none;
}
.vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-log {
  width: 56vw;
  position: absolute;
  top: 23.5vw;
  left: 50%;
  margin-left: -28vw;
  color: #d6c475;
  font-size: 3vw;
  line-height: 1.6em;
  text-align: left;
  pointer-events: none;
}
.vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-log .vt-log-line {
  min-height: 1.8em;
  white-space: pre-wrap;
  word-break: break-word;
}
.vt-container .vt-inner .vt-feedback.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
  transition: opacity 0.18s ease-out, transform 0.18s ease-out;
}
.vt-container .vt-inner .vt-feedback.is-leaving {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.vt-container .vt-inner .vt-flavor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner {
  position: relative;
  padding-top: 4vw;
  opacity: 0;
  transform-origin: 20% 83%;
  pointer-events: none;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-window {
  opacity: 0.95;
  pointer-events: none;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-close-btn {
  width: 4.6vw;
  height: 4.6vw;
  position: absolute;
  top: 15.8vw;
  right: 21vw;
  background: none;
  border: none;
  padding: 0;
  pointer-events: auto;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text {
  width: 56vw;
  position: absolute;
  top: 16.2vw;
  left: 50%;
  margin-left: -28vw;
  pointer-events: none;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text dt {
  font-size: 3.2vw;
  line-height: 1.2em;
  padding-bottom: 1.8vw;
  margin-bottom: 1.8vw;
  min-height: 1.2em;
  white-space: pre-wrap;
}
.vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text dd {
  font-size: 3.7vw;
  line-height: 1.65em;
  text-align: left;
  min-height: 1.65em;
  white-space: pre-wrap;
  word-break: break-word;
}
.vt-container .vt-inner .vt-flavor.is-visible {
  pointer-events: auto;
}
.vt-container .vt-inner .vt-flavor.is-visible .vt-flavor-inner {
  -webkit-animation: vt-flavor-power-on 0.7s cubic-bezier(0.16, 0.84, 0.32, 1) both;
          animation: vt-flavor-power-on 0.7s cubic-bezier(0.16, 0.84, 0.32, 1) both;
}
.vt-container .vt-inner .vt-flavor.is-leaving {
  pointer-events: none;
}
.vt-container .vt-inner .vt-flavor.is-leaving .vt-flavor-inner {
  -webkit-animation: vt-flavor-power-off 0.26s ease-in both;
          animation: vt-flavor-power-off 0.26s ease-in both;
}

@media screen and (min-width: 768px) {
  .vt-container .vt-title {
    font-size: 1.286vw;
    padding: 7.143vw 0 2.143vw;
  }
  .vt-container .vt-title .vt-title-logo {
    width: 10.5vw;
    margin-bottom: -1.286vw;
  }
  .vt-container[data-stage="1"] .vt-inner, .vt-container[data-stage="2"] .vt-inner {
    margin-top: -7.143vw;
  }
  .vt-container .vt-inner {
    height: 31.429vw;
  }
  .vt-container .vt-inner .vt-pod {
    width: 23.214vw;
    height: 23.214vw;
    margin-left: -11.607vw;
  }
  .vt-container .vt-inner .vt-pod .vt-plant {
    width: 23.214vw;
  }
  .vt-container .vt-inner .vt-pod .vt-pod-front {
    width: 23.214vw;
  }
  .vt-container .vt-inner .vt-meter {
    width: 6.786vw;
    height: 0.5vw;
    top: 6.429vw;
    margin-left: -3.393vw;
    border-width: 0.071vw;
  }
  .vt-container .vt-inner .vt-controls .vt-btn {
    width: 14.286vw;
    height: 14.286vw;
    top: 11.786vw;
  }
  .vt-container .vt-inner .vt-controls .vt-btn.vt-floppy {
    left: 0vw;
  }
  .vt-container .vt-inner .vt-controls .vt-btn.vt-can {
    right: 0vw;
  }
  .vt-container .vt-inner .vt-controls .vt-btn.vt-can .vt-watered-msg {
    font-size: 0.929vw;
  }
  .vt-container .vt-inner .vt-feedback .vt-feedback-inner {
    padding-top: 1.429vw;
  }
  .vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-window {
    opacity: 0.9;
  }
  .vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-log {
    width: 20vw;
    top: 8.393vw;
    margin-left: -10vw;
    font-size: 1.071vw;
  }
  .vt-container .vt-inner .vt-feedback .vt-feedback-inner .vt-feedback-log .vt-log-line {
    min-height: 1.8em;
  }
  .vt-container .vt-inner .vt-flavor .vt-flavor-inner {
    padding-top: 1.429vw;
  }
  .vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-close-btn {
    width: 1.643vw;
    height: 1.643vw;
    top: 5.643vw;
    right: 7.5vw;
  }
  .vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text {
    width: 20vw;
    top: 5.786vw;
    margin-left: -10vw;
  }
  .vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text dt {
    font-size: 1.143vw;
    padding-bottom: 0.643vw;
    margin-bottom: 0.643vw;
  }
  .vt-container .vt-inner .vt-flavor .vt-flavor-inner .vt-flavor-text dd {
    font-size: 1.321vw;
    line-height: 1.8em;
  }
}