/** Shopify CDN: Minification failed

Line 683:90 Unexpected "{"

**/
.pdp-magic-behind-playwall {
  --pdp-magic-arrow-visibility-delay: 0.9s;
  --pdp-magic-arrow-draw-main-duration: 0.54s;
  --pdp-magic-arrow-draw-tail-duration: 0.24s;
  background: #fff8f2;
  clip-path: inset(0);
  overflow: hidden;
  position: relative;
}

.pdp-magic-behind-playwall__inner {
  box-sizing: border-box;
  display: grid;
  gap: 90px;
  padding-block: var(--pdp-magic-padding-top) var(--pdp-magic-padding-bottom);
  padding-inline: var(--page-margin);
}

.pdp-magic-behind-playwall__title {
  max-width: 380px;
  letter-spacing: -0.02em;
}

.pdp-magic-behind-playwall__description {
  max-width: 480px;
  margin-top: 12px;
}

.pdp-magic-behind-playwall__media {
  margin-top: 32px;
  overflow: hidden;
  padding-top: 74.07%;
  position: relative;
}

.pdp-magic-behind-playwall__media img,
.pdp-magic-behind-playwall__media video {
  position: absolute;
  inset: 0;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 12px;
}

.pdp-magic-behind-playwall__center {
  align-items: center;
  display: flex;
  justify-content: center;
}

.pdp-magic-behind-playwall__center-stage {
  position: relative;
  width: min(100%, clamp(260px, 20.75vw, 992px));
}

.pdp-magic-behind-playwall__center-stage::before {
  content: '';
  display: block;
  padding-top: 167.34%;
}

.pdp-magic-behind-playwall__center-image {
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: translateX(0);
  transition:
    opacity 0.32s ease,
    transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
  will-change: opacity, transform;
}

.pdp-magic-behind-playwall__center-image img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.pdp-magic-behind-playwall__center-image--one {
  opacity: 1;
  transition-delay: 0s;
  z-index: 1;
}

.pdp-magic-behind-playwall__center-image--two {
  transition-delay: 0.06s;
  z-index: 2;
}

.pdp-magic-behind-playwall__center-image--three {
  transition-delay: 0.12s;
  z-index: 3;
}

.pdp-magic-behind-playwall__center-image--four {
  transition-delay: 0.18s;
  z-index: 4;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__center-image {
  opacity: 1;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__center-image--one {
  transform: translate(-22%, 7%);
  z-index: 4;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__center-image--two {
  transform: translate(-6%, 3%);
  z-index: 3;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__center-image--three {
  transform: translate(10%, -1%);
  z-index: 2;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__center-image--four {
  transform: translate(26%, -5%);
  z-index: 1;
}

.pdp-magic-behind-playwall__list {
  display: grid;
  gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.Mobile_only_new {
  display: none;
}

.pdp-magic-behind-playwall__list-item {
  align-items: center;
  color: var(--color-dark-1);
  display: block;
  font-family: var(--font-heading--family);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 104%;
  text-transform: uppercase;
}

span.pdp-magic-behind-playwall__list-text {
  max-width: 230px;
  width: 100%;
  display: block;
  font-family: var(--font-body--family);
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-dark-1);
}

.pdp-magic-behind-playwall__list-item--has-arrow {
  display: grid;
  gap: 10px;
  grid-template-columns: 56px minmax(0, 1fr);
}

.pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 0.68s;
  color: var(--color-dark-1);
  display: inline-flex;
  justify-content: flex-end;
  min-width: 0;
  overflow: visible;
  opacity: 0;
  transform: translateX(-18%) scale(0.96);
  transition:
    opacity 0.28s ease,
    transform 0.34s cubic-bezier(0.34, 1.56, 0.64, 1),
    visibility 0s linear var(--pdp-magic-arrow-visibility-delay);
  visibility: hidden;
  will-change: opacity, transform;
}

.pdp-magic-behind-playwall__list-item:nth-child(1) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 0.68s;
  transition-delay: 0.68s, 0.68s, 0s;
}

.pdp-magic-behind-playwall__list-item:nth-child(2) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 0.76s;
  transition-delay: 0.76s, 0.76s, 0s;
}

.pdp-magic-behind-playwall__list-item:nth-child(3) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 0.84s;
  transition-delay: 0.84s, 0.84s, 0s;
}

.pdp-magic-behind-playwall__list-item:nth-child(4) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 0.92s;
  transition-delay: 0.92s, 0.92s, 0s;
}

.pdp-magic-behind-playwall__list-item:nth-child(5) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 1s;
  transition-delay: 1s, 1s, 0s;
}

.pdp-magic-behind-playwall__list-item:nth-child(6) .pdp-magic-behind-playwall__arrow {
  --pdp-magic-arrow-delay: 1.08s;
  transition-delay: 1.08s, 1.08s, 0s;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow {
  opacity: 1;
  transform: translateX(0) scale(1);
  transition-property: opacity, transform, visibility;
  visibility: visible;
}

.pdp-magic-behind-playwall__arrow img,
.pdp-magic-behind-playwall__arrow svg {
  display: block;
  height: auto;
  max-width: 56px;
  width: 100%;
}

.pdp-magic-behind-playwall__arrow svg path,
.pdp-magic-behind-playwall__arrow svg polygon,
.pdp-magic-behind-playwall__arrow svg polyline,
.pdp-magic-behind-playwall__arrow svg line,
.pdp-magic-behind-playwall__arrow svg circle,
.pdp-magic-behind-playwall__arrow svg ellipse {
  animation: none;
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg path,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg polygon,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg polyline,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg line,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg circle,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg ellipse {
  animation: pdp-magic-arrow-draw var(--pdp-magic-arrow-draw-main-duration) ease forwards;
  animation-delay: var(--pdp-magic-arrow-delay);
}

/* .pdp-magic-behind-playwall__icons {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 6;
} */

.pdp-magic-behind-playwall__icon-wrapper {
  position: absolute;
}

.pdp-magic-behind-playwall__icon-wrapper--1 {
    left: 29.7%;
    top: 40px;
}
.pdp-magic-behind-playwall__icon-wrapper--2 {
    right: 10.6%;
    top: 23px;
}

.pdp-magic-behind-playwall__icon-wrapper--1 img {
  --pdp-magic-icon-height: var(--pdp-magic-icon-1-height);
  /* left: var(--page-margin);
  top: 14%; */
}

.pdp-magic-behind-playwall__icon-wrapper--2 img {
  --pdp-magic-icon-height: var(--pdp-magic-icon-2-height);
  /* bottom: 12%;
  right: var(--page-margin); */
}

.pdp-magic-behind-playwall__icon-wrapper--1 img,
.pdp-magic-behind-playwall__icon-wrapper--2 img {
  height: var(--pdp-magic-icon-height);
}

.pdp-magic-behind-playwall__icon {
  display: block;
  height: 100%;
  width: auto;
}

.pdp-magic-behind-playwall__arrow svg .draw-path,
.pdp-magic-behind-playwall__arrow svg .draw-arrow,
.pdp-magic-behind-playwall__arrow svg .draw-arrow-tail {
  animation: none;
  stroke-dasharray: var(--pdp-magic-draw-length, 500);
  stroke-dashoffset: var(--pdp-magic-draw-offset, calc(var(--pdp-magic-draw-length, 500) * -1));
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .draw-path {
  animation: pdp-magic-arrow-draw var(--pdp-magic-arrow-draw-main-duration) ease forwards;
  animation-delay: var(--pdp-magic-arrow-delay);
}

.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .draw-arrow,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .draw-arrow-tail,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .tail-1,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .tail-1 *,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .tail-2,
.pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__arrow svg .tail-2 * {
  animation: pdp-magic-arrow-draw var(--pdp-magic-arrow-draw-tail-duration) ease forwards;
  animation-delay: calc(var(--pdp-magic-arrow-delay) + var(--pdp-magic-arrow-draw-main-duration));
}

.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:first-child .pdp-magic-behind-playwall__mobile-arrow,
.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(2) .pdp-magic-behind-playwall__mobile-arrow,
.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow {
  height: 81px;
}

.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(2) .pdp-magic-behind-playwall__mobile-arrow img,
.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow img {
  height: 60px;
}

.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(2) .pdp-magic-behind-playwall__mobile-arrow,
.pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow {
  align-items: end;
}

.pdp-magic-behind-playwall__mobile-features--top,.pdp-magic-behind-playwall__mobile-features--bottom {
  display: none;
}

@keyframes pdp-magic-arrow-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pdp-magic-behind-playwall__center-image,
  .pdp-magic-behind-playwall__arrow {
    opacity: 1;
    transform: none;
    transition: none;
    visibility: visible;
  }

  .pdp-magic-behind-playwall__arrow svg path,
  .pdp-magic-behind-playwall__arrow svg polygon,
  .pdp-magic-behind-playwall__arrow svg polyline,
  .pdp-magic-behind-playwall__arrow svg line,
  .pdp-magic-behind-playwall__arrow svg circle,
  .pdp-magic-behind-playwall__arrow svg ellipse {
    animation: none;
    stroke-dashoffset: 0;
  }
}

@media (min-width: 990px) {
  .pdp-magic-behind-playwall__inner {
    align-items: center;
    grid-template-columns: 32.58fr 35.75fr 18.1fr;
    min-height: auto;
  }

  .pdp-magic-behind-playwall__right {
    justify-self: end;
    max-width: 100%;
    width: 100%;
    position: relative;
  }

  .pdp-magic-behind-playwall__list-item--has-arrow {
    display: block;
    position: relative;
  }

  .pdp-magic-behind-playwall__arrow {
    justify-content: center;
    max-width: none;
    position: absolute;
    right: calc(100% + 8px);
    top: 50%;
    width: 120px;
    z-index: 5;
  }

  .pdp-magic-behind-playwall__list-item:nth-child(1) .pdp-magic-behind-playwall__arrow,.pdp-magic-behind-playwall__list-item:nth-child(4) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 14px);
    top: -30px;
    width: 114px;
    height: 39px;
  }

  .pdp-magic-behind-playwall__list-item:nth-child(2) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 8px);
    top: 6px;
    width: 112px;
    height: 36px;
  }

  .pdp-magic-behind-playwall__list-item:nth-child(3) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 6px);
    top: -10px;
    width: 108px;
    height: 29.51px;
  }

  /* .pdp-magic-behind-playwall__list-item:nth-child(4) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 4px);
    top: -36px;
    width: 161.14px;
    height: 55.68px;
  } */

  .pdp-magic-behind-playwall__list-item:nth-child(5) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 10px);
    top: -20px;
    width: 161.66px;
    height: 55.68px;
  }

  .pdp-magic-behind-playwall__list-item:nth-child(6) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 10px);
    top: unset;
    bottom: -20px;
    width: 90.66px;
    height: 20.51px;
  }

  .pdp-magic-behind-playwall__arrow img,
  .pdp-magic-behind-playwall__arrow svg {
    max-width: none;
    width: 100%;
    height: 100%;
  }
}

@media (min-width:1600px) {
    .pdp-magic-behind-playwall__list-item:nth-child(4) .pdp-magic-behind-playwall__arrow {
    right: calc(100% + 4px);
    top: -10px;
    width: 161.14px;
    height: 55.68px;
  }
}

@media (min-width: 990px) and (max-width: 1440px) {
  .pdp-magic-behind-playwall__list {
    margin-top: 70px;
  }
}

@media (min-width: 750px) {
  .pdp-magic-behind-playwall__inner {
    height: auto;
  }
}

@media (max-width: 989px) {
  .pdp-magic-behind-playwall {
    --pdp-magic-arrow-visibility-delay: 0.72s;
    --pdp-magic-arrow-draw-main-duration: 0.42s;
    --pdp-magic-arrow-draw-tail-duration: 0.18s;
  }

  .pdp-magic-behind-playwall__mobile-arrow {
    opacity: 1;
    transform: none;
    transition: none;
    visibility: visible;
  }

  .pdp-magic-behind-playwall__mobile-arrow svg path,
  .pdp-magic-behind-playwall__mobile-arrow svg polygon,
  .pdp-magic-behind-playwall__mobile-arrow svg polyline,
  .pdp-magic-behind-playwall__mobile-arrow svg line,
  .pdp-magic-behind-playwall__mobile-arrow svg circle,
  .pdp-magic-behind-playwall__mobile-arrow svg ellipse {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }

  .pdp-magic-behind-playwall__inner {
    grid-template-columns: 1fr;
  }

  .pdp-magic-behind-playwall__right {
    order: 3;
  }

  .pdp-magic-behind-playwall__center-stage {
    margin-inline: auto;
    max-width: min(260px, calc(100vw - 80px));
    width: 100%;
  }

  .pdp-magic-behind-playwall__center-image {
    left: 17.5%;
    right: auto;
    width: 65%;
  }

  .pdp-magic-behind-playwall__mobile-features--top,.pdp-magic-behind-playwall__mobile-features--bottom {
  display: grid;
}

  .Mobile_only_new {
    display: block;
  }

  .pdp-magic-behind-playwall__inner {
    gap: 32px;
    text-align: center;
  }

  .pdp-magic-behind-playwall__right {
    display: none;
  }

  .pdp-magic-behind-playwall__left .pdp-magic-behind-playwall__media {
    display: none;
  }

  .pdp-magic-behind-playwall__center {
    order: 2;
    margin-block: -18px -20px;
  }

  .pdp-magic-behind-playwall__mobile-features--top {
    order: 1;
    margin-bottom: -54px;
  }

  .pdp-magic-behind-playwall__mobile-features--top .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(1) .pdp-magic-behind-playwall__mobile-arrow {
    margin-left: 35px;
  }
    .pdp-magic-behind-playwall__mobile-features--top .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(2) .pdp-magic-behind-playwall__mobile-arrow {
    padding-left: 40px;
        margin-left: -3px;
    margin-top:-18px;
  }
    .pdp-magic-behind-playwall__mobile-features--top .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow {
    margin-right: 4px;
  }

      .pdp-magic-behind-playwall__mobile-features--bottom .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow {
    margin-left: 38px;
  }

  .pdp-magic-behind-playwall__mobile-features--bottom {
    order: 3;
    margin-top: -54px;
  }

  .pdp-magic-behind-playwall__mobile-media {
    display: block;
    margin-top: 0;
    order: 4;
  }

  .pdp-magic-behind-playwall__mobile-list {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .pdp-magic-behind-playwall__mobile-list-item {
    align-items: center;
    color: var(--color-dark-1);
    display: flex;
    flex-direction: column;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    letter-spacing: 0.02em;
    line-height: 104%;
    text-transform: uppercase;
    z-index: 4;
  }

  .pdp-magic-behind-playwall__mobile-features--top .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(2) {
    align-items: end;
  }


  .pdp-magic-behind-playwall__mobile-features--top .pdp-magic-behind-playwall__mobile-list .pdp-magic-behind-playwall__mobile-list-item:nth-child(3) .pdp-magic-behind-playwall__mobile-arrow {
    height: 72px;
  }

  .pdp-magic-behind-playwall__mobile-list-text {
    display: block;
    width: 100%;
  }

  .pdp-magic-behind-playwall__mobile-arrow {
    display: inline-flex;
    justify-content: center;
    max-width: none;
    width: min(72px, 20vw);
    height: 60px;
  }

  .pdp-magic-behind-playwall--animated .pdp-magic-behind-playwall__mobile-arrow {
    transform: translateX(0) scale(1);
  }

  .pdp-magic-behind-playwall__mobile-arrow img,
  .pdp-magic-behind-playwall__mobile-arrow svg {
    max-width: none;
    width: 100%;
  }

  .pdp-magic-behind-playwall__media {
    padding-top: 95.525%;
  }

  .pdp-magic-behind-playwall__description,
  .pdp-magic-behind-playwall__title {
    margin-inline: auto;
  }

  .pdp-magic-behind-playwall__center-stage::before {
    padding-top: 123.0769%;
  }

  .pdp-magic-behind-playwall__icon-wrapper--1,
  .pdp-magic-behind-playwall__icon-wrapper--2 {
    height: calc(var(--pdp-magic-icon-height) / 2);
  }
  .pdp-magic-behind-playwall__icons {
    display: none;
}
}

@media (max-width:499px) {
    .pdp-magic-behind-playwall__left {
        max-width: 297px;
        margin-inline: auto;
    }
}

@media (min-width: 1600px) {
  .pdp-magic-behind-playwall__list-item:nth-child(1) .pdp-magic-behind-playwall__arrow {
    width: clamp(132px, 8.5vw, 170px);
    height: clamp(49px, 3.2vw, 64px);
    /* height: auto; */
  }

  .pdp-magic-behind-playwall__list-item:nth-child(2) .pdp-magic-behind-playwall__arrow {
    width: clamp(152px, 9.5vw, 190px);
    height: clamp(35px, 3.25vw, 50px);
    /* height: auto; */
  }

  .pdp-magic-behind-playwall__list-item:nth-child(3) .pdp-magic-behind-playwall__arrow {
    width: clamp(150px, 9vw, 188px);
    height: clamp(41px, 2.45vw, 52px);
    /* height: auto; */
  }

    .pdp-magic-behind-playwall__list-item:nth-child(4) .pdp-magic-behind-playwall__arrow, {
    width: clamp(152px, 9.5vw, 190px);
    height: clamp(35px, 3.25vw, 50px);
    }

  .pdp-magic-behind-playwall__list-item:nth-child(5) .pdp-magic-behind-playwall__arrow {
    width: clamp(205px, 12vw, 250px);
    height: clamp(58px, 4.4vw, 76px);
    /* height: auto; */
  }

  .pdp-magic-behind-playwall__list-item:nth-child(6) .pdp-magic-behind-playwall__arrow {
    width: clamp(118px, 7vw, 150px);
    /* height: clamp(27px, 1.6vw, 34px); */
    height: auto;
  }
}