/*-------------------------------------------------*/
/* - Includes
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* - Fonts
/*-------------------------------------------------*/
@font-face {
  font-family: "Souvenir Bold";
  src: url("../fonts/SouvenirStd-Bold.woff2") format("woff2");
  src: url("../fonts/SouvenirStd-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pacifico";
  src: url("../fonts/Pacifico-Regular.woff2") format("woff2");
  src: url("../fonts/Pacifico-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue.woff2") format("woff2");
  src: url("../fonts/HelveticaNeue.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*-------------------------------------------------*/
/* - Variables
/*-------------------------------------------------*/
/*---------------------------------------------*/
/*-------------------------------------------------*/
/* - Mixins
/*-------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Desktop Variables
  /*---------------------------------------------*/
  /* - Desktop Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  .tablet-element, .mobile-element {
    display: none !important;
  }
  body {
    background: #004785;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1 !important;
  }
  .opacity-off {
    opacity: 0;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  .hidden-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .pause-animation {
    animation-play-state: paused !important;
  }
  /* - CTA Container
  /*---------------------------------------------*/
  .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 0.2vw solid #004785;
    border-radius: 0.5vw;
  }
  .cta-container a {
    position: relative;
    height: clamp(20px, 3vw, 60px);
    width: auto;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .cta-container a .cta-highlight {
    position: absolute;
    height: auto;
    width: 120%;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10%;
    padding: 120% 0 0 0;
    border-radius: 50%;
    background: #004785;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) translateY(-40%) scale(0);
    will-change: transform;
    transform-origin: center;
  }
  .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    transition: color 200ms linear;
    will-change: color;
  }
  .cta-container:hover .cta-highlight {
    transform: translateZ(0) translateY(-40%) scale(1);
  }
  .cta-container:hover .cta-text {
    color: #ffffff;
  }
  /* - Close Button
  /*---------------------------------------------*/
  .close-button {
    position: absolute;
    height: 2.5vw;
    width: 2.5vw;
    top: 1vw;
    right: 1vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #004785;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 400ms linear;
    z-index: 1201;
  }
  .close-button .line {
    background: #ffffff;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .close-button .line1 {
    position: relative;
    height: 60%;
    width: 0.2vw;
    transform: translateZ(0) rotate(45deg);
  }
  .close-button .line2 {
    position: absolute;
    height: 60%;
    width: 0.2vw;
    top: 20%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.1vw);
    transform: translateZ(0) rotate(-45deg);
  }
  .close-button:hover .line1 {
    transform: translateZ(0) rotate(55deg);
  }
  .close-button:hover .line2 {
    transform: translateZ(0) rotate(-55deg);
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /* - Heading Text
  /*-------------------------------------------------*/
  .heading-text {
    font-family: "Souvenir Bold";
    font-size: clamp(10px, 3vw, 60px);
    color: #004785;
  }
  .heading-text sup {
    font-size: clamp(10px, 0.9vw, 32px);
    vertical-align: super;
    display: inline-block;
    width: clamp(5px, 0.45vw, 15px);
  }
  /* - Subheading Text
  /*-------------------------------------------------*/
  .subheading-text {
    font-family: "Souvenir Bold";
    font-size: clamp(10px, 2vw, 45px);
    color: #004785;
  }
  .subheading-text sup {
    font-size: 22px;
    vertical-align: super;
  }
  /* - Paragraph Text
  /*-------------------------------------------------*/
  .paragraph-text {
    font-family: "Souvenir Bold";
    font-size: clamp(12px, 1.2vw, 24px);
    color: #004785;
    line-height: 1.2;
  }
  .paragraph-text sup {
    font-size: 12px;
    vertical-align: super;
  }
  /* - CTA Text
  /*-------------------------------------------------*/
  .cta-text {
    font-family: "Souvenir Bold";
    font-size: clamp(24px, 1.6vw, 32px);
    color: #004785;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  /*-------------------------------------------------*/
  /* - Overlays
  /*-------------------------------------------------*/
  /* - Intro Overlay
  /*-------------------------------------------------*/
  .intro-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1000;
    contain: layout style;
    overflow: hidden;
  }
  .intro-overlay-container .intro-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-anim {
    transform: scale(0);
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .intro-overlay-container .intro-overlay-content {
    max-width: 70% !important;
  }
  .intro-overlay-container .can-item {
    right: 3vw !important;
  }
}
@media only screen and (min-width: 1025px) {
  .intro-overlay-container .intro-overlay-content {
    position: relative;
    height: 90vh;
    width: -moz-max-content;
    width: max-content;
    max-width: 45%;
    min-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container {
    position: relative;
    height: clamp(360px, 30vh, 1000px);
    width: auto;
    min-width: 430px;
    margin: 0 clamp(640px, 27vw, 1000px) clamp(-1000px, -24vh, -10vw) 0;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
    transform-origin: center;
    transform: rotate(-10deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container {
    position: relative;
    height: clamp(560px, 50vh, 1000px);
    width: auto;
    margin: 0 0 clamp(-1000px, -10vh, -160px) 5vw;
    max-width: 50vh;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transform-origin: bottom center;
    transition: transform 800ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
    transform-origin: center;
    transform: rotate(5deg);
  }
  .intro-overlay-container .intro-overlay-content .hk-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: clamp(35px, 1.5vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-item {
    position: absolute;
    height: clamp(300px, 14vw, 800px);
    width: clamp(300px, 14vw, 800px);
    top: clamp(-1000px, -8vw, -190px);
    right: 0.5vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: transform 400ms ease-in-out;
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container {
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/star.svg") center/cover;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0) rotate(0deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star-anim {
    animation: starAnim 6s linear infinite;
  }
  @keyframes starAnim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .heading-text {
    position: relative;
    margin: 0 0 clamp(10px, 0.8vw, 20px) 0;
    transition: opacity 200ms linear;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 clamp(20px, 1.6vw, 30px) 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container {
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can {
    width: 50%;
    transform: rotate(5deg) scale(1);
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-top {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    outline: 0.5vw solid #231f20;
    background: #ffd100;
    margin: 0 0 calc(0.2vw - 2px) 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label {
    position: relative;
    height: auto;
    width: 95%;
    padding: 0 0 0.25vw 0;
    background: #ffd100;
    border-radius: 0 0 0.2vw 0.2vw;
    outline: 0.5vw solid #231f20;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-shrink {
    transform: translateZ(0) scale(0);
  }
}
@media only screen and (min-width: 1025px) and (min-aspect-ratio: 6.25/3) and (min-width: 1741px) {
  .intro-overlay-content {
    max-width: 80% !important;
  }
  .intro-logo-container {
    position: relative;
    height: 30vh !important;
    width: auto;
    margin: 0 clamp(520px, 27vw, 1000px) -38vh 0 !important;
  }
}
@media only screen and (min-width: 1025px) and (min-aspect-ratio: 6.25/3) and (max-width: 1740px) {
  .intro-overlay-content {
    max-width: 80% !important;
  }
  .intro-logo-container {
    position: relative;
    height: 30vh !important;
    width: auto;
    margin: 0 clamp(520px, 27vw, 1000px) -25vh 0 !important;
  }
  .hello-kitty-container {
    height: 60vh !important;
    margin-bottom: -18vh !important;
  }
  .heading-text {
    font-size: 40px !important;
  }
  .paragraph-text {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1025px) and (min-aspect-ratio: 5/3) and (max-width: 1350px) {
  .intro-overlay-content {
    max-width: 80% !important;
  }
  .intro-logo-container {
    position: relative;
    height: 30vh !important;
    width: auto;
    margin: 0 clamp(520px, 27vw, 1000px) -40vh 0 !important;
  }
}
@media only screen and (min-width: 1025px) and (min-aspect-ratio: 4/3) and (max-width: 1350px) {
  .intro-overlay-content {
    max-width: 80% !important;
  }
  .intro-logo-container {
    position: relative;
    height: 30vh !important;
    width: auto;
    margin: 0 clamp(520px, 27vw, 1000px) -50vh 0 !important;
  }
}
@media only screen and (min-width: 1025px) and (max-aspect-ratio: 5/3) and (max-width: 1350px) {
  .intro-overlay-content {
    max-width: 80% !important;
  }
  .intro-logo-container {
    position: relative;
    height: 30vh !important;
    width: auto;
    margin: 0 clamp(520px, 27vw, 1000px) -20vh 0 !important;
  }
}
@media only screen and (min-width: 1025px) {
  /* - Map Overlay
  /*-------------------------------------------------*/
  .map-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .map-overlay-container .map-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .map-overlay-container .map-overlay-anim {
    transform: scale(0);
  }
  .map-overlay-container .map-container {
    position: relative;
    height: auto;
    width: 80%;
    max-height: 90vh;
    contain: layout;
  }
  .map-overlay-container .map-container .map-triad-wrapper {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    perspective: 100vw;
    isolation: isolate;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform-origin: center;
    transform: translateZ(0) rotate(-5deg) scale(0.5);
    opacity: 0;
    will-change: transform, opacity;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third {
    position: relative;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-left {
    transform-origin: center right;
    transform: rotateY(-90deg);
    border-radius: 0.7vw 0 0 0.7vw;
    align-items: start;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-center {
    z-index: 1102;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-right {
    transform-origin: center left;
    transform: rotateY(90deg);
    border-radius: 0 0.7vw 0.7vw 0;
    align-items: end;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-unfolded {
    transform: rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container {
    display: none;
  }
  .map-overlay-container .map-container .map-anim {
    transform: translateZ(0) rotate(0deg) scale(1);
    opacity: 1;
  }
  .map-overlay-container .interface-container {
    position: absolute;
    height: 90vh;
    width: 100%;
    bottom: 5vh;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    transition: opacity 400ms linear;
    will-change: opacity;
    perspective: 100vw;
  }
  .map-overlay-container .interface-container .cta-container {
    margin: 0 0 2vh 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform: translateZ(0) scale(1) rotateX(0deg);
    transform-origin: center;
    will-change: transform;
  }
  .map-overlay-container .interface-container .confirm-cta {
    position: absolute;
    bottom: 0;
    transform: translateZ(0) rotateX(0deg);
  }
  .map-overlay-container .interface-container .cta-hidden {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(-90deg);
  }
  .map-overlay-container .interface-container .confirm-cta-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(90deg);
  }
  .map-overlay-container .interface-container-pause {
    pointer-events: none;
  }
  .map-overlay-container .interface-container-pause .confirm-cta {
    opacity: 0.5;
  }
  .map-overlay-container .interface-hidden {
    opacity: 0;
  }
  .map-overlay-container .pin-container {
    position: absolute;
    height: auto;
    width: 3vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    transform: translateX(-50%) translateY(-100%);
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  /* - Reward Overlay
  /*-------------------------------------------------*/
  .reward-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .reward-overlay-container .reward-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-overlay-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container {
    position: relative;
    height: auto;
    width: 40%;
    padding: clamp(35px, 1.5vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .reward-overlay-container .reward-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-text-container .text-background-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container .heading-text {
    position: relative;
    margin: 0 0 clamp(10px, 0.8vw, 20px) 0;
    transition: opacity 200ms linear;
  }
  .reward-overlay-container .reward-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 clamp(20px, 1.6vw, 30px) 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .reward-overlay-container .reward-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Hello Kitty Popup Overlay
  /*-------------------------------------------------*/
  .hk-popup-overlay-container {
    position: fixed;
    height: auto;
    width: 30vw;
    top: auto;
    right: 2vw;
    bottom: 2.5vw;
    left: auto;
    z-index: 1199;
    contain: layout style;
  }
  .hk-popup-overlay-container .popup-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box {
    position: relative;
    height: auto;
    width: 100%;
    padding: 1.5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin: 0 0 0.75vw 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.2vw solid #5b2712;
    border-radius: 1vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text {
    position: relative;
    height: auto;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text span {
    color: #a42025;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 0.5vw;
    right: 0.5vw;
    bottom: auto;
    left: auto;
    cursor: pointer;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line {
    position: absolute;
    height: 0.2vw;
    width: 100%;
    top: calc(50% - 0.1vw);
    right: auto;
    bottom: auto;
    left: 0;
    background: #5b2712;
    transform-origin: center;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-01 {
    transform: rotate(-45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-02 {
    transform: rotate(45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: auto;
    right: 7vw;
    bottom: -1.5vw;
    left: auto;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.2vw solid #5b2712;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .hk-container {
    position: relative;
    height: auto;
    width: 7vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .hk-popup-overlay-container .popup-container .hk-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .hk-popup-overlay-container .popup-container .hk-container-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
  .hk-popup-overlay-container .popup-container-anim {
    pointer-events: auto;
  }
  /* - Shop Now Overlay
  /*-------------------------------------------------*/
  .shop-now-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .shop-now-overlay-container .shop-now-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-overlay-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container {
    position: relative;
    height: auto;
    width: 40%;
    padding: clamp(35px, 1.5vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px) clamp(40px, 2vw, 90px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container .heading-text {
    position: relative;
    margin: 0 0 clamp(10px, 0.8vw, 20px) 0;
    transition: opacity 200ms linear;
  }
  .shop-now-overlay-container .shop-now-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 clamp(20px, 1.6vw, 30px) 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .shop-now-overlay-container .shop-now-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Postcard Overlay
  /*-------------------------------------------------*/
  .postcard-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    contain: layout style;
    overflow: hidden;
  }
  .postcard-overlay-container .postcard-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .postcard-overlay-container .postcard-overlay-anim {
    transform: scale(0);
  }
  .postcard-overlay-container .postcard-content-container {
    position: relative;
    height: 80vh;
    width: auto;
    perspective: 100vw;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background {
    position: relative;
    height: 100%;
    width: auto;
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
  }
  .postcard-overlay-container .postcard-content-container .postcard-bkg-anim {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container {
    position: absolute;
    height: calc(100% - 5vw);
    width: calc(100% - 5vw);
    top: 2.5vw;
    right: auto;
    bottom: auto;
    left: 2.5vw;
    display: flex;
    flex-direction: row;
    gap: 2vw;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms linear;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left {
    position: relative;
    height: 100%;
    width: calc(50% - 1vw);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 0.5vw;
    border: 0.2vw solid #ff4747;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper .cta-container {
    margin: 0 0 5% 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right {
    position: relative;
    height: 100%;
    width: calc(50% - 1vw);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container {
    position: relative;
    height: 30%;
    width: 100%;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-void-container {
    position: absolute;
    height: auto;
    width: 60%;
    top: 10%;
    right: auto;
    bottom: auto;
    left: -2%;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-square {
    position: absolute;
    height: auto;
    width: 30%;
    top: 0.5vw;
    right: 0.5vw;
    bottom: auto;
    left: auto;
    padding: 35% 0 0 0;
    outline: 0.2vw solid gray;
    border-radius: 0.25vw;
    opacity: 0.2;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-container {
    position: absolute;
    height: auto;
    width: 34%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    transform-origin: center;
    transform: translateZ(0) scale(1) rotate(-7deg);
    opacity: 0;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-anim {
    animation: postcardStampAnim 1s ease-in-out forwards;
  }
  @keyframes postcardStampAnim {
    0% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2) rotate(-7deg);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container {
    position: relative;
    height: 3.66vw;
    width: auto;
    margin: 0 0 0.25vw 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .heading-text {
    font-size: 4vw;
    margin: 0 0 1vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 1vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines .line {
    position: relative;
    height: 0.2vw;
    width: 100%;
    border-radius: 0.1vw;
    background: gray;
    flex-shrink: 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines .badge-container {
    position: absolute;
    height: auto;
    width: 50%;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transform-origin: center;
    will-change: transform, opacity;
  }
  .postcard-overlay-container .postcard-content-container .recipe-anim {
    opacity: 1;
    pointer-events: auto !important;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Musubi.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(15deg);
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .hk-badge {
    width: 25%;
    top: auto;
    right: 5%;
    bottom: 5%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .hk-badge-anim {
    animation: hkBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes hkBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Bibimbap.jpg") center right/cover;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(15deg);
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .spammy-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 5%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .spammy-badge-anim {
    animation: spammyBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes spammyBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Poutine.jpg") center left/cover;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(-15deg);
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .bow-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 10%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .bow-badge-anim {
    animation: bowBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes bowBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Ramen.jpg") center left/cover;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(-15deg);
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .ramen-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 10%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .ramen-badge-anim {
    animation: ramenBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes ramenBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  /* - Polaroid Overlay
  /*-------------------------------------------------*/
  .polaroid-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    contain: layout style;
    overflow: hidden;
  }
  .polaroid-overlay-container .polaroid-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .polaroid-overlay-container .polaroid-overlay-anim {
    transform: scale(0);
  }
  .polaroid-overlay-container .polaroid-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    max-height: 90vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container {
    position: relative;
    height: auto;
    width: 28%;
    flex-shrink: 0;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    transform-origin: center;
    will-change: transform, opacity;
    transform: translateZ(0) translateX(0) rotate(0deg) scale(1);
    outline: 0.2vw solid #231f20;
    overflow: hidden;
    border-radius: 0.2vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii {
    transform: translateZ(0) translateX(0) rotate(-10deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii-active:hover {
    transform: translateZ(0) translateX(0) rotate(-10deg) scale(1.05);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii-fade {
    transform: translateZ(0) translateX(0) rotate(-10deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea-active:hover {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1.05);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea-fade {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan-active:hover {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1.05);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan-fade {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara-active:hover {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1.05);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara-fade {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1.2);
    opacity: 0;
  }
  /* - Passport Overlay
  /*-------------------------------------------------*/
  .passport-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1300;
  }
  .passport-overlay-container .passport-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .passport-overlay-container .passport-overlay-anim {
    transform: scale(0);
  }
  .passport-overlay-container .passport-wrapper {
    position: relative;
    height: 90vh;
    width: auto;
    max-height: 90vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    perspective: 100vw;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left {
    position: relative;
    height: auto;
    width: 50%;
    transform-origin: center right;
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    max-height: 90vh;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right {
    position: relative;
    height: auto;
    width: 50%;
    transform-origin: center left;
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    max-height: 90vh;
  }
  .passport-overlay-container .passport-wrapper .passport-left-page-anim {
    transform: translateZ(0) rotateY(90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-right-page-anim {
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    overflow: hidden;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left {
    position: relative;
    height: 88%;
    width: 42.4%;
    padding: 0.2vw 0 0.2vw 3.8%;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5vw;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .passport-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-1 {
    background: url("../images/passport/hawaii_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-2 {
    background: url("../images/passport/japan_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-3 {
    background: url("../images/passport/korea_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-4 {
    background: url("../images/passport/niagara_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow {
    position: absolute;
    height: auto;
    width: 10%;
    bottom: 3%;
    cursor: pointer;
    filter: drop-shadow(0 0.2vw 0 #004785);
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .left-arrow {
    left: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .right-arrow {
    right: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-left-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container {
    position: absolute;
    height: auto;
    cursor: grab;
    transform-origin: center center;
    transform: translate3d(0px, 0px, 0);
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container:active {
    cursor: grabbing;
    transform: scale(1.1) translate3d(var(--tx, 0px), var(--ty, 0px), 0);
    transform-origin: center center;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .hk-sticker {
    width: 11%;
    top: 27%;
    right: 26.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .spammy-sticker {
    width: 12%;
    top: 28%;
    right: 12%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .bibimbap-sticker {
    width: 11%;
    top: 45%;
    right: 26.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .poutine-sticker {
    width: 11%;
    top: 46%;
    right: 12.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .musubi-sticker {
    width: 10%;
    top: 62%;
    right: 27%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .ramen-sticker {
    width: 11%;
    top: 60.5%;
    right: 12.5%;
  }
  /*-------------------------------------------------*/
  /* - Kitchen 
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    background: #ffedfb;
    /* - Background Grid 
    /*-------------------------------------------------*/
  }
  .kitchen-container .background-grid-container {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    contain: layout paint style;
  }
  .kitchen-container .background-grid-container .line {
    background: #ffaece;
  }
  .kitchen-container .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 0.2vw;
  }
  .kitchen-container .background-grid-container .hl {
    position: relative;
    height: 0.2vw;
    width: 100%;
  }
  .kitchen-container .background-grid-container .vl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .background-grid-container .hl-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5vw;
    flex-wrap: nowrap;
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: 100vh;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Window
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .window-container {
    position: absolute;
    height: 55vh;
    width: 20vw;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: -2vw;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    cursor: pointer;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset -0.25vw -0.25vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.5vw 0.5vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .window-container .window-pane {
    position: absolute;
    height: calc(55vh - 3vw);
    width: 18.5vw;
    top: 1.5vw;
    right: auto;
    bottom: auto;
    left: 0;
    overflow: hidden;
    background: linear-gradient(0deg, #92ddff 0%, #80b5ff 100%);
    outline: 0.2vw solid #c6668c;
    box-shadow: 0.2vw -0.5vw 0 rgba(198, 102, 140, 0.7), 0.2vw 0.5vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s linear opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset-sky {
    background: linear-gradient(180deg, #79aefd 0%, #c78a21 80%, #ad3636 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .night-sky {
    background: linear-gradient(180deg, #4f5bff 0%, #58317d 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .star {
    position: absolute;
    height: 0.15vw;
    width: 0.15vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s1 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s2 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s3 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s4 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s5 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s6 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s7 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s8 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cosmic-obj {
    border-radius: 50%;
    transition: transform 1s ease-in-out, opacity 1s linear;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sun {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffd100;
    filter: blur(5px);
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset {
    transform: translateY(36vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunless {
    transform: translateY(55vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moon {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffffff;
    opacity: 0.4;
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moonrise {
    transform: translateY(-20vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .fullmoon {
    transform: translateY(-45vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud {
    position: absolute;
    right: -45%;
    opacity: 1;
    transition: opacity 1s linear;
    transform: translateZ(0) translateX(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-anim {
    animation: clouds 30s linear infinite;
  }
  @keyframes clouds {
    0% {
      transform: translateX(0vw);
    }
    100% {
      transform: translateX(-25vw);
    }
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-01 {
    opacity: 0.2;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-02 {
    opacity: 0.1;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-bar {
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-h {
    position: absolute;
    height: 1.5vw;
    width: 100%;
    top: calc(50% - 0.75vw);
    right: auto;
    bottom: auto;
    left: 0;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset 0 -0.25vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.3vw 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-v {
    position: absolute;
    height: 100%;
    width: 1.5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
    box-shadow: inset 0.25vw 0 0 #ffedfb, inset -0.25vw 0 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.3vw 0 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left {
    /* - Main Logo
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .main-logo-container {
    position: absolute;
    height: 43.4%;
    width: 59.2%;
    top: 4.6%;
    right: auto;
    bottom: auto;
    left: 40.4%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(0.4vw 0.3vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .kitchen-left {
    /* - Countertop Items
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 50%;
    filter: drop-shadow(2vw 1.6vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects {
    position: absolute;
    height: 18vh;
    width: 46%;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: 10%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke {
    position: relative;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke-anim {
    animation: smokeAnim 2s ease-out infinite;
  }
  @keyframes smokeAnim {
    0% {
      transform: translateZ(0) translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateZ(0) translateY(-5vw) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk5 {
    animation-delay: 0ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk7, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk3 {
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk1 {
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk8 {
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk6, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk4 {
    animation-delay: 1250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk9 {
    animation-delay: 1500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk2 {
    animation-delay: 1750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    bottom: 3vw;
    border-radius: 50%;
    outline: 0.2vw solid #92ddff;
    transform: translateZ(0) scale(0);
    opacity: 1;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease-anim {
    animation: greaseAnim 1s ease-in-out infinite;
  }
  @keyframes greaseAnim {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr1 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr2 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr3 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr4 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container {
    position: absolute;
    height: 0.5vw;
    width: 3vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 1.5vw);
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 0.2vw solid #985e47;
    transform: translateZ(0) rotate(0deg);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam-anim {
    animation: spamAnim 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    70% {
      transform: translateZ(0) rotate(1440deg);
    }
    100% {
      transform: translateZ(0) rotate(1440deg);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-c-anim {
    animation: spamContAnim 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  @keyframes spamContAnim {
    0% {
      transform: translateZ(0) translateY(0vw);
    }
    70% {
      transform: translateZ(0) translateY(-5.5vw);
    }
    100% {
      transform: translateZ(0) translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 70%;
    margin: 0 0 0 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-handle {
    position: absolute;
    height: 0.75vw;
    width: 25%;
    top: 0.1vw;
    right: 0;
    bottom: auto;
    left: auto;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    border-radius: 0 0.375vw 0.375vw 0;
    box-shadow: inset 1.25vw -0.3vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: 2vw;
    width: 80%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .lip {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset -0.15vw -0.15vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .bowl {
    position: relative;
    height: 2vw;
    width: 90%;
    border-radius: 0 0 1.5vw 1.5vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset -0.5vw -0.5vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-ready {
    cursor: pointer;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-glow {
    position: absolute;
    height: 0.7vw;
    width: 50%;
    top: 1.6vw;
    right: auto;
    bottom: auto;
    left: 8%;
    background: #ff4747;
    outline: 0.2vw solid #fffc35;
    filter: blur(0.3vw);
    opacity: 0;
    transition: opacity 500ms linear;
    transform: translateZ(0) translateY(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-on {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-anim {
    animation: glowAnim 2s ease infinite;
  }
  @keyframes glowAnim {
    0% {
      transform: translateZ(0) translateY(0vw);
    }
    50% {
      transform: translateZ(0) translateY(0.15vw);
    }
    100% {
      transform: translateZ(0) translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-button {
    position: absolute;
    height: 1vw;
    width: 5%;
    bottom: 1vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    cursor: pointer;
    transform: translateZ(0) translateY(0);
    will-change: transform;
    box-shadow: inset 0 0.2vw 0 #def4ff, inset -0.4vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb1 {
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb2 {
    right: 15%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb-pressed {
    transform: translateY(0.5vw);
    cursor: auto;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-base {
    position: relative;
    height: 1vw;
    width: 100%;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset 0 0.25vw 0 #def4ff, inset -0.5vw -0.4vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container {
    position: relative;
    height: auto;
    width: 20%;
    cursor: pointer;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 3.5vw;
    transform: translateZ(0) translateX(0vw);
    transition: 200ms ease-in-out all;
    will-change: transform, filter;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-top {
    position: relative;
    height: 0.2vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    background: #ffd100;
    outline: 0.2vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 0.2vw auto;
    background: #ffd100;
    outline: 0.2vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .can1 {
    transform: translateZ(0) translateX(0.1vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .can2 {
    transform: translateZ(0) translateX(-0.4vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .can3 {
    transform: translateZ(0) translateX(0.4vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 30%;
    margin: 0 2vw 0 0;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    box-shadow: inset 0.4vw 0.4vw 0 #fdf7f7, inset -0.4vw -0.4vw 0 #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 0.5vw;
    width: 50%;
    margin: 0 auto 0.2vw auto;
    border-radius: 0.25vw;
    box-shadow: inset 0.2vw 0.2vw 0px #fdf7f7, inset -0.2vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 2.5vw;
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    outline: 0.2vw solid #c6668c;
    transform: translateZ(0) translateX(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 80%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0 0 #6b5139;
    transform-origin: bottom;
    transition: transform 2s ease-in-out;
    transform: scaleY(1) translateZ(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-empty {
    transform: scaleY(0) translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .glint {
    position: absolute;
    height: 60%;
    width: 0.6vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #fdf7f7;
    border-radius: 0.3vw;
    opacity: 0.8;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .hopper-anim {
    animation: hopperAnim 2s ease-in-out forwards;
  }
  @keyframes hopperAnim {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% {
      transform: translateX(-1px);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
      transform: translateX(1px);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 5vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    border-radius: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button {
    position: relative;
    height: 2vw;
    width: 2vw;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 50%;
    filter: drop-shadow(0.25vw 0.25vw 0 #ffaece);
    cursor: pointer;
    transform-origin: center;
    transform: translateZ(0) scale(1);
    transition: scale 100ms ease-in-out;
    box-shadow: inset 0.2vw 0.2vw 0px #ffedfb, inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .ready-light {
    position: relative;
    height: 0.5vw;
    width: 0.5vw;
    border-radius: 50%;
    background: red;
    filter: blur(2px);
    transition: background-color 300ms linear;
    transform: translateZ(0);
    will-change: background-color, filter;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-active {
    background: lightgreen;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-anim {
    animation: rlAnim 1s step-end infinite;
  }
  @keyframes rlAnim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container {
    position: relative;
    height: 6vw;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    box-shadow: inset -0.4vw 1.2vw 0 rgba(198, 102, 140, 0.7), inset 0.4vw 0 0 #ffedfb;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 60%;
    filter: drop-shadow(0.75vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 7vw;
    width: 0.3vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.15vw);
    background: #806043;
    outline: 0.2vw solid #6b5139;
    border-radius: 0.2vw;
    opacity: 0;
    transform: translateZ(0) translateY(-5vw) scaleX(1);
    transform-origin: center;
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-anim {
    animation: coffeeAnim 3s ease-in-out forwards;
  }
  @keyframes coffeeAnim {
    0% {
      transform: translateY(-5vw) scaleX(1);
      opacity: 1;
    }
    99% {
      transform: translateY(7vw) scaleX(0.1);
      opacity: 1;
    }
    100% {
      transform: translateY(7vw) scaleX(0.1);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar {
    position: relative;
    height: 0.5vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    transform: translateZ(0);
    margin: 0 0 0.2vw 0;
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar:nth-of-type(3) {
    width: 75%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-handle {
    position: absolute;
    height: 0.3vw;
    width: 4vw;
    top: auto;
    right: auto;
    bottom: 0.35vw;
    left: 50%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.15vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-cup {
    position: relative;
    height: 1vw;
    width: 30%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s2 {
    animation-delay: 400ms !important;
    left: calc(50% - 0.5vw - 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s3 {
    animation-delay: 800ms !important;
    left: calc(50% - 0.5vw + 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam-anim {
    animation: steamAnim 1.2s ease-out infinite;
  }
  @keyframes steamAnim {
    0% {
      transform: translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-4vw) scale(3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup {
    position: absolute;
    height: 1.5vw;
    width: 2.6vw;
    top: auto;
    right: auto;
    bottom: 0.2vw;
    left: calc(50% - 1.3vw);
    background: #ffffff;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.15vw 0.15vw 1vw 1vw;
    box-shadow: inset -0.4vw -0.15vw 0px #def4ff;
    filter: drop-shadow(0.75vw 0.2vw 0px rgba(198, 102, 140, 0.7));
    transform: translateZ(0) translateX(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2 {
    transform: translateZ(0) translateX(-4vw);
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup1-anim {
    animation: cup1Anim 400ms ease-in-out forwards;
  }
  @keyframes cup1Anim {
    0% {
      transform: translateZ(0) translateX(0vw);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) translateX(4vw);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2-anim {
    animation: cup2Anim 400ms ease-in-out forwards;
  }
  @keyframes cup2Anim {
    0% {
      transform: translateZ(0) translateX(-4vw);
      opacity: 0;
    }
    100% {
      transform: translateZ(0) translateX(0vw);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    position: relative;
    height: 2vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.5vw;
    box-shadow: inset 0.4vw 0.4vw 0px #fdf7f7, inset -0.4vw -0.4vw 0px #ffaece;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left {
    /* - Counter
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: 18%;
    width: 98%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2vw;
    filter: drop-shadow(1vw 1vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 97.5%;
    flex-grow: 1;
    padding: 0 2.5% 0 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 0.75vw;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 0 0.25vw 0 0;
    box-shadow: inset -0.5vw 0.2vw 0 rgba(198, 102, 140, 0.7);
    contain: layout paint style;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    border-radius: 50%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0.2vw 0.2vw 0 #ffedfb, inset -0.2vw -0.2vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.25vw 0.25vw 0 rgba(255, 174, 206, 0.4));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 .knob {
    right: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d2 .knob, .kitchen-container .kitchen-left .counter-container .counter-base .d3 .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0vw 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0 0.25vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    border-radius: 0.25vw 0.25vw 0 0;
    background: rgba(198, 102, 140, 0.7);
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 1vw 3vw 0 rgba(198, 102, 140, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container {
    position: absolute;
    height: auto;
    width: 20%;
    top: auto;
    right: auto;
    bottom: 16%;
    left: 36%;
    opacity: 0.3;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container {
    position: relative;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2vw;
    filter: drop-shadow(1vw 0 0 rgba(198, 102, 140, 0.7));
    cursor: pointer;
    transform: translateZ(0) scale(1) translateY(0) rotate(0);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-top {
    position: absolute;
    height: 0.5vw;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body {
    position: absolute;
    height: calc(100% - 0.5vw - 0.2vw);
    width: 100%;
    top: 0.7vw;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    box-shadow: inset -0.2vw -0.8vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    margin: 0 0 15% 0;
    background: #806043;
    outline: 0.2vw solid #6b5139;
    border-radius: 30% 60%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo .line {
    position: absolute;
    height: 0.2vw;
    width: 200%;
    top: calc(50% - 0.1vw);
    right: auto;
    bottom: auto;
    left: -50%;
    background: #6b5139;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-anim {
    animation: coffeeBagAnim 1s ease-out forwards;
  }
  @keyframes coffeeBagAnim {
    0% {
      transform: translateZ(0) scale(1) translateY(0) rotate(0);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1.2) translateY(-1vw) rotate(5deg);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .shelf {
    position: relative;
    height: 0.5vw;
    width: 100%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0 -0.2vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    right: -0.5vw;
    bottom: auto;
    left: auto;
    background: #c6668c;
    outline: 0.2vw solid #c6668c;
    opacity: 0;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-door-front {
    position: absolute;
    height: 100%;
    width: 1vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    opacity: 0;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-clickable {
    cursor: pointer;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .door-front {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-door-front {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .knob {
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-knob {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 2vw;
    width: 100%;
    border-radius: 0 0.25vw 0.25vw 0;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0vw 0.5vw 0 #fdf7f7, inset -0.5vw -0.5vw 0 rgba(255, 174, 206, 0.4);
    contain: layout paint style;
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: 100%;
    width: 50%;
    padding: 0 5vw 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    /* - Fridge Content
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-content-container {
    position: relative;
    height: auto;
    width: 93%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container {
    position: relative;
    height: 70%;
    width: 4vw;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    padding: 10% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 3% 0 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .pot-base {
    position: absolute;
    height: 2.4vw;
    width: 100%;
    border-radius: 0.3vw;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset -0.6vw -0.1vw 0 #ffaece, inset 0.6vw 0.3vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .flower-stem {
    position: relative;
    height: auto;
    width: 0.4vw;
    flex-grow: 1;
    margin: 0 0 2.4vw 0;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.2vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container {
    position: relative;
    height: 4vw;
    width: 4vw;
    transform-origin: center;
    transform: translateZ(0) rotate(0deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper {
    height: 100%;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .petal {
    position: absolute;
    height: 50%;
    width: 50%;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.2vw solid #92ddff;
    transform-origin: bottom right;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt1 {
    transform: rotate(120deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt2 {
    transform: rotate(240deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 {
    position: relative;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 .petal {
    background: #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals2 {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    transform: rotate(60deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .flower-circle {
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    top: calc(50% - 0.75vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 0.75vw);
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    border-radius: 50%;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(168, 137, 0, 0.5607843137);
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-anim {
    animation: petalsAnim 1s ease-in-out forwards;
  }
  @keyframes petalsAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    10% {
      transform: translateZ(0) rotate(-5deg);
    }
    20% {
      transform: translateZ(0) rotate(5deg);
    }
    40% {
      transform: translateZ(0) rotate(-5deg);
    }
    70% {
      transform: translateZ(0) rotate(5deg);
    }
    100% {
      transform: translateZ(0) rotate(0deg);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container {
    position: relative;
    height: 80%;
    width: 25%;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.2vw;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook {
    position: relative;
    height: auto;
    width: 12.5%;
    outline: 0.2vw solid #c6668c;
    flex-grow: 1;
    transition: transform 300ms ease-in;
    transform: translateY(0vh);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook .bb {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 25%;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1 {
    height: 70%;
    transition-delay: 400ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2 {
    height: 80%;
    transition-delay: 200ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3 {
    height: 75%;
    transition-delay: 700ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4 {
    height: 60%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5 {
    height: 65%;
    transition-delay: 600ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    height: 90%;
    transition-delay: 300ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7 {
    height: 75%;
    transition-delay: 100ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    height: 65%;
    transition-delay: 500ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    background: #ffaece;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    background: #ffedfb;
    box-shadow: inset -0.4vw -0.2vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook-anim {
    transform: translateY(-25vh);
    transition-timing-function: ease-out;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container {
    position: relative;
    height: 100%;
    width: 30%;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container {
    position: absolute;
    height: auto;
    width: 100%;
    top: 6%;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    opacity: 0;
    transform: translateZ(0) translateY(100%);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container svg {
    width: 40%;
    fill: #cca988;
    stroke-width: 0.2vw;
    stroke: #806043;
    display: block;
    overflow: visible;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toast-anim {
    animation: toastAnim 3s ease-in-out forwards;
  }
  @keyframes toastAnim {
    0%, 29.5% {
      transform: translateY(100%);
      opacity: 1;
    }
    35% {
      transform: translateY(-10%);
      opacity: 1;
    }
    40% {
      transform: translateY(0%);
      opacity: 1;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-handle {
    position: absolute;
    height: 1vw;
    width: 90%;
    top: 70%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    border-radius: 0.5vw;
    box-shadow: inset -0.2vw -0.3vw 0 #88bcd4;
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-anim {
    animation: toasterAnim 3s ease-in-out forwards;
  }
  @keyframes toasterAnim {
    0% {
      transform: translateY(0vh);
    }
    5% {
      transform: translateY(2vh);
    }
    16%, 20%, 24%, 26%, 28%, 29%, 20% {
      transform: translateY(2.2vh);
    }
    18%, 22%, 25%, 27%, 28.5%, 29.5% {
      transform: translateY(2vh);
    }
    31% {
      transform: translateY(0vh);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-body {
    position: relative;
    height: 55%;
    width: 80%;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    border-radius: 2vw 2vw 0 0;
    box-shadow: inset 0.5vw 0.3vw 0 #def4ff, inset -0.5vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-handle {
    position: absolute;
    height: 30%;
    width: 50%;
    top: 20%;
    right: auto;
    bottom: auto;
    left: 25%;
    border-radius: 0.5vw 0.5vw 0 0;
    outline: 0.75vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body {
    position: relative;
    height: 70%;
    width: 90%;
    border-radius: 0.5vw;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    box-shadow: inset 0.4vw 0.4vw 0 #fdf7f7, inset -0.4vw -0.4vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .bb-screen {
    position: relative;
    height: 10%;
    width: 40%;
    margin: 0 0 0.2vw 0;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck {
    position: relative;
    height: 25%;
    width: 30%;
    border-radius: 0 0 0.2vw 0.2vw;
    background: #92ddff;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .top-bar {
    position: absolute;
    height: 20%;
    width: 70%;
    top: 0;
    right: 15%;
    bottom: auto;
    left: auto;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke {
    position: absolute;
    height: auto;
    width: 10%;
    padding: 10% 0 0 0;
    border-radius: 50%;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke1 {
    left: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke2 {
    right: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    border-radius: 50%;
    background: rgba(255, 174, 206, 0.4);
    outline: 0.2vw solid #c6668c;
    bottom: 10%;
    box-shadow: inset 0.4vw 0.4vw 0 #ffaece;
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker .speaker-inside {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    background: #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-anim {
    animation: speakerAnim 500ms ease-in-out infinite;
  }
  @keyframes speakerAnim {
    0% {
      transform: translateZ(0) scale(1);
    }
    20% {
      transform: translateZ(0) scale(1.05);
    }
    50% {
      transform: translateZ(0) scale(1);
    }
    100% {
      transform: translateZ(0) scale(1);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-1 {
    left: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-2 {
    right: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container {
    position: absolute;
    height: auto;
    width: 15%;
    top: auto;
    right: auto;
    bottom: 15%;
    left: 42.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container .spkr-button {
    position: relative;
    height: 0.5vw;
    width: 0.5vw;
    background: #c6668c;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note {
    position: absolute;
    height: auto;
    transform-origin: center;
    opacity: 1;
    transform: translateZ(0) translateX(0) translateY(0) scale(1);
    will-change: transform, opacity;
    opacity: 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-anim {
    animation: musicNoteAnim 1s ease-in-out infinite;
  }
  @keyframes musicNoteAnim {
    0% {
      transform: translateZ(0) translateX(0) translateY(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) translateX(50%) translateY(-25%) scale(1.5);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-01 {
    width: 15%;
    bottom: 35%;
    left: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-02 {
    width: 10%;
    bottom: 5%;
    left: 110%;
    animation-delay: 333ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-03 {
    width: 8%;
    bottom: 70%;
    left: 125%;
    animation-delay: 666ms;
  }
  .kitchen-container .kitchen-right {
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container {
    position: absolute;
    height: 100%;
    width: 5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 100%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container .broom-handle {
    position: absolute;
    height: 80vh;
    width: 1vw;
    top: 10vw;
    right: 4vw;
    bottom: auto;
    left: auto;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    border-radius: 0.75vw;
    transform-origin: top left;
    transform: rotate(-6deg);
    box-shadow: inset 0.3vw 1vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    border-radius: 1vw;
    box-shadow: inset 0.5vw 0.3vw 0 #d9f1e6, inset -0.5vw -0.3vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 1vw;
    width: 20%;
    left: 5%;
    border-radius: 0.5vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset 0.3vw 0.3vw 0 #def4ff, inset -0.3vw -0.3vw 0 #88bcd4, 0.5vw 0.3vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55vh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    position: relative;
    height: 100%;
    width: 100%;
    filter: drop-shadow(0.6vw 0.1vw 0 #71a990);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) scale(1);
    will-change: transform;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - World Map
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container {
    position: absolute;
    height: 9.5vw;
    width: 6vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 13%;
    transform-origin: center;
    transform: translateZ(0) rotate(40deg);
    transition: transform 200ms ease-in-out;
    will-change: transform;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rear-page {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #004785;
    outline: 0.2vw solid #5c8777;
    transform-origin: center;
    transform: translateZ(0) rotate(10deg);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .front-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/folded-map.svg") center/cover;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(33, 74, 93, 0.5);
    transform-origin: center;
    transform: translateZ(0) rotate(-10deg) scale(1);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rubber-band {
    position: absolute;
    height: 0.4vw;
    width: 120%;
    top: calc(50% - 0.2vw);
    right: auto;
    bottom: auto;
    left: -10%;
    background: #a42025;
    outline: 0.2vw solid #5c8777;
    border-radius: 0.2vw;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) scaleX(1);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .magnet {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffd100;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.3vw -0.1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container:hover .rear-page {
    transform: translateZ(0) rotate(15deg) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container:hover .front-page {
    transform: translateZ(0) rotate(-15deg) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container:hover .rubber-band {
    transform: translateZ(0) scaleX(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container:hover .magnet {
    transform: translateZ(0) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Postcards
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container {
    position: absolute;
    height: auto;
    width: 8.5vw;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    background: #ffffff;
    outline: 0.2vw solid #5c8777;
    border-radius: 0.3vw;
    overflow: hidden;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii {
    top: 14%;
    right: auto;
    bottom: auto;
    left: 39%;
    transform: translateZ(0) rotate(-12deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii .magnet {
    top: 5%;
    left: 60%;
    background: #ff4747;
    outline: 0.2vw solid #861317;
    box-shadow: inset -0.15vw -0.3vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii:hover {
    transform: translateZ(0) rotate(-5deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea {
    top: 22%;
    right: auto;
    bottom: auto;
    left: 70%;
    transform: translateZ(0) rotate(16deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.3vw -0.15vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea:hover {
    transform: translateZ(0) rotate(6deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan {
    top: 55%;
    right: auto;
    bottom: auto;
    left: 6%;
    transform: translateZ(0) rotate(6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan .magnet {
    top: 5%;
    left: 20%;
    background: #ff4747;
    outline: 0.2vw solid #861317;
    box-shadow: inset -0.3vw -0.15vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan:hover {
    transform: translateZ(0) rotate(-2deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 53%;
    transform: translateZ(0) rotate(-6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara .magnet {
    top: 5%;
    left: 60%;
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    box-shadow: inset -0.15vw -0.3vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara:hover {
    transform: translateZ(0) rotate(-2deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Polaroids
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container {
    position: absolute;
    height: auto;
    width: 6vw;
    top: 55%;
    right: auto;
    bottom: auto;
    left: 33%;
    transform-origin: center;
    transform: translateZ(0) rotate(12deg) scale(1);
    transition: transform 200ms ease-in-out;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .polaroid {
    outline: 0.2vw solid #5c8777;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .rear-polaroid {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateZ(0) rotate(5deg);
    background: #b0e5fd;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateZ(0) rotate(-5deg);
    background: #ffffff;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.3vw -0.15vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container:hover {
    transform: translateZ(0) rotate(12deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container:hover .rear-polaroid {
    transform: translateZ(0) rotate(12deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container:hover .front-polaroid {
    transform: translateZ(0) rotate(-12deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Passport
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container {
    position: absolute;
    height: auto;
    width: 6vw;
    top: 59%;
    right: auto;
    bottom: auto;
    left: 78%;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) rotate(-14deg) scale(1);
    will-change: transform;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    outline: 0.2vw solid #5c8777;
    border-radius: 0.2vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .magnet {
    top: 15%;
    right: 10%;
    background: #ff4747;
    outline: 0.2vw solid #861317;
    box-shadow: inset -0.2vw -0.2vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container:hover {
    transform: translateZ(0) rotate(-10deg) scale(1.1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container:hover .magnet {
    transform: translateZ(0) scale(1.05);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 20vh;
    width: 1vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 3%;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 1vw;
    border-radius: 0.5vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 0.5vw;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    box-shadow: inset 0.5vw 0.3vw 0 #d9f1e6, inset -0.5vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
  .kitchen-container .kitchen-right {
    /* - Narrow Breakpoint
    /*-------------------------------------------------*/
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1550px) and (min-height: 800px) {
  .kitchen-container .kitchen-right .fridge-content-container {
    height: 12vw;
    flex-grow: 0;
  }
  .kitchen-container .kitchen-right .fridge-container {
    height: 75%;
  }
  .kitchen-container .kitchen-right .top-door {
    height: 30vw !important;
  }
}
@media only screen and (min-width: 1025px) {
  /*-------------------------------------------------*/
  /* - Footer
  /*-------------------------------------------------*/
  .footer-container {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 2vw 0;
    text-align: center;
  }
  .footer-container .store-near-you-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 2vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-container .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 0.2vw solid #004785;
    border-radius: 0.5vw;
    overflow: hidden;
  }
  .footer-container .cta-container a {
    position: relative;
    height: clamp(20px, 3vw, 60px);
    width: auto;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .footer-container .cta-container a .cta-highlight {
    position: absolute;
    height: auto;
    width: 120%;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10%;
    padding: 120% 0 0 0;
    border-radius: 50%;
    background: #ffffff !important;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) translateY(-40%) scale(0);
    will-change: transform;
    transform-origin: center;
  }
  .footer-container .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    transition: color 200ms linear;
    will-change: color;
  }
  .footer-container .cta-container:hover .cta-highlight {
    transform: translateZ(0) translateY(-40%) scale(1);
  }
  .footer-container .footer-links {
    position: relative;
    height: auto;
    width: 50%;
    padding: 0 0 3vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-container .paragraph-text {
    font-size: 12px;
    color: #ffffff;
    font-family: "Helvetica Neue";
  }
  .footer-container pre {
    font-size: 12px;
    color: #ffffff;
    font-family: "Helvetica Neue";
    white-space: break-spaces;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-aspect-ratio: 1/1) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Tablet Variables
  /*---------------------------------------------*/
  /* - Tablet Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  .html {
    overflow-x: hidden;
  }
  .html::-webkit-scrollbar {
    width: 0px;
  }
  .page-container {
    position: relative;
    height: auto;
    width: 100vw;
    overflow-y: hidden;
  }
  .desktop-element {
    display: none;
  }
  body {
    background: #ffedfb;
  }
  .page-wrapper {
    position: relative;
    height: 100dvh;
    width: 100vw;
    overflow: hidden;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1 !important;
  }
  .opacity-off {
    opacity: 0 !important;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  .mobile-tap-fix {
    -webkit-tap-highlight-color: transparent;
  }
  .hidden-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .pause-animation {
    animation-play-state: paused !important;
  }
  /* - CTA Container
  /*---------------------------------------------*/
  .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 0.5vw solid #004785;
    border-radius: 2vw;
  }
  .cta-container a {
    position: relative;
    height: 8vw;
    width: auto;
    padding: 0 4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .cta-container a .cta-highlight {
    position: absolute;
    height: auto;
    width: 120%;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10%;
    padding: 120% 0 0 0;
    border-radius: 50%;
    background: #004785;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) translateY(-40%) scale(0);
    will-change: transform;
    transform-origin: center;
  }
  .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    transition: color 200ms linear;
    will-change: color;
  }
  /* - Close Button
  /*---------------------------------------------*/
  .close-button {
    position: absolute;
    height: 7vw;
    width: 7vw;
    top: 5vw;
    right: 5vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #004785;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 400ms linear;
    z-index: 1201;
  }
  .close-button .line {
    background: #ffffff;
  }
  .close-button .line1 {
    position: relative;
    height: 60%;
    width: 0.75vw;
    transform: translateZ(0) rotate(45deg);
  }
  .close-button .line2 {
    position: absolute;
    height: 60%;
    width: 0.75vw;
    top: 20%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    transform: translateZ(0) rotate(-45deg);
  }
  /* - Arrows
  /*---------------------------------------------*/
  .mobile-left-arrow {
    position: absolute;
    height: auto;
    width: 8vw;
    top: auto;
    right: auto;
    bottom: 5vh;
    left: 5vw;
    filter: drop-shadow(0 0.5vw 0 #004785);
    transition: opacity 400ms linear;
    z-index: 1000;
  }
  .mobile-right-arrow {
    position: absolute;
    height: auto;
    width: 8vw;
    top: auto;
    right: 5vw;
    bottom: 5vh;
    left: auto;
    filter: drop-shadow(0 0.5vw 0 #004785);
    transition: opacity 400ms linear;
    z-index: 1000;
  }
  .mobile-arrow-hide {
    opacity: 0;
    pointer-events: none;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /* - Heading Text
  /*-------------------------------------------------*/
  .heading-text {
    font-family: "Souvenir Bold";
    font-size: 5vw;
    color: #004785;
  }
  .heading-text sup {
    font-size: 2vw;
    vertical-align: super;
    display: inline-block;
    width: 1vw;
  }
  /* - Paragraph Text
  /*-------------------------------------------------*/
  .paragraph-text {
    font-family: "Souvenir Bold";
    font-size: 2.8vw;
    color: #004785;
  }
  .paragraph-text sup {
    font-size: 1.5vw;
    vertical-align: super;
  }
  /* - CTA Text
  /*-------------------------------------------------*/
  .cta-text {
    font-family: "Souvenir Bold";
    font-size: 3.5vw;
    color: #004785;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  /*-------------------------------------------------*/
  /* - Overlays
  /*-------------------------------------------------*/
  /* - Intro Overlay
  /*-------------------------------------------------*/
  .intro-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1100;
    contain: layout style;
    overflow: hidden;
  }
  .intro-overlay-container .intro-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content {
    position: relative;
    height: 90vh;
    width: -moz-max-content;
    width: max-content;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container {
    position: relative;
    height: 30vh;
    width: auto;
    margin: 0 20vw -5vh 0;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
    transform-origin: center;
    transform: rotate(-10deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container {
    position: relative;
    height: 40vh;
    width: auto;
    margin: 0 0 -10vh 8vw;
    transform-origin: bottom center;
    transition: transform 800ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
    transform-origin: center;
    transform: rotate(5deg);
  }
  .intro-overlay-container .intro-overlay-content .hk-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 3vh 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-item {
    position: absolute;
    height: 40vw;
    width: 40vw;
    top: -23vw;
    right: -8vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: transform 400ms ease-in-out;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container {
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/star.svg") center/cover;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0) rotate(0deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star-anim {
    animation: starAnim 6s linear infinite;
  }
  @keyframes starAnim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 1vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container {
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can {
    width: 50%;
    transform: rotate(5deg) scale(1);
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-top {
    position: relative;
    height: 1vw;
    width: 100%;
    border-radius: 0.5vw;
    background: #ffd100;
    outline: 1vw solid #231f20;
    margin: 0 0 calc(0.5vw - 2px) 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label {
    position: relative;
    height: auto;
    width: 95%;
    padding: 0 0 0.75vw 0;
    background: #ffd100;
    outline: 1vw solid #231f20;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can:hover {
    transform: rotate(3deg) scale(1.1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-shrink {
    transform: translateZ(0) scale(0);
  }
  /* - Map Overlay
  /*-------------------------------------------------*/
  .map-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .map-overlay-container .map-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .map-overlay-container .map-overlay-anim {
    transform: scale(0);
  }
  .map-overlay-container .map-container {
    position: relative;
    height: auto;
    width: 60%;
    contain: layout;
    padding: 0 5%;
  }
  .map-overlay-container .map-container .map-triad-wrapper {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    isolation: isolate;
    transition: opacity 400ms linear;
    opacity: 0;
    will-change: opacity;
    touch-action: pinch-zoom pan-x pan-y;
    scroll-behavior: smooth;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0;
    scroll-padding: 0;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third {
    position: relative;
    height: auto;
    width: 60vw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 400ms ease-in-out;
    transform: none;
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third img {
    position: relative;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-left {
    border-radius: 2vw 0 0 2vw;
    align-items: start;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-center {
    z-index: 1102;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-right {
    border-radius: 0 2vw 2vw 0;
    align-items: end;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-unfolded {
    transform: rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container {
    position: absolute;
    height: auto;
    width: 6vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    transform: translateX(-50%) translateY(-100%);
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-anim {
    opacity: 1;
    transition: opacity 400ms linear;
  }
  .map-overlay-container .map-container .interface-container {
    position: absolute;
    height: auto;
    width: 100%;
    bottom: -10vh;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    transition: opacity 400ms linear;
    will-change: opacity;
    perspective: 100vw;
  }
  .map-overlay-container .map-container .interface-container .desktop-element {
    display: none !important;
  }
  .map-overlay-container .map-container .interface-container .cta-container {
    margin: 0 0 2vh 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform: translateZ(0) scale(1) rotateX(0deg);
    transform-origin: center;
    will-change: transform;
  }
  .map-overlay-container .map-container .interface-container .confirm-cta {
    position: absolute;
    bottom: 0;
    transform: translateZ(0) rotateX(0deg);
  }
  .map-overlay-container .map-container .interface-container .cta-hidden {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(-90deg);
  }
  .map-overlay-container .map-container .interface-container .confirm-cta-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(90deg);
  }
  .map-overlay-container .map-container .interface-container-pause {
    pointer-events: none;
  }
  .map-overlay-container .map-container .interface-container-pause .cta-container {
    opacity: 0.5;
  }
  .map-overlay-container .map-container .interface-hidden {
    opacity: 0;
  }
  .map-overlay-container .map-container .pin-container {
    position: absolute;
    height: auto;
    width: 6vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .map-container .pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .map-container .pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-clickable {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  /* - Reward Overlay
  /*-------------------------------------------------*/
  .reward-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .reward-overlay-container .reward-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-overlay-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container {
    position: relative;
    height: auto;
    width: 90%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 3vh auto 0;
    text-align: center;
  }
  .reward-overlay-container .reward-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 2vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-text-container .text-background-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .reward-overlay-container .reward-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .reward-overlay-container .reward-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Hello Kitty Popup Overlay
  /*-------------------------------------------------*/
  .hk-popup-overlay-container {
    position: fixed;
    height: auto;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 12dvh;
    left: 3vw;
    z-index: 1199;
    contain: layout style;
  }
  .hk-popup-overlay-container .popup-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box {
    position: relative;
    height: auto;
    width: 100%;
    padding: 5vw 0 5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin: 0 0 3vw 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #5b2712;
    border-radius: 3vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text {
    position: relative;
    height: auto;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text span {
    color: #a42025;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: 2vw;
    right: 2vw;
    bottom: auto;
    left: auto;
    cursor: pointer;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line {
    position: absolute;
    height: 0.5vw;
    width: 100%;
    top: calc(50% - 0.25vw);
    right: auto;
    bottom: auto;
    left: 0;
    background: #5b2712;
    transform-origin: center;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-01 {
    transform: rotate(-45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-02 {
    transform: rotate(45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: auto;
    right: 28vw;
    bottom: -3.5vw;
    left: auto;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.5vw solid #5b2712;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .hk-container {
    position: relative;
    height: auto;
    width: 25vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .hk-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .hk-popup-overlay-container .popup-container .hk-container-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
  .hk-popup-overlay-container .popup-container-anim {
    pointer-events: auto;
  }
  /* - Shop Now Overlay
  /*-------------------------------------------------*/
  .shop-now-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .shop-now-overlay-container .shop-now-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-overlay-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container {
    position: relative;
    height: auto;
    width: 90%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 3vh auto 0;
    text-align: center;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 2vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .shop-now-overlay-container .shop-now-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .shop-now-overlay-container .shop-now-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Postcard Overlay
  /*-------------------------------------------------*/
  .postcard-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .postcard-overlay-container .postcard-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .postcard-overlay-container .postcard-overlay-anim {
    transform: scale(0);
  }
  .postcard-overlay-container .postcard-content-container {
    position: relative;
    height: auto;
    width: 70%;
    perspective: 200vw;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .postcard-overlay-container .postcard-content-container .postcard-bkg-anim {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container {
    position: absolute;
    height: calc(100% - 12vw);
    width: calc(100% - 12vw);
    top: 6vw;
    right: auto;
    bottom: auto;
    left: 6vw;
    display: flex;
    flex-direction: column;
    gap: 4vw;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms linear;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left {
    position: relative;
    height: calc(60% - 6vw);
    width: 100%;
    flex-grow: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 1vw;
    outline: 0.5vw solid #ff4747;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper .cta-container {
    display: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container {
    position: relative;
    height: 100%;
    width: 40%;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-void-container {
    position: absolute;
    height: auto;
    width: 140%;
    top: 0%;
    right: 40%;
    bottom: auto;
    left: auto;
    opacity: 0.17;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-square {
    position: absolute;
    height: auto;
    width: 60%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    padding: 70% 0 0 0;
    outline: 0.5vw solid gray;
    border-radius: 1vw;
    opacity: 0.2;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-container {
    position: absolute;
    height: auto;
    width: 68%;
    top: -4%;
    right: -5%;
    bottom: auto;
    left: auto;
    transform-origin: center;
    transform: translateZ(0) scale(1) rotate(-7deg);
    opacity: 0;
    will-change: transform, opacity;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-anim {
    animation: postcardStampAnim 1s ease-in-out forwards;
  }
  @keyframes postcardStampAnim {
    0% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2) rotate(-7deg);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container {
    position: relative;
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container {
    position: relative;
    height: 7.4vw;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .heading-text {
    font-size: 8.5vw;
    margin: 0 0 4vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines {
    display: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .cta-container {
    margin-right: auto;
    margin-left: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-anim {
    opacity: 1;
    pointer-events: auto !important;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Musubi.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Bibimbap.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Poutine.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Ramen.jpg") center left/cover;
  }
  /* - Polaroid Overlay
  /*-------------------------------------------------*/
  .polaroid-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .polaroid-overlay-container .polaroid-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .polaroid-overlay-container .polaroid-overlay-anim {
    transform: scale(0);
  }
  .polaroid-overlay-container .polaroid-wrapper {
    position: relative;
    height: auto;
    width: 70%;
    max-height: 80dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 6vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container {
    position: relative;
    height: auto;
    width: 50%;
    flex-shrink: 0;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    transform-origin: center;
    will-change: transform, opacity;
    transform: translateZ(0) translateX(0) rotate(0deg) scale(1);
    outline: 0.5vw solid #231f20;
    overflow: hidden;
    border-radius: 0.5vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii {
    transform: translateZ(0) translateX(0) rotate(-8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii-fade {
    transform: translateZ(0) translateX(0) rotate(-8deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea-fade {
    transform: translateZ(0) translateX(0) rotate(14deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan-fade {
    transform: translateZ(0) translateX(0) rotate(-14deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara-fade {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1.2);
    opacity: 0;
  }
  /* - Passport Overlay
  /*-------------------------------------------------*/
  .passport-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .passport-overlay-container .desktop-element {
    display: none !important;
  }
  .passport-overlay-container .passport-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .passport-overlay-container .passport-overlay-anim {
    transform: scale(0);
  }
  .passport-overlay-container .passport-wrapper {
    position: relative;
    height: auto;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    perspective: 200vw;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left {
    position: relative;
    height: 50%;
    width: auto;
    transform-origin: center bottom;
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left img {
    position: relative;
    height: 50%;
    width: auto;
    display: block;
    max-width: 70vw;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right {
    position: relative;
    height: 50%;
    width: auto;
    transform-origin: center top;
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right img {
    position: relative;
    height: 50%;
    width: auto;
    display: block;
    max-width: 70vw;
  }
  .passport-overlay-container .passport-wrapper .passport-left-page-anim {
    transform: translateZ(0) rotateX(-90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-right-page-anim {
    transform: translateZ(0) rotateX(90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left {
    position: relative;
    height: 42.4%;
    width: 88%;
    padding: 6.2% 0.5vw 0 0.5vw;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 1.2vw;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .passport-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-1 {
    background: url("../images/passport/hawaii_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-2 {
    background: url("../images/passport/japan_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-3 {
    background: url("../images/passport/korea_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-4 {
    background: url("../images/passport/niagara_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow {
    position: absolute;
    height: auto;
    width: 10%;
    bottom: 5%;
    cursor: pointer;
    filter: drop-shadow(0 0.5vw 0 #004785);
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .left-arrow {
    left: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .right-arrow {
    right: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-left-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container {
    position: absolute;
    height: auto;
    transform-origin: center center;
    transform: translate3d(0px, 0px, 0);
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container:active {
    transform: scale(1.1) translate3d(var(--tx, 0px), var(--ty, 0px), 0);
    transform-origin: center center;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .hk-sticker {
    width: 20%;
    top: 66%;
    left: 15%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .spammy-sticker {
    width: 22%;
    top: 66.5%;
    left: 38.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .bibimbap-sticker {
    width: 21%;
    top: 66.5%;
    left: 63%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .poutine-sticker {
    width: 22%;
    top: 79.5%;
    left: 62.75%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .musubi-sticker {
    width: 22%;
    top: 78.5%;
    left: 38.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .ramen-sticker {
    width: 19%;
    top: 78.5%;
    left: 15.5%;
  }
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100dvh;
    width: 250vw;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    transition: transform 1s ease-in-out;
    transform: translateZ(0) translateX(-75vw);
    will-change: transform;
    /* - Background Grid 
    /*-------------------------------------------------*/
  }
  .kitchen-container .background-grid-container {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    contain: layout paint style;
  }
  .kitchen-container .background-grid-container .line {
    background: #ffaece;
  }
  .kitchen-container .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 0.5vw;
  }
  .kitchen-container .background-grid-container .hl {
    position: relative;
    height: 0.5vw;
    width: 100%;
  }
  .kitchen-container .background-grid-container .vl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .background-grid-container .hl-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 13vw;
    flex-wrap: nowrap;
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: auto;
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Window
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .window-container {
    position: absolute;
    height: 44vh;
    width: 44vh;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: 5vw;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 1vw 1vw 0 #ffedfb, inset -1vw -1vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(1vw 1vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .window-container .window-pane {
    position: absolute;
    height: calc(44vh - 8vw);
    width: calc(44vh - 8vw);
    top: 4vw;
    right: auto;
    bottom: auto;
    left: 4vw;
    overflow: hidden;
    background: linear-gradient(0deg, #92ddff 0%, #80b5ff 100%);
    border: 0.5vw solid #c6668c;
    box-shadow: 0vw -0.5vw 0 rgba(198, 102, 140, 0.7), 0vw 0.5vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s linear opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset-sky {
    background: linear-gradient(180deg, #79aefd 0%, #c78a21 80%, #ad3636 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .night-sky {
    background: linear-gradient(180deg, #4f5bff 0%, #58317d 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .star {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s1 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s2 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s3 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s4 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s5 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s6 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s7 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s8 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cosmic-obj {
    border-radius: 50%;
    transition: transform 1s ease-in-out, opacity 1s linear;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sun {
    position: absolute;
    height: 12vw;
    width: 12vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffd100;
    filter: blur(5px);
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset {
    transform: translateY(30vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunless {
    transform: translateY(44vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moon {
    position: absolute;
    height: 9vw;
    width: 9vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffffff;
    opacity: 0.4;
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moonrise {
    transform: translateY(-15vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .fullmoon {
    transform: translateY(-34vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud {
    position: absolute;
    right: -45%;
    opacity: 1;
    transition: opacity 1s linear;
    animation: clouds 30s linear infinite;
    transform: translateX(0vw);
  }
  @keyframes clouds {
    0% {
      transform: translateX(0vw);
    }
    100% {
      transform: translateX(-120vw);
    }
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-01 {
    opacity: 0.2;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-02 {
    opacity: 0.1;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-bar {
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-h {
    position: absolute;
    height: 3vw;
    width: 100%;
    top: calc(50% - 1.5vw);
    right: auto;
    bottom: auto;
    left: 0;
    box-shadow: inset 0 0.5vw 0 #ffedfb, inset 0 -0.5vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.75vw 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-v {
    position: absolute;
    height: 100%;
    width: 3vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 1.5vw);
    box-shadow: inset 0.5vw 0 0 #ffedfb, inset -0.5vw 0 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.75vw 0 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left {
    /* - Main Logo
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .main-logo-container {
    position: absolute;
    height: auto;
    width: 40%;
    top: 6vh;
    right: auto;
    bottom: auto;
    left: 60%;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(0.75vw 0.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .kitchen-left {
    /* - Countertop Items
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    /* - Stovetop
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 65%;
    filter: drop-shadow(1.75vw 0.75vw 0 rgba(198, 102, 140, 0.7));
    padding: 0 0 0 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects {
    position: absolute;
    height: 20vh;
    width: 45%;
    top: auto;
    right: auto;
    bottom: 2vw;
    left: 17%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke {
    position: relative;
    height: auto;
    width: 6vw;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    padding: 6vw 0 0 0;
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke-anim {
    animation: smokeAnim 2s ease-out infinite;
  }
  @keyframes smokeAnim {
    0% {
      transform: translateY(0vh) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-10vh) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk5 {
    animation-delay: 0ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk7, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk3 {
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk1 {
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk8 {
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk6, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk4 {
    animation-delay: 1250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk9 {
    animation-delay: 1500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk2 {
    animation-delay: 1750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease {
    position: absolute;
    height: 1vw;
    width: 1vw;
    bottom: 3vw;
    border-radius: 50%;
    outline: 0.5vw solid #92ddff;
    transform: translateZ(0) scale(0);
    opacity: 1;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease-anim {
    animation: greaseAnim 1s ease-in-out infinite;
  }
  @keyframes greaseAnim {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr1 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr2 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr3 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr4 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container {
    position: absolute;
    height: 2vw;
    width: 14vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 7vw);
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 0.5vw solid #985e47;
    transform: rotate(0deg);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam-anim {
    animation: spamAnim 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamAnim {
    0% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(1440deg);
    }
    100% {
      transform: rotate(1440deg);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-c-anim {
    animation: spamContAnim 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  @keyframes spamContAnim {
    0% {
      transform: translateY(0vh);
    }
    70% {
      transform: translateY(-16vh);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 75%;
    margin: 0 0 0 3vw;
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-handle {
    position: absolute;
    height: 2vw;
    width: 25%;
    top: 0.5vw;
    right: auto;
    bottom: auto;
    left: -15%;
    border-radius: 1vw;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    box-shadow: inset -2vw -1vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: 6vw;
    width: 80%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .lip {
    position: relative;
    height: 3vw;
    width: 100%;
    border-radius: 1.5vw;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    box-shadow: inset -0.8vw -0.8vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .bowl {
    position: relative;
    height: 7vw;
    width: 90%;
    border-radius: 0 0 6vw 6vw;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    box-shadow: inset -1vw -1.5vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-glow {
    position: absolute;
    height: 2vw;
    width: 58%;
    top: 8vw;
    right: auto;
    bottom: auto;
    left: 7%;
    background: #ff4747;
    outline: 0.5vw solid #fffc35;
    filter: blur(1.5vw);
    border-radius: 1vw;
    transition: opacity 500ms linear;
    transform: translateZ(0) translateY(0vw);
    will-change: transform, opacity;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .glow-anim {
    animation: glowAnim 2s ease infinite;
  }
  @keyframes glowAnim {
    0% {
      transform: translateY(0vw);
    }
    50% {
      transform: translateY(1vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-button {
    position: absolute;
    height: 2.5vw;
    width: 5%;
    bottom: 2vw;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    transform: translateZ(0) translateY(0);
    will-change: transform;
    box-shadow: inset 0 1vw 0 #def4ff, inset -2vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb1 {
    right: 7%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb2 {
    right: 20%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb-pressed {
    transform: translateY(1vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-base {
    position: relative;
    height: 2vw;
    width: 100%;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Spam Cans Stack
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container {
    position: relative;
    height: auto;
    width: 20%;
    cursor: pointer;
    filter: drop-shadow(1.75vw 0.75vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 11vw;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-top {
    position: relative;
    height: 0.75vw;
    width: 100%;
    margin: 0 0 0.5vw 0;
    background: #ffd100;
    outline: 0.5vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 0.5vw auto;
    background: #ffd100;
    outline: 0.5vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can1 {
    transform: translateX(1vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can2 {
    transform: translateX(-2vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can3 {
    transform: translateX(2vw);
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Espresso Machine
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 25%;
    filter: drop-shadow(3vw 2vw 0 rgba(198, 102, 140, 0.7));
    margin: 0 5% 0 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    box-shadow: inset 1vw 1vw 0 #fdf7f7, inset -1vw -1vw 0 #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 2vw;
    width: 50%;
    margin: 0 auto 0.5vw auto;
    border-radius: 1vw;
    box-shadow: inset 0.5vw 0.5vw 0px #fdf7f7, inset -0.5vw -0.5vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 5vh;
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    outline: 0.5vw solid #c6668c;
    transform: translateZ(0) translateX(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 80%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0 0 #6b5139;
    transform-origin: bottom;
    transition: transform 2s ease-in-out;
    transform: scaleY(1) translateZ(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-empty {
    transform: scaleY(0) translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .glint {
    position: absolute;
    height: 60%;
    width: 1vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #fdf7f7;
    border-radius: 1vw;
    opacity: 0.8;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .hopper-anim {
    animation: hopperAnim 2s ease-in-out forwards;
  }
  @keyframes hopperAnim {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% {
      transform: translateX(-1px);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
      transform: translateX(1px);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 9vh;
    width: 100%;
    margin: 0 0 0.5vw 0;
    border-radius: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button {
    position: relative;
    height: 5vw;
    width: 5vw;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    border-radius: 50%;
    filter: drop-shadow(1vw 1vw 0 #ffaece);
    cursor: pointer;
    transform-origin: center;
    transform: scale(1);
    transition: scale 100ms ease-in-out;
    box-shadow: inset 0.75vw 0.75vw 0px #ffedfb, inset -0.75vw -0.75vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .b-anim {
    animation: bAnim 500ms ease forwards;
  }
  @keyframes bAnim {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.05);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .ready-light {
    position: relative;
    height: 2vw;
    width: 2vw;
    background: red;
    filter: blur(3px);
    border-radius: 50%;
    transition: background-color 300ms linear;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-active {
    background: lightgreen;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-anim {
    animation: rlAnim 1s step-end infinite;
  }
  @keyframes rlAnim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container {
    position: relative;
    height: 12vh;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    box-shadow: inset 0vw 2.5vw 0 rgba(198, 102, 140, 0.7);
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 75%;
    filter: drop-shadow(1.5vw 0.5vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 14vh;
    width: 1.5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.75vw);
    background: #806043;
    outline: 0.5vw solid #6b5139;
    border-radius: 1vw;
    opacity: 0;
    transform: translateY(-9vh) scaleX(1);
    transform-origin: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-anim {
    animation: coffeeAnim 3s ease-in-out forwards;
  }
  @keyframes coffeeAnim {
    0% {
      transform: translateY(-9vh) scaleX(1);
      opacity: 1;
    }
    99% {
      transform: translateY(12vh) scaleX(0.3);
      opacity: 1;
    }
    100% {
      transform: translateY(12vh) scaleX(0.3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar {
    position: relative;
    height: 1.25vh;
    width: 80%;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    margin: 0 0 0.5vw 0;
    box-shadow: inset -2vw 1vw 0px #ffaece, inset 3vw 0vw 0px #fdf7f7;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar:nth-of-type(3) {
    width: 70%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-handle {
    position: absolute;
    height: 1vh;
    width: 11vw;
    top: auto;
    right: auto;
    bottom: 0.75vh;
    left: 50%;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    border-radius: 1.5vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-cup {
    position: relative;
    height: 2vh;
    width: 30%;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset -2vw 1vw 0px #ffaece, inset 3vw 0vw 0px #fdf7f7;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(50% - 2vw);
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s2 {
    animation-delay: 400ms !important;
    left: calc(50% - 1vw - 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s3 {
    animation-delay: 800ms !important;
    left: calc(50% - 1vw + 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam-anim {
    animation: steamAnim 1.2s ease-out infinite;
  }
  @keyframes steamAnim {
    0% {
      transform: translateY(0vh) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-7vh) scale(3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup {
    position: absolute;
    height: 3.5vh;
    width: 7vw;
    top: auto;
    right: auto;
    bottom: 0.5vw;
    left: calc(50% - 3.5vw);
    background: #ffffff;
    outline: 0.5vw solid #c6668c;
    border-radius: 1vw 1vw 5vw 5vw;
    box-shadow: inset -1vw -0.5vw 0px #def4ff;
    filter: drop-shadow(2vw 0.5vw 0px rgba(198, 102, 140, 0.7));
    transform: translateZ(0) translateX(0vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2 {
    transform: translateX(-8vw);
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup1-anim {
    animation: cup1Anim 400ms ease-in-out forwards;
  }
  @keyframes cup1Anim {
    0% {
      transform: translateZ(0) translateX(0vw);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) translateX(8vw);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2-anim {
    animation: cup2Anim 400ms ease-in-out forwards;
  }
  @keyframes cup2Anim {
    0% {
      transform: translateZ(0) translateX(-8w);
      opacity: 0;
    }
    100% {
      transform: translateZ(0) translateX(0vw);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    position: relative;
    height: 5vh;
    width: 100%;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    border-radius: 1vw;
    box-shadow: inset 2vw 2vw 0px #fdf7f7, inset -2vw -2vw 0px #ffaece;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left {
    /* - Counter
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: 24.5%;
    width: 96%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.5vw;
    filter: drop-shadow(4vw 3vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 96%;
    flex-grow: 1;
    padding: 0 3.5% 0 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 4vw;
    border-radius: 0 1vw 0 0;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset -2vw 1vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .knob {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: 3vw;
    border-radius: 50%;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 0.5vw 0.5vw 0 #ffedfb, inset -0.5vw -0.5vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.5vw 0.5vw 0 rgba(255, 174, 206, 0.4));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 .knob {
    right: 3vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d2 .knob, .kitchen-container .kitchen-left .counter-container .counter-base .d3 .knob {
    left: 3vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door {
    position: relative;
    height: 94%;
    width: auto;
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 0vw 1.5vw 0px #fdf7f7, inset -1.5vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.5vw 0.5vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0 1vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door {
    position: relative;
    height: 94%;
    width: auto;
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    background: rgba(198, 102, 140, 0.7);
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 2vw 4vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container {
    position: absolute;
    height: auto;
    width: 30%;
    top: 17%;
    right: auto;
    bottom: auto;
    left: 34%;
    opacity: 0.3;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container {
    position: absolute;
    height: 60%;
    width: 30%;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 35%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.5vw;
    filter: drop-shadow(4vw 0 0 rgba(198, 102, 140, 0.7));
    transform: translateZ(0) scale(1) translateY(0) rotate(0);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-top {
    position: relative;
    height: 1vw;
    width: 100%;
    border-radius: 0.5vw;
    background: #cca988;
    outline: 0.5vw solid #6b5139;
    box-shadow: inset -0.5vw -0.5vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
    background: #cca988;
    outline: 0.5vw solid #6b5139;
    box-shadow: inset -1vw -3vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    margin: 0 0 15% 0;
    background: #806043;
    outline: 0.5vw solid #6b5139;
    border-radius: 30% 60%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo .line {
    position: absolute;
    height: 0.5vw;
    width: 200%;
    top: calc(50% - 0.25vw);
    right: auto;
    bottom: auto;
    left: -50%;
    background: #6b5139;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-anim {
    animation: coffeeBagAnim 1s ease-out forwards;
  }
  @keyframes coffeeBagAnim {
    0% {
      transform: translateZ(0) scale(1) translateY(0) rotate(0);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1.2) translateY(-3vw) rotate(5deg);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .shelf {
    position: absolute;
    height: 2vw;
    width: 100%;
    top: 65%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 0 -1vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-knob {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: 3vw;
    right: -1.5vw;
    bottom: auto;
    left: auto;
    border-radius: 50%;
    background: #c6668c;
    outline: 0.5vw solid #c6668c;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-door-front {
    position: absolute;
    height: 100%;
    width: 3vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 2vw 0 #fdf7f7, inset -2vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(1vw 1vw 0 rgba(198, 102, 140, 0.7));
    opacity: 0;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    border-radius: 1vw 1vw 0 0;
    box-shadow: inset 0vw 1.5vw 0px #fdf7f7, inset -1.5vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.5vw 0.5vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front .knob {
    left: 3vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .door-front {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-door-front {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .knob {
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-knob {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 6vw;
    width: 100%;
    border-radius: 0 1vw 1vw 0;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset 0vw 1.5vw 0px #fdf7f7, inset -1.5vw -1.5vw 0px rgba(255, 174, 206, 0.4);
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: auto;
    width: 40%;
    padding: 0 5% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Fridge Content
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-content-container {
    position: relative;
    height: auto;
    width: 95%;
    flex-grow: 1;
    padding: 0 0 0 5%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container {
    position: relative;
    height: 80%;
    width: 12vw;
    filter: drop-shadow(4vw 4vw 0 rgba(198, 102, 140, 0.7));
    padding: 10% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .pot-base {
    position: absolute;
    height: 24%;
    width: 80%;
    border-radius: 1vw;
    left: 10%;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    box-shadow: inset -1vw -1vw 0 #ffaece, inset 1vw 1vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .flower-stem {
    position: relative;
    height: auto;
    width: 2vw;
    flex-grow: 1;
    margin: 0 0 2.4vw 0;
    background: #abdbc5;
    outline: 0.5vw solid #5c8777;
    box-shadow: inset -1vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container {
    position: relative;
    height: 10vw;
    width: 10vw;
    transform-origin: center;
    transform: translateZ(0) rotate(0deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper {
    height: 100%;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .petal {
    position: absolute;
    height: 50%;
    width: 50%;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.5vw solid #92ddff;
    transform-origin: bottom right;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt1 {
    transform: rotate(120deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt2 {
    transform: rotate(240deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 {
    position: relative;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 .petall {
    background: #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals2 {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    transform: rotate(60deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .flower-circle {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: calc(50% - 1.5vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 1.5vw);
    background: #ffd100;
    outline: 0.5vw solid #ac8c00;
    border-radius: 50%;
    box-shadow: inset -0.75vw -0.75vw 0 rgba(168, 137, 0, 0.5607843137);
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-anim {
    animation: petalsAnim 1s ease-in-out forwards;
  }
  @keyframes petalsAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    10% {
      transform: translateZ(0) rotate(-5deg);
    }
    20% {
      transform: translateZ(0) rotate(5deg);
    }
    40% {
      transform: translateZ(0) rotate(-5deg);
    }
    70% {
      transform: translateZ(0) rotate(5deg);
    }
    100% {
      transform: translateZ(0) rotate(0deg);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container {
    position: relative;
    height: 80%;
    width: 24%;
    filter: drop-shadow(4vw 6vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.5vw;
    padding: 0 3%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook {
    position: relative;
    height: auto;
    width: auto;
    outline: 0.5vw solid #c6668c;
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook .bb {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 25%;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1 {
    height: 70%;
    transition-delay: 400ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2 {
    height: 80%;
    transition-delay: 200ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3 {
    height: 75%;
    transition-delay: 700ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4 {
    height: 60%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5 {
    height: 65%;
    transition-delay: 600ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    height: 90%;
    transition-delay: 300ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7 {
    height: 75%;
    transition-delay: 100ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    height: 65%;
    transition-delay: 500ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    background: #ffaece;
    box-shadow: inset -1vw -1vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    background: #ffedfb;
    box-shadow: inset -1.5vw -1vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook-anim {
    transform: translateY(-25vh);
    transition-timing-function: ease-out;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    display: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    filter: drop-shadow(4vw 4vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container {
    position: absolute;
    height: auto;
    width: 97%;
    top: 6%;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    opacity: 0;
    transform: translateZ(0) translateY(100%);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container svg {
    width: 40%;
    fill: #cca988;
    stroke-width: 0.5vw;
    stroke: #806043;
    display: block;
    overflow: visible;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toast-anim {
    animation: toastAnim 3s ease-in-out forwards;
  }
  @keyframes toastAnim {
    0%, 29.5% {
      transform: translateY(100%);
      opacity: 1;
    }
    35% {
      transform: translateY(-10%);
      opacity: 1;
    }
    40% {
      transform: translateY(0%);
      opacity: 1;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-handle {
    position: absolute;
    height: 3vw;
    width: 90%;
    top: 60%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    border-radius: 0.5vw;
    box-shadow: inset -1vw -2vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-anim {
    animation: toasterAnim 3s ease-in-out forwards;
  }
  @keyframes toasterAnim {
    0% {
      transform: translateY(0vh);
    }
    5% {
      transform: translateY(2vh);
    }
    16%, 20%, 24%, 26%, 28%, 29%, 20% {
      transform: translateY(2.2vh);
    }
    18%, 22%, 25%, 27%, 28.5%, 29.5% {
      transform: translateY(2vh);
    }
    31% {
      transform: translateY(0vh);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-body {
    position: relative;
    height: 60%;
    width: 80%;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    border-radius: 5vw 5vw 0 0;
    box-shadow: inset 2vw 1vw 0 #def4ff, inset -2vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-handle {
    position: absolute;
    height: 30%;
    width: 50%;
    top: 20%;
    right: auto;
    bottom: auto;
    left: 25%;
    border-radius: 0.5vw 0.5vw 0 0;
    outline: 2vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body {
    position: relative;
    height: 70%;
    width: 90%;
    border-radius: 1vw;
    background: #ffedfb;
    outline: 0.5vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    box-shadow: inset 1vw 1vw 0 #fdf7f7, inset -1vw -1vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .bb-screen {
    position: relative;
    height: 10%;
    width: 40%;
    margin: 0 0 0.5vw 0;
    background: #ffaece;
    outline: 0.5vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck {
    position: relative;
    height: 25%;
    width: 30%;
    border-radius: 0 0 0.5vw 0.5vw;
    background: #92ddff;
    outline: 0.5vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .top-bar {
    position: absolute;
    height: 20%;
    width: 70%;
    top: 0;
    right: 15%;
    bottom: auto;
    left: auto;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke {
    position: absolute;
    height: auto;
    width: 20%;
    padding: 20% 0 0 0;
    border-radius: 50%;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke1 {
    left: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke2 {
    right: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    border-radius: 50%;
    background: rgba(255, 174, 206, 0.4);
    outline: 0.5vw solid #c6668c;
    bottom: 10%;
    box-shadow: inset 1vw 1vw 0 #ffaece;
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker .speaker-inside {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: calc(50% - 1vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 1vw);
    border-radius: 50%;
    background: #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-anim {
    animation: speakerAnim 500ms ease-in-out infinite;
  }
  @keyframes speakerAnim {
    0% {
      transform: translateZ(0) scale(1);
    }
    20% {
      transform: translateZ(0) scale(1.05);
    }
    50% {
      transform: translateZ(0) scale(1);
    }
    100% {
      transform: translateZ(0) scale(1);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-1 {
    left: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-2 {
    right: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container {
    position: absolute;
    height: auto;
    width: 15%;
    top: auto;
    right: auto;
    bottom: 15%;
    left: 42.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container .spkr-button {
    position: relative;
    height: 1vw;
    width: 1vw;
    background: #c6668c;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note {
    position: absolute;
    height: auto;
    transform-origin: center;
    opacity: 1;
    transform: translateZ(0) translateX(0) translateY(0) scale(1);
    will-change: transform, opacity;
    opacity: 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-anim {
    animation: musicNoteAnim 1s ease-in-out infinite;
  }
  @keyframes musicNoteAnim {
    0% {
      transform: translateZ(0) translateX(0) translateY(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) translateX(50%) translateY(-25%) scale(1.5);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-01 {
    width: 15%;
    bottom: 35%;
    left: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-02 {
    width: 10%;
    bottom: 5%;
    left: 110%;
    animation-delay: 333ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-03 {
    width: 8%;
    bottom: 70%;
    left: 125%;
    animation-delay: 666ms;
  }
  .kitchen-container .kitchen-right {
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    filter: drop-shadow(2vw 3vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container {
    position: absolute;
    height: 100%;
    width: 13vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 100%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container .broom-handle {
    position: absolute;
    height: 80vh;
    width: 2vw;
    top: 10vw;
    right: 10.5vw;
    bottom: auto;
    left: auto;
    background: #cca988;
    outline: 0.5vw solid #6b5139;
    border-radius: 1vw;
    transform-origin: top left;
    transform: rotate(-6deg);
    box-shadow: inset 0.3vw 1vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    border-radius: 2.5vw;
    background: #abdbc5;
    outline: 0.5vw solid #5c8777;
    box-shadow: inset 1vw 1vw 0 #d9f1e6, inset -1vw -1vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 3vw;
    width: 30%;
    left: 10%;
    border-radius: 1.5vw;
    background: #b0e5fd;
    outline: 0.5vw solid #7197b7;
    box-shadow: inset 0.75vw 0.75vw 0 #def4ff, inset -0.75vw -0.75vw 0 #88bcd4, 1vw 0.75vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55vh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    position: relative;
    height: 100%;
    width: 100%;
    filter: drop-shadow(2vw 1vw 0 #71a990);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .magnet {
    position: absolute;
    height: 2.5vw;
    width: 2.5vw;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) scale(1);
    will-change: transform;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - World Map
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container {
    position: absolute;
    height: 20vw;
    width: 13vw;
    top: 8%;
    right: auto;
    bottom: auto;
    left: 14%;
    transform-origin: center;
    transform: rotate(40deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rear-page {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #004785;
    outline: 0.5vw solid #5c8777;
    transform-origin: center;
    transform: rotate(10deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .front-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/folded-map.svg") center/cover;
    outline: 0.5vw solid #5c8777;
    transform-origin: center;
    transform: rotate(-10deg);
    box-shadow: inset -0.5vw -0.5vw 0 rgba(33, 74, 93, 0.5);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rubber-band {
    position: absolute;
    height: 1vw;
    width: 120%;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: -10%;
    background: #a42025;
    outline: 0.5vw solid #5c8777;
    border-radius: 0.5vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .magnet {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffd100;
    outline: 0.5vw solid #5c8777;
    box-shadow: inset -0.75vw -0.25vw 0 rgba(168, 137, 0, 0.5607843137), 0.75vw 0.25vw 0 0.5vw rgba(33, 74, 93, 0.5);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Postcards
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container {
    position: absolute;
    height: auto;
    width: 18vw;
    transform-origin: center;
    background: #ffffff;
    outline: 0.5vw solid #5c8777;
    border-radius: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii {
    top: 14%;
    right: auto;
    bottom: auto;
    left: 70%;
    transform: rotate(-12deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii .magnet {
    top: 5%;
    left: 60%;
    background: #ffd100;
    outline: 0.5vw solid #ac8c00;
    box-shadow: inset -0.5vw -1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea {
    top: 42%;
    right: auto;
    bottom: auto;
    left: 42%;
    transform: translateZ(0) rotate(16deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 0.5vw solid #5c8777;
    box-shadow: inset -1vw -1vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan {
    top: 70%;
    right: auto;
    bottom: auto;
    left: 65%;
    transform: translateZ(0) rotate(9deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan .magnet {
    top: 5%;
    left: 40%;
    background: #ff4747;
    outline: 0.5vw solid #861317;
    box-shadow: inset -0.5vw -1vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara {
    top: 60%;
    right: auto;
    bottom: auto;
    left: 15%;
    transform: translateZ(0) rotate(-6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara .magnet {
    top: 5%;
    left: 60%;
    background: #ffd100;
    outline: 0.5vw solid #ac8c00;
    box-shadow: inset -0.5vw -1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Polaroids
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container {
    position: absolute;
    height: auto;
    width: 12vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 45%;
    transform-origin: center;
    transform: rotate(20deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .polaroid {
    outline: 0.5vw solid #5c8777;
    transform-origin: center;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .rear-polaroid {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: rotate(10deg);
    background: #b0e5fd;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-10deg);
    background: #ffffff;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 0.5vw solid #5c8777;
    box-shadow: inset -0.5vw -0.3vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Passport
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container {
    position: absolute;
    height: auto;
    width: 12vw;
    top: 40%;
    right: auto;
    bottom: auto;
    left: 73%;
    transform-origin: center;
    transform: rotate(10deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    outline: 0.5vw solid #5c8777;
    border-radius: 0.5vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .magnet {
    top: 15%;
    left: 10%;
    background: #ff4747;
    outline: 0.5vw solid #861317;
    box-shadow: inset -0.5vw -0.3vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 20vh;
    width: 2vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 4%;
    display: flex;
    flex-direction: column;
    gap: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 2vw;
    border-radius: 1vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 2vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 1vw;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 2.5vw 2.5vw 0 0;
    box-shadow: inset 1vw 1vw 0 #d9f1e6, inset -1vw 0vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
  .kitchen-position-left {
    transform: translateZ(0) translateX(0vw);
  }
  .kitchen-position-right {
    transform: translateZ(0) translateX(-150vw);
  }
  /*-------------------------------------------------*/
  /* - Footer
  /*-------------------------------------------------*/
  .footer-container {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 8vw 0;
    text-align: center;
  }
  .footer-container .store-near-you-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 6vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-container .footer-links {
    position: relative;
    height: auto;
    width: 70%;
    padding: 0 0 4vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-container .paragraph-text {
    font-size: 14px;
    color: #ffffff;
    font-family: "Helvetica Neue";
  }
  .footer-container pre {
    font-size: 14px;
    color: #ffffff;
    font-family: "Helvetica Neue";
    white-space: break-spaces;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Mobile Variables
  /*---------------------------------------------*/
  /* - Mobile Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  html::-webkit-scrollbar {
    width: 0px;
  }
  .desktop-element, .tablet-element {
    display: none !important;
  }
  body {
    background: #ffedfb;
  }
  .page-wrapper {
    position: relative;
    height: 100dvh;
    width: 100vw;
    overflow: hidden;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1 !important;
  }
  .opacity-off {
    opacity: 0 !important;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  .mobile-tap-fix {
    -webkit-tap-highlight-color: transparent;
  }
  .hidden-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .pause-animation {
    animation-play-state: paused !important;
  }
  /* - CTA Container
  /*---------------------------------------------*/
  .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 1vw solid #004785;
    border-radius: 2vw;
  }
  .cta-container a {
    position: relative;
    height: 12vw;
    width: auto;
    padding: 0 4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .cta-container a .cta-highlight {
    position: absolute;
    height: auto;
    width: 120%;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10%;
    padding: 120% 0 0 0;
    border-radius: 50%;
    background: #004785;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) translateY(-40%) scale(0);
    will-change: transform;
    transform-origin: center;
  }
  .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    transition: color 200ms linear;
    will-change: color;
  }
  /* - Close Button
  /*---------------------------------------------*/
  .close-button {
    position: absolute;
    height: 14vw;
    width: 14vw;
    top: 5vw;
    right: 5vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #004785;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 400ms linear;
    z-index: 1201;
  }
  .close-button .line {
    background: #ffffff;
  }
  .close-button .line1 {
    position: relative;
    height: 60%;
    width: 1vw;
    transform: translateZ(0) rotate(45deg);
  }
  .close-button .line2 {
    position: absolute;
    height: 60%;
    width: 1vw;
    top: 20%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    transform: translateZ(0) rotate(-45deg);
  }
  /* - Arrows
  /*---------------------------------------------*/
  .mobile-left-arrow {
    position: absolute;
    height: auto;
    width: 14vw;
    top: auto;
    right: auto;
    bottom: 5vh;
    left: 5vw;
    filter: drop-shadow(0 1vw 0 #004785);
    transition: opacity 400ms linear;
    z-index: 1000;
  }
  .mobile-right-arrow {
    position: absolute;
    height: auto;
    width: 14vw;
    top: auto;
    right: 5vw;
    bottom: 5vh;
    left: auto;
    filter: drop-shadow(0 1vw 0 #004785);
    transition: opacity 400ms linear;
    z-index: 1000;
  }
  .mobile-arrow-hide {
    opacity: 0;
    pointer-events: none;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /* - Heading Text
  /*-------------------------------------------------*/
  .heading-text {
    font-family: "Souvenir Bold";
    font-size: 6vw;
    color: #004785;
  }
  .heading-text sup {
    font-size: 2vw;
    vertical-align: super;
    display: inline-block;
    width: 1vw;
  }
  /* - Paragraph Text
  /*-------------------------------------------------*/
  .paragraph-text {
    font-family: "Souvenir Bold";
    font-size: 4vw;
    color: #004785;
  }
  .paragraph-text sup {
    font-size: 2vw;
    vertical-align: super;
  }
  /* - CTA Text
  /*-------------------------------------------------*/
  .cta-text {
    font-family: "Souvenir Bold";
    font-size: 4vw;
    color: #004785;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  /*-------------------------------------------------*/
  /* - Overlays
  /*-------------------------------------------------*/
  /* - Intro Overlay
  /*-------------------------------------------------*/
  .intro-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1100;
    contain: layout style;
    overflow: hidden;
  }
  .intro-overlay-container .intro-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content {
    position: relative;
    height: 90vh;
    width: -moz-max-content;
    width: max-content;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container {
    position: relative;
    height: 20vh;
    width: auto;
    margin: 0 20vw -3vh 0;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
    transform-origin: center;
    transform: rotate(-10deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container {
    position: relative;
    height: 40vh;
    width: auto;
    margin: 0 0 -10vh 5vw;
    transform-origin: bottom center;
    transition: transform 800ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
    transform-origin: center;
    transform: rotate(5deg);
  }
  .intro-overlay-container .intro-overlay-content .hk-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 3vh 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-item {
    position: absolute;
    height: 40vw;
    width: 40vw;
    top: -23vw;
    right: -8vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: transform 400ms ease-in-out;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container {
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/star.svg") center/cover;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0) rotate(0deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star-anim {
    animation: starAnim 6s linear infinite;
  }
  @keyframes starAnim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 2vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container {
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can {
    width: 50%;
    transform: rotate(5deg) scale(1);
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-top {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    background: #ffd100;
    outline: 1vw solid #231f20;
    margin: 0 0 calc(1vw - 2px) 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label {
    position: relative;
    height: auto;
    width: 95%;
    padding: 0 0 0.25vw 0;
    background: #ffd100;
    outline: 1vw solid #231f20;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can:hover {
    transform: rotate(3deg) scale(1.1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-shrink {
    transform: translateZ(0) scale(0);
  }
  /* - Map Overlay
  /*-------------------------------------------------*/
  .map-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .map-overlay-container .map-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .map-overlay-container .map-overlay-anim {
    transform: scale(0);
  }
  .map-overlay-container .map-container {
    position: relative;
    height: auto;
    width: 90%;
    contain: layout;
    padding: 0 5%;
  }
  .map-overlay-container .map-container .map-triad-wrapper {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    isolation: isolate;
    transition: opacity 400ms linear;
    opacity: 0;
    will-change: opacity;
    touch-action: pinch-zoom pan-x pan-y;
    scroll-behavior: smooth;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0;
    scroll-padding: 0;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third {
    position: relative;
    height: auto;
    width: 90vw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 400ms ease-in-out;
    transform: none;
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third img {
    position: relative;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-left {
    border-radius: 2vw 0 0 2vw;
    align-items: start;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-center {
    z-index: 1102;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-right {
    border-radius: 0 2vw 2vw 0;
    align-items: end;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-unfolded {
    transform: rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container {
    position: absolute;
    height: auto;
    width: 10vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    transform: translateX(-50%) translateY(-100%);
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-anim {
    opacity: 1;
    transition: opacity 400ms linear;
  }
  .map-overlay-container .map-container .interface-container {
    position: absolute;
    height: auto;
    width: 90%;
    bottom: -10vh;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    transition: opacity 400ms linear;
    will-change: opacity;
    perspective: 100vw;
  }
  .map-overlay-container .map-container .interface-container .cta-container {
    margin: 0 0 2vh 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform: translateZ(0) scale(1) rotateX(0deg);
    transform-origin: center;
    will-change: transform;
  }
  .map-overlay-container .map-container .interface-container .confirm-cta {
    position: absolute;
    bottom: 0;
    transform: translateZ(0) rotateX(0deg);
  }
  .map-overlay-container .map-container .interface-container .cta-hidden {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(-90deg);
  }
  .map-overlay-container .map-container .interface-container .confirm-cta-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(90deg);
  }
  .map-overlay-container .map-container .interface-container-pause {
    pointer-events: none;
  }
  .map-overlay-container .map-container .interface-container-pause .cta-container {
    opacity: 0.5;
  }
  .map-overlay-container .map-container .interface-hidden {
    opacity: 0;
  }
  .map-overlay-container .map-container .pin-container {
    position: absolute;
    height: auto;
    width: 10vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .map-container .pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .map-container .pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .pin-clickable {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  /* - Reward Overlay
  /*-------------------------------------------------*/
  .reward-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .reward-overlay-container .reward-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-overlay-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container {
    position: relative;
    height: auto;
    width: 90%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 3vh auto 0;
    text-align: center;
  }
  .reward-overlay-container .reward-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 2vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-text-container .text-background-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .reward-overlay-container .reward-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .reward-overlay-container .reward-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Hello Kitty Popup Overlay
  /*-------------------------------------------------*/
  .hk-popup-overlay-container {
    position: fixed;
    height: auto;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 12dvh;
    left: 5vw;
    z-index: 1199;
    contain: layout style;
  }
  .hk-popup-overlay-container .popup-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box {
    position: relative;
    height: auto;
    width: 100%;
    padding: 5vw 0 5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin: 0 0 3vw 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 1vw solid #5b2712;
    border-radius: 3vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text {
    position: relative;
    height: auto;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text span {
    color: #a42025;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: 2vw;
    right: 2vw;
    bottom: auto;
    left: auto;
    cursor: pointer;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line {
    position: absolute;
    height: 1vw;
    width: 100%;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: 0;
    background: #5b2712;
    transform-origin: center;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-01 {
    transform: rotate(-45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-02 {
    transform: rotate(45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: auto;
    right: 28vw;
    bottom: -3.5vw;
    left: auto;
    border-radius: 50%;
    background: #ffffff;
    outline: 1vw solid #5b2712;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .hk-container {
    position: relative;
    height: auto;
    width: 35vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .hk-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .hk-popup-overlay-container .popup-container .hk-container-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
  .hk-popup-overlay-container .popup-container-anim {
    pointer-events: auto;
  }
  /* - Shop Now Overlay
  /*-------------------------------------------------*/
  .shop-now-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .shop-now-overlay-container .shop-now-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-overlay-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container {
    position: relative;
    height: auto;
    width: 90%;
    padding: 5vw 0 6vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 3vh auto 0;
    text-align: center;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 2vw solid #231f20;
    border-radius: 3vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container .heading-text {
    position: relative;
    margin: 0 0 2vw 0;
    transition: opacity 200ms linear;
  }
  .shop-now-overlay-container .shop-now-text-container .paragraph-text {
    position: relative;
    width: 85%;
    margin: 0 0 5vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .shop-now-overlay-container .shop-now-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Postcard Overlay
  /*-------------------------------------------------*/
  .postcard-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .postcard-overlay-container .postcard-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .postcard-overlay-container .postcard-overlay-anim {
    transform: scale(0);
  }
  .postcard-overlay-container .postcard-content-container {
    position: relative;
    height: auto;
    width: 90%;
    perspective: 200vw;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .postcard-overlay-container .postcard-content-container .postcard-bkg-anim {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container {
    position: absolute;
    height: calc(100% - 20vw);
    width: calc(100% - 20vw);
    top: 10vw;
    right: auto;
    bottom: auto;
    left: 10vw;
    display: flex;
    flex-direction: column;
    gap: 8vw;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms linear;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left {
    position: relative;
    height: calc(60% - 10vw);
    width: 100%;
    flex-grow: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 2vw;
    outline: 1vw solid #ff4747;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper .cta-container {
    display: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container {
    position: relative;
    height: 100%;
    width: 40%;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-void-container {
    position: absolute;
    height: auto;
    width: 140%;
    top: 0%;
    right: 40%;
    bottom: auto;
    left: auto;
    opacity: 0.17;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-square {
    position: absolute;
    height: auto;
    width: 60%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    padding: 70% 0 0 0;
    outline: 1vw solid gray;
    border-radius: 1vw;
    opacity: 0.2;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-container {
    position: absolute;
    height: auto;
    width: 68%;
    top: -4%;
    right: -5%;
    bottom: auto;
    left: auto;
    transform-origin: center;
    transform: translateZ(0) scale(1) rotate(-7deg);
    opacity: 0;
    will-change: transform, opacity;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-anim {
    animation: postcardStampAnim 1s ease-in-out forwards;
  }
  @keyframes postcardStampAnim {
    0% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2) rotate(-7deg);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container {
    position: relative;
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container {
    position: relative;
    height: 7.4vw;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .heading-text {
    font-size: 8.5vw;
    margin: 0 0 4vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines {
    display: none;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .cta-container {
    margin-right: auto;
    margin-left: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-anim {
    opacity: 1;
    pointer-events: auto !important;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Musubi.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Bibimbap.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Poutine.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Ramen.jpg") center left/cover;
  }
  /* - Polaroid Overlay
  /*-------------------------------------------------*/
  .polaroid-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    contain: layout style;
    overflow: hidden;
  }
  .polaroid-overlay-container .polaroid-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .polaroid-overlay-container .polaroid-overlay-anim {
    transform: scale(0);
  }
  .polaroid-overlay-container .polaroid-wrapper {
    position: relative;
    height: auto;
    width: 90%;
    max-height: 90dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 6vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container {
    position: relative;
    height: auto;
    width: 50%;
    flex-shrink: 0;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    transform-origin: center;
    will-change: transform, opacity;
    transform: translateZ(0) translateX(0) rotate(0deg) scale(1);
    outline: 1vw solid #231f20;
    overflow: hidden;
    border-radius: 1vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii {
    transform: translateZ(0) translateX(0) rotate(-8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii-fade {
    transform: translateZ(0) translateX(0) rotate(-8deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea-fade {
    transform: translateZ(0) translateX(0) rotate(14deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan-fade {
    transform: translateZ(0) translateX(0) rotate(-14deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara-fade {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1.2);
    opacity: 0;
  }
  /* - Passport Overlay
  /*-------------------------------------------------*/
  .passport-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    contain: layout style;
    overflow: hidden;
  }
  .passport-overlay-container .passport-overlay-bkg {
    position: absolute;
    height: 260vh;
    width: 260vh;
    top: -80vh;
    right: auto;
    bottom: auto;
    left: calc(50vw - 130vh);
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .passport-overlay-container .passport-overlay-anim {
    transform: scale(0);
  }
  .passport-overlay-container .passport-wrapper {
    position: relative;
    height: auto;
    width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    perspective: 200vw;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center bottom;
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center top;
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-left-page-anim {
    transform: translateZ(0) rotateX(-90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-right-page-anim {
    transform: translateZ(0) rotateX(90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left {
    position: relative;
    height: 42.4%;
    width: 88%;
    padding: 6.2% 1vw 0 1vw;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 1.2vw;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .passport-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-1 {
    background: url("../images/passport/hawaii_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-2 {
    background: url("../images/passport/japan_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-3 {
    background: url("../images/passport/korea_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-4 {
    background: url("../images/passport/niagara_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow {
    position: absolute;
    height: auto;
    width: 10%;
    bottom: 5%;
    cursor: pointer;
    filter: drop-shadow(0 1vw 0 #004785);
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .left-arrow {
    left: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .right-arrow {
    right: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-left-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container {
    position: absolute;
    height: auto;
    transform-origin: center center;
    transform: translate3d(0px, 0px, 0);
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container:active {
    transform: scale(1.1) translate3d(var(--tx, 0px), var(--ty, 0px), 0);
    transform-origin: center center;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .hk-sticker {
    width: 20%;
    top: 66%;
    left: 15%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .spammy-sticker {
    width: 22%;
    top: 66.5%;
    left: 38.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .bibimbap-sticker {
    width: 21%;
    top: 66.5%;
    left: 63%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .poutine-sticker {
    width: 22%;
    top: 79.5%;
    left: 62.75%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .musubi-sticker {
    width: 22%;
    top: 78.5%;
    left: 38.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .ramen-sticker {
    width: 19%;
    top: 78.5%;
    left: 15.5%;
  }
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100dvh;
    width: 250vw;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    transition: transform 1s ease-in-out;
    transform: translateZ(0) translateX(-75vw);
    will-change: transform;
    /* - Background Grid
    /*---------------------------------------------*/
  }
  .kitchen-container .background-grid-container {
    position: absolute;
    height: 100vh;
    width: 200vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
    overflow: hidden;
    contain: layout paint style;
    transition: transform 1s ease-in-out;
    transform: translateZ(0) translateX(25vw);
    will-change: transform;
  }
  .kitchen-container .background-grid-container .line {
    background: #ffaece;
  }
  .kitchen-container .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 1vw;
  }
  .kitchen-container .background-grid-container .hl {
    position: relative;
    height: 1vw;
    width: 100%;
  }
  .kitchen-container .background-grid-container .vl-container {
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 5vh;
    flex-wrap: nowrap;
  }
  .kitchen-container .background-grid-container .hl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .kitchen-container .bkg-grid-pos-left {
    transform: translateZ(0) translateX(0vw);
  }
  .kitchen-container .bkg-grid-pos-right {
    transform: translateZ(0) translateX(50vw);
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: auto;
    width: 62%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Window
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .window-container {
    position: absolute;
    height: 44vh;
    width: 73vw;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: -2vw;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    box-shadow: inset 0 1vw 0 #ffedfb, inset -1vw -1vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .window-container .window-pane {
    position: absolute;
    height: calc(44vh - 12vw);
    width: 67vw;
    top: 6vw;
    right: auto;
    bottom: auto;
    left: 0;
    overflow: hidden;
    background: linear-gradient(0deg, #92ddff 0%, #80b5ff 100%);
    outline: 1vw solid #c6668c;
    box-shadow: 1vw -2vw 0 rgba(198, 102, 140, 0.7), 1vw 2vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s linear opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset-sky {
    background: linear-gradient(180deg, #79aefd 0%, #c78a21 80%, #ad3636 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .night-sky {
    background: linear-gradient(180deg, #4f5bff 0%, #58317d 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .star {
    position: absolute;
    height: 1vw;
    width: 1vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s1 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s2 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s3 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s4 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s5 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s6 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s7 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s8 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cosmic-obj {
    border-radius: 50%;
    transition: transform 1s ease-in-out, opacity 1s linear;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sun {
    position: absolute;
    height: 18vw;
    width: 18vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffd100;
    filter: blur(5px);
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset {
    transform: translateY(30vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunless {
    transform: translateY(44vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moon {
    position: absolute;
    height: 15vw;
    width: 15vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffffff;
    opacity: 0.4;
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moonrise {
    transform: translateY(-15vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .fullmoon {
    transform: translateY(-34vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud {
    position: absolute;
    right: -45%;
    opacity: 1;
    transition: opacity 1s linear;
    animation: clouds 30s linear infinite;
    transform: translateX(0vw);
  }
  @keyframes clouds {
    0% {
      transform: translateX(0vw);
    }
    100% {
      transform: translateX(-120vw);
    }
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-01 {
    opacity: 0.2;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-02 {
    opacity: 0.1;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-bar {
    background: #ffaece;
    outline: 1vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-h {
    position: absolute;
    height: 4vw;
    width: 100%;
    top: calc(50% - 2vw);
    right: auto;
    bottom: auto;
    left: 0;
    box-shadow: inset 0 1vw 0 #ffedfb, inset 0 -1vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 1.5vw 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-v {
    position: absolute;
    height: 100%;
    width: 4vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
    box-shadow: inset 1vw 0 0 #ffedfb, inset -1vw 0 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(1.5vw 0 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left {
    /* - Main Logo
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .main-logo-container {
    position: absolute;
    height: auto;
    width: 55%;
    top: 6vh;
    right: auto;
    bottom: auto;
    left: 51.5%;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(1.5vw 1vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .kitchen-left {
    /* - Countertop Items
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    /* - Stovetop
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 50%;
    margin: 0 1vw 0 0;
    filter: drop-shadow(2.5vw 1.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects {
    position: absolute;
    height: 20vh;
    width: 51%;
    top: auto;
    right: auto;
    bottom: 4vw;
    left: 10%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke {
    position: relative;
    height: 6vw;
    width: 6vw;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke-anim {
    animation: smokeAnim 2s ease-out infinite;
  }
  @keyframes smokeAnim {
    0% {
      transform: translateY(0vh) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-10vh) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk5 {
    animation-delay: 0ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk7, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk3 {
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk1 {
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk8 {
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk6, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk4 {
    animation-delay: 1250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk9 {
    animation-delay: 1500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk2 {
    animation-delay: 1750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease {
    position: absolute;
    height: 1vw;
    width: 1vw;
    bottom: 3vw;
    border-radius: 50%;
    outline: 1vw solid #92ddff;
    transform: translateZ(0) scale(0);
    opacity: 1;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease-anim {
    animation: greaseAnim 1s ease-in-out infinite;
  }
  @keyframes greaseAnim {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr1 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr2 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr3 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr4 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container {
    position: absolute;
    height: 2vw;
    width: 14vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 7vw);
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 1vw solid #985e47;
    transform: rotate(0deg);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam-anim {
    animation: spamAnim 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamAnim {
    0% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(1440deg);
    }
    100% {
      transform: rotate(1440deg);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-c-anim {
    animation: spamContAnim 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  @keyframes spamContAnim {
    0% {
      transform: translateY(0vh);
    }
    70% {
      transform: translateY(-16vh);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 80%;
    margin: 0 0 0 3vw;
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-handle {
    position: absolute;
    height: 3vw;
    width: 25%;
    top: 0.5vw;
    right: auto;
    bottom: auto;
    left: -15%;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    box-shadow: inset 2vw -1vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: 10vw;
    width: 80%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .lip {
    position: relative;
    height: 3vw;
    width: 100%;
    border-radius: 1.5vw;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    box-shadow: inset -1.2vw -1.2vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .bowl {
    position: relative;
    height: 7vw;
    width: 90%;
    border-radius: 0 0 6vw 6vw;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    box-shadow: inset -2vw -2vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-glow {
    position: absolute;
    height: 2vw;
    width: 58%;
    top: 8vw;
    right: auto;
    bottom: auto;
    left: 7%;
    background: #ff4747;
    outline: 1vw solid #fffc35;
    filter: blur(1.5vw);
    border-radius: 1vw;
    transition: opacity 500ms linear;
    transform: translateZ(0) translateY(0vw);
    will-change: transform, opacity;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-on {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .glow-anim {
    animation: glowAnim 2s ease infinite;
  }
  @keyframes glowAnim {
    0% {
      transform: translateY(0vw);
    }
    50% {
      transform: translateY(2vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-button {
    position: absolute;
    height: 4vw;
    width: 5%;
    bottom: 4vw;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    transform: translateZ(0) translateY(0);
    will-change: transform;
    box-shadow: inset 0 1vw 0 #def4ff, inset -2vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb1 {
    right: 7%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb2 {
    right: 20%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb-pressed {
    transform: translateY(2vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-base {
    position: relative;
    height: 4vw;
    width: 100%;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Spam Cans Stack
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container {
    position: absolute;
    height: auto;
    width: 20%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 51%;
    cursor: pointer;
    filter: drop-shadow(2.5vw 1.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 15vw;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-top {
    position: relative;
    height: 1vw;
    width: 100%;
    margin: 0 0 1vw 0;
    background: #ffd100;
    outline: 1vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 1vw auto;
    background: #ffd100;
    outline: 1vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can1 {
    transform: translateX(1vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can2 {
    transform: translateX(-2vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .can3 {
    transform: translateX(2vw);
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Espresso Machine
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 30%;
    filter: drop-shadow(3vw 2vw 0 rgba(198, 102, 140, 0.7));
    margin: 0 5% 0 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    background: #ffedfb;
    outline: 1vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    box-shadow: inset 1.5vw 1.5vw 0 #fdf7f7, inset -1.5vw -1.5vw 0 #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 2vw;
    width: 70%;
    margin: 0 auto 1vw auto;
    border-radius: 0.25vw;
    box-shadow: inset 1vw 1vw 0px #fdf7f7, inset -1vw -1vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 6vh;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    outline: 1vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 80%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0 0 #6b5139;
    transform-origin: bottom;
    transition: transform 2s ease-in-out;
    transform: scaleY(1) translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-empty {
    transform: scaleY(0) translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .glint {
    position: absolute;
    height: 60%;
    width: 2vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #fdf7f7;
    border-radius: 1vw;
    opacity: 0.8;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .hopper-anim {
    animation: hopperAnim 2s ease-in-out forwards;
  }
  @keyframes hopperAnim {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% {
      transform: translateX(-1px);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
      transform: translateX(1px);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 7vh;
    width: 100%;
    margin: 0 0 1vw 0;
    border-radius: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button {
    position: relative;
    height: 6vw;
    width: 6vw;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    border-radius: 50%;
    filter: drop-shadow(1vw 1vw 0 #ffaece);
    cursor: pointer;
    transform-origin: center;
    transform: scale(1);
    transition: scale 100ms ease-in-out;
    box-shadow: inset 1vw 1vw 0px #ffedfb, inset -1vw -1vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .b-anim {
    animation: bAnim 500ms ease forwards;
  }
  @keyframes bAnim {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.05);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .ready-light {
    position: relative;
    height: 2vw;
    width: 2vw;
    background: red;
    filter: blur(2px);
    border-radius: 50%;
    transition: background-color 300ms linear;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-active {
    background: lightgreen;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-anim {
    animation: rlAnim 1s step-end infinite;
  }
  @keyframes rlAnim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container {
    position: relative;
    height: 14vh;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    box-shadow: inset 0vw 2.5vw 0 rgba(198, 102, 140, 0.7);
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 75%;
    filter: drop-shadow(3vw 1vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 14vh;
    width: 2vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 1vw);
    background: #806043;
    outline: 1vw solid #6b5139;
    border-radius: 1vw;
    opacity: 0;
    transform: translateY(-9vh) scaleX(1);
    transform-origin: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-anim {
    animation: coffeeAnim 3s ease-in-out forwards;
  }
  @keyframes coffeeAnim {
    0% {
      transform: translateY(-9vh) scaleX(1);
      opacity: 1;
    }
    99% {
      transform: translateY(12vh) scaleX(0.3);
      opacity: 1;
    }
    100% {
      transform: translateY(12vh) scaleX(0.3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar {
    position: relative;
    height: 1.5vh;
    width: 100%;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    transform: translateZ(0);
    margin: 0 0 1vw 0;
    box-shadow: inset -2vw 1vw 0px #ffaece, inset 3vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar:nth-of-type(3) {
    width: 75%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-handle {
    position: absolute;
    height: 0.75vh;
    width: 16vw;
    top: auto;
    right: auto;
    bottom: 0.8vh;
    left: 50%;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    border-radius: 1.5vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-cup {
    position: relative;
    height: 2vh;
    width: 30%;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    transform: translateZ(0);
    box-shadow: inset -2vw 1vw 0px #ffaece, inset 3vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(50% - 2vw);
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s2 {
    animation-delay: 400ms !important;
    left: calc(50% - 1vw - 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s3 {
    animation-delay: 800ms !important;
    left: calc(50% - 1vw + 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam-anim {
    animation: steamAnim 1.2s ease-out infinite;
  }
  @keyframes steamAnim {
    0% {
      transform: translateY(0vh) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-7vh) scale(3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup {
    position: absolute;
    height: 3.5vh;
    width: 10vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 5vw);
    background: #ffffff;
    outline: 1vw solid #c6668c;
    border-radius: 1vw 1vw 5vw 5vw;
    box-shadow: inset -2vw -1vw 0px #def4ff;
    filter: drop-shadow(4vw 1vw 0px rgba(198, 102, 140, 0.7));
    transform: translateX(0vw) translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2 {
    transform: translateX(-8vw) translateZ(0);
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup1-anim {
    animation: cup1Anim 400ms ease-in-out forwards;
  }
  @keyframes cup1Anim {
    0% {
      transform: translateX(0vw) translateZ(0);
      opacity: 1;
    }
    100% {
      transform: translateX(8vw) translateZ(0);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2-anim {
    animation: cup2Anim 400ms ease-in-out forwards;
  }
  @keyframes cup2Anim {
    0% {
      transform: translateX(-8w) translateZ(0);
      opacity: 0;
    }
    100% {
      transform: translateX(0vw) translateZ(0);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    position: relative;
    height: 5vh;
    width: 100%;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    border-radius: 1vw;
    box-shadow: inset 2vw 2vw 0px #fdf7f7, inset -2vw -2vw 0px #ffaece;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left {
    /* - Counter
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: calc(84% - 55vh - 1vw);
    width: 96%;
    display: flex;
    flex-direction: column-reverse;
    gap: 1vw;
    filter: drop-shadow(6vw 5vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 96%;
    flex-grow: 1;
    padding: 0 3.5% 0 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 4vw;
    border-radius: 0 1vw 0 0;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    box-shadow: inset -2vw 1vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .knob {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 6vw;
    border-radius: 50%;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    box-shadow: inset 1vw 1vw 0 #ffedfb, inset -1vw -1vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(1vw 1vw 0 rgba(255, 174, 206, 0.4));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 .knob {
    right: 6vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d2 .knob, .kitchen-container .kitchen-left .counter-container .counter-base .d3 .knob {
    left: 6vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door {
    position: relative;
    height: 94%;
    width: auto;
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    box-shadow: inset 0vw 3vw 0px #fdf7f7, inset -3vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(1vw 1vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0 1vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door {
    position: relative;
    height: 94%;
    width: auto;
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    background: rgba(198, 102, 140, 0.7);
    outline: 1vw solid #c6668c;
    box-shadow: inset 4vw 8vw 0 rgba(198, 102, 140, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container {
    position: absolute;
    height: auto;
    width: 29%;
    top: auto;
    right: auto;
    bottom: 7dvh;
    left: 32%;
    opacity: 0.3;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container {
    position: relative;
    height: auto;
    width: 40%;
    padding: 40% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 1vw;
    filter: drop-shadow(4vw 0 0 rgba(198, 102, 140, 0.7));
    transform: translateZ(0) scale(1) translateY(0) rotate(0);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-top {
    position: absolute;
    height: 2vw;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 1vw;
    background: #cca988;
    outline: 1vw solid #6b5139;
    box-shadow: inset -1vw -1vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body {
    position: absolute;
    height: calc(100% - 2vw - 1vw);
    width: 100%;
    top: 3vw;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
    background: #cca988;
    outline: 1vw solid #6b5139;
    box-shadow: inset -1vw -3vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    margin: 0 0 15% 0;
    background: #806043;
    outline: 1vw solid #6b5139;
    border-radius: 30% 60%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo .line {
    position: absolute;
    height: 1vw;
    width: 200%;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: -50%;
    background: #6b5139;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-anim {
    animation: coffeeBagAnim 1s ease-out forwards;
  }
  @keyframes coffeeBagAnim {
    0% {
      transform: translateZ(0) scale(1) translateY(0) rotate(0);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1.2) translateY(-3vw) rotate(5deg);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .shelf {
    position: relative;
    height: 3vw;
    width: 100%;
    margin: 0 0 5dvh 0;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    box-shadow: inset 0 -1vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-knob {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 1vw;
    right: -2.5vw;
    bottom: auto;
    left: auto;
    border-radius: 50%;
    background: #c6668c;
    outline: 1vw solid #c6668c;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-door-front {
    position: absolute;
    height: 100%;
    width: 6vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 2vw 0 #fdf7f7, inset -2vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(1vw 1vw 0 rgba(198, 102, 140, 0.7));
    opacity: 0;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    border-radius: 1vw 1vw 0 0;
    box-shadow: inset 0vw 3vw 0px #fdf7f7, inset -3vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(1vw 1vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front .knob {
    left: 6vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .door-front {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-door-front {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .knob {
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-knob {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 6vw;
    width: 100%;
    border-radius: 0 1vw 1vw 0;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    box-shadow: inset 0vw 1.5vw 0px #fdf7f7, inset -1.5vw -1.5vw 0px rgba(255, 174, 206, 0.4);
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: auto;
    width: 38%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Fridge Content
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-content-container {
    position: relative;
    height: auto;
    width: 95%;
    flex-grow: 1;
    padding: 0 0 0 5%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container {
    position: relative;
    height: 80%;
    width: 16vw;
    filter: drop-shadow(4vw 4vw 0 rgba(198, 102, 140, 0.7));
    padding: 10% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 3% 0 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .pot-base {
    position: absolute;
    height: 20%;
    width: 80%;
    border-radius: 1vw;
    left: 10%;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    box-shadow: inset -2vw -1vw 0 #ffaece, inset 3vw 1vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .flower-stem {
    position: relative;
    height: auto;
    width: 2vw;
    flex-grow: 1;
    margin: 0 0 2.4vw 0;
    background: #abdbc5;
    outline: 1vw solid #5c8777;
    box-shadow: inset -1vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container {
    position: relative;
    height: 14vw;
    width: 14vw;
    transform-origin: center;
    transform: translateZ(0) rotate(0deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper {
    height: 100%;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .petal {
    position: absolute;
    height: 50%;
    width: 50%;
    border-radius: 50%;
    background: #ffffff;
    outline: 1vw solid #92ddff;
    transform-origin: bottom right;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt1 {
    transform: rotate(120deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt2 {
    transform: rotate(240deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 {
    position: relative;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 .petal {
    background: #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals2 {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    transform: rotate(60deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .flower-circle {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: calc(50% - 1.5vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 1.5vw);
    background: #ffd100;
    outline: 1vw solid #ac8c00;
    border-radius: 50%;
    box-shadow: inset -0.75vw -0.75vw 0 rgba(168, 137, 0, 0.5607843137);
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-anim {
    animation: petalsAnim 1s ease-in-out forwards;
  }
  @keyframes petalsAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    10% {
      transform: translateZ(0) rotate(-5deg);
    }
    20% {
      transform: translateZ(0) rotate(5deg);
    }
    40% {
      transform: translateZ(0) rotate(-5deg);
    }
    70% {
      transform: translateZ(0) rotate(5deg);
    }
    100% {
      transform: translateZ(0) rotate(0deg);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container {
    position: relative;
    height: 95%;
    width: 32%;
    filter: drop-shadow(4vw 6vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 1vw;
    cursor: pointer;
    padding: 0 3%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook {
    position: relative;
    height: auto;
    width: auto;
    outline: 1vw solid #c6668c;
    flex-grow: 1;
    transition: transform 300ms ease-in;
    transform: translateY(0vh);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook .bb {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 25%;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1 {
    height: 70%;
    transition-delay: 400ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2 {
    height: 80%;
    transition-delay: 200ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3 {
    height: 75%;
    transition-delay: 700ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4 {
    height: 60%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5 {
    height: 65%;
    transition-delay: 600ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    height: 90%;
    transition-delay: 300ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7 {
    height: 75%;
    transition-delay: 100ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    height: 65%;
    transition-delay: 500ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    background: #ffaece;
    box-shadow: inset -1vw -1vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    background: #ffedfb;
    box-shadow: inset -1.5vw -1vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook-anim {
    transform: translateY(-25vh);
    transition-timing-function: ease-out;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    display: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    filter: drop-shadow(4vw 4vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    margin: 0 3% 0 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container {
    position: absolute;
    height: auto;
    width: 97%;
    top: 6%;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    opacity: 0;
    transform: translateZ(0) translateY(100%);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container svg {
    width: 40%;
    fill: #cca988;
    stroke-width: 1vw;
    stroke: #806043;
    display: block;
    overflow: visible;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toast-anim {
    animation: toastAnim 3s ease-in-out forwards;
  }
  @keyframes toastAnim {
    0%, 29.5% {
      transform: translateY(100%);
      opacity: 1;
    }
    35% {
      transform: translateY(-10%);
      opacity: 1;
    }
    40% {
      transform: translateY(0%);
      opacity: 1;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-handle {
    position: absolute;
    height: 3vw;
    width: 90%;
    top: 60%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    border-radius: 0.5vw;
    box-shadow: inset -1vw -2vw 0 #88bcd4;
    transform: translateZ(0) translateY(0vh);
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-anim {
    animation: toasterAnim 3s ease-in-out forwards;
  }
  @keyframes toasterAnim {
    0% {
      transform: translateY(0vh);
    }
    5% {
      transform: translateY(2vh);
    }
    16%, 20%, 24%, 26%, 28%, 29%, 20% {
      transform: translateY(2.2vh);
    }
    18%, 22%, 25%, 27%, 28.5%, 29.5% {
      transform: translateY(2vh);
    }
    31% {
      transform: translateY(0vh);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-body {
    position: relative;
    height: 60%;
    width: 80%;
    transform: translateZ(0);
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    border-radius: 5vw 5vw 0 0;
    box-shadow: inset 2vw 1vw 0 #def4ff, inset -2vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container {
    display: none;
  }
  .kitchen-container .kitchen-right {
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 84%;
    width: 95vw;
    display: flex;
    flex-direction: column;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    border-radius: 5vw 0 0 5vw;
    background: #abdbc5;
    outline: 1vw solid #5c8777;
    box-shadow: inset 0vw -2vw 0 #71a990, inset 2vw 1.5vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 4vw;
    width: 50%;
    left: 10%;
    border-radius: 2vw;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    box-shadow: inset 1vw 1vw 0 #def4ff, inset -1vw -1vw 0 #88bcd4, 2vw 1.5vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55vh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    position: relative;
    height: 100%;
    width: 100%;
    filter: drop-shadow(2vw 1vw 0 #71a990);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .magnet {
    position: absolute;
    height: 3vw;
    width: 3vw;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - World Map
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container {
    position: absolute;
    height: 36vw;
    width: 22vw;
    top: 8%;
    right: auto;
    bottom: auto;
    left: 27%;
    transform-origin: center;
    transform: rotate(40deg);
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rear-page {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #004785;
    outline: 1vw solid #5c8777;
    transform-origin: center;
    transform: rotate(10deg);
    transition: transform 200ms ease-in-out;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .front-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/folded-map.svg") center/cover;
    outline: 1vw solid #5c8777;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    transform: rotate(-10deg) scale(1);
    box-shadow: inset -0.2vw -0.2vw 0 rgba(33, 74, 93, 0.5);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rubber-band {
    position: absolute;
    height: 2vw;
    width: 120%;
    top: calc(50% - 1vw);
    right: auto;
    bottom: auto;
    left: -10%;
    background: #a42025;
    outline: 1vw solid #5c8777;
    border-radius: 1vw;
    transition: transform 200ms ease-in-out;
    transform: scaleX(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .magnet {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffd100;
    outline: 1vw solid #5c8777;
    box-shadow: inset -1vw -0.5vw 0 rgba(168, 137, 0, 0.5607843137), 1vw 0.5vw 0 1vw rgba(33, 74, 93, 0.5);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Postcards
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container {
    position: absolute;
    height: auto;
    width: 24vw;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    background: #ffffff;
    outline: 1vw solid #5c8777;
    border-radius: 2vw;
    overflow: hidden;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii {
    top: 31%;
    right: auto;
    bottom: auto;
    left: 65%;
    transform: translateZ(0) rotate(-12deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii .magnet {
    top: 5%;
    left: 60%;
    background: #ffd100;
    outline: 1vw solid #ac8c00;
    box-shadow: inset -0.5vw -1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea {
    top: 43%;
    right: auto;
    bottom: auto;
    left: 8%;
    transform: translateZ(0) rotate(16deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 1vw solid #5c8777;
    box-shadow: inset -1vw -1vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 45%;
    transform: translateZ(0) rotate(9deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan .magnet {
    top: 5%;
    left: 40%;
    background: #ff4747;
    outline: 1vw solid #861317;
    box-shadow: inset -0.5vw -1vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara {
    top: 65%;
    right: auto;
    bottom: auto;
    left: 15%;
    transform: translateZ(0) rotate(-6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara .magnet {
    top: 5%;
    left: 60%;
    background: #ffd100;
    outline: 1vw solid #ac8c00;
    box-shadow: inset -0.5vw -1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Polaroids
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container {
    position: absolute;
    height: auto;
    width: 16vw;
    top: 7%;
    right: auto;
    bottom: auto;
    left: 70%;
    transform-origin: center;
    transform: translateZ(0) rotate(20deg) scale(1);
    transition: transform 200ms ease-in-out;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .polaroid {
    outline: 1vw solid #5c8777;
    transform-origin: center;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .rear-polaroid {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateZ(0) rotate(10deg);
    background: #b0e5fd;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateZ(0) rotate(-10deg);
    background: #ffffff;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 1vw solid #5c8777;
    box-shadow: inset -0.5vw -0.3vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Passport
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container {
    position: absolute;
    height: auto;
    width: 16vw;
    top: 70%;
    right: auto;
    bottom: auto;
    left: 73%;
    transform-origin: center;
    transform: rotate(10deg);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    outline: 1vw solid #5c8777;
    border-radius: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .magnet {
    top: 15%;
    left: 10%;
    background: #ff4747;
    outline: 1vw solid #861317;
    box-shadow: inset -0.5vw -0.3vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 16vh;
    width: 4vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 8%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 4vw;
    border-radius: 2vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 4vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 2vw;
    width: 95%;
    margin: 0 0 0 auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 5vw 0 0 0;
    box-shadow: inset 2vw 1.5vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
  .kitchen-position-left {
    transform: translateZ(0) translateX(0vw);
  }
  .kitchen-position-right {
    transform: translateZ(0) translateX(-150vw);
  }
  /*-------------------------------------------------*/
  /* - Footer
  /*-------------------------------------------------*/
  .footer-container {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0 6vw 0;
  }
  .footer-container .store-near-you-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 6vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-container .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 1vw solid #004785;
    border-radius: 2vw;
  }
  .footer-container .cta-container a {
    position: relative;
    height: 12vw;
    width: auto;
    padding: 0 4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .footer-container .cta-container a .cta-highlight {
    position: absolute;
    height: auto;
    width: 120%;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10%;
    padding: 120% 0 0 0;
    border-radius: 50%;
    background: #004785;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) translateY(-40%) scale(0);
    will-change: transform;
    transform-origin: center;
  }
  .footer-container .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    transition: color 200ms linear;
    will-change: color;
  }
  .footer-container .footer-links {
    position: relative;
    height: auto;
    width: 90%;
    padding: 0 0 8vw 0;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .footer-container .footer-links .paragraph-text {
    color: #ffffff;
    font-family: "Helvetica Neue";
    font-size: 12px;
    width: 20%;
  }
  .footer-container pre {
    color: #ffffff;
    font-family: "Helvetica Neue";
    font-size: 12px;
    white-space: break-spaces;
    width: 80%;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .footer-container .store-near-you-container {
        padding: 12vw 0 6vw 0;
      }
    }
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 1/1) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Mobile Variables
  /*---------------------------------------------*/
  /* - Mobile Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  html::-webkit-scrollbar {
    width: 0px;
  }
  body {
    background: #004785;
  }
  .page-wrapper {
    position: relative;
    height: 100dvh;
    width: 100vw;
    overflow: hidden;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1 !important;
  }
  .opacity-off {
    opacity: 0 !important;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  .mobile-tap-fix {
    -webkit-tap-highlight-color: transparent;
  }
  .hidden-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .pause-animation {
    animation-play-state: paused !important;
  }
  /* - Arrows
  /*---------------------------------------------*/
  .mobile-left-arrow {
    display: none;
  }
  .mobile-right-arrow {
    display: none;
  }
  /* - CTA Container
  /*---------------------------------------------*/
  .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    background: #ffd100;
    outline: 0.4vw solid #004785;
    border-radius: 0.5vw;
  }
  .cta-container a {
    position: relative;
    height: 3.8vw;
    width: auto;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
  }
  .cta-container a .cta-text {
    position: relative;
    display: block;
    color: #004785;
    will-change: color;
  }
  /* - Close Button
  /*---------------------------------------------*/
  .close-button {
    position: absolute;
    height: 3vw;
    width: 3vw;
    top: 1vw;
    right: 1vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #004785;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 400ms linear;
    z-index: 1201;
  }
  .close-button .line {
    background: #ffffff;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .close-button .line1 {
    position: relative;
    height: 60%;
    width: 0.2vw;
    transform: translateZ(0) rotate(45deg);
  }
  .close-button .line2 {
    position: absolute;
    height: 60%;
    width: 0.2vw;
    top: 20%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.1vw);
    transform: translateZ(0) rotate(-45deg);
  }
  .close-button:hover .line1 {
    transform: translateZ(0) rotate(55deg);
  }
  .close-button:hover .line2 {
    transform: translateZ(0) rotate(-55deg);
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /* - Heading Text
  /*-------------------------------------------------*/
  .heading-text {
    font-family: "Souvenir Bold";
    font-size: clamp(8px, 3vw, 60px);
    color: #004785;
  }
  .heading-text sup {
    font-size: 0.8vw;
    line-height: 0;
    vertical-align: super;
    display: inline-block;
    width: 0.4vw;
  }
  /* - Paragraph Text
  /*-------------------------------------------------*/
  .paragraph-text {
    font-family: "Souvenir Bold";
    font-size: clamp(8px, 1.3vw, 30px);
    color: #004785;
  }
  .paragraph-text sup {
    font-size: 0.8vw;
    line-height: 0;
    vertical-align: super;
  }
  /* - CTA Text
  /*-------------------------------------------------*/
  .cta-text {
    font-family: "Souvenir Bold";
    font-size: clamp(8px, 2vw, 50px);
    color: #004785;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  /*-------------------------------------------------*/
  /* - Overlays
  /*-------------------------------------------------*/
  /* - Intro Overlay
  /*-------------------------------------------------*/
  .intro-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1000;
    contain: layout style;
  }
  .intro-overlay-container .intro-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content {
    position: relative;
    height: 90dvh;
    width: -moz-max-content;
    width: max-content;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container {
    position: relative;
    height: 30dvh;
    width: auto;
    margin: 0 24vw -26dvh 0;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
    transform-origin: center;
    transform: rotate(-10deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-logo-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container {
    position: relative;
    height: 50dvh;
    width: auto;
    margin: 0 0 -14dvh 5vw;
    max-width: 50dvh;
    transform-origin: bottom center;
    transition: transform 800ms ease-in-out;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .hello-kitty-container img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
    transform-origin: center;
    transform: rotate(5deg);
  }
  .intro-overlay-container .intro-overlay-content .hk-anim {
    transform: translateZ(0) scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 1.5vw 2vw 2vw 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-item {
    position: absolute;
    height: 14vw;
    width: 14vw;
    top: -8vw;
    right: 4vw;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: transform 400ms ease-in-out;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container {
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/star.svg") center/cover;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0) rotate(0deg);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .star-container .star-anim {
    animation: starAnim 6s linear infinite;
  }
  @keyframes starAnim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .text-background-anim {
    transform: scale(0);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .heading-text {
    position: relative;
    margin: 0 0 0.8vw 0;
    transition: opacity 200ms linear;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 1.6vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container {
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can {
    width: 50%;
    transform: rotate(5deg) scale(1);
    transform-origin: center;
    transition: transform 200ms ease-in-out;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-top {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    outline: 0.5vw solid #231f20;
    background: #ffd100;
    margin: 0 0 calc(0.4vw - 2px) 0;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label {
    position: relative;
    height: auto;
    width: 95%;
    padding: 0 0 0.25vw 0;
    background: #ffd100;
    border-radius: 0 0 0.2vw 0.2vw;
    outline: 0.5vw solid #231f20;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-container .can .can-label img {
    position: relative;
    height: auto;
    width: 100%;
    display: black;
  }
  .intro-overlay-container .intro-overlay-content .intro-text-container .can-shrink {
    transform: translateZ(0) scale(0);
  }
  /* - Map Overlay
  /*-------------------------------------------------*/
  .map-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .map-overlay-container .desktop-element {
    display: none !important;
  }
  .map-overlay-container .map-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50vh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .map-overlay-container .map-overlay-anim {
    transform: scale(0);
  }
  .map-overlay-container .map-container {
    position: relative;
    height: auto;
    width: 80%;
    max-height: 90dvh;
    contain: layout;
  }
  .map-overlay-container .map-container .map-triad-wrapper {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    perspective: 100vw;
    isolation: isolate;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform-origin: center;
    transform: translateZ(0) rotate(-5deg) scale(0.5);
    opacity: 0;
    will-change: transform, opacity;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third {
    position: relative;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    transition: transform 400ms ease-in-out;
    transform: translateZ(0) rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-third img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-left {
    transform-origin: center right;
    transform: rotateY(-90deg);
    border-radius: 0.7vw 0 0 0.7vw;
    align-items: start;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-center {
    z-index: 1102;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-right {
    transform-origin: center left;
    transform: rotateY(90deg);
    border-radius: 0 0.7vw 0.7vw 0;
    align-items: end;
    z-index: 1101;
  }
  .map-overlay-container .map-container .map-triad-wrapper .map-unfolded {
    transform: rotateY(0deg);
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container {
    position: absolute;
    height: auto;
    width: 3vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    transform: translateX(-50%) translateY(-100%);
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .map-container .map-triad-wrapper .mobile-pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .map-container .map-anim {
    transform: translateZ(0) rotate(0deg) scale(1);
    opacity: 1;
  }
  .map-overlay-container .interface-container {
    position: absolute;
    height: auto;
    width: 100%;
    bottom: 5vh;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    transition: opacity 400ms linear;
    will-change: opacity;
    perspective: 100vw;
  }
  .map-overlay-container .interface-container .cta-container {
    margin: 0 0 2dvh 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
    transform: translateZ(0) scale(1) rotateX(0deg);
    transform-origin: center;
    will-change: transform;
  }
  .map-overlay-container .interface-container .confirm-cta {
    position: absolute;
    bottom: 0;
    transform: translateZ(0) rotateX(0);
  }
  .map-overlay-container .interface-container .cta-hidden {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(-90deg);
  }
  .map-overlay-container .interface-container .confirm-cta-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(1) rotateX(90deg);
  }
  .map-overlay-container .interface-container-pause {
    pointer-events: none;
  }
  .map-overlay-container .interface-container-pause .cta-container {
    opacity: 0.5;
  }
  .map-overlay-container .interface-hidden {
    opacity: 0;
  }
  .map-overlay-container .pin-container {
    position: absolute;
    height: auto;
    width: 3vw;
    top: 0;
    left: 0;
    z-index: 1103;
    transition: opacity 400ms linear;
    transform-origin: 50% 100%;
    will-change: transform, opacity;
    pointer-events: none;
  }
  .map-overlay-container .pin-container .pin {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .pin-container .pin img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .pin-container .pin-pushed {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .map-overlay-container .pin-container .pin-pushed img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .map-overlay-container .pin-clickable {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  /* - Reward Overlay
  /*-------------------------------------------------*/
  .reward-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .reward-overlay-container .reward-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-overlay-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container {
    position: relative;
    height: auto;
    width: 60%;
    padding: 1.5vw 2vw 2vw 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .reward-overlay-container .reward-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .reward-overlay-container .reward-text-container .text-background-anim {
    transform: scale(0);
  }
  .reward-overlay-container .reward-text-container .heading-text {
    position: relative;
    margin: 0 0 0.8vw 0;
    transition: opacity 200ms linear;
  }
  .reward-overlay-container .reward-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 1.6vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .reward-overlay-container .reward-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Hello Kitty Popup Container
  /*-------------------------------------------------*/
  .hk-popup-overlay-container {
    position: fixed;
    height: auto;
    width: 30vw;
    top: auto;
    right: 3vw;
    bottom: 3vw;
    left: auto;
    z-index: 1199;
    contain: layout style;
  }
  .hk-popup-overlay-container .popup-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box {
    position: relative;
    height: auto;
    width: 100%;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin: 0 0 0.75vw 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.4vw solid #5b2712;
    border-radius: 1vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .ptb-bkg-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text {
    position: relative;
    height: auto;
    width: 80;
    margin-right: auto;
    margin-left: auto;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .paragraph-text span {
    color: #a42025;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 0.5vw;
    right: 0.5vw;
    bottom: auto;
    left: auto;
    cursor: pointer;
    transition: opacity 200ms linear;
    will-change: opacity;
    opacity: 0;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line {
    position: absolute;
    height: 0.4vw;
    width: 100%;
    top: calc(50% - 0.2vw);
    right: auto;
    bottom: auto;
    left: 0;
    background: #5b2712;
    transform-origin: center;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-01 {
    transform: rotate(-45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .hk-close-button .line-02 {
    transform: rotate(45deg);
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: auto;
    right: 7vw;
    bottom: -1.5vw;
    left: auto;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.4vw solid #5b2712;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .popup-text-box .bubble-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container .hk-container {
    position: relative;
    height: auto;
    width: 7vw;
    transform-origin: center;
    transform: translateZ(0) scale(0);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .hk-popup-overlay-container .popup-container .hk-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .hk-popup-overlay-container .popup-container .hk-container-anim {
    transform: translateZ(0) scale(1);
  }
  .hk-popup-overlay-container .popup-container-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
  .hk-popup-overlay-container .popup-container-anim {
    pointer-events: auto;
  }
  /* - Shop Now Overlay
  /*-------------------------------------------------*/
  .shop-now-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .shop-now-overlay-container .shop-now-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-overlay-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container {
    position: relative;
    height: auto;
    width: 60%;
    padding: 1.5vw 2vw 2vw 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.5vw solid #231f20;
    border-radius: 1vw;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .shop-now-overlay-container .shop-now-text-container .text-background-anim {
    transform: scale(0);
  }
  .shop-now-overlay-container .shop-now-text-container .heading-text {
    position: relative;
    margin: 0 0 0.8vw 0;
    transition: opacity 200ms linear;
  }
  .shop-now-overlay-container .shop-now-text-container .paragraph-text {
    position: relative;
    width: 90%;
    margin: 0 0 1.6vw 0;
    transition: opacity 200ms linear;
    transition-delay: 100ms;
  }
  .shop-now-overlay-container .shop-now-text-container .cta-container {
    transition: opacity 200ms linear;
    transition-delay: 200ms;
  }
  /* - Postcard Overlay
  /*-------------------------------------------------*/
  .postcard-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    contain: layout style;
    overflow: hidden;
  }
  .postcard-overlay-container .mobile-element {
    display: none !important;
  }
  .postcard-overlay-container .postcard-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .postcard-overlay-container .postcard-overlay-anim {
    transform: scale(0);
  }
  .postcard-overlay-container .postcard-content-container {
    position: relative;
    height: 80dvh;
    width: auto;
    perspective: 100vw;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background {
    position: relative;
    height: 100%;
    width: auto;
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
    transition: transform 400ms ease-in-out, opacity 400ms linear;
  }
  .postcard-overlay-container .postcard-content-container .postcard-background img {
    position: relative;
    height: 100%;
    width: auto;
    display: block;
  }
  .postcard-overlay-container .postcard-content-container .postcard-bkg-anim {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container {
    position: absolute;
    height: calc(100% - 5vw);
    width: calc(100% - 5vw);
    top: 2.5vw;
    right: auto;
    bottom: auto;
    left: 2.5vw;
    display: flex;
    flex-direction: row;
    gap: 2vw;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms linear;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left {
    position: relative;
    height: 100%;
    width: calc(50% - 1vw);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 0.5vw;
    border: 0.4vw solid #ff4747;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper .cta-container {
    margin: 0 0 7% 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-left .image-wrapper .cta-container span {
    font-size: 1.3vw;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right {
    position: relative;
    height: 100%;
    width: calc(50% - 1vw);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container {
    position: relative;
    height: 30%;
    width: 100%;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-void-container {
    position: absolute;
    height: auto;
    width: 60%;
    top: 10%;
    right: auto;
    bottom: auto;
    left: -2%;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-square {
    position: absolute;
    height: auto;
    width: 30%;
    top: 0.5vw;
    right: 0.5vw;
    bottom: auto;
    left: auto;
    padding: 35% 0 0 0;
    outline: 0.4vw solid gray;
    border-radius: 0.25vw;
    opacity: 0.2;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-container {
    position: absolute;
    height: auto;
    width: 34%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    transform-origin: center;
    transform: translateZ(0) scale(1) rotate(-7deg);
    opacity: 0;
    will-change: transform, opacity;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .stamp-section-container .stamp-anim {
    animation: postcardStampAnim 1s ease-in-out forwards;
  }
  @keyframes postcardStampAnim {
    0% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2) rotate(-7deg);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1) rotate(-7deg);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container {
    position: relative;
    height: 3.66vw;
    width: auto;
    margin: 0 0 0.25vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .spam-logo-container img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .heading-text {
    font-size: 4vw;
    margin: 0 0 1vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 1vw 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines .line {
    position: relative;
    height: 0.4vw;
    width: 100%;
    border-radius: 0.1vw;
    background: gray;
    flex-shrink: 0;
  }
  .postcard-overlay-container .postcard-content-container .recipe-container .postcard-right .recipe-info-container .rule-lines .badge-container {
    position: absolute;
    height: auto;
    width: 50%;
    transform-origin: center;
    will-change: transform, opacity;
  }
  .postcard-overlay-container .postcard-content-container .recipe-anim {
    opacity: 1;
    pointer-events: auto !important;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Musubi.jpg") center/cover;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(15deg);
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .hk-badge {
    width: 25%;
    top: auto;
    right: 5%;
    bottom: 5%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .musubi-recipe .hk-badge-anim {
    animation: hkBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes hkBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Bibimbap.jpg") center right/cover;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(15deg);
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .spammy-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 5%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .bibimbap-recipe .spammy-badge-anim {
    animation: spammyBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes spammyBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Poutine.jpg") center left/cover;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(-15deg);
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .bow-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 10%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .poutine-recipe .bow-badge-anim {
    animation: bowBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes bowBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .image-wrapper {
    background: url("../images/postcards/RecipeImg_Ramen.jpg") center left/cover;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge {
    top: 5%;
    right: auto;
    bottom: auto;
    left: 5%;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge img {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotate(-15deg);
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .recipe-badge-anim {
    animation: recipeBadgeAnim 1s ease-in-out forwards;
    animation-delay: 200ms;
  }
  @keyframes recipeBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .ramen-badge {
    width: 35% !important;
    top: auto;
    right: 5%;
    bottom: 10%;
    left: auto;
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  .postcard-overlay-container .postcard-content-container .ramen-recipe .ramen-badge-anim {
    animation: ramenBadgeAnim 1s ease-in-out forwards;
    animation-delay: 400ms;
  }
  @keyframes ramenBadgeAnim {
    0% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    50% {
      transform: translateZ(0) scale(1);
      opacity: 0;
    }
    95% {
      transform: translateZ(0) scale(1.2);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1);
      opacity: 1;
    }
  }
  /* - Polaroid Overlay
  /*-------------------------------------------------*/
  .polaroid-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    contain: layout style;
    overflow: hidden;
  }
  .polaroid-overlay-container .polaroid-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .polaroid-overlay-container .polaroid-overlay-anim {
    transform: scale(0);
  }
  .polaroid-overlay-container .polaroid-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    max-height: 90dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container {
    position: relative;
    height: auto;
    width: 28%;
    flex-shrink: 0;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    transform-origin: center;
    will-change: transform, opacity;
    transform: translateZ(0) translateX(0) rotate(0deg) scale(1);
    outline: 0.4vw solid #231f20;
    overflow: hidden;
    border-radius: 0.4vw;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii {
    transform: translateZ(0) translateX(0) rotate(-10deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-hawaii-fade {
    transform: translateZ(0) translateX(0) rotate(-10deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-korea-fade {
    transform: translateZ(0) translateX(0) rotate(5deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-japan-fade {
    transform: translateZ(0) translateX(0) rotate(-7deg) scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1);
  }
  .polaroid-overlay-container .polaroid-wrapper .polaroid-niagara-fade {
    transform: translateZ(0) translateX(0) rotate(8deg) scale(1.2);
    opacity: 0;
  }
  /* - Passport Overlay
  /*-------------------------------------------------*/
  .passport-overlay-container {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1200;
  }
  .passport-overlay-container .mobile-element {
    display: none !important;
  }
  .passport-overlay-container .passport-overlay-bkg {
    position: absolute;
    height: 260vw;
    width: 260vw;
    top: calc(50dvh - 130vw);
    right: auto;
    bottom: auto;
    left: -80vw;
    background: #021321;
    opacity: 0.9;
    border-radius: 50%;
    transform-origin: center;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
  }
  .passport-overlay-container .passport-overlay-anim {
    transform: scale(0);
  }
  .passport-overlay-container .passport-wrapper {
    position: relative;
    height: 90dvh;
    width: auto;
    max-height: 90dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    perspective: 100vw;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left {
    position: relative;
    height: auto;
    width: 50%;
    transform-origin: center right;
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-left img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    max-height: 90dvh;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right {
    position: relative;
    height: auto;
    width: 50%;
    transform-origin: center left;
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
    transition: transform 200ms ease-in-out, opacity 200ms linear;
    will-change: transform, opacity;
  }
  .passport-overlay-container .passport-wrapper .passport-bkg-right img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    max-height: 90dvh;
  }
  .passport-overlay-container .passport-wrapper .passport-left-page-anim {
    transform: translateZ(0) rotateY(90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-right-page-anim {
    transform: translateZ(0) rotateY(-90deg);
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    overflow: hidden;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left {
    position: relative;
    height: 88%;
    width: 42.4%;
    padding: 0.4vw 0 0.4vw 3.8%;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5vw;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .passport-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-1 {
    background: url("../images/passport/hawaii_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-2 {
    background: url("../images/passport/japan_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-3 {
    background: url("../images/passport/korea_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-4 {
    background: url("../images/passport/niagara_bkg.svg") center/cover;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .pass-image-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow {
    position: absolute;
    height: auto;
    width: 10%;
    bottom: 3%;
    cursor: pointer;
    filter: drop-shadow(0 0.4vw 0 #004785);
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .arrow img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .left-arrow {
    left: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-content-left .image-container .right-arrow {
    right: 5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .passport-left-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container {
    position: absolute;
    height: auto;
    cursor: grab;
    transform-origin: center center;
    transform: translate3d(0px, 0px, 0);
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    transition: opacity 200ms linear;
    opacity: 1;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-container:active {
    cursor: grabbing;
    transform: scale(1.1) translate3d(var(--tx, 0px), var(--ty, 0px), 0);
    transform-origin: center center;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .sticker-hidden {
    opacity: 0;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .hk-sticker {
    width: 11%;
    top: 27%;
    right: 26.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .spammy-sticker {
    width: 12%;
    top: 28%;
    right: 12%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .bibimbap-sticker {
    width: 11%;
    top: 45%;
    right: 26.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .poutine-sticker {
    width: 11%;
    top: 46%;
    right: 12.5%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .musubi-sticker {
    width: 10%;
    top: 62%;
    right: 27%;
  }
  .passport-overlay-container .passport-wrapper .passport-content-container .ramen-sticker {
    width: 11%;
    top: 60.5%;
    right: 12.5%;
  }
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100dvh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    max-width: 200vh;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background: #ffedfb;
    /* - Background Grid
    /*---------------------------------------------*/
  }
  .kitchen-container .background-grid-container {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    contain: layout paint style;
  }
  .kitchen-container .background-grid-container .line {
    background: #ffaece;
  }
  .kitchen-container .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 0.4vw;
  }
  .kitchen-container .background-grid-container .hl {
    position: relative;
    height: 0.4vw;
    width: 100%;
  }
  .kitchen-container .background-grid-container .vl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .background-grid-container .hl-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5vw;
    flex-wrap: nowrap;
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: 100dvh;
    width: 53%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Window
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .window-container {
    position: absolute;
    height: 55dvh;
    width: 15vw;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: -2vw;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    cursor: pointer;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset -0.25vw -0.25vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.5vw 0.5vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .window-container .window-pane {
    position: absolute;
    height: calc(55dvh - 3vw);
    width: 13.5vw;
    top: 1.5vw;
    right: auto;
    bottom: auto;
    left: 0;
    overflow: hidden;
    background: linear-gradient(0deg, #92ddff 0%, #80b5ff 100%);
    outline: 0.4vw solid #c6668c;
    box-shadow: 0.2vw -0.5vw 0 rgba(198, 102, 140, 0.7), 0.2vw 0.5vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s linear opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset-sky {
    background: linear-gradient(180deg, #79aefd 0%, #c78a21 80%, #ad3636 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .night-sky {
    background: linear-gradient(180deg, #4f5bff 0%, #58317d 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .star {
    position: absolute;
    height: 0.15vw;
    width: 0.15vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s1 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s2 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s3 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s4 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s5 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s6 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s7 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s8 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cosmic-obj {
    border-radius: 50%;
    transition: transform 1s ease-in-out, opacity 1s linear;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sun {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffd100;
    filter: blur(5px);
    transform: translateZ(0) translateY(0dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset {
    transform: translateY(36dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunless {
    transform: translateY(55dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moon {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffffff;
    opacity: 0.4;
    transform: translateZ(0) translateY(0dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moonrise {
    transform: translateY(-20dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .fullmoon {
    transform: translateY(-45dvh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud {
    position: absolute;
    right: -45%;
    opacity: 1;
    transition: opacity 1s linear;
    transform: translateZ(0) translateX(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-anim {
    animation: clouds 30s linear infinite;
  }
  @keyframes clouds {
    0% {
      transform: translateX(0vw);
    }
    100% {
      transform: translateX(-25vw);
    }
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-01 {
    opacity: 0.2;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-fade-02 {
    opacity: 0.1;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-bar {
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-h {
    position: absolute;
    height: 1.5vw;
    width: 100%;
    top: calc(50% - 0.75vw);
    right: auto;
    bottom: auto;
    left: 0;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset 0 -0.25vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.3vw 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-v {
    position: absolute;
    height: 100%;
    width: 1.5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
    box-shadow: inset 0.25vw 0 0 #ffedfb, inset -0.25vw 0 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.3vw 0 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left {
    /* - Main Logo
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .main-logo-container {
    position: absolute;
    height: auto;
    width: 38%;
    top: 3%;
    right: auto;
    bottom: auto;
    left: 28%;
    min-width: 60dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(0.4vw 0.3vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .kitchen-left {
    /* - Countertop Items
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 50%;
    filter: drop-shadow(2vw 1.6vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects {
    position: absolute;
    height: 18vh;
    width: 46%;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: 10%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke {
    position: relative;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke-anim {
    animation: smokeAnim 2s ease-out infinite;
  }
  @keyframes smokeAnim {
    0% {
      transform: translateZ(0) translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateZ(0) translateY(-5vw) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk5 {
    animation-delay: 0ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk7, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk3 {
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk1 {
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk8 {
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk6, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk4 {
    animation-delay: 1250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk9 {
    animation-delay: 1500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk2 {
    animation-delay: 1750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    bottom: 3vw;
    border-radius: 50%;
    outline: 0.4vw solid #92ddff;
    transform: translateZ(0) scale(0);
    opacity: 1;
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease-anim {
    animation: greaseAnim 1s ease-in-out infinite;
  }
  @keyframes greaseAnim {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr1 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr2 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr3 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .gr4 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container {
    position: absolute;
    height: 0.5vw;
    width: 3vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 1.5vw);
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 0.4vw solid #985e47;
    transform: translateZ(0) rotate(0deg);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam-anim {
    animation: spamAnim 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    70% {
      transform: translateZ(0) rotate(1440deg);
    }
    100% {
      transform: translateZ(0) rotate(1440deg);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-c-anim {
    animation: spamContAnim 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  @keyframes spamContAnim {
    0% {
      transform: translateZ(0) translateY(0vw);
    }
    70% {
      transform: translateZ(0) translateY(-5.5vw);
    }
    100% {
      transform: translateZ(0) translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 70%;
    margin: 0 0 0 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-handle {
    position: absolute;
    height: 0.75vw;
    width: 25%;
    top: 0.2vw;
    right: 0;
    bottom: auto;
    left: auto;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    border-radius: 0 0.375vw 0.375vw 0;
    box-shadow: inset 1.25vw -0.3vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: 2vw;
    width: 80%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .lip {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    box-shadow: inset -0.15vw -0.15vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base .bowl {
    position: relative;
    height: 2vw;
    width: 90%;
    border-radius: 0 0 1.5vw 1.5vw;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    box-shadow: inset -0.5vw -0.5vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-ready {
    cursor: pointer;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-glow {
    position: absolute;
    height: 0.7vw;
    width: 50%;
    top: 1.6vw;
    right: auto;
    bottom: auto;
    left: 8%;
    background: #ff4747;
    outline: 0.4vw solid #fffc35;
    filter: blur(0.3vw);
    opacity: 0;
    transition: opacity 500ms linear;
    transform: translateZ(0) translateY(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-on {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-anim {
    animation: glowAnim 2s ease infinite;
  }
  @keyframes glowAnim {
    0% {
      transform: translateZ(0) translateY(0vw);
    }
    50% {
      transform: translateZ(0) translateY(0.15vw);
    }
    100% {
      transform: translateZ(0) translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-button {
    position: absolute;
    height: 1vw;
    width: 5%;
    bottom: 1vw;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    cursor: pointer;
    transform: translateZ(0) translateY(0);
    will-change: transform;
    box-shadow: inset 0 0.2vw 0 #def4ff, inset -0.4vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb1 {
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb2 {
    right: 15%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb-pressed {
    transform: translateY(0.5vw);
    cursor: auto;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-base {
    position: relative;
    height: 1vw;
    width: 100%;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    box-shadow: inset 0 0.25vw 0 #def4ff, inset -0.5vw -0.4vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container {
    position: relative;
    height: auto;
    width: 20%;
    cursor: pointer;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 3.5vw;
    transform: translateZ(0) translateX(0vw);
    transition: 200ms ease-in-out all;
    will-change: transform, filter;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-top {
    position: relative;
    height: 0.2vw;
    width: 100%;
    margin: 0 0 0.4vw 0;
    background: #ffd100;
    outline: 0.4vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 0.4vw auto;
    background: #ffd100;
    outline: 0.4vw solid #004785;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 26%;
    margin: 0 2vw 0 0;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    box-shadow: inset 0.4vw 0.4vw 0 #fdf7f7, inset -0.4vw -0.4vw 0 #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 0.5vw;
    width: 50%;
    margin: 0 auto 0.4vw auto;
    border-radius: 0.25vw;
    box-shadow: inset 0.2vw 0.2vw 0px #fdf7f7, inset -0.2vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 2.5vw;
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    outline: 0.4vw solid #c6668c;
    transform: translateZ(0) translateX(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 80%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0 0 #6b5139;
    transform-origin: bottom;
    transition: transform 2s ease-in-out;
    transform: scaleY(1) translateZ(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-empty {
    transform: scaleY(0) translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .glint {
    position: absolute;
    height: 60%;
    width: 0.6vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #fdf7f7;
    border-radius: 0.3vw;
    opacity: 0.8;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .hopper-anim {
    animation: hopperAnim 2s ease-in-out forwards;
  }
  @keyframes hopperAnim {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% {
      transform: translateX(-1px);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
      transform: translateX(1px);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 5vw;
    width: 100%;
    margin: 0 0 0.4vw 0;
    border-radius: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button {
    position: relative;
    height: 2.75vw;
    width: 2.75vw;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    border-radius: 50%;
    filter: drop-shadow(0.25vw 0.25vw 0 #ffaece);
    cursor: pointer;
    transform-origin: center;
    transform: translateZ(0) scale(1);
    transition: scale 100ms ease-in-out;
    box-shadow: inset 0.2vw 0.2vw 0px #ffedfb, inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
    will-change: transform;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .ready-light {
    position: relative;
    height: 0.5vw;
    width: 0.5vw;
    border-radius: 50%;
    background: red;
    filter: blur(2px);
    transition: background-color 300ms linear;
    transform: translateZ(0);
    will-change: background-color;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-active {
    background: lightgreen;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-anim {
    animation: rlAnim 1s step-end infinite;
  }
  @keyframes rlAnim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container {
    position: relative;
    height: 6.5vw;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    box-shadow: inset -0.4vw 1.2vw 0 rgba(198, 102, 140, 0.7), inset 0.4vw 0 0 #ffedfb;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 60%;
    filter: drop-shadow(0.75vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 7vw;
    width: 0.3vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.15vw);
    background: #806043;
    outline: 0.4vw solid #6b5139;
    border-radius: 0.2vw;
    transform: translateZ(0) translateY(-5vw) scaleX(1);
    transform-origin: center;
    will-change: transform;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-anim {
    animation: coffeeAnim 3s ease-in-out forwards;
  }
  @keyframes coffeeAnim {
    0% {
      transform: translateY(-5vw) scaleX(1);
      opacity: 1;
    }
    99% {
      transform: translateY(7vw) scaleX(0.1);
      opacity: 1;
    }
    100% {
      transform: translateY(7vw) scaleX(0.1);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar {
    position: relative;
    height: 0.5vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    transform: translateZ(0);
    margin: 0 0 0.4vw 0;
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar:nth-of-type(3) {
    width: 75%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-handle {
    position: absolute;
    height: 0.3vw;
    width: 4vw;
    top: auto;
    right: auto;
    bottom: 0.35vw;
    left: 50%;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.15vw;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-cup {
    position: relative;
    height: 1vw;
    width: 30%;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    transform: translateZ(0);
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateZ(0) translateY(0vw) scale(1);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s2 {
    animation-delay: 400ms !important;
    left: calc(50% - 0.5vw - 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s3 {
    animation-delay: 800ms !important;
    left: calc(50% - 0.5vw + 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam-anim {
    animation: steamAnim 1.2s ease-out infinite;
  }
  @keyframes steamAnim {
    0% {
      transform: translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-4vw) scale(3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup {
    position: absolute;
    height: 1.5vw;
    width: 2.6vw;
    top: auto;
    right: auto;
    bottom: 0.4vw;
    left: calc(50% - 1.3vw);
    background: #ffffff;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.15vw 0.15vw 1vw 1vw;
    box-shadow: inset -0.4vw -0.15vw 0px #def4ff;
    filter: drop-shadow(0.75vw 0.2vw 0px rgba(198, 102, 140, 0.7));
    transform: translateZ(0) translateX(0vw);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2 {
    transform: translateX(-4vw);
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup1-anim {
    animation: cup1Anim 400ms ease-in-out forwards;
  }
  @keyframes cup1Anim {
    0% {
      transform: translateX(0vw);
      opacity: 1;
    }
    100% {
      transform: translateX(4vw);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2-anim {
    animation: cup2Anim 400ms ease-in-out forwards;
  }
  @keyframes cup2Anim {
    0% {
      transform: translateX(-4vw);
      opacity: 0;
    }
    100% {
      transform: translateX(0vw);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    position: relative;
    height: 2vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.5vw;
    box-shadow: inset 0.4vw 0.4vw 0px #fdf7f7, inset -0.4vw -0.4vw 0px #ffaece;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left {
    /* - Counter
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: 24%;
    width: 98%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.4vw;
    filter: drop-shadow(1vw 1vw 0 rgba(198, 102, 140, 0.7));
    contain: layout style;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 97.5%;
    flex-grow: 1;
    padding: 0 2.5% 0 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 1.5vw;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    border-radius: 0 0.25vw 0 0;
    box-shadow: inset -0.5vw 0.2vw 0 rgba(198, 102, 140, 0.7);
    contain: layout paint style;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    border-radius: 50%;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    box-shadow: inset 0.2vw 0.2vw 0 #ffedfb, inset -0.2vw -0.2vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.25vw 0.25vw 0 rgba(255, 174, 206, 0.4));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 .knob {
    right: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d2 .knob, .kitchen-container .kitchen-left .counter-container .counter-base .d3 .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0vw 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0 0.25vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    border-radius: 0.25vw 0.25vw 0 0;
    background: rgba(198, 102, 140, 0.7);
    outline: 0.4vw solid #c6668c;
    box-shadow: inset 1vw 3vw 0 rgba(198, 102, 140, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container {
    position: absolute;
    height: auto;
    width: 20%;
    top: auto;
    right: auto;
    bottom: 16%;
    left: 36%;
    opacity: 0.3;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .carving-container img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container {
    position: relative;
    height: auto;
    width: 30%;
    padding: 13dvh 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.4vw;
    filter: drop-shadow(1vw 0 0 rgba(198, 102, 140, 0.7));
    cursor: pointer;
    transform: translateZ(0) scale(1) translateY(0) rotate(0);
    will-change: transform, opacity;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-top {
    position: absolute;
    height: 0.5vw;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.4vw solid #6b5139;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body {
    position: absolute;
    height: calc(100% - 0.5vw - 0.4vw);
    width: 100%;
    top: 0.9vw;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.4vw solid #6b5139;
    box-shadow: inset -0.2vw -0.8vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo {
    position: absolute;
    height: auto;
    width: 30%;
    padding: 30% 0 0 0;
    margin: 0 0 15% 0;
    background: #806043;
    outline: 0.4vw solid #6b5139;
    border-radius: 30% 60%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo .line {
    position: absolute;
    height: 0.4vw;
    width: 200%;
    top: calc(50% - 0.2vw);
    right: auto;
    bottom: auto;
    left: -50%;
    background: #6b5139;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-anim {
    animation: coffeeBagAnim 1s ease-out forwards;
  }
  @keyframes coffeeBagAnim {
    0% {
      transform: translateZ(0) scale(1) translateY(0) rotate(0);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) scale(1.2) translateY(-1vw) rotate(5deg);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .shelf {
    position: relative;
    height: 0.5vw;
    width: 100%;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
    box-shadow: inset 0 -0.2vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    right: -0.5vw;
    bottom: auto;
    left: auto;
    background: #c6668c;
    outline: 0.4vw solid #c6668c;
    opacity: 0;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-door-front {
    position: absolute;
    height: 100%;
    width: 1vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    opacity: 0;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0 0.5vw 0 #fdf7f7, inset -0.5vw 0 0 rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-clickable {
    cursor: pointer;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .door-front {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-door-front {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .knob {
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-knob {
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 2vw;
    width: 100%;
    border-radius: 0 0.25vw 0.25vw 0;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    box-shadow: inset 0vw 0.5vw 0 #fdf7f7, inset -0.5vw -0.5vw 0 rgba(255, 174, 206, 0.4);
    contain: layout paint style;
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: 100vh;
    width: 40%;
    padding: 0 2% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    /* - Fridge Content
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-content-container {
    position: relative;
    height: 20%;
    width: 93%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container {
    position: relative;
    height: 80%;
    width: 4vw;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    max-width: 8dvh;
    padding: 10% 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 5% 0 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .pot-base {
    position: absolute;
    height: 2.4vw;
    width: 100%;
    border-radius: 0.3vw;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    max-height: 4dvh;
    box-shadow: inset -0.6vw -0.1vw 0 #ffaece, inset 0.6vw 0.3vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .flower-stem {
    position: relative;
    height: auto;
    width: 0.4vw;
    flex-grow: 1;
    margin: 0 0 0 0;
    background: #abdbc5;
    outline: 0.4vw solid #5c8777;
    box-shadow: inset -0.2vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container {
    position: relative;
    height: 4vw;
    width: 4vw;
    max-width: 8dvh;
    max-height: 8dvh;
    transform-origin: center;
    transform: translateZ(0) rotate(0deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper {
    height: 100%;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .petal {
    position: absolute;
    height: 50%;
    width: 50%;
    border-radius: 50%;
    background: #ffffff;
    outline: 0.4vw solid #92ddff;
    transform-origin: bottom right;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt1 {
    transform: rotate(120deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals-wrapper .pt2 {
    transform: rotate(240deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 {
    position: relative;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals1 .petal {
    background: #fdf7f7;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .petals2 {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    transform: rotate(60deg);
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-container .flower-circle {
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    max-width: 3dvh;
    max-height: 3dvh;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%);
    background: #ffd100;
    outline: 0.4vw solid #ac8c00;
    border-radius: 50%;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(168, 137, 0, 0.5607843137);
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .flower-pot-container .petals-anim {
    animation: petalsAnim 1s ease-in-out forwards;
  }
  @keyframes petalsAnim {
    0% {
      transform: translateZ(0) rotate(0deg);
    }
    10% {
      transform: translateZ(0) rotate(-5deg);
    }
    20% {
      transform: translateZ(0) rotate(5deg);
    }
    40% {
      transform: translateZ(0) rotate(-5deg);
    }
    70% {
      transform: translateZ(0) rotate(5deg);
    }
    100% {
      transform: translateZ(0) rotate(0deg);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container {
    position: relative;
    height: 90%;
    width: 25%;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.4vw;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook {
    position: relative;
    height: auto;
    width: auto;
    outline: 0.4vw solid #c6668c;
    flex-grow: 1;
    transition: transform 300ms ease-in;
    transform: translateY(0vh);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook .bb {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 25%;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1 {
    height: 70%;
    transition-delay: 400ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2 {
    height: 80%;
    transition-delay: 200ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3 {
    height: 75%;
    transition-delay: 700ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4 {
    height: 60%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5 {
    display: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    height: 90%;
    transition-delay: 300ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7 {
    height: 75%;
    transition-delay: 100ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    display: none;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb1, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb4, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb5, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb6 {
    background: #ffaece;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb2, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb3, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb7, .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cb8 {
    background: #ffedfb;
    box-shadow: inset -0.4vw -0.2vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .cookbooks-container .cookbook-anim {
    transform: translateY(-25vh);
    transition-timing-function: ease-out;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container {
    position: relative;
    height: 100%;
    width: 30%;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container {
    position: absolute;
    height: auto;
    width: 100%;
    top: 6%;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    opacity: 0;
    transform: translateZ(0) translateY(100%);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .bread-container svg {
    width: 40%;
    fill: #cca988;
    stroke-width: 0.4vw;
    stroke: #806043;
    display: block;
    overflow: visible;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toast-anim {
    animation: toastAnim 3s ease-in-out forwards;
  }
  @keyframes toastAnim {
    0%, 29.5% {
      transform: translateY(100%);
      opacity: 1;
    }
    35% {
      transform: translateY(-10%);
      opacity: 1;
    }
    40% {
      transform: translateY(0%);
      opacity: 1;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-handle {
    position: absolute;
    height: 1vw;
    width: 80%;
    top: 60%;
    right: auto;
    bottom: auto;
    left: 10%;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    border-radius: 0.5vw;
    box-shadow: inset -0.2vw -0.3vw 0 #88bcd4;
    transform: translateZ(0) translateY(0);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-anim {
    animation: toasterAnim 3s ease-in-out forwards;
  }
  @keyframes toasterAnim {
    0% {
      transform: translateY(0vh);
    }
    5% {
      transform: translateY(2vh);
    }
    16%, 20%, 24%, 26%, 28%, 29%, 20% {
      transform: translateY(2.2vh);
    }
    18%, 22%, 25%, 27%, 28.5%, 29.5% {
      transform: translateY(2vh);
    }
    31% {
      transform: translateY(0vh);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .toaster-container .toaster-body {
    position: relative;
    height: 60%;
    width: 70%;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    border-radius: 2vw 2vw 0 0;
    box-shadow: inset 0.5vw 0.3vw 0 #def4ff, inset -0.5vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-handle {
    position: absolute;
    height: 30%;
    width: 50%;
    top: 15%;
    right: auto;
    bottom: auto;
    left: 25%;
    border-radius: 0.5vw 0.5vw 0 0;
    outline: 0.75vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body {
    position: relative;
    height: 70%;
    width: 90%;
    border-radius: 0.5vw;
    background: #ffedfb;
    outline: 0.4vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    box-shadow: inset 0.4vw 0.4vw 0 #fdf7f7, inset -0.4vw -0.4vw 0 #ffaece;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .bb-screen {
    position: relative;
    height: 10%;
    width: 40%;
    margin: 0 0 0.4vw 0;
    background: #ffaece;
    outline: 0.4vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck {
    position: relative;
    height: 25%;
    width: 30%;
    border-radius: 0 0 0.4vw 0.4vw;
    background: #92ddff;
    outline: 0.4vw solid #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .top-bar {
    position: absolute;
    height: 20%;
    width: 70%;
    top: 0;
    right: 15%;
    bottom: auto;
    left: auto;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke {
    position: absolute;
    height: auto;
    width: 10%;
    padding: 10% 0 0 0;
    border-radius: 50%;
    background: #32a2d6;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke1 {
    left: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .tape-deck .spoke2 {
    right: 10%;
    bottom: 20%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker {
    position: absolute;
    height: auto;
    width: 25%;
    padding: 25% 0 0 0;
    border-radius: 50%;
    background: rgba(255, 174, 206, 0.4);
    outline: 0.4vw solid #c6668c;
    bottom: 15%;
    box-shadow: inset 0.4vw 0.4vw 0 #ffaece;
    transform-origin: center;
    transform: translateZ(0) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker .speaker-inside {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    background: #c6668c;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-anim {
    animation: speakerAnim 500ms ease-in-out infinite;
  }
  @keyframes speakerAnim {
    0% {
      transform: translateZ(0) scale(1);
    }
    20% {
      transform: translateZ(0) scale(1.05);
    }
    50% {
      transform: translateZ(0) scale(1);
    }
    100% {
      transform: translateZ(0) scale(1);
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-1 {
    left: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .speaker-2 {
    right: 6%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container {
    position: absolute;
    height: auto;
    width: 15%;
    top: auto;
    right: auto;
    bottom: 15%;
    left: 42.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .boombox-body .buttons-container .spkr-button {
    position: relative;
    height: 0.5vw;
    width: 0.5vw;
    background: #c6668c;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note {
    position: absolute;
    height: auto;
    transform-origin: center;
    opacity: 1;
    transform: translateZ(0) translateX(0) translateY(0) scale(1);
    will-change: transform, opacity;
    opacity: 0;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-anim {
    animation: musicNoteAnim 1s ease-in-out infinite;
  }
  @keyframes musicNoteAnim {
    0% {
      transform: translateZ(0) translateX(0) translateY(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateZ(0) translateX(50%) translateY(-25%) scale(1.5);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-01 {
    width: 15%;
    bottom: 35%;
    left: 100%;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-02 {
    width: 10%;
    bottom: 5%;
    left: 110%;
    animation-delay: 333ms;
  }
  .kitchen-container .kitchen-right .fridge-content-container .boombox-container .music-note-03 {
    width: 8%;
    bottom: 70%;
    left: 125%;
    animation-delay: 666ms;
  }
  .kitchen-container .kitchen-right {
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container {
    position: absolute;
    height: 100%;
    width: 5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 100%;
    overflow: hidden;
  }
  .kitchen-container .kitchen-right .fridge-container .broom-handle-container .broom-handle {
    position: absolute;
    height: 80vh;
    width: 1vw;
    top: 10vw;
    right: 4vw;
    bottom: auto;
    left: auto;
    background: #cca988;
    outline: 0.4vw solid #6b5139;
    border-radius: 0.75vw;
    transform-origin: top left;
    transform: rotate(-6deg);
    box-shadow: inset 0.3vw 1vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    background: #abdbc5;
    outline: 0.4vw solid #5c8777;
    border-radius: 1vw;
    box-shadow: inset 0.5vw 0.3vw 0 #d9f1e6, inset -0.5vw -0.3vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 1vw;
    width: 20%;
    left: 5%;
    border-radius: 0.5vw;
    background: #b0e5fd;
    outline: 0.4vw solid #7197b7;
    box-shadow: inset 0.3vw 0.3vw 0 #def4ff, inset -0.3vw -0.3vw 0 #88bcd4, 0.5vw 0.3vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55dvh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    position: relative;
    height: 100%;
    width: 100%;
    filter: drop-shadow(0.6vw 0.1vw 0 #71a990);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) scale(1);
    will-change: transform;
    transform: translateZ(0);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - World Map
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container {
    position: absolute;
    height: 9vw;
    width: 5.5vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 17%;
    transform-origin: center;
    transform: translateZ(0) rotate(40deg);
    transition: transform 200ms ease-in-out;
    will-change: transform;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rear-page {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #004785;
    outline: 0.4vw solid #5c8777;
    transform-origin: center;
    transform: translateZ(0) rotate(10deg);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .front-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/svg/folded-map.svg") center/cover;
    outline: 0.4vw solid #5c8777;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(33, 74, 93, 0.5);
    transform-origin: center;
    transform: translateZ(0) rotate(-10deg) scale(1);
    transition: transform 200ms ease-in-out;
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .rubber-band {
    position: absolute;
    height: 0.4vw;
    width: 120%;
    top: calc(50% - 0.2vw);
    right: auto;
    bottom: auto;
    left: -10%;
    background: #a42025;
    outline: 0.4vw solid #5c8777;
    border-radius: 0.2vw;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) scaleX(1);
    will-change: transform;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .world-map-container .magnet {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffd100;
    outline: 0.4vw solid #5c8777;
    box-shadow: inset -0.3vw -0.1vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Postcards
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container {
    position: absolute;
    height: auto;
    width: 7.5vw;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    background: #ffffff;
    outline: 0.4vw solid #5c8777;
    border-radius: 0.3vw;
    overflow: hidden;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-container .postcard-image img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii {
    top: 14%;
    right: auto;
    bottom: auto;
    left: 44%;
    transform: translateZ(0) rotate(-12deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-hawaii .magnet {
    top: 8%;
    left: 60%;
    background: #ff4747;
    outline: 0.4vw solid #861317;
    box-shadow: inset -0.15vw -0.3vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea {
    top: 8%;
    right: auto;
    bottom: auto;
    left: 72.5%;
    transform: translateZ(0) rotate(16deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-korea .magnet {
    top: 8%;
    left: 30%;
    background: #32a2d6;
    outline: 0.4vw solid #5c8777;
    box-shadow: inset -0.3vw -0.15vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan {
    top: 54%;
    right: auto;
    bottom: auto;
    left: 6%;
    transform: translateZ(0) rotate(6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-japan .magnet {
    top: 8%;
    left: 20%;
    background: #ff4747;
    outline: 0.4vw solid #861317;
    box-shadow: inset -0.3vw -0.15vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara {
    top: 43%;
    right: auto;
    bottom: auto;
    left: 54%;
    transform: translateZ(0) rotate(-6deg) scale(1);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .postcard-niagara .magnet {
    top: 8%;
    left: 60%;
    background: #ffd100;
    outline: 0.4vw solid #ac8c00;
    box-shadow: inset -0.15vw -0.3vw 0 rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Polaroids
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container {
    position: absolute;
    height: auto;
    width: 5vw;
    top: 59%;
    right: auto;
    bottom: auto;
    left: 33%;
    transform-origin: center;
    transform: translateZ(0) rotate(12deg) scale(1);
    transition: transform 200ms ease-in-out;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .polaroid {
    outline: 0.4vw solid #5c8777;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    pointer-events: none;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .rear-polaroid {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateZ(0) rotate(5deg);
    background: #b0e5fd;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateZ(0) rotate(-5deg);
    background: #ffffff;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .front-polaroid img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .polaroid-container .magnet {
    top: 5%;
    left: 30%;
    background: #32a2d6;
    outline: 0.4vw solid #5c8777;
    box-shadow: inset -0.3vw -0.15vw 0 rgba(13, 65, 108, 0.2666666667);
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container {
    /* - Passport
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container {
    position: absolute;
    height: auto;
    width: 5.5vw;
    top: 61%;
    right: auto;
    bottom: auto;
    left: 78%;
    transform-origin: center;
    transition: transform 200ms ease-in-out;
    transform: translateZ(0) rotate(14deg) scale(1);
    will-change: transform;
    cursor: pointer;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    outline: 0.4vw solid #5c8777;
    border-radius: 0.2vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .passport-cover img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .fridge-items-container .passport-container .magnet {
    top: 15%;
    left: 20%;
    background: #ff4747;
    outline: 0.4vw solid #861317;
    box-shadow: inset -0.2vw -0.2vw 0 #a42025;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 20vh;
    width: 1vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 3%;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 1vw;
    border-radius: 0.5vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 0.5vw;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    box-shadow: inset 0.5vw 0.3vw 0 #d9f1e6, inset -0.5vw 0 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
  /*-------------------------------------------------*/
  /* - Footer
  /*-------------------------------------------------*/
  .footer-container {
    position: relative;
    height: auto;
    width: 100%;
    background: #004785;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0 5vw 0;
  }
  .footer-container .store-near-you-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 3vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-container .footer-links {
    position: relative;
    height: auto;
    width: 80%;
    padding: 0 0 3vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-container .footer-links .paragraph-text {
    font-size: 14px;
    color: #ffffff;
    font-family: "Helvetica Neue";
  }
  .footer-container pre {
    font-size: 14px;
    color: #ffffff;
    font-family: "Helvetica Neue";
    white-space: break-spaces;
    width: 80%;
  }
}/*# sourceMappingURL=styles.css.map */