.how-to-play{position:relative;overflow:hidden;scroll-margin-top:calc(var(--header-height, 65px) + var(--announcement-height, 0px));background:var(--htp-bg);color:var(--htp-text);font-family:var(--font-body-family);text-align:center}.how-to-play__inner{display:flex;flex-direction:column;align-items:center;padding:2.5rem 2rem 8rem}.how-to-play__label{margin:0 0 1.6rem;color:var(--htp-label, var(--htp-caption, rgb(42, 75, 122)));font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.how-to-play__heading{margin:0 0 1.6rem;padding-bottom:.2em;background:linear-gradient(180deg,var(--htp-title-from, #5a80bc) 0%,var(--htp-title-to, #2f4875) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:Fredoka,sans-serif;font-size:4.8rem;font-weight:700;line-height:1.2;letter-spacing:0}.how-to-play__text{max-width:60rem;margin:0 0 4rem;color:var(--htp-caption, rgb(42, 75, 122));font-family:Fredoka,sans-serif;font-size:2rem;line-height:1.4}.how-to-play__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;width:100%;max-width:120rem;margin-top:20px}.how-to-play__card{position:relative;perspective:1200px;aspect-ratio:673 / 1028;cursor:pointer;outline:none;transition:scale .35s ease}.how-to-play__card:hover,.how-to-play__card:focus-visible{scale:1.08;z-index:1}.how-to-play__card:focus-visible .how-to-play__side{box-shadow:0 0 0 .3rem var(--htp-accent)}.how-to-play__card.is-twitching{animation:how-to-play-sway .25s ease-in-out 2}@keyframes how-to-play-sway{0%{rotate:0deg}25%{rotate:calc(var(--sway, 3deg) * -1)}75%{rotate:var(--sway, 3deg)}to{rotate:0deg}}.how-to-play__card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1)}.how-to-play__card.is-flipped .how-to-play__card-inner{transform:rotateY(180deg)}.how-to-play__side{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:10%/6.5%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 .6rem 1.8rem #0000001f}.how-to-play__back-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.how-to-play__side--pattern{background:#fff}.how-to-play__side--text{transform:rotateY(180deg);justify-content:flex-start;padding:calc(9% + 30px) 12% 0;background:#fff;color:#1d1d1d}.how-to-play__face-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.how-to-play__card-number{position:absolute;top:2.4rem;left:0;right:0;color:#f9f6e6;font-size:5.2rem;font-weight:800;line-height:1;text-shadow:0 .2rem .8rem rgba(0,0,0,.35)}.how-to-play__text-number{position:absolute;top:2.4rem;left:0;right:0;color:var(--htp-accent);font-size:4rem;font-weight:800;line-height:1}.how-to-play__card:nth-child(3) .how-to-play__card-text,.how-to-play__card:nth-child(4) .how-to-play__card-text{left:6%;right:6%}.how-to-play__card-text{position:absolute;top:calc(12% + 5px);left:12%;right:12%;height:40%;display:flex;align-items:center;justify-content:center;margin:0;font-family:Fredoka,sans-serif;font-size:2.4rem;font-weight:400;line-height:1;text-align:center;text-wrap:balance}@media screen and (max-width:989px){.how-to-play__heading{font-size:4rem}.how-to-play__card-number{font-size:4.2rem}.how-to-play__text-number{font-size:3.4rem}.how-to-play__card-text{font-size:2.1rem}.how-to-play__cards{gap:1.6rem}}@media screen and (max-width:749px){.how-to-play__label{font-size:2rem}.how-to-play__heading{margin-bottom:.2rem;font-size:3.2rem}.how-to-play__card-number{font-size:3.2rem}.how-to-play__text-number{font-size:2.8rem}.shopify-section:has(.benefits-banner)+.shopify-section .how-to-play{margin-top:-1.2rem}.shopify-section:has(.benefits-banner)+.shopify-section .how-to-play__inner{padding-top:.4rem}.how-to-play__inner{padding-right:1.2rem;padding-bottom:2rem;padding-left:1.2rem}.how-to-play__text{margin-bottom:1.2rem}.how-to-play__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:0}.how-to-play__card-inner{transition-duration:.5s}.how-to-play__side--text{padding:calc(10% + 30px) 9% 0}.how-to-play__card-text{font-size:1.7rem}}@supports (font: -apple-system-body) or (-webkit-touch-callout: none){.how-to-play__side--pattern{transform:rotateY(0)}.how-to-play__side>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.how-to-play__side--text{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-to-play.css.map */