.how-to-play{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;color:rgb(var(--text-color))}.how-to-play__media{position:relative}.how-to-play__media img{display:block;width:100%;height:100%;object-fit:cover}.how-to-play__content{position:relative;display:grid;justify-items:center;background:var(--htp-content-bg, #f6f4ee);padding:56px 24px 64px}.how-to-play__inner{position:relative;z-index:1;width:100%;max-width:var(--htp-content-max, 440px);display:grid;gap:48px;text-align:center}.how-to-play__header{display:grid;gap:16px}.how-to-play__header .prose>*{margin:0}.how-to-play__steps{display:grid;gap:48px}.how-to-play__step{display:grid;justify-items:center;gap:16px}.how-to-play__step-image{width:100%;max-width:var(--htp-step-image-max, 310px);border-radius:999px;overflow:hidden}.how-to-play__step-image img{display:block;width:100%;height:auto}.how-to-play__badge{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--htp-badge-bg, #c9e35b);color:var(--htp-badge-text, #1f2a1a);font-weight:700;font-size:16px;line-height:1}.how-to-play__step-title{margin:0}.how-to-play__step-text{font-size:var(--text-sm)}.how-to-play__step-text>*{margin:0}.how-to-play__deco{position:absolute;z-index:2;pointer-events:none;height:auto;width:var(--deco-mobile-width);transform:rotate(var(--deco-rotate, 0deg))}.how-to-play__deco--top{top:var(--deco-y);inset-inline-start:var(--deco-x)}.how-to-play__deco--bottom{bottom:var(--deco-y);inset-inline-end:var(--deco-x)}.how-to-play--fredoka :is(.how-to-play__heading,.how-to-play__step-title,.how-to-play__badge){font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:var(--htp-heading-weight, 700);font-style:normal;text-transform:var(--htp-heading-transform, none);letter-spacing:0}.how-to-play--inter :is(.how-to-play__header .prose,.how-to-play__step-text){font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--htp-body-weight, 400);letter-spacing:0}@media screen and (min-width:1000px){.how-to-play{grid-template-columns:var(--htp-media-width, 57%) minmax(0,1fr)}.how-to-play--reverse .how-to-play__media{order:2}.how-to-play__media :is(img,picture){position:absolute;top:0;right:0;bottom:0;left:0}.how-to-play__content{padding:64px 48px;align-content:center}.how-to-play__step{grid-template-columns:40px minmax(0,1fr) 40px;grid-template-areas:"badge image ." ".     title ." ".     text  .";column-gap:24px;row-gap:12px}.how-to-play__step-image{grid-area:image}.how-to-play__badge{grid-area:badge;align-self:end}.how-to-play__step-title{grid-area:title}.how-to-play__step-text{grid-area:text}.how-to-play__deco{width:var(--deco-width)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/how-to-play.css.map */