.play-product-highlights{position:relative;overflow:hidden}.play-product-highlights__intro{max-width:78rem;margin:0 auto 3.2rem;text-align:center}.play-product-highlights__heading{margin:0;color:rgb(var(--color-foreground));font-size:clamp(3.2rem,3.6vw,4.6rem);line-height:1.08;letter-spacing:-.04em}.play-product-highlights__subheading{margin-top:1.4rem;color:rgba(var(--color-foreground),.76);font-size:1.95rem;line-height:1.6}.play-product-highlights__subheading p{margin:0}.play-product-highlights__grid{display:grid;grid-template-columns:repeat(var(--play-product-highlights-columns, 3),minmax(0,1fr));gap:2.4rem}.play-product-highlights__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem;min-height:32rem;padding:18.2rem 2.6rem 2.8rem;overflow:hidden;isolation:isolate;border-radius:3.8rem;border:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 1.2rem #ffffff7a,0 2.6rem 5.4rem rgba(var(--color-shadow),.09)}.play-product-highlights__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.9),transparent 24%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.68),transparent 28%)}.play-product-highlights__card:after{content:"";position:absolute;left:2rem;right:2rem;top:1.4rem;height:.9rem;border-radius:999px;background:#ffffff52;z-index:0;pointer-events:none}.play-product-highlights__card--puzzle{background:linear-gradient(180deg,#f7fbf8,#f4efe5)}.play-product-highlights__card--blocks{background:linear-gradient(180deg,#fff8f2,#f8eee8)}.play-product-highlights__card--plane{background:linear-gradient(180deg,#f4fbff,#edf5f8)}.play-product-highlights__card--rainbow{background:linear-gradient(180deg,#fffbf2,#f7f1e5)}.play-product-highlights__scene-wrap{position:absolute;inset:1.6rem 1.6rem auto 1.6rem;height:15.2rem;z-index:0;pointer-events:none}.play-highlight-scene{width:100%;height:100%;display:block;overflow:visible}.play-product-highlights__card:nth-child(2){--play-reveal-final-y: 1.6rem}.play-product-highlights__card:nth-child(3){--play-reveal-final-y: .8rem}.play-product-highlights__card-title{margin:0;color:rgb(var(--color-foreground));font-size:2.8rem;line-height:1.08;letter-spacing:-.03em;font-weight:700;position:relative;z-index:1;max-width:12ch}.play-product-highlights__card-text{color:rgba(var(--color-foreground),.78);font-size:1.8rem;line-height:1.58;position:relative;z-index:1;max-width:22ch}.play-product-highlights__hint{margin:2rem 0 0;color:rgba(var(--color-foreground),.62);text-align:center}.play-product-highlights__card:hover{transform:translateY(-.4rem)}.play-highlight-scene__cloud,.play-highlight-scene__spark,.play-highlight-scene__piece,.play-highlight-scene__block,.play-highlight-scene__plane,.play-highlight-scene__rainbow{transform-box:fill-box;transform-origin:center}.play-highlight-scene__cloud{animation:play-highlight-cloud-float 4.6s ease-in-out infinite}.play-highlight-scene__cloud--two{animation-delay:-2.2s}.play-highlight-scene__spark{animation:play-highlight-spark-pop 1.9s ease-in-out infinite}.play-highlight-scene__spark--two,.play-highlight-scene__spark--four{animation-delay:-.9s}.play-highlight-scene__trail{animation:play-highlight-trail-drift 3.8s linear infinite}.play-highlight-scene__trail--soft{animation-duration:5.2s}.play-highlight-scene__plane{animation:play-highlight-plane-glide 3.2s cubic-bezier(.33,1,.68,1) infinite}.play-highlight-scene__piece--one{animation:play-highlight-piece-float 3.1s ease-in-out infinite}.play-highlight-scene__piece--two{animation:play-highlight-piece-float 3.1s ease-in-out infinite -1.3s}.play-highlight-scene__block--one{animation:play-highlight-block-bounce 2.8s ease-in-out infinite}.play-highlight-scene__block--two{animation:play-highlight-block-bounce 2.8s ease-in-out infinite -.7s}.play-highlight-scene__block--three{animation:play-highlight-block-bounce 2.8s ease-in-out infinite -1.4s}.play-highlight-scene__rainbow{animation:play-highlight-rainbow-sway 3.8s ease-in-out infinite}.play-highlight-scene__arc{animation:play-highlight-trail-drift 4.4s linear infinite}@keyframes play-highlight-cloud-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.55rem,0)}}@keyframes play-highlight-spark-pop{0%,to{transform:scale(.92);opacity:.65}50%{transform:scale(1.16);opacity:1}}@keyframes play-highlight-trail-drift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48}}@keyframes play-highlight-plane-glide{0%,to{transform:translateZ(0) rotate(-2deg)}40%{transform:translate3d(.8rem,-.55rem,0) rotate(2deg)}70%{transform:translate3d(.2rem,.2rem,0) rotate(-1deg)}}@keyframes play-highlight-piece-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-.7rem,0) rotate(3deg)}}@keyframes play-highlight-block-bounce{0%,to{transform:translateZ(0)}35%{transform:translate3d(0,-.7rem,0)}60%{transform:translate3d(0,.15rem,0)}}@keyframes play-highlight-rainbow-sway{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-.5rem,0) rotate(-1.6deg)}}@media(prefers-reduced-motion:reduce){.play-product-highlights__card:hover,.play-highlight-scene__cloud,.play-highlight-scene__spark,.play-highlight-scene__trail,.play-highlight-scene__plane,.play-highlight-scene__piece,.play-highlight-scene__block,.play-highlight-scene__rainbow,.play-highlight-scene__arc{animation:none;transform:none}}@media screen and (max-width:989px){.play-product-highlights__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-product-highlights__card:nth-child(2),.play-product-highlights__card:nth-child(3){--play-reveal-final-y: 0px}}@media screen and (max-width:749px){.play-product-highlights__grid{grid-template-columns:1fr}.play-product-highlights__card{min-height:28rem;padding:15rem 2.2rem 2.3rem;border-radius:2.9rem}.play-product-highlights__scene-wrap{inset:1.1rem 1.1rem auto 1.1rem;height:12.8rem}.play-product-highlights__card-title{font-size:2.3rem}.play-product-highlights__card-text,.play-product-highlights__subheading{font-size:1.65rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-play-product-highlights.css.map */