.ma-object__title{margin-bottom:var(--ma-space-3)}.ma-steps{display:grid;gap:.9rem;max-width:78rem;margin-inline:auto}.ma-step{display:grid;grid-template-columns:6rem minmax(0,1fr);grid-template-areas:"visual title" "visual text";column-gap:1rem;row-gap:.15rem;align-items:center}.ma-step__visual{grid-area:visual;position:relative;display:grid;place-items:center;min-width:0}.ma-step__title{grid-area:title;align-self:end;display:flex;align-items:center;gap:.45rem;margin:0;font-size:1.2rem}.ma-step__num{display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ma-orange);color:var(--ma-paper);font-size:1rem;box-shadow:var(--ma-shadow-cta)}.ma-step__text{grid-area:text;align-self:start;margin:.3rem 0 0;color:var(--ma-navy);font-weight:700;font-size:var(--ma-text-small);line-height:1.3}.ma-step__photo{width:100%;padding:.3rem}.ma-step--alert{grid-template-columns:8.5rem minmax(0,1fr)}.ma-step--field{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "text" "visual"}.ma-step--field .ma-step__visual{display:block;margin-top:.4rem}.ma-triple__legend{font-size:.85em;color:var(--ma-ink-soft);white-space:nowrap}.ma-step__figure{display:block;width:100%}.ma-step__figure img{width:100%;height:auto;filter:var(--ma-sticker-shadow);transform:rotate(3deg)}.ma-step__badge{display:none}.ma-step__patch{position:absolute;z-index:1;left:0;bottom:-.3rem;width:3.25rem;rotate:-10deg}.ma-step__patch img{display:block;width:100%;height:auto;filter:var(--ma-sticker-shadow)}@media(max-width:999px){.ma-step--done .ma-step__figure img{width:auto;height:5.25rem;margin-inline:auto}}.ma-triple__scroller{justify-self:stretch;margin-inline:calc(var(--ma-gutter) * -1);padding:.5rem var(--ma-gutter) var(--ma-space-1);overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.ma-triple__page{position:relative;width:36rem;padding:6px;background-color:var(--ma-paper);border-radius:6px;box-shadow:0 22px 40px -22px color-mix(in srgb,var(--ma-navy) 80%,transparent);transform:rotate(-.6deg)}.ma-triple__img{width:100%;height:auto}.ma-spot__zoom{display:none}@media(min-width:768px){.ma-object{padding-block:var(--ma-space-5)}.ma-steps{max-width:min(44rem,(100svh - 24rem) * 2.2);gap:var(--ma-space-2)}.ma-step{grid-template-columns:6.5rem minmax(0,1fr)}.ma-step--alert{grid-template-columns:10.5rem minmax(0,1fr)}.ma-step--field{grid-template-columns:minmax(0,1fr)}.ma-triple__scroller{margin-inline:0;padding-inline:0;overflow:visible}.ma-triple__page{width:100%}}@media(min-width:1000px){.ma-object{padding-block:var(--ma-space-4)}.ma-object__title{display:grid;width:fit-content;margin:0 auto var(--ma-space-3)}.ma-steps{--sw: min(min(100vw, var(--ma-container)) - 2 * var(--ma-gutter), (var(--ma-screen-h) - 26rem) * 2.46);width:min(100%,var(--sw));max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:var(--ma-space-3);row-gap:0}.ma-step--alert,.ma-step--done{grid-row:2 / span 2;align-self:start;margin-top:var(--ma-space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "text"}.ma-step--alert{grid-column:1}.ma-step--done{grid-column:3}.ma-step--field{grid-column:1 / -1;grid-row:1 / span 3;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-template-areas:none;pointer-events:none}.ma-step--field>*{pointer-events:auto}.ma-step--field .ma-step__visual{grid-column:1 / -1;grid-row:1;margin:0}.ma-step--field .ma-step__title{grid-column:2;grid-row:2;justify-self:center;margin-top:var(--ma-space-3);font-size:1.6rem}.ma-step--field .ma-step__text{grid-column:2;grid-row:3;justify-self:center;text-align:center}.ma-step--field .ma-step__title:before{content:"";position:absolute;left:50%;top:-1.45rem;width:1.1rem;height:1.1rem;translate:-50% 0;border-left:3px solid var(--ma-orange);border-top:3px solid var(--ma-orange);rotate:45deg}.ma-step--field .ma-step__title{position:relative}.ma-step__title{font-size:1.15rem}.ma-step__num{width:1.8rem;height:1.8rem;font-size:1rem}.ma-step--field .ma-step__num{width:2.4rem;height:2.4rem;font-size:1.3rem}.ma-triple__page{width:100%}.ma-spot__zoom{display:block}.ma-steps{position:relative}.ma-step--alert .ma-step__visual,.ma-step--done .ma-step__visual{position:absolute;z-index:3}.ma-step--alert .ma-step__visual{left:max(var(--sw) * -.14,(var(--sw) - 100vw) / 2 + 1.25rem);top:calc(var(--sw) / 2.46 - var(--sw) * .138 + .75rem);width:calc(var(--sw) * .33)}.ma-step--alert .ma-step__photo{--ma-rot: -2.5deg}.ma-step--done{justify-items:end;text-align:right}.ma-step--alert,.ma-step--done{margin-top:calc(var(--ma-space-3) + var(--sw) * .035)}.ma-step--done .ma-step__visual{right:max(var(--sw) * -.05,(var(--sw) - 100vw) / 2 + 1.25rem);top:calc(var(--sw) / 2.46 - var(--sw) * .155);width:calc(var(--sw) * .127)}.ma-step--done .ma-step__figure img{transform:rotate(2deg)}.ma-step--done .ma-step__patch{left:calc(var(--sw) * -.065);bottom:calc(var(--sw) * .01);width:calc(var(--sw) * .075)}}.ma-spot{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}.ma-spot .ma-hotspot{display:block}.ma-spot.is-open{z-index:4}.ma-spot.is-open .ma-hotspot{animation:none;background:var(--ma-rose-deep)}.ma-spot__bubble{position:absolute;z-index:3;left:50%;bottom:calc(100% + 1rem);translate:-50% 0;width:min(15rem,70vw);text-align:left;box-shadow:var(--ma-shadow-hard)}.ma-spot__bubble strong{display:block;font-family:var(--ma-font-bubble);font-weight:400;font-size:1.05rem}.ma-spot__zoom{display:block;height:6rem;margin-bottom:.5rem;border-radius:var(--ma-radius-sm);background-image:url(ma-img-v2-triple-girafe-1000.webp?v=cd7766eec3);background-size:360%;background-position:var(--x) var(--y)}.ma-spot:first-child .ma-spot__bubble{left:0;translate:-1.25rem 0}.ma-spot:last-child .ma-spot__bubble{left:auto;right:0;translate:1.25rem 0}@media(max-width:767px){.ma-spot__bubble{bottom:calc(100% + .6rem);width:11.5rem;padding:.45rem .65rem .5rem;border-width:2px;font-size:.78rem;line-height:1.25;box-shadow:3px 3px 0 var(--ma-ink)}.ma-spot__bubble strong{font-size:.9rem}.ma-spot__zoom{display:none}.ma-spot__bubble:after{left:calc(50% - .4rem);bottom:-.5rem;width:.8rem;height:.8rem;border-width:2px}.ma-spot:first-child .ma-spot__bubble:after{left:1.75rem}.ma-spot:last-child .ma-spot__bubble:after{left:auto;right:1.75rem}.ma-spot--below .ma-spot__bubble{bottom:auto;top:calc(100% + .6rem)}.ma-spot--below .ma-spot__bubble:after{bottom:auto;top:-.5rem;rotate:180deg}}@media(min-width:1000px){.ma-step--alert,.ma-step--done{margin-top:calc(var(--ma-space-3) + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ma-css-sections-object.css.map */