.ma-audio{padding-block:var(--ma-space-4)}@media(min-width:768px){.ma-audio{padding-block:var(--ma-space-5)}}@media(min-width:768px)and (max-width:999px){.ma-audio{padding-block:var(--ma-space-3)}.ma-why{margin-top:2.5rem}}@media(min-width:768px)and (max-height:900px){.ma-audio{padding-block:var(--ma-space-4)}}.ma-audio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(ma-svg-pattounes-petrole.svg?v=cd7766eec3) 0 0 / 120px auto repeat;opacity:.045}.ma-audio>.ma-container{position:relative;z-index:1}.ma-audio .ma-lead{margin:var(--ma-space-2) auto 0}.ma-why{position:relative;margin-top:var(--ma-space-4)}.ma-why__list{position:relative;z-index:1;display:grid;gap:var(--ma-space-4);max-width:28rem;margin-inline:auto}@media(min-width:768px){.ma-why{margin-top:3.5rem}.ma-why__list{max-width:66rem;grid-template-columns:1fr 1.2fr 1fr;gap:var(--ma-space-3)}}@media(min-width:1100px){.ma-why__list{gap:var(--ma-space-4)}}.ma-why__card{--rot: -1.2deg;position:relative;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:.5rem;padding:2.1rem 1.3rem 1.4rem;border-radius:var(--ma-radius-sm);background:var(--ma-paper) url(ma-img-v3-papier-polaroid.webp?v=cd7766eec3) 0 0 / 180px auto repeat;box-shadow:0 6px color-mix(in srgb,var(--ma-issue-ink) 12%,transparent),0 20px 28px -20px color-mix(in srgb,var(--ma-ink) 55%,transparent);rotate:var(--rot);transition:rotate var(--ma-dur) var(--ma-ease-out),translate var(--ma-dur) var(--ma-ease-out)}.ma-why__card:hover{rotate:0deg;translate:0 -4px}.ma-why__card--audio{--rot: .7deg;background-color:var(--ma-blush);background-blend-mode:multiply}.ma-why__card--jeux{--rot: 1.4deg}.ma-why__visual{display:grid;place-items:center;align-content:center;gap:.6rem;width:100%;min-height:9rem}.ma-why__title{max-width:17rem;font-family:var(--ma-font-display);font-size:1.2rem;line-height:1.1;text-transform:none;color:var(--ma-issue-ink);text-wrap:balance}.ma-why__text{max-width:17rem;font-size:var(--ma-text-small);line-height:1.35;color:var(--ma-ink-soft);text-wrap:balance}@media(min-width:768px){.ma-why__title{font-size:1.3rem}.ma-why__card--audio .ma-why__title{max-width:19rem;font-size:1.45rem}.ma-why__text{min-height:2lh}}@media(max-width:767px){.ma-why__card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"visual title" "visual text";align-items:center;justify-items:start;column-gap:1rem;row-gap:.3rem;padding:1.6rem 1.1rem 1.2rem;text-align:left}.ma-why__visual{grid-area:visual;min-height:0}.ma-why__title{grid-area:title;align-self:end;font-size:1.1rem}.ma-why__text{grid-area:text;align-self:start}.ma-why__card--audio{grid-template-columns:1fr;grid-template-areas:"visual" "title" "text"}.ma-why .ma-why__title,.ma-why .ma-why__text,.ma-why .ma-player__help{max-width:none;margin-inline:0}.ma-audio{padding-block:1.25rem}.ma-why{margin-top:var(--ma-space-2)}.ma-why__list{gap:1rem}.ma-why__card{padding:.9rem .9rem .85rem 1.4rem}.ma-why__card--pictos .ma-why__title,.ma-why__card--jeux .ma-why__title{font-size:1.15rem}.ma-why .ma-why__num{left:-.6rem;top:-.9rem;translate:none;width:2.4rem;height:2.4rem;font-size:1.25rem;border-width:2.5px;box-shadow:0 0 0 3px var(--ma-paper),var(--ma-shadow-hard)}.ma-why__card--audio .ma-why__title{font-size:1.25rem}.ma-why__text{line-height:1.28}.ma-audio__cta{margin-top:.75rem}.ma-audio .ma-lead{margin-top:.6rem}}.ma-why__num{position:absolute;top:-1.5rem;left:50%;display:grid;place-items:center;width:3rem;height:3rem;translate:-50% 0;rotate:-8deg;border:3px solid var(--ma-rose-deep);border-radius:50%;background:var(--ma-paper);box-shadow:0 0 0 4px var(--ma-paper),var(--ma-shadow-hard);font-family:var(--ma-font-display);font-size:1.6rem;line-height:1;color:var(--ma-rose-deep)}.ma-why__trail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:color-mix(in srgb,var(--ma-petrol) 55%,transparent)}.ma-why__trail use{opacity:0;transition:opacity .35s var(--ma-ease-out)}.ma-why__trail.is-on use{opacity:1;transition-delay:calc(var(--i) * 70ms)}.ma-audio__cta{margin-top:2.25rem}@media(min-width:768px){.ma-audio__cta{margin-top:2.75rem}}@media(min-width:768px)and (max-height:760px){.ma-audio{padding-block:var(--ma-space-3)}.ma-audio .ma-lead{margin-top:.5rem}}@media(min-width:768px)and (max-height:800px){.ma-why{margin-top:3rem}.ma-why__card{padding:1.9rem 1.2rem 1.2rem}.ma-why__visual{min-height:0}.ma-audio__cta{margin-top:2.25rem}.ma-audio .ma-lead{margin-top:.6rem}}@media(prefers-reduced-motion:reduce){.ma-why__card{transition:none}.ma-why__card:hover{translate:none}.ma-why__trail use{opacity:1;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ma-css-sections-audio.css.map */