.ma-why__card--pictos .ma-pictos{display:grid;grid-template-columns:repeat(2,auto);gap:1.5rem 1.25rem;padding-top:1.2rem}.ma-pictos li{position:relative}.ma-picto{--tilt: -4deg;display:grid;place-items:center;width:4.5rem;height:4.5rem;border:4px solid var(--ma-paper);border-radius:var(--ma-radius-md);background:var(--ma-cream-warm);box-shadow:0 4px color-mix(in srgb,var(--ma-issue-ink) 16%,transparent),0 10px 14px -10px color-mix(in srgb,var(--ma-ink) 50%,transparent);rotate:var(--tilt);transition:rotate var(--ma-dur) var(--ma-ease-bounce),translate var(--ma-dur) var(--ma-ease-bounce),scale var(--ma-dur) var(--ma-ease-bounce)}.ma-pictos li:nth-child(2) .ma-picto{--tilt: 5deg}.ma-pictos li:nth-child(3) .ma-picto{--tilt: 3deg}.ma-pictos li:nth-child(4) .ma-picto{--tilt: -6deg}.ma-picto img{width:72%;height:72%;object-fit:contain}.ma-picto:hover,.ma-picto.is-open{rotate:0deg;translate:0 -6px;scale:1.1}.ma-picto__tip{position:absolute;z-index:2;left:50%;bottom:calc(100% + .25rem);translate:-50% .3rem;padding:.15rem .55rem .2rem;border-radius:var(--ma-radius-pill);background:var(--ma-rose-deep);color:var(--ma-paper);font-family:var(--ma-font-script);font-size:.95rem;line-height:1.1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--ma-dur-fast),translate var(--ma-dur) var(--ma-ease-out)}.ma-pictos li:hover .ma-picto__tip,.ma-picto:focus-visible+.ma-picto__tip,.ma-picto.is-open+.ma-picto__tip{opacity:1;translate:-50% -.35rem}@media(min-width:768px){.ma-picto{width:4.75rem;height:4.75rem}}.ma-why__game{position:relative;width:min(100%,19rem);padding:.45rem .45rem 1.3rem;background:var(--ma-paper);box-shadow:0 4px color-mix(in srgb,var(--ma-issue-ink) 14%,transparent),0 14px 20px -14px color-mix(in srgb,var(--ma-ink) 55%,transparent);rotate:-2.5deg}.ma-why__game picture,.ma-why__game picture img{display:block;width:100%;height:auto}.ma-why__ladder{position:absolute;top:.45rem;right:.45rem;bottom:1.3rem;left:.45rem;width:calc(100% - .9rem);height:calc(100% - 1.75rem);overflow:visible}.ma-why__ladder polyline{fill:none;stroke:var(--ma-yellow-title);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:var(--drawn, 100);filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--ma-ink) 45%,transparent))}.ma-why__pencil{position:absolute;z-index:1;left:var(--px, 5%);top:var(--py, 22%);width:1.5rem;height:auto;translate:-18% -96%;rotate:24deg;transform-origin:18% 96%;opacity:0;filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--ma-ink) 35%,transparent));transition:opacity var(--ma-dur);pointer-events:none}.ma-why__game.is-drawing .ma-why__pencil{opacity:1}.ma-why__ladder{transition:opacity .4s var(--ma-ease-out)}.ma-why__game.is-fading .ma-why__ladder{opacity:0}@media(min-width:768px)and (max-height:800px){.ma-picto{width:3.9rem;height:3.9rem}.ma-why__card--pictos .ma-pictos{gap:1.2rem 1rem;padding-top:.9rem}.ma-why__game{width:min(100%,15.5rem)}}@media(max-width:767px){.ma-why__card--pictos .ma-pictos{grid-template-columns:repeat(2,auto);gap:.4rem;padding-top:0}.ma-picto{width:2.6rem;height:2.6rem;border-width:3px}.ma-picto__tip{font-size:.8rem}.ma-why__game{width:7.25rem;padding:.3rem .3rem .8rem}.ma-why__ladder{top:.3rem;right:.3rem;bottom:.8rem;left:.3rem;width:calc(100% - .6rem);height:calc(100% - 1.1rem)}.ma-why__pencil{width:.9rem}}@media(prefers-reduced-motion:reduce){.ma-why__ladder polyline{stroke-dashoffset:0}.ma-why__pencil{display:none}.ma-picto{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ma-css-sections-audio-proofs.css.map */