/**
 * Media queries
 */
/**
 * Old Grid
 * TODO: Remove this when removing old grid
 * NOTE: grid still used on Kiosk
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Misc
 */
@keyframes pps-pulse {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.3);
  }
  67% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.pps-radius {
  border-radius: 15px;
}

.pps-radius-small {
  border-radius: 10px;
}

.pps-radius-full {
  border-radius: 50%;
}

@media only screen and (min-width: 43.063em) {
  .pps-radius {
    border-radius: 30px;
  }

  .pps-radius-small {
    border-radius: 20px;
  }
}
.pps-text-yellow {
  color: #edbe5a;
}

.pps-bg-yellow {
  background-color: #edbe5a;
}

.pps-text-light-yellow {
  color: #e9ba5a;
}

.pps-bg-light-yellow {
  background-color: #e9ba5a;
}

.pps-text-pink {
  color: #ff558a;
}

.pps-bg-pink {
  background-color: #ff558a;
}

.pps-text-cyan {
  color: #00d2c8;
}

.pps-bg-cyan {
  background-color: #00d2c8;
}

.pps-text-red {
  color: #c80a0a;
}

.pps-bg-red {
  background-color: #c80a0a;
}

.pps-text-white {
  color: #fcf0e3;
}

.pps-bg-white {
  background-color: #fcf0e3;
}

.pps-text-blue {
  color: #000073;
}

.pps-bg-blue {
  background-color: #000073;
}

.pps-row,
.pps-wrapper {
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1224px;
  margin: 0 auto;
}

.pps-row,
.pps-column {
  padding-left: 12px;
  padding-right: 12px;
}

@media only screen and (min-width: 43.063em) {
  .pps-row {
    display: flex;
    flex-wrap: wrap;
  }

  .pps-row-vertical-center {
    justify-content: center;
  }

  .pps-column {
    flex: 0 1 0;
  }

  .pps-column-1 {
    min-width: 8.33333%;
  }

  .pps-column-2 {
    min-width: 16.66667%;
  }

  .pps-column-3 {
    min-width: 25%;
  }

  .pps-column-4 {
    min-width: 33.33333%;
  }

  .pps-column-5 {
    min-width: 41.66667%;
  }

  .pps-column-6 {
    min-width: 50%;
  }

  .pps-column-7 {
    min-width: 58.33333%;
  }

  .pps-column-8 {
    min-width: 66.66667%;
  }

  .pps-column-9 {
    min-width: 75%;
  }

  .pps-column-10 {
    min-width: 83.33333%;
  }

  .pps-column-11 {
    min-width: 91.66667%;
  }

  .pps-column-12 {
    min-width: 100%;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-column-large-1 {
    min-width: 8.33333%;
  }

  .pps-column-large-2 {
    min-width: 16.66667%;
  }

  .pps-column-large-3 {
    min-width: 25%;
  }

  .pps-column-large-4 {
    min-width: 33.33333%;
  }

  .pps-column-large-5 {
    min-width: 41.66667%;
  }

  .pps-column-large-6 {
    min-width: 50%;
  }

  .pps-column-large-7 {
    min-width: 58.33333%;
  }

  .pps-column-large-8 {
    min-width: 66.66667%;
  }

  .pps-column-large-9 {
    min-width: 75%;
  }

  .pps-column-large-10 {
    min-width: 83.33333%;
  }

  .pps-column-large-11 {
    min-width: 91.66667%;
  }

  .pps-column-large-12 {
    min-width: 100%;
  }
}
.pps-image-group {
  --parent-width: 0;
  --parent-height: 0;
  --parent-max: 100%;
  margin: 0 auto;
  max-width: var(--parent-max);
  pointer-events: none;
  position: relative;
  width: 100%;
}
.pps-image-group::before {
  content: "";
  display: block;
  padding-bottom: calc(var(--parent-height) / var(--parent-width) * 100%);
}

.pps-image-group__item {
  --left: 0;
  --top: 0;
  --width: 0;
  --top: --top;
  --left: --left;
  --width: --width;
  left: calc(var(--left) / var(--parent-width) * 100%);
  top: calc(var(--top) / var(--parent-height) * 100%);
  width: calc(var(--width) / var(--parent-width) * 100%);
  position: absolute;
}
.pps-image-group__item img {
  display: block;
  width: 100%;
}

.pps-in-view.is-in-view .pps-in-view-item {
  opacity: var(--end-alpha, 1);
  transform: translate(var(--end-x, 0), var(--end-y, 0)) rotate(var(--end-rotate, 0deg)) scale(var(--end-scale, 1));
}

.pps-in-view-item {
  opacity: var(--start-alpha, 0);
  transform: translate(var(--start-x, 0), var(--start-y, 0)) rotate(var(--start-rotate, 0deg)) scale(var(--start-scale, 1));
  transition-delay: var(--delay, 0s);
  transition-duration: var(--duration, 0.4s);
  transition-property: transform, opacity;
  transition-timing-function: var(--ease, ease-out);
}

.pps-in-view-scale {
  --start-scale: 0.8;
  --end-scale: 1;
}

.pps-in-view-slide-up {
  --start-y: 10%;
  --end-y: 0;
}

.pps-in-view-slide-left {
  --start-x: 10%;
  --end-x: 0;
}

.pps-in-view-slide-right {
  --start-x: -10%;
  --end-x: 0;
}

.pps-in-view-delay0 {
  --delay: calc(0 / 10 * 1s);
}

.pps-in-view-delay1 {
  --delay: calc(1 / 10 * 1s);
}

.pps-in-view-delay2 {
  --delay: calc(2 / 10 * 1s);
}

.pps-in-view-delay3 {
  --delay: calc(3 / 10 * 1s);
}

.pps-in-view-delay4 {
  --delay: calc(4 / 10 * 1s);
}

.pps-in-view-delay5 {
  --delay: calc(5 / 10 * 1s);
}

.pps-in-view-delay6 {
  --delay: calc(6 / 10 * 1s);
}

.pps-in-view-delay7 {
  --delay: calc(7 / 10 * 1s);
}

.pps-in-view-delay8 {
  --delay: calc(8 / 10 * 1s);
}

.pps-in-view-delay9 {
  --delay: calc(9 / 10 * 1s);
}

.pps-in-view-delay10 {
  --delay: calc(10 / 10 * 1s);
}

.pps-in-view-delay11 {
  --delay: calc(11 / 10 * 1s);
}

.pps-in-view-delay12 {
  --delay: calc(12 / 10 * 1s);
}

.pps-in-view-delay13 {
  --delay: calc(13 / 10 * 1s);
}

.pps-in-view-delay14 {
  --delay: calc(14 / 10 * 1s);
}

.pps-in-view-delay15 {
  --delay: calc(15 / 10 * 1s);
}

.pps-in-view-delay16 {
  --delay: calc(16 / 10 * 1s);
}

.pps-in-view-delay17 {
  --delay: calc(17 / 10 * 1s);
}

.pps-in-view-delay18 {
  --delay: calc(18 / 10 * 1s);
}

.pps-in-view-delay19 {
  --delay: calc(19 / 10 * 1s);
}

.pps-in-view-delay20 {
  --delay: calc(20 / 10 * 1s);
}

@media (prefers-reduced-motion: reduce) {
  .pps-in-view-item {
    transition: none;
  }
}
.pps-marquee {
  position: relative;
  white-space: nowrap;
  display: flex;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(var(--marquee-width) * -1px));
  }
}
.pps-marquee.is-ready {
  /*
  * On Firefox & Safari, there was an issue where the Marquee does not play
  * unless the window is resized or the play state is toggled.
  *
  * This was happening because the animation was loaded before the marqueeWidth
  * had finished calculations, so the animation was animating
  * with a marqueeWidth of 0. Adding an animation-delay of 0.01s
  * fixed the issue in Firefox, but the issue still persisted in Safari.
  *
  * The .ready class aims to solve this issue for all cases by waiting
  * until marqueeWidth is larger than the default of 0 before
  * loading up the animation.
  */
  animation: scroll var(--duration) linear infinite var(--animation-state, running);
}

.pps-marquee__slide {
  display: inline-flex;
  width: max-content;
}

.pps-pattern-tile-1-blue {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-blue.0d505f912fc6.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-blue-2x.3704cb89f7e1.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-1-red {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-red.52979985341d.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-red-2x.52979985341d.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-1-pink {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-pink.941b14fc5cb4.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-pink-2x.941b14fc5cb4.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-1-white {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-white.509080eb408a.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-white-2x.509080eb408a.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-2-red {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-2-red.daa5f9478d1e.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-2-red-2x.74e1ad08764d.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-3-red {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-3-red.01d1f3295cec.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-3-red-2x.a7b6c29be744.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-pattern-tile-3-pink {
  background-image: image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-3-pink.c0506c8d9fcd.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-3-pink-2x.517b5c650c3a.png?1769717558") 2x);
  background-position: left top;
  background-repeat: repeat;
}

.pps-filter-shadow {
  --shadow-size: 10px;
  filter: drop-shadow(0px 0px var(--shadow-size) rgba(0, 0, 0, 0.25));
}

.pps-box-shadow {
  --shadow-size: 20px;
  box-shadow: 0px 0px var(--shadow-size) 0px rgba(0, 0, 0, 0.25);
}

.pps-text-shadow {
  --shadow-size: 10px;
  text-shadow: 0px 0px var(--shadow-size) rgba(0, 0, 0, 0.3);
}

.pps {
  font-family: "museo-sans", sans-serif;
  font-weight: var(--font-weight-normal);
  line-height: 1.4;
  font-size: 0.875rem;
  line-height: 1.428;
}

.pps-title-1,
.pps-title-2,
.pps-title-3,
.pps-cta {
  font-family: "Obviously", sans-serif;
  font-weight: 700;
}

.pps-title-1 {
  font-size: 1.875rem;
  line-height: 1.2;
}

.pps-title-2 {
  font-size: 1.5625rem;
  line-height: 1.28;
}

.pps-title-3 {
  font-size: 1.125rem;
  line-height: 1.333;
}

.pps-cta {
  font-size: 1.125rem;
  line-height: 1.222;
}

.pps-text-center {
  text-align: center;
}

@media only screen and (min-width: 43.063em) {
  .pps {
    font-size: 1rem;
    line-height: 1.375;
  }

  .pps-title-1 {
    font-size: 2.75rem;
    line-height: 1.18;
  }

  .pps-title-2 {
    font-size: 2.375rem;
    line-height: 1.18;
  }

  .pps-title-3 {
    font-size: 1.625rem;
    line-height: 1.38;
  }

  .pps-cta {
    font-size: 1.375rem;
    line-height: 1.18;
  }
}
.pps-arrow-button {
  --x-offset: 0.15em;
  appearance: none;
  border: none;
  color: #fcf0e3;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #ffdb8e 0%, #f3b83b 100%);
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
  cursor: pointer;
  padding: 12px;
}
.pps-arrow-button .pps-icon {
  --size: 26px;
  display: block;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  left: var(--x-offset);
  position: relative;
}

@media (hover: hover) {
  .pps-arrow-button {
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
  }
  .pps-arrow-button:hover {
    color: #00d2c8;
    transform: scale(1.1) translateY(-2px);
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5));
  }
  .pps-arrow-button:active {
    transform: scale(0.9);
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-arrow-button {
    padding: 16px;
  }
  .pps-arrow-button .pps-icon {
    --size: 32px;
  }
}
.pps-modal {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  inset: 0;
  z-index: 10002;
  display: grid;
  grid-auto-flow: row;
  place-content: center;
}
.pps-modal .pps-modal-content {
  display: block;
}

.pps-modal-content {
  display: none;
  width: calc(100vw - 80px);
  max-width: 1176px;
  border: 6px solid #edbe5a;
  background: image-set(url("../../../img/explore/princess-peach-showtime/modal/pps-modal-background.64d4144695c1.jpg?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/modal/pps-modal-background-2x.a6471792abaf.jpg?1769717558") 2x) center top/cover no-repeat;
  box-shadow: 0px 0px 30px 0px #fcf0e3, 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 0;
  border-radius: 30px;
}

.pps-modal-close {
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  color: #edbe5a;
  justify-self: end;
  position: relative;
  z-index: 1;
  width: 48px;
}
.pps-modal-close .pps-icon {
  --size: 100%;
}

.pps-modal-nav {
  position: absolute;
  top: 50%;
}
.pps-modal-nav[data-next] {
  right: 0;
  transform: translate(50%, -50%);
}
.pps-modal-nav[data-prev] {
  left: 0;
  transform: translate(-50%, -50%);
}
.pps-modal-nav[data-prev] .pps-icon {
  left: calc(var(--x-offset) * -1);
  transform: scaleX(-1);
}

@media (hover: hover) {
  .pps-modal-close {
    transition: color 0.2s ease, transform 0.2s ease;
  }
  .pps-modal-close:hover {
    color: #00d2c8;
    transform: scale(1.2);
  }
}
.pps-container {
  border: 6px solid #edbe5a;
  text-align: center;
  padding: 28px;
}

.pps-curtain {
  position: relative;
  overflow: hidden;
}
.pps-curtain.is-in-view .pps-curtain__reveal {
  animation: slide 0.6s ease-in-out forwards;
}
@keyframes slide {
  to {
    transform: translateY(-100%);
  }
}
.pps-curtain__reveal {
  position: absolute;
  inset: 0;
  display: flex;
}
.pps-curtain__reveal::after {
  content: "";
  background: url("../../../img/explore/princess-peach-showtime/curtain/pps-curtain-border.06f09c16ee1a.svg?1769717558") center/auto 100% repeat-x;
  height: 46px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}

.pps-divider {
  --color: #edbe5a;
  --star-size: 13px;
  align-items: center;
  color: var(--color);
  display: grid;
  gap: 4px;
  grid-template-columns: 1fr var(--star-size) 1fr;
  max-width: 160px;
  margin: 20px auto;
  width: 100%;
}
.pps-divider::before, .pps-divider::after {
  content: "";
  background-color: var(--color);
  border-radius: 2em;
  height: 3px;
}
.pps-divider .pps-icon {
  --size: var(--star-size);
}

.pps-floater {
  position: absolute;
  inset: 0;
}

.pps-icon {
  --size: 6em;
  aspect-ratio: 1 / 1;
  width: var(--size);
}

@property --ray-percentage {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
.pps-character-modal {
  text-align: center;
  position: relative;
}
.pps-character-modal.is-active .pps-character-modal__rays div::after {
  --ray-percentage: 100%;
}
.pps-character-modal.is-active .pps-character-modal__image {
  transform: scale(1);
}
.pps-character-modal.is-active .pps-character-modal__content p,
.pps-character-modal.is-active .pps-character-modal__content .pps-divider {
  opacity: 1;
  transform: translateY(0);
}

.pps-character-modal__rays {
  aspect-ratio: 368 / 382;
  left: 50%;
  max-height: 400px;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  overflow: hidden;
}
.pps-character-modal__rays > div {
  filter: blur(15px);
  height: 100%;
  opacity: 0.8;
  perspective: 3000px;
  position: relative;
  top: -20px;
  width: 100%;
}
.pps-character-modal__rays > div::after {
  --ray-percentage: 0%;
  background-image: linear-gradient(#fcf0e3, rgba(252, 240, 227, 0) var(--ray-percentage));
  content: "";
  clip-path: url("#pps-ray-clip-path");
  display: block;
  height: 100%;
  transition: --ray-percentage 0.6s;
  width: 100%;
}

.pps-character-modal__image {
  display: block;
  margin-top: -20px;
  position: relative;
  transition: transform 0.6s cubic-bezier(0, 0.68, 0.16, 0.99);
  transform-origin: center bottom;
  transform: scale(0);
}
.pps-character-modal__image img {
  display: block;
  margin: 0 auto;
}

.pps-character-modal__content {
  padding: 20px 40px;
}
.pps-character-modal__content p,
.pps-character-modal__content .pps-divider {
  opacity: 0;
  transform: translateY(25%);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.pps-character-modal__content .pps-divider {
  transform: translateY(100%);
  transition-delay: 0.2s;
}
.pps-character-modal__content p:last-child {
  transition-delay: 0.3s;
}

@media only screen and (min-width: 43.063em) {
  .pps-modal .pps-character-modal {
    display: flex;
  }

  .pps-character-modal {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: end;
  }

  .pps-character-modal__image {
    align-self: end;
    margin-top: -100px;
    max-width: 669px;
    flex: 0 0 60%;
    padding: 0;
  }

  .pps-character-modal__content {
    max-width: 476px;
    margin: 0 -80px 0 0;
    position: relative;
    z-index: 1;
  }

  .pps-character-modal__rays {
    left: auto;
    max-height: none;
    right: 0;
    transform: none;
    width: 60%;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-character-modal__image {
    margin-top: -100px;
  }

  .pps-character-modal__rays {
    width: 60%;
  }
}
.pps-plaque {
  border-image: url("../../../img/explore/princess-peach-showtime/plaque/pps-red-border-image.3e22aead700b.png?1769717558") 29 25 25 24/29px 25px 25px 24px;
  border-style: solid;
  border-width: 20px 20px;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
  text-align: center;
  will-change: transform;
  transform: translateZ(0);
}

.pps-plaque__content {
  background-color: #c80a0a;
}

.pps-plaque--cyan {
  border-image: url("../../../img/explore/princess-peach-showtime/plaque/pps-cyan-border.b1fb0eb51b3f.png?1769717558") 19 24 24 20/19px 24px 24px 20px;
  border-width: 16px 20px;
}
.pps-plaque--cyan .pps-plaque__content {
  background-color: #00d2c8;
}

.pps-plaque--hover-bg-swap {
  --border-size-x: 20px;
  --border-size-y: 16px;
  position: relative;
}
.pps-plaque--hover-bg-swap::before {
  border-image: url("../../../img/explore/princess-peach-showtime/plaque/pps-pink-border.5a82e9d6825e.png?1769717558") 19 24 24 20/19px 24px 24px 20px;
  border-width: var(--border-size-x) var(--border-size-y);
  content: "";
  height: calc((var(--border-size-y) * 2) + 100%);
  left: calc(var(--border-size-x) * -1);
  opacity: 0;
  position: absolute;
  top: calc(var(--border-size-y) * -1);
  transition: opacity 0.8s;
  width: calc((var(--border-size-x) * 2) + 100%);
  z-index: 1;
}
.pps-plaque--hover-bg-swap::after {
  background-clip: content-box;
  background-color: #00d2c8;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.8s;
  width: 100%;
  z-index: 2;
}
.pps-plaque--hover-bg-swap .pps-plaque__content {
  background-clip: content-box;
  background-color: #00d2c8;
  position: relative;
  transition: background-color 0.8s;
  z-index: 3;
}

@media (hover: hover) {
  .pps-plaque--hover-bg-swap:hover::before {
    opacity: 1;
  }
  .pps-plaque--hover-bg-swap:hover::after {
    background-color: #ff558a;
  }
  .pps-plaque--hover-bg-swap:hover .pps-plaque__content {
    background-clip: content-box;
    background-color: #ff558a;
  }
}
.pps-sparkle {
  --sparkle-size: 24px;
  color: #fcf0e3;
  filter: drop-shadow(0px 0px 15px #b7eff8);
  position: absolute;
}
.pps-sparkle .pps-icon {
  --size: var(--sparkle-size);
  display: block;
  animation: sparkle 2s linear infinite;
}
@keyframes sparkle {
  50% {
    transform: scale(0.2);
    opacity: 0.6;
  }
  75%,
      100% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
.pps-star-surprise {
  background: radial-gradient(circle at 50%, rgba(255, 241, 149, 0) 67.5%, #fff195 100%);
  position: fixed;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
  z-index: 10;
}
.pps-star-surprise-running .pps-star-surprise {
  opacity: 1;
}
.pps-star-surprise canvas {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pps-star {
  --size: 80px;
  position: relative;
  width: var(--size);
}
.pps-star .pps-sparkle {
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0, 0.68, 0.16, 0.99);
}
.pps-star .barfystars-particle::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 69 69"><path fill="%23F7E8D4" d="M34.5 44c-.682-8.267-1.233-8.818-9.5-9.5 8.267-.682 8.818-1.233 9.5-9.5.682 8.267 1.233 8.818 9.5 9.5-8.267.682-8.818 1.233-9.5 9.5Z"/></svg>') center center/contain no-repeat;
  aspect-ratio: 1 / 1;
  display: block;
  filter: drop-shadow(0px 0px 15px #b7eff8);
  width: 32px;
}
.pps-star .pps-sparkle--0 {
  --sparkle-size: 13px;
  left: -24px;
  top: 73px;
  transform: rotate(117deg);
}
.pps-star .pps-sparkle--0 .pps-icon {
  animation-delay: -1s;
}
.pps-star .pps-sparkle--1 {
  --sparkle-size: 10px;
  left: -10px;
  top: 87px;
  transform: rotate(316deg);
}
.pps-star .pps-sparkle--1 .pps-icon {
  animation-delay: -2s;
}
.pps-star .pps-sparkle--2 {
  --sparkle-size: 29px;
  left: -1px;
  top: 105%;
  transform: rotate(230deg);
}
.pps-star .pps-sparkle--2 .pps-icon {
  animation-delay: -2s;
}
.pps-star .pps-sparkle--3 {
  --sparkle-size: 13px;
  left: 35px;
  top: 102%;
  transform: rotate(162deg);
}
.pps-star .pps-sparkle--3 .pps-icon {
  animation-delay: -1s;
}
.pps-star .pps-sparkle--4 {
  --sparkle-size: 24px;
  left: 97%;
  top: -5px;
  transform: rotate(96deg);
}
.pps-star .pps-sparkle--4 .pps-icon {
  animation-delay: -1s;
}
.pps-star .pps-sparkle--5 {
  --sparkle-size: 11px;
  left: 110%;
  top: 26px;
  transform: rotate(205deg);
}
.pps-star .pps-sparkle--5 .pps-icon {
  animation-delay: -1s;
}
.pps-star .pps-sparkle--5 {
  --sparkle-size: 11px;
  left: 110%;
  top: 26px;
  transform: rotate(103deg);
}
.pps-star .pps-sparkle--5 .pps-icon {
  animation-delay: -1s;
}
.pps-star .pps-sparkle--0 {
  transform: translate(100%, -100%) rotate(330deg);
}
.pps-star .pps-sparkle--1 {
  transform: translate(100%, -100%) rotate(47deg);
}
.pps-star .pps-sparkle--2 {
  transform: translate(100%, -100%) rotate(94deg);
}
.pps-star .pps-sparkle--3 {
  transform: translate(-100%, -100%) rotate(207deg);
}
.pps-star .pps-sparkle--4 {
  transform: translate(-100%, 100%) rotate(89deg);
}
.pps-star .pps-sparkle--5 {
  transform: translate(-100%, -100%) rotate(72deg);
}
.pps-star .pps-sparkle--5 {
  transform: translate(-100%, -100%) rotate(38deg);
}
.pps-star-surprise-running .pps-star .pps-sparkle {
  opacity: 1;
  transform: translate(0, 0);
}
.pps-star-surprise-running .pps-star .pps-star__icon {
  animation: star-rotation 4s linear infinite;
}
@keyframes star-rotation {
  100% {
    transform: rotate(360deg);
  }
}
.pps-star__button {
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  display: block;
  padding: 0;
  width: 100%;
}

.pps-star__icon {
  --shadow-color: #ffea59;
  aspect-ratio: 1 / 1;
  animation: star-dance 4s linear infinite;
  display: block;
  filter: drop-shadow(0px 0px 20px var(--shadow-color));
  width: 100%;
}
@keyframes star-dance {
  0% {
    transform: rotate(0deg) scale(0.9);
  }
  25% {
    transform: rotate(180deg) scale(1.1);
  }
  50%,
    100% {
    transform: rotate(360deg);
    animation-timing-function: ease-in;
  }
}
.pps-star__icon::before {
  background-color: #fff;
  background-image: radial-gradient(rgba(255, 255, 255, 0), #fff195 77%, rgba(255, 255, 255, 0));
  clip-path: url("#pps-star-clip-path");
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

@media (hover: hover) {
  .pps-star:hover .pps-sparkle {
    opacity: 1;
    transform: translate(0, 0);
  }

  .pps-star__button .pps-star__icon {
    transition: filter 0.2s ease;
  }
  .pps-star__button .pps-star__icon::before {
    transition: background-color 0.2s ease;
  }
  .pps-star__button:hover .pps-star__icon {
    --shadow-color: #edbe5a;
  }
  .pps-star__button:hover .pps-star__icon::before {
    background-color: #edbe5a;
  }
}
.pps-section-cast {
  padding-block: 90px;
  background-position: center center, left top;
  background-repeat: no-repeat, repeat;
  background-image: radial-gradient(circle at 50% 50%, rgba(183, 238, 255, 0) 67.5%, rgba(183, 238, 255, 0.43) 100%), image-set(url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-blue.0d505f912fc6.png?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/patterns/pps-tile-1-blue-2x.3704cb89f7e1.png?1769717558") 2x);
}

.pps-cast {
  appearance: none;
  align-items: end;
  background: none;
  border: none;
  cursor: pointer;
  display: grid;
  margin-inline: auto;
  max-width: 350px;
}
.pps-cast .pps-sparkle--0 {
  --sparkle-size: 23px;
  left: 80px;
  top: 120px;
  transform: rotate(46deg);
}
.pps-cast .pps-sparkle--0 .pps-icon {
  animation-delay: -2s;
}
.pps-cast .pps-sparkle--1 {
  --sparkle-size: 8px;
  left: 70px;
  top: 150px;
  transform: rotate(213deg);
}
.pps-cast .pps-sparkle--1 .pps-icon {
  animation-delay: -2s;
}
.pps-cast .pps-sparkle--2 {
  --sparkle-size: 8px;
  left: 60px;
  top: calc(100% - 100px);
  transform: rotate(303deg);
}
.pps-cast .pps-sparkle--2 .pps-icon {
  animation-delay: -1s;
}
.pps-cast .pps-sparkle--3 {
  --sparkle-size: 6px;
  left: 50px;
  top: calc(100% - 90px);
  transform: rotate(120deg);
}
.pps-cast .pps-sparkle--3 .pps-icon {
  animation-delay: -2s;
}
.pps-cast .pps-sparkle--4 {
  --sparkle-size: 23px;
  left: calc(100% - 90px);
  top: 160px;
  transform: rotate(187deg);
}
.pps-cast .pps-sparkle--4 .pps-icon {
  animation-delay: -1s;
}
.pps-cast .pps-sparkle--5 {
  --sparkle-size: 8px;
  left: calc(100% - 70px);
  top: calc(100% - 90px);
  transform: rotate(61deg);
}
.pps-cast .pps-sparkle--5 .pps-icon {
  animation-delay: -1s;
}

.pps-card__background {
  background: image-set(url("../../../img/explore/princess-peach-showtime/cast-crew/pps-cast-curtain.0c16efabfee3.jpg?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/cast-crew/pps-cast-curtain-2x.4959ee3ad745.jpg?1769717558") 2x) no-repeat center top/cover;
  aspect-ratio: 1 / 1;
  padding: 0;
  grid-column: 1;
  grid-row: 1;
}

.pps-cast__picture {
  border-radius: 0 0 12em 12em;
  display: block;
  overflow: hidden;
  grid-column: 1;
  grid-row: 1;
  padding-top: 5%;
  position: relative;
}
.pps-cast__picture img {
  transform-origin: center bottom;
  transition: transform 0.2s ease;
  margin-left: -18px;
  max-width: none;
  width: calc(100% + 36px);
  transform: translateY(5%);
}
.pps-cast__picture:hover img {
  transform: translateY(0);
  transform: scale(1.05);
}

@media (hover: hover) {
  .pps-cast .pps-sparkle {
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0, 0.68, 0.16, 0.99);
  }
  .pps-cast .pps-sparkle--0,
  .pps-cast .pps-sparkle--1 {
    transform: translate(100%, 100%) scale(0);
  }
  .pps-cast .pps-sparkle--2,
  .pps-cast .pps-sparkle--3 {
    transform: translate(100%, -100%) scale(0);
  }
  .pps-cast .pps-sparkle--4 {
    transform: translate(-100%, 100%) scale(0);
  }
  .pps-cast .pps-sparkle--5 {
    transform: translate(-100%, -100%) scale(0);
  }
  .pps-cast:hover .pps-sparkle {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-section-cast {
    padding-block: 100px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-section-cast {
    padding-block: 120px;
  }
}
.pps-section-grid {
  border-top: solid 10px #edbe5a;
}
.pps-section-grid .pps-title-2 {
  color: var(--colour-black);
  padding: 120px 0 60px;
}

.pps-marque-levels {
  margin-top: 7vw;
  position: relative;
  transform: rotate(-6.29deg);
  z-index: 5;
}
.pps-marque-levels .pps-container {
  padding: 0;
}
.pps-marque-levels .pps-marquee__slide {
  gap: 20px;
}
.pps-marque-levels .pps-marquee__item {
  width: 429px;
}

@media only screen and (min-width: 77.063em) {
  .pps-marque-levels {
    margin-top: 4vw;
  }
}
.pps-section-header {
  padding: 26px 0;
  position: relative;
}
.pps-section-header .pps-row {
  position: relative;
}
.pps-section-header.animate-in .pps-logo,
.pps-section-header.animate-in .pps-logo-group,
.pps-section-header.animate-in .pps-header-trailer {
  transform: scale(1);
  opacity: 1;
}

.pps-section-header__video {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.pps-logo-group,
.pps-logo,
.pps-header-trailer {
  opacity: 0;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0, 0.68, 0.16, 0.99), opacity 0.4s ease;
}

.pps-logo-group {
  transition-delay: 0.3s;
}

.pps-logo {
  display: block;
}

.pps-logo--small {
  margin: 0 auto -20px;
  max-width: 80%;
  position: relative;
}

.pps-logo--large {
  display: none;
}

.pps-header-trailer {
  appearance: none;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: -90px auto 0;
  transition-delay: 0.1s;
}
.pps-header-trailer .pps-container {
  box-shadow: 0px 0px 30px #fcf0e3;
  display: grid;
  overflow: hidden;
  place-items: center;
  padding: 0;
}
.pps-header-trailer .pps-container img {
  display: block;
}
.pps-header-trailer .pps-container > * {
  grid-row: 1;
  grid-column: 1;
}
.pps-header-trailer .pps-header-trailer__cta {
  background-color: #00d2c8;
  border-radius: 100vw;
  border: 6px solid #edbe5a;
  color: #fcf0e3;
  display: inline-block;
  margin-top: -2.2em;
  padding: 0.5em 1.4em;
  text-decoration: none;
}
.pps-header-trailer .pps-header-trailer__cta-content {
  --icon-size: 16px;
  display: grid;
  gap: 10px;
  grid-template-columns: var(--icon-size) 1fr var(--icon-size);
  align-items: center;
}
.pps-header-trailer .pps-header-trailer__cta-content .pps-icon {
  --size: var(--icon-size);
  color: #edbe5a;
}
.pps-header-trailer .pps-cta {
  color: #fcf0e3;
  margin: 0;
  padding: 0 0 0.3em;
}

.pps-header-trailer__icon {
  aspect-ratio: 1 / 1;
  display: grid;
  width: 40px;
}

.pps-header-trailer__icon-clip {
  --svg-offset-x: 0.12em;
  background-color: #ffe6a7;
  background-image: radial-gradient(rgba(212, 165, 50, 0) 10%, #d4a532 60%);
  clip-path: url("#pps-star-clip-path");
  display: grid;
  place-items: center;
  transition: background 0.2s ease, transform 0.2s ease;
}
.pps-header-trailer__icon-clip .pps-icon {
  --size: 40%;
  color: #fcf0e3;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  left: var(--svg-offset-x);
  position: relative;
}

.pps-trailer-modal {
  overflow: hidden;
}
.pps-trailer-modal video {
  display: block;
  width: 100%;
}

@media (hover: hover) {
  .pps-header-trailer .pps-header-trailer__icon {
    transition: transform 0.2s ease;
    will-change: transform;
  }
  .pps-header-trailer .pps-header-trailer__icon .pps-icon {
    transition: color 0.2s ease;
  }
  .pps-header-trailer .pps-header-trailer__cta {
    transition: transform 0.2s ease, background-color 0.2s ease;
  }
  .pps-header-trailer .pps-header-trailer__icon-clip,
  .pps-header-trailer .pps-header-trailer__cta .pps-icon {
    animation: 2.5s linear 0s infinite reverse none paused pps-pulse;
  }
  .pps-header-trailer .pps-header-trailer__icon-clip {
    transition: background-color 0.2s ease;
  }
  .pps-header-trailer:hover .pps-header-trailer__cta {
    background-color: #ff558a;
    transform: translateY(-10%);
  }
  .pps-header-trailer:hover .pps-header-trailer__icon {
    transform: scale(1.1);
  }
  .pps-header-trailer:hover .pps-header-trailer__icon-clip {
    background-color: #fcf0e3;
  }
  .pps-header-trailer:hover .pps-header-trailer__icon-clip .pps-icon {
    color: #00d2c8;
  }
  .pps-header-trailer:hover .pps-header-trailer__icon-clip,
  .pps-header-trailer:hover .pps-header-trailer__cta .pps-icon {
    animation-play-state: running;
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-section-header .pps-row {
    align-items: center;
    flex-wrap: nowrap;
  }

  .pps-header-trailer__icon {
    width: 80px;
  }

  .pps-header-trailer__icon-clip {
    --svg-offset-x: 0.16em;
  }

  .pps-logo--small {
    display: none;
  }

  .pps-logo--large {
    display: block;
    margin: 0 auto 30px;
  }

  .pps-header-trailer {
    margin-top: 0;
  }

  .pps-logo-group {
    margin: 0 -16.66667% -50px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-section-header {
    padding-bottom: 0;
  }

  .pps-logo-group {
    margin-right: -8.33333%;
  }
}
.pps-section-levels-marquee {
  padding-block: 10px 30px;
  position: relative;
}
.pps-section-levels-marquee::before {
  content: "";
  display: block;
  aspect-ratio: 770 / 45;
  background: url("../../../img/explore/princess-peach-showtime/levels-marquee/pps-curved-background.1eb3614c9ace.svg?1769717558") center top/auto 100% no-repeat;
  position: absolute;
  bottom: calc(100% - 2px);
  left: -2px;
  width: calc(100% + 4px);
}
.pps-section-levels-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, #ff558a, rgba(255, 85, 138, 0));
}
.pps-section-levels-marquee .pps-star {
  --size: 100px;
  margin: -65px auto 0;
  position: relative;
  z-index: 1;
}
.pps-section-levels-marquee .pps-marquee {
  padding-right: 20px;
}

.pps-jumping-theets {
  display: block;
  z-index: 8;
}
.pps-jumping-theets img {
  animation: theets-dance 1.5s ease-in-out infinite alternate;
  display: block;
}
@keyframes theets-dance {
  0%,
      to {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(-5deg);
  }
  32% {
    transform: rotate(5deg);
  }
  50%,
      100% {
    transform: rotate(0deg);
  }
}
.pps-jumping-theets__button {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.pps-jumping-theets__button.is-hidden {
  opacity: 0;
  transform: scale(1.1);
  pointer-events: none !important;
}
.pps-jumping-theets__button .pps-jumping-theets__picture {
  display: block;
  transform: translateX(-6%);
}

.pps-star-surprise .pps-jumping-theets__picture {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  width: 100%;
}
.pps-star-surprise .pps-jumping-theets__picture img {
  animation: theets-dance-loop 1s ease-in-out infinite alternate;
  display: block;
  width: 100%;
  margin-left: -6%;
}
@keyframes theets-dance-loop {
  0%,
        to {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(-5deg);
  }
  66% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.pps-star-surprise .pps-jumping-theets__picture.is-active {
  opacity: 1;
}

@media (hover: hover) {
  .pps-jumping-theets__button:hover {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 43em) {
  .pps-jumping-theets {
    padding: 0;
  }
  .pps-jumping-theets img {
    width: 100%;
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-jumping-theets {
    position: relative;
    margin-top: -180px;
    text-align: right;
  }

  .pps-star-surprise .pps-jumping-theets__picture {
    width: auto;
  }
  .pps-star-surprise .pps-jumping-theets__picture img {
    max-width: 100%;
    margin: -0;
    width: auto;
  }
  .pps-star-surprise .pps-jumping-theets__picture.is-active {
    transform: translate(-50%, -50%) scale(1.2);
  }
}
@property --radial-percentage {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
.pps-section-quiz {
  padding-bottom: 35px;
  border-top: solid 10px #edbe5a;
  position: relative;
}
.pps-section-quiz::before {
  --radial-percentage: 0%;
  content: "";
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: radial-gradient(circle at 50%, rgba(163, 5, 25, 0) var(--radial-percentage), #a30519 var(--radial-percentage));
  transition: --radial-percentage 0.8s;
  will-change: background-image;
}
.pps-section-quiz .pps-column {
  padding: 0;
}
.pps-section-quiz .pps-star {
  margin: -45px auto 35px;
}
.pps-section-quiz.is-in-view::before {
  --radial-percentage: 80%;
}

.pps-quiz-container {
  border-image: url("../../../img/explore/princess-peach-showtime/quiz/pps-border-image.e6456770054d.png?1769717558") 47 48 48 47/47px 48px 48px 47px;
  padding: 35px;
}

.pps-quiz-container__bg {
  background-color: #fcf0e3;
  padding: 0;
}

.pps-quiz-container__cta {
  background-color: #c80a0a;
  border-radius: 100px;
  border: 6px solid #edbe5a;
  color: #fcf0e3;
  display: inline-block;
  margin-top: 22px;
  padding: 0.5em 1.4em 0.7em;
  text-decoration: none;
}

.pps-section-quiz__image-large {
  display: none;
}

.pps-section-quiz__image-small {
  display: block;
  margin-bottom: -45px;
  width: 100%;
}

@media (hover: hover) {
  .pps-quiz-container__cta {
    transition: transform 0.2s ease, background-color 0.2s ease;
  }
  .pps-quiz-container__cta:hover {
    background-color: #00d2c8;
    transform: scale(1.1);
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-section-quiz {
    padding-bottom: 70px;
  }
  .pps-section-quiz .pps-star {
    margin-bottom: 70px;
  }

  .pps-section-quiz__image-large {
    display: block;
  }

  .pps-section-quiz__image-small {
    display: none;
  }

  .pps-row {
    align-items: center;
  }

  .pps-quiz-container__image-col {
    margin-left: calc(-8.33333% - 35px);
    margin-block: -50px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-section-quiz {
    padding-bottom: 100px;
  }
  .pps-section-quiz .pps-star {
    margin-bottom: 100px;
  }

  .pps-quiz-container__image-col {
    margin: -7%;
  }
}
.pps-section-roles-marquee {
  border-top: solid 10px #edbe5a;
  position: relative;
}

.pps-role-marquee__item {
  --blade-width: 96px;
  --blade-height: 250px;
  appearance: none;
  border: none;
  cursor: pointer;
  display: grid;
  overflow: hidden;
  padding: 0;
  place-content: center;
  width: var(--blade-width);
  flex-shrink: 0;
}
.pps-role-marquee__item img {
  display: block;
  height: var(--blade-height);
  max-width: none;
  width: auto;
}

@media (hover: hover) {
  .pps-role-marquee__item {
    transition: width 0.5s ease-in-out;
  }
  .pps-role-marquee__item:hover {
    --blade-width: 150px;
  }
}
@media only screen and (hover: hover) and (min-width: 43.063em) {
  .pps-role-marquee__item:hover {
    --blade-width: 250px;
  }
}
@media only screen and (hover: hover) and (min-width: 77.063em) {
  .pps-role-marquee__item:hover {
    --blade-width: 400px;
  }
}
@media only screen and (min-width: 43.063em) {
  .pps-role-marquee__item {
    --blade-width: 140px;
    --blade-height: 410px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-role-marquee__item {
    --blade-width: 240px;
    --blade-height: 650px;
  }
}
.pps-section-roles {
  border-top: solid 10px #edbe5a;
  position: relative;
  z-index: 1;
  width: 100%;
}

.pps-roles-slider,
.pps-roles-slider__slides,
.pps-roles-slider__slide,
.pps-roles-slider__background {
  min-width: 100%;
}

.pps-roles-slider__slides {
  display: flex;
  transition: transform 1s ease;
}

.pps-roles-slider__slide {
  position: relative;
}

.pps-roles-slider__background {
  display: block;
  margin: 0;
}
.pps-roles-slider__background video {
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  max-height: 800px;
}

.pps-roles-slider__character {
  display: none;
}

.pps-roles-slider__nav {
  --x-offset: 0.15em;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(min-content, 64px) 1fr minmax(min-content, 64px);
}
.pps-roles-slider__nav .pps-icon {
  position: relative;
}
.pps-roles-slider__nav .pps-arrow-button:first-child .pps-icon {
  transform: scaleX(-1);
}
.pps-roles-slider__nav .pps-arrow-button[tabindex="-1"] {
  opacity: 0;
  pointer-events: none;
}

.pps-roles-slider__nav--prev .pps-icon {
  left: calc(var(--x-offset) * -1);
}

.pps-roles-slider__nav--next .pps-icon {
  left: var(--x-offset);
}

.pps-roles-slider__nav-plaques {
  display: grid;
}
.pps-roles-slider__nav-plaques > * {
  grid-area: 1 / 1;
}

.pps-roles-slider__plaque {
  appearance: none;
  background: none;
  border: none;
  color: #fcf0e3;
  cursor: pointer;
  padding: 0;
  position: relative;
  z-index: 1;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0.68, 0.16, 0.99);
  transform: scale(1);
}
.pps-roles-slider__plaque .pps-title-3 {
  display: block;
  margin-bottom: 4px;
  white-space: pre;
}
.pps-roles-slider__plaque .pps-title-3 + span {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.pps-roles-slider__plaque .pps-icon {
  --size: 20px;
  color: #edbe5a;
}
.pps-roles-slider__plaque[tabindex="-1"] {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transform: scale(0);
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

.pps-roles-modal .pps-character-modal__image {
  margin-top: -80px;
}

@media only screen and (min-width: 43.063em) {
  .pps-roles-slider__nav {
    gap: 16px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-roles-slider__slide:nth-child(even) .pps-roles-slider__character {
    left: auto;
    right: -170px;
    transform: translateX(25%);
  }
  .pps-roles-slider__slide:nth-child(even) .pps-roles-slider__character > div::before {
    transform: translate(50%, -10%);
  }

  .pps-roles-slider__character {
    display: block;
    position: absolute;
    bottom: 0;
    left: -170px;
    opacity: 0;
    transform: translateX(-25%);
    transition: opacity 0.8s 0.5s ease, transform 0.8s 0.5s ease;
  }
  .pps-roles-slider__character img {
    display: block;
    position: relative;
  }
  .pps-roles-slider__character > div {
    aspect-ratio: 1/1;
    filter: blur(10px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
  }
  .pps-roles-slider__character > div::before {
    transition: opacity 0.4s 0.3s ease, transform 0.8s 0.3s ease;
    background-color: #ffffff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    transform: translate(-50%, -10%) scale(0.6);
    width: 100%;
  }

  .pps-roles-modal .pps-character-modal__rays {
    width: 50%;
  }

  .pps-roles-slider__nav {
    gap: 30px;
  }

  .pps-roles-slider__slide.is-active .pps-roles-slider__character {
    opacity: 1;
    transform: translateX(0);
  }
  .pps-roles-slider__slide.is-active .pps-roles-slider__character > div::before {
    opacity: 0.5;
    transform: translate(0, 0) scale(1);
  }
}
@media (hover: hover) {
  .pps-roles-slider__plaque .pps-plaque {
    transition: transform 0.2s ease, filter 0.2s ease;
  }
  .pps-roles-slider__plaque .pps-icon {
    transition: transform 0.2s ease, color 0.2s ease;
  }
  .pps-roles-slider__plaque:hover .pps-plaque {
    transform: translateY(-8px);
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5));
  }
  .pps-roles-slider__plaque:hover .pps-icon {
    color: #00d2c8;
    transform: translateX(5px);
  }
}
.pps-section-save {
  background: image-set(url("../../../img/explore/princess-peach-showtime/modal/pps-modal-background.64d4144695c1.jpg?1769717558") 1x, url("../../../img/explore/princess-peach-showtime/modal/pps-modal-background-2x.a6471792abaf.jpg?1769717558") 2x) 50% 11%/cover no-repeat;
  border-top: solid 10px #edbe5a;
  padding-block: 70px 64px;
  text-align: center;
}
.pps-section-save .pps-sparkle--0 {
  --sparkle-size: 19px;
  left: 219px;
  top: -51px;
  transform: rotate(263deg);
}
.pps-section-save .pps-sparkle--0 .pps-icon {
  animation-delay: -2s;
}
.pps-section-save .pps-sparkle--1 {
  --sparkle-size: 15px;
  left: 116px;
  top: calc(100% + 40px);
  transform: rotate(154deg);
}
.pps-section-save .pps-sparkle--1 .pps-icon {
  animation-delay: -1s;
}
.pps-section-save .pps-sparkle--2 {
  --sparkle-size: 26px;
  left: 140px;
  top: calc(100% + 49px);
  transform: rotate(54deg);
}
.pps-section-save .pps-sparkle--2 .pps-icon {
  animation-delay: -1s;
}
.pps-section-save .pps-sparkle--3 {
  --sparkle-size: 19px;
  left: 1125px;
  top: -40px;
  transform: rotate(131deg);
}
.pps-section-save .pps-sparkle--3 .pps-icon {
  animation-delay: -1s;
}
.pps-section-save .pps-sparkle--4 {
  --sparkle-size: 38px;
  left: 1157px;
  top: -38px;
  transform: rotate(101deg);
}
.pps-section-save .pps-sparkle--4 .pps-icon {
  animation-delay: -2s;
}

.pps-section-save__title {
  color: #edbe5a;
  background: linear-gradient(180deg, #edbe5a 50%, #ffe09f 60%, #edbe5a 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media only screen and (min-width: 43.063em) {
  .pps-section-save {
    padding-block: 130px 120px;
  }
}
.pps-section-stage {
  border-top: solid 10px #edbe5a;
  position: relative;
}
.pps-section-stage .pps-star {
  margin: 30px auto -70px;
}
.pps-section-stage .pps-container {
  position: relative;
}

.pps-stage-decoration .pps-sparkle--0 {
  --sparkle-size: 38px;
  left: 20px;
  top: calc(100% - 72px);
  transform: rotate(178deg);
}
.pps-stage-decoration .pps-sparkle--0 .pps-icon {
  animation-delay: -2s;
}
.pps-stage-decoration .pps-sparkle--1 {
  --sparkle-size: 13px;
  left: 60px;
  top: calc(100% - 33px);
  transform: rotate(175deg);
}
.pps-stage-decoration .pps-sparkle--1 .pps-icon {
  animation-delay: -1s;
}
.pps-stage-decoration .pps-sparkle--2 {
  --sparkle-size: 13px;
  left: calc(100% - 69px);
  top: -73px;
  transform: rotate(339deg);
}
.pps-stage-decoration .pps-sparkle--2 .pps-icon {
  animation-delay: -2s;
}
.pps-stage-decoration .pps-sparkle--3 {
  --sparkle-size: 38px;
  left: calc(100% - 38px);
  top: -68px;
  transform: rotate(270deg);
}
.pps-stage-decoration .pps-sparkle--3 .pps-icon {
  animation-delay: -1s;
}
.pps-stage-decoration .pps-sparkle--4 {
  --sparkle-size: 38px;
  left: calc(100% - -5px);
  top: calc(100% + 25px);
  transform: rotate(31deg);
}
.pps-stage-decoration .pps-sparkle--4 .pps-icon {
  animation-delay: -1s;
}

.pps-section-stage__grid {
  padding: 50px 24px;
}

.pps-section-stage__peach {
  --parent-width: 372;
  --parent-height: 380;
  margin-inline: auto;
  margin-bottom: -60px;
}
.pps-section-stage__peach .pps-image-group__item {
  --left: 0;
  --top: 0;
  --width: 360;
}

@media only screen and (min-width: 43.063em) {
  .pps-section-stage__grid {
    max-width: 83.33333%;
    margin-inline: auto;
  }

  .pps-section-stage__peach {
    max-width: 65%;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 77.063em) {
  .pps-section-stage__grid {
    display: grid;
    grid-template-columns: 7fr 1fr 5fr 1fr;
    max-width: 1400px;
    align-items: center;
  }
  .pps-section-stage__grid .pps-column-6 {
    grid-column: 2 / span 2;
    grid-row: 1;
    position: relative;
    margin-top: 60px;
  }

  .pps-section-stage__character-col {
    grid-column: 1 / span 2;
    grid-row: 1;
    margin: 0 0 -170px;
  }

  .pps-section-stage__peach {
    max-width: 100%;
    margin: 0;
  }
}

/*# sourceMappingURL=main.css.map */