/* ------ reset ------ */



/* ------ fonts ------ */



/* ------ variables ------ */


.ppm__page { 
   --CLARINS-FONT: ClarinsRegular, Clarins;
   --GOTHAM-LIGHT: "Gotham_Light";
   --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, sans-serif;
   --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
   --COLOR-DEFAULT:#333333;
   --COLOR-RED-A:#b40024;
   --COLOR-RED-B:#8c0b26;
   --heightHeader:150vh; 
}



/* ------ page ------ */


.ppm__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;color: #333333;position: relative;width: 100%; }

.ppm__page * {box-sizing: border-box; }

.ppm__page h1,
.ppm__page h2,
.ppm__page h3,
.ppm__page h4 {margin: 0;padding: 0;font-weight: normal; }

.ppm__page p {margin: 0;padding: 0; }

.ppm__page picture {display: block; /*! width: 100%; */}

.ppm__page img {width: 100%;display: block; }

.ppm__page a {color: #333;text-decoration: none; }
.ppm__page a:focus-visible { outline: none; outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2; z-index:1 }

.ppm__page sup { position: unset; vertical-align: super; line-height: 1em; font-size: 0.55em; }

.ppm__page .ppm__title { font-family: var(--GOTHAM-MEDIUM); font-size: 35px; line-height: 1.15em; position: relative; }
.ppm__page .ppm__text { font-size: 14px; line-height: 1.45em; position: relative; }
.ppm__page .ppm__text .ppm__nowrap { white-space: nowrap; }
.ppm__page .ppm__strong { font-family: var(--GOTHAM-MEDIUM); }
.ppm__page .ppm__text-color { color: var(--COLOR-RED-A); }

.ppm__page .ppm__price {font-size: 16px;line-height: 20px; }

.ppm__page .ppm__cta { }
.ppm__page .ppm__cta-btn {cursor: pointer;display: inline-flex;min-width: 132px;height: auto;padding: 14px 17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: #b40024;border: 2px solid #b40024;border-radius: 5px;font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.ppm__page .ppm__cta-btn:hover { color: #fff; outline: 0 !important; background-color: #8c0b26; border-color: #8c0b26; }
.ppm__page .ppm__cta-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 2px #6893d2 !important; }

.ppm__page .ppm__cta-white {color: var(--COLOR-DEFAULT); background: #fff; border: 1px solid #B0A9A5; transition:all 0.3s; }
.ppm__page .ppm__cta-white:hover { color: var(--COLOR-DEFAULT); border: 1px solid #797674; background: #fff; box-shadow: 0px 0px 7px 0px #00000026; }

.ppm__page .ppm__link { text-decoration: underline; }
.ppm__page .ppm__link-btn { text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em; text-transform: uppercase; overflow: hidden; border-radius: 2px; }
.ppm__page .ppm__link-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2 !important; }

.ppm__page .ppm__quickshop { display: none; }
.ppm__page .ppm__addtobag { display: none; }

.ppm__page .ppm__bkgd { background:#FBF6F3; }
.ppm__page .ppm__bkgd.ppm__bkgd-white { background:#fff; position:relative; }

.ppm__page .ppm__nowrap { white-space: nowrap; }

.ppm__page .ppm__group { position: relative; }

.ppm__page .ppm__gradient { text-transform: uppercase; 
   background: linear-gradient(270.15deg, #9B4F1F 12.2%, #F59D30 49.96%, #A4531F 87.71%), #AC651B;
   background-clip: border-box;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


/*
.ppm__page .ppm__cta a.ppm__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/

@media (min-width: 769px) { 

   .ppm__page .ppm__title { font-size: 80px; line-height: 1.15em; }

   .ppm__page .ppm__cta-btn:hover { color: #fff; outline: 0 !important; background-color: var(--COLOR-RED-B); border-color: var(--COLOR-RED-B); }
   .ppm__page .ppm__cta-white:hover { color: var(--COLOR-DEFAULT); border: 1px solid #797674; background: #fff; box-shadow: 0px 0px 7px 0px #00000026; }
   .ppm__page .ppm__link:hover { text-decoration: none; }
   .ppm__page .ppm__cta-link:hover { text-decoration: none; }

   .ppm__page .ppm__nowrap-desktop { white-space: nowrap; }

}



/*
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-molly[data-item="elegant"]::before { 
 content: "";
 background: url(./xx10.png) left top;
 background-size: 100% auto;
 position: absolute;
 top: -389px;
 left: -356px;
 width: 769px;
 height: 700px;
 opacity: 0.5;
 display: none;
}




.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-molly[data-item="elegant"]::before { 
 background: url(./xx10b.png) left top;
 background-size: 100% auto;
 top: -379px;
 left: -329px;
 width: 837px;
 height: 700px;
}




.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-molly[data-item="vibrant"]::before { 
  content: "";
  background: url(./xx11.png) left top;
  background-size: auto;
  background-size: auto;
  position: absolute;
  top: -393px;
  left: -373px;
  width: 733px;
  height: 700px;
  opacity: 0.5;
  background-size: 100% auto;
  display: none;
}




.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-molly[data-item="vibrant"]::before { 
 background: url(./xx11b.png) left top;
 background-size: 100% auto;
 top: -389px;
 left: -356px;
 width: 769px;
 height: 700px;
}





.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-molly[data-item="joyful"]::before { 
    content: ""; 
    background: url(./xx12.png) left top;
    background-size: auto;
    background-size: auto;
    position: absolute;
    top: -376px;
    left: -403px;
    width: 830px;
    height: 700px;
    opacity: 0.5;
    background-size: 100% auto;
    display: none; 
}


.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-molly[data-item="joyful"]::before { 
 background: url(./xx12b.png) left top;
 background-size: 100% auto;
 top: -285px;
 left: -259px;
 width: 721px;
 height: 700px;
}





.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-molly[data-item="elegant"]::before { 
 content: "";
 background: url(./xx15.png) left top;
 background-size: 100% auto;
 position: absolute;
 top: -478px;
 left: -398px;
 width: 887px;
 height: 856px;
 opacity: 0.5;
 display: none;
}



.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-molly[data-item="elegant"]::before { 
 background: url(./xx15b.png) left top;
 background-size: 100% auto;
 top: -478px;
 left: -398px;
 width: 887px;
 height: 856px;

}



.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-molly[data-item="vibrant"]::before { 
    content: "";
    background: url(./xx16.png) left top;
    background-size: 100% auto;
    position: absolute;
    top: -493px;
    left: -414px;
    width: 988px;
    height: 852px;
    opacity: 0.5;
    display: none;
}

.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-molly[data-item="vibrant"]::before { 
 background: url(./xx16b.png) left top;
 background-size: 100% auto;
 top: -458px;
 left: -316px;
 width: 730px;
 height: 852px;
}

*/



/* canvas */

.ppm__page .ppm__canvas { position: relative; width: 100%; margin: 0 auto; height: 4750px;
  --anim10Duration:0s; 
  --anim14Duration:0s;
  --anim15Duration:0s;
  --stickybar:0px; 
}

.ppm__page .ppm__canvas-inside { position: sticky; top:0; height:calc( 100vh - var(--stickybar)); overflow: hidden; }

.ppm__page .ppm__canvas-title { font-size:35px; line-height:1.15em; text-transform: uppercase; }
.ppm__page .ppm__canvas-subtitle { font-size:20px; line-height:1.35em; padding-top: 0; }
.ppm__page .ppm__canvas-text { font-size:14px; line-height:1.45em; }

.ppm__page .ppm__canvas-section { position: absolute; top:0; left:0; width: 100%; height: 100vh; opacity:0; transition: opacity 0.25s ease-out; pointer-events: none; overflow: hidden; }
.ppm__page .ppm__canvas-section.ppm__visible { opacity:1; pointer-events:unset; transition-duration: 0.5s ease-in-out; }

.ppm__page .ppm__canvas-body { display:flex; flex-direction:row; width: calc(100% - 40px); position: relative; top:0; left: 0; margin: 0 auto; }
.ppm__page .ppm__canvas-content { text-align: left; }


@media (max-width: 768px) { 

    .ppm__page .ppm__canvas { height:3150px }
    .ppm__page .ppm__canvas-text { max-width:298px; margin:0 auto; }
}

@media (min-width: 769px) { 

    .ppm__page .ppm__canvas { height: 4600px; }

    .ppm__page .ppm__canvas-section {  } 
    .ppm__page .ppm__canvas-body { max-width: 1520px; width: calc(100% - 64px); align-items:center; height: 100%; }

    .ppm__page .ppm__canvas-subtitle { font-size:40px; line-height:1.15em; }

}






/* bkgd */

.ppm__page .ppm__canvas-bkgd { height:100vh; width:100vw; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow: hidden; }
.ppm__page .ppm__canvas-bkgd-inside { height:150vh; width:100vw; position:absolute; top:0; left:0; transition: 0.4s background-color; }
.ppm__page .ppm__canvas-bkgd-inside[data-stage="1"] { background: linear-gradient(to top, rgba(240, 186, 161,1) 67%, rgba(240, 186, 161,0) 100%); }
.ppm__page .ppm__canvas-bkgd-inside[data-stage="2"] { background: #F0BAA1; transition-duration: 0s; }
.ppm__page .ppm__canvas-bkgd-inside[data-stage="3"] { background: #F0BAA1; }
.ppm__page .ppm__canvas-bkgd-inside[data-stage="4"] { background: #F2C6D4; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-bkgd::after,
.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-bkgd::after { content:""; position: absolute; left:50%; top;0; width: 50vw; height: 100%; display: block; background: #F2C6D4; }
.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-bkgd::after { opacity:0; transition:opacity 0.25s; }
/*
.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-bkgd { background: #F2C6D4; }
.ppm__page .ppm__canvas[data-status="end"] .ppm__canvas-bkgd { background: #F2C6D4; }
*/


@media (max-width: 768px) { 

.ppm__page .ppm__canvas[data-status="end"] .ppm__canvas-bkgd::after { content:""; position: absolute; left:50%; top;0; width: 50vw; height: 100%; display: block; background: #F2C6D4; }

}



/* eiffel */

.ppm__page .ppm__canvas-eiffel { --ratioEiffel:1px; height:100vh; width:100vw; position:absolute; top:0; left:50%; transform:translateX(-50%); }

.ppm__page .ppm__canvas-eiffel-picture { height:100%; width:100%; }
.ppm__page .ppm__canvas-eiffel-img { height:100%; width:100%; object-fit: cover; }

.ppm__page .ppm__canvas-stars { opacity:0; transition:opacity 0.5s; }

.ppm__page .ppm__canvas-star { position:absolute; top: 0; left: 0;  }
.ppm__page .ppm__canvas-star[data-item="1"] { top:calc(50% - 326px); left:calc(50% + 20px); width: 48px; }
.ppm__page .ppm__canvas-star[data-item="2"] { top:calc(50% - 240px); left:calc(50% - 514px); width: 78px; }
.ppm__page .ppm__canvas-star[data-item="3"] { top:calc(50% - 195px); left:calc(50% - 222px); width: 60px; }
.ppm__page .ppm__canvas-star[data-item="4"] { top:calc(50% - 102px); left:calc(50% - 76px); width: 50px; }
.ppm__page .ppm__canvas-star[data-item="5"] { top:calc(50% - 134px); left:calc(50% - 419px); width: 40px; }
.ppm__page .ppm__canvas-star[data-item="6"] { top:calc(50% - 16px); left:calc(50% - 80px); width: 40px; }
.ppm__page .ppm__canvas-star[data-item="7"] { top:calc(50% + 18px); left:calc(50% + 78px); width: 40px; }
.ppm__page .ppm__canvas-star[data-item="8"] { top:calc(50% + 15px); left:calc(50% + 318px); width: 72px; }
.ppm__page .ppm__canvas-star[data-item="9"] { top:calc(50% - 290px); left:calc(50% + 574px); width: 40px; }

.ppm__page .ppm__canvas-stars.ppm__initialised { opacity:1; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star { animation: twinkle 1.5s infinite ease-in-out; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="1"] { animation-duration:4s; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="2"] { animation-duration:4.5s; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="3"] { animation-duration:3.5s; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="4"] { animation-duration:3.2s; }
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="5"] { animation-duration:2.7s;}
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="6"] { animation-duration:4.3s;}
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="7"] { animation-duration:3.1s;}
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="8"] { animation-duration:4.7s;}
.ppm__page .ppm__canvas-stars.ppm__initialised .ppm__canvas-star[data-item="9"] { animation-duration:5.1s;}

@keyframes twinkle {
  0% {
    opacity: 1;
    transform: scale(1);
}
40% {
    opacity: 0.5;
    transform: scale(0.8);
}
50% {
    opacity: 0;
    transform: scale(0.8);
}
80% {
    opacity: 1;
    transform: scale(1.1);
}
}


@media (max-width: 768px) { 

   .ppm__page .ppm__canvas-eiffel-img { width:145%;  }

.ppm__page .ppm__canvas-star[data-item="1"] { top:calc(50% - 250px); left:calc(50% + 100px); width: 48px; }
.ppm__page .ppm__canvas-star[data-item="2"] { display:none; }
.ppm__page .ppm__canvas-star[data-item="3"] { top:calc(50% - 170px); left:calc(50% - 108px); width: 60px; }
.ppm__page .ppm__canvas-star[data-item="4"] { top:calc(50% - 102px); left:calc(50% + 30px); width: 35px; }
.ppm__page .ppm__canvas-star[data-item="5"] { top:calc(50% - 34px); left:calc(50% + 15px); width: 40px; }
.ppm__page .ppm__canvas-star[data-item="6"] { top:calc(50% + 42px); left:calc(50% + 129px); width: 40px; }
.ppm__page .ppm__canvas-star[data-item="7"] { display: none; }
.ppm__page .ppm__canvas-star[data-item="8"] { display: none; }
.ppm__page .ppm__canvas-star[data-item="9"] { display: none; }

}



/* flowers */

.ppm__page .ppm__canvas-flowers { --ratioHero:1px; height:100vh; width:100vw; position:absolute; top:0; left:50%; transform:translateX(-50%); opacity: 0; transition: opacity 0.3s; }
.ppm__page .ppm__canvas-flowers.ppm__visible { opacity:1; }

.ppm__page .ppm__canvas-flowers-picture { height:100%; width:100%; }
.ppm__page .ppm__canvas-flowers-img { height:100%; width:100%; object-fit: cover; }


@media (max-width: 768px) { 

   .ppm__page .ppm__canvas-flowers-img { width:145%;  }
}



/* packshot */

.ppm__page .ppm__canvas-packshots { --ratioPackshot:1px; --ratioPackshotBigWidth:92px; --ratioPackshotWidth:92px; --scalePackshot:1px; height:100vh; width:100%; position:absolute; top:0; left:0; opacity: 1; transition: opacity 0.3s; }

.ppm__page .ppm__canvas-packshot { position:absolute; top:50%; left:50%; width: 0; height: 0; opacity: 1;}

.ppm__page .ppm__canvas-packshot-inside { position:relative; /* transition: all var(--anim10Duration); */ top:0; }

.ppm__page .ppm__canvas-packshot  .ppm__canvas-packshot-picture { transform:translateY(-100vh); transition: transform 1s ease-out; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
.ppm__page .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-picture { transition-duration:0.9s; transition-delay:0.1s; }

.ppm__page .ppm__canvas-packshot.ppm__initialised .ppm__canvas-packshot-picture { transform:translateY(0); }

.ppm__page .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-inside { left: 50%; }
.ppm__page .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-inside { left: 50%; }

.ppm__page .ppm__canvas-packshot-img { width: var(--ratioPackshotWidth); transform:translate(-50%,-50%); }
.ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-packshot-img,
.ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-packshot-img,
.ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-packshot-img,
.ppm__page .ppm__canvas[data-status="09"] .ppm__canvas-packshot-img { width: var(--ratioPackshotBigWidth); }

.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshots { transition-delay:var(--anim10Duration); opacity:0; }
.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-packshots { transition-delay:0s; transition-duration:0s; opacity:0; }
.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-packshots { transition-delay:0s; transition-duration:0s; opacity:0; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshots { transition-delay:0s; transition-duration:0s; }

.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshot-inside { /* transition-duration: var(--anim10Duration); */ }

/*
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-inside { left:calc(50% + 6px); top:54px; }
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-img { left:50%; width: calc(var(--ratioPackshotWidth) *3.67); }
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-inside { left:calc(50% + ( var(--ratioPackshotWidth) + 14px ) *3.7); top:43px; }
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-img { left:50%; width: calc(var(--ratioPackshotWidth) *3.7); }
*/

/*
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot-inside { transition-duration:0s; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-inside { left:-25vw; top:0; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-img { left:50%; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-inside { left:25vw; top:0; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-img { left:50%; }

.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-packshot-inside { transition-duration: var(--anim14Duration); }
*/

.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-img { left:50%; }
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-img { left:50%; }

.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-packshot-inside { transition-duration: var(--anim15Duration); }

.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-packshot[data-item="ef"] .ppm__canvas-packshot-img { left:50%; /* width: calc(var(--ratioPackshotWidth) *1.69); */ }

.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-packshot-inside { transition-duration: var(--anim15Duration); }

/*
.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-packshot[data-item="ef"] { opacity:0; }
.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-packshot[data-item="ma"] .ppm__canvas-packshot-img { left:50%; width: calc(var(--ratioPackshotWidth) *1.69); }

*/

@media (max-width: 768px) { 

.ppm__page .ppm__canvas[data-status="end"] .ppm__canvas-packshot,
.ppm__page .ppm__canvas[data-status="13"] .ppm__canvas-packshot { top:calc(50% + 40px); }

}


@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-packshots { --ratioPackshot:1px; --ratioPackshotBigWidth:148px; --ratioPackshotWidth:120px; --scalePackshot:1px; }


}



/* hero */

.ppm__page .ppm__canvas-section[data-item="hero"] { --ratioHero:1px; }
.ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-content { }

.ppm__page .ppm__canvas-logos {  width: calc(100% - 40px); margin: 0 auto; display:flex; flex-direction: row; gap:33px; padding-top: 24px; }

.ppm__page .ppm__canvas-logo { height:24px; position: relative; top:0; left:0; }
.ppm__page .ppm__canvas-logo:first-child:after { content:""; background:#000; height:16px; width:1px; position:absolute; top:4px; right:-16px; left:auto; } 
.ppm__page .ppm__canvas-logo-picture { width:auto; height:100%; }
.ppm__page .ppm__canvas-logo-img { width:auto; height:100%; }

.ppm__page .ppm__canvas-hero-title { font-size:24px; line-height:1.1em; color: #B40024; font-weight: 700; max-width: 256px; }
.ppm__page .ppm__canvas-hero-title small { font-size:15px; line-height:1.3em; text-transform: uppercase; font-family: var(--GOTHAM-BOOK); font-weight: 400; display: block; }
.ppm__page .ppm__canvas-hero-cta { padding-top:28px; }

.ppm__page .ppm__canvas-hero-copyright { position: absolute; top:auto; bottom: 60px; left: 0; }
.ppm__page .ppm__canvas-hero-copyright-inside { width:calc(100% - 40px); margin:0 auto; }
.ppm__page .ppm__canvas-hero-copyright-picture { width:84px; }


@media (max-width: 768px) { 

.ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-body { height: calc(100vh - 110px); }
    .ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-content { padding-top: 29px; }

.ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-hero-cta { position:absolute; top:auto; bottom:0; width: 100%; display:flex; justify-content:center; }
.ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-hero-cta .ppm__cta-btn {}

}


@media (min-width: 769px) { 


    .ppm__page .ppm__canvas-section[data-item="hero"] { --ratioHero:calc(100vw / 1320); }

    .ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-content { width: 100%; position: absolute; top:50%; left: 0; transform: translateY(-100%);}

    .ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-body { position:absolute; left:calc(50% + 140* var(--ratioHero)); top:0; width:calc(50% - 140* var(--ratioHero)); }
    .ppm__page .ppm__canvas-section[data-item="hero"] .ppm__canvas-content { width: 100%; position: absolute; top:50%; left: 0; transform: translateY(-100%); }

    .ppm__page .ppm__canvas-logos { width: calc(100% - 64px); gap:53px; padding-top: 71px; }
    .ppm__page .ppm__canvas-logo { height:40px; }
    .ppm__page .ppm__canvas-logo:first-child:after { height:28px; top:6px; right:-26px; } 

    .ppm__page .ppm__canvas-hero-title { font-size:48px; line-height:1.2em; max-width: 505px; padding-right: 32px; }
    .ppm__page .ppm__canvas-hero-title small { font-size:0.5em; line-height:1.4em; }
    .ppm__page .ppm__canvas-hero-cta { padding-top:28px; }

 

}



@media (min-width: 1320px) { 


    .ppm__page .ppm__canvas-section[data-item="hero"] { --ratioHero:1px; }

}


/* adventure */

.ppm__page .ppm__canvas-section[data-item="adventure"] .ppm__canvas-body { align-items: flex-start; }
.ppm__page .ppm__canvas-section[data-item="adventure"] .ppm__canvas-content { width: 100%; position: relative; top:0; left: 0; }

.ppm__page .ppm__canvas-adventure-title { font-size:28px; line-height:1em; text-transform: uppercase; color: #B40024; font-weight: 700; text-align: center; }

@media (max-width: 389px) { 

.ppm__page .ppm__canvas-adventure-title { font-weight: 500; }


}


@media (max-width: 768px) { 

    .ppm__page .ppm__canvas-section[data-item="adventure"] { --ratioMarge:calc(100vw / 390); }
    .ppm__page .ppm__canvas-section[data-item="adventure"] .ppm__canvas-content { padding-top: calc(24 * var(--ratioMarge)); padding-bottom: calc(24 * var(--ratioMarge)); }

    .ppm__page .ppm__canvas-adventure-title { font-size:calc(28 * var(--ratioMarge)); line-height:1em;  }

}

@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-section[data-item="adventure"] .ppm__canvas-content { height: calc((100vh - 520px) * 0.5 + 52px); display: flex; flex-direction: row; align-items: center; justify-content: center; }
    .ppm__page .ppm__canvas-adventure-title { font-size:60px; line-height:1em;  }

}


@media (min-width: 1280px) { 

    .ppm__page .ppm__canvas-section[data-item="adventure"] .ppm__canvas-content { height: calc((100vh - 520px) * 0.5 + 52px); display: flex; flex-direction: row; align-items: center; justify-content: center; }
    .ppm__page .ppm__canvas-adventure-title { font-size:80px; line-height:1em; }

}


/* iconic */

.ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-body { left:0; }
.ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content {  transform: translateY(100px); transition: transform 0s; width: 100%; }

.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-section[data-item="iconic"] { transition-delay:var(--anim10Duration); opacity:1; pointer-events:unset; }
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { transform: translateY(0px); transition-delay:var(--anim10Duration); }

.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-section[data-item="iconic"] { transition-delay:var(--anim10Duration); opacity:1; pointer-events:unset; }
.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { transform: translateY(0px); transition-delay:var(--anim10Duration); }

.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-section[data-item="iconic"] { transition-delay:var(--anim10Duration); opacity:1; pointer-events:unset; }
.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { transform: translateY(0px); transition-delay:var(--anim10Duration); }

.ppm__page .ppm__canvas-iconic-title { font-size:22px; line-height:1em; text-transform: uppercase; }
.ppm__page .ppm__canvas-iconic-text { font-size:14px; line-height:1.45em; }
.ppm__page .ppm__canvas-iconic-cta { padding-top:24px; }



@media (max-width: 768px) { 

    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-body { height:100%; }
    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { height:100%; }
    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top { padding-top: 0; position: relative; top:0; left: 0; }

    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top::before{ content:""; position:absolute; top:-6px; left:-8px; width:calc( 100% + 16px); height:calc(100% + 9px); background:#F0BAA1; opacity:0.5; transition:background-color 0.4s; }
     .ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top::before{ transition-duration: 0s; }
        .ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top::before{ background:#F2C6D4;  }
        .ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top::before{ }


    /*
    .ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { padding-top: 24px !important; }
    */

    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-bottom { position:absolute; top:auto; bottom:40px; left:0; right:0; }

}

@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-body {}
    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content { position: relative; top:0; left:min(50% + 262px,100% - 262px); width: max(50% - 262px, 250px); max-width:356px; transform: translateY(150px); transition: transform 0.3s; }

    .ppm__page .ppm__canvas-iconic-title { font-size:24px; line-height:1em; padding-bottom:21px; }
    .ppm__page .ppm__canvas-iconic-text { font-size:18px; line-height:1.55em; }
    .ppm__page .ppm__canvas-iconic-cta { padding-top:36px; }

}



/* limited */

.ppm__page .ppm__canvas-section[data-item="limited"] { --ratioLimited:calc(100vw/390); } 
.ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-body { }
.ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-content { width: 100%; position: relative; top:0; left: 0; }

.ppm__page .ppm__canvas-limited-title { font-size:calc(36 * var(--ratioLimited)); line-height:1em; text-transform: uppercase; color: #fff; font-weight: 700;  }
.ppm__page .ppm__canvas-limited-text { font-size:calc(14 * var(--ratioLimited)); line-height:1.45em; font-family: var(--GOTHAM-MEDIUM); }

@media (max-width: 768px) { 

  .ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-body { height:100%; }
  .ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-content { height:100%; }

  .ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-content-bottom { display:flex; flex-direction:row; align-items:center; height: calc(50vh - 160px - 40px); }
  .ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-content-top { display:flex; flex-direction:row; align-items:center; height: calc(50vh - 160px + 40px); }
  .ppm__page .ppm__canvas-section[data-item="limited"] .ppm__canvas-content-bottom { position:absolute; top:auto; bottom: 0; left:0;  }

}

@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-section[data-item="limited"] { --ratioLimited:calc(100vw/1520); }

    .ppm__page .ppm__canvas-limited-title { font-size:calc(80 * var(--ratioLimited)); max-width: 615px; width: calc( 50% - 7px - 7px - 120px ); }
    .ppm__page .ppm__canvas-limited-text { font-size:calc(24 * var(--ratioLimited)); line-height:1.33em; left:calc(50% + 7px + 7px + 120px + (140 * var(--ratioLimited))); max-width: 357px; width: calc(50% - 275px); }

}

@media (min-width: 1520px) { 

    .ppm__page .ppm__canvas-section[data-item="limited"] { --ratioLimited:1px; } 

}



/* product */

.ppm__page  .ppm__canvas[data-status="14"] .ppm__canvas-packshot { z-index:2 }

.ppm__page .ppm__canvas-section[data-item="extra"] { --ratioMargeBenefit:1px; --ratioMargeContent:1px; --ratioWidthContent:1px; }
.ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-content { max-width:calc(356 * var(--ratioWidthContent)); transform: translateY(0px); transition: transform 0.3s; position: relative; top:0; left:calc(50% + 275px); }

.ppm__page .ppm__canvas-section[data-item="multi"] { --ratioMargeBenefit:1px;--ratioMargeContent:1px; --ratioWidthContent:1px;  }
.ppm__page .ppm__canvas-section[data-item="multi"] .ppm__canvas-content { max-width:calc(356 * var(--ratioWidthContent)); transform: translateY(0px); transition: transform 0.3s; position: relative; top:0; left:calc(50% - 610 * var(--ratioMargeContent)); }

/*
.ppm__page .ppm__canvas[data-status="14b"] .ppm__canvas-section[data-item="extra"] { transition-delay:var(--anim15Duration); opacity:1; pointer-events:unset; }
.ppm__page .ppm__canvas[data-status="17"] .ppm__canvas-section[data-item="multi"] { transition-delay:var(--anim15Duration); opacity:1; pointer-events:unset; }
*/

.ppm__page .ppm__canvas-product-title { font-size:32px; line-height:1.1875em; text-transform: uppercase; font-weight: 700; }
.ppm__page .ppm__canvas-product-subtitle { font-size:20px; line-height:1.1875em; text-transform: uppercase; padding-bottom: 39px; }
.ppm__page .ppm__canvas-product-chapeau { font-size:20px; line-height:1.2em; padding-bottom: 27px; }
.ppm__page .ppm__canvas-product-text { font-size:16px; line-height:1.5em; }

.ppm__page .ppm__canvas-product-cta { padding-top:71px; }

.ppm__page .ppm__canvas-benefit { position:absolute; }
.ppm__page .ppm__canvas-benefit-inside { background:rgba(255,255,255,0.5); padding:35px calc(43 * var(--ratioMargeBenefit)); max-width: 450px; width:100%; }
.ppm__page .ppm__canvas-benefit-number { display:flex; flex-direction:row; align-items:center; }
.ppm__page .ppm__canvas-benefit-number-value { font-size:42px; line-height:1em; }
.ppm__page .ppm__canvas-benefit-number-text { text-transform:uppercase; font-size:20px; line-height:1.3em; padding-left: 16px; }
.ppm__page .ppm__canvas-benefit-legend { font-size:13px; line-height:1.3em; padding-top: 24px; }

.ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-benefit { width:calc(50% - 100px); left:calc(50% - 100px); top:calc(50% + 98px); }
.ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-benefit-inside { transform: translateX(-100%); }
.ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-benefit-legend { max-width: 450px; transform: translateX(-100%); }
.ppm__page .ppm__canvas-section[data-item="multi"] .ppm__canvas-benefit { width:calc(50% - 101px); left:calc(50% + 101px); top:calc(50% + 98px); }
.ppm__page .ppm__canvas-section[data-item="multi"] .ppm__canvas-benefit-legend { padding-left: 125px; padding-right: 24px; }



@media (max-width: 768px) { 

    .ppm__page .ppm__canvas-section[data-item="extra"],
    .ppm__page .ppm__canvas-section[data-item="multi"] { display:none; }

}


@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-section[data-item="extra"] { --ratioMargeBenefit:calc(100vw / 1136); --ratioMargeContent:calc(100vw / 1300); --ratioWidthContent:calc(100vw / 1080); }
    .ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-content { left:calc(100% - 356 * var(--ratioWidthContent)); }
    .ppm__page .ppm__canvas-section[data-item="multi"] { --ratioMargeBenefit:calc(100vw / 1136); --ratioMargeContent:calc(100vw / 1300); --ratioWidthContent:calc(100vw / 1080); }

}

@media (min-width: 1080px) { 

    .ppm__page .ppm__canvas-section[data-item="extra"] {  --ratioWidthContent:1px; }
    .ppm__page .ppm__canvas-section[data-item="multi"] {  --ratioWidthContent:1px; }

}



@media (min-width: 1136px) { 

    .ppm__page .ppm__canvas-section[data-item="extra"] { --ratioMargeBenefit:1px; }
    .ppm__page .ppm__canvas-section[data-item="multi"] { --ratioMargeBenefit:1px; }

}


@media (min-width: 1300px) { 

    .ppm__page .ppm__canvas-section[data-item="extra"] { --ratioMargeContent:1px; }
    .ppm__page .ppm__canvas-section[data-item="extra"] .ppm__canvas-content { left:calc(50% + 275px); }
    .ppm__page .ppm__canvas-section[data-item="multi"] { --ratioMargeContent:1px; }

}



/* molly */

.ppm__page .ppm__canvas-molly-elts { --ratioMolly:1px; height:100vh; width:100%; position:absolute; top:0; left:0; }
.ppm__page .ppm__canvas-elts { position:absolute; top:calc(50% + 13px); transform:translate(-50%,-50%); opacity: 0; transition: opacity 0.5s; }

.ppm__page .ppm__canvas-elt { transition:all 0.1s ease-out; }
.ppm__page .ppm__canvas-elt img { transform-orgin:center center; transition:all 0.1s ease-out; }

.ppm__page .ppm__canvas-mollys { --ratioMolly:1px; height:100vh; width:100%; position:absolute; top:0; left:0; opacity: 1;}
.ppm__page .ppm__canvas-molly { position:absolute; top:calc(50% + 13px); transform:translate(-50%,-50%); opacity: 0; transition: opacity 0s ease-out; }
.ppm__page .ppm__canvas-molly.ppm__visible { opacity:1; }
.ppm__page .ppm__canvas-molly.ppm__hidden { display: none; }

.ppm__page .ppm__canvas-molly-picture { position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"],
.ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-molly[data-item="elegant"] { opacity:1; }
/*
.ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-elt,
.ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-elt { opacity:0; }
*/

.ppm__page .ppm__canvas[data-status="09"] .ppm__canvas-molly[data-item="elegant"] { transition-duration:0s; }

.ppm__page .ppm__canvas-molly[data-item="elegant"],
.ppm__page .ppm__canvas-elts[data-item="elegant"] { left: 50%; }
.ppm__page .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture { width:calc(234 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-molly[data-item="vibrant"],
.ppm__page .ppm__canvas-elts[data-item="vibrant"] { left: 50%; }
.ppm__page .ppm__canvas-molly[data-item="vibrant"] .ppm__canvas-molly-picture { width:calc(244 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-molly[data-item="joyful"],
.ppm__page .ppm__canvas-elts[data-item="joyful"] { left: 50%; }
.ppm__page .ppm__canvas-molly[data-item="joyful"] .ppm__canvas-molly-picture { width:calc(350 * var(--ratioMolly)); }


/*
.ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-molly[data-item="elegant"] { opacity:1; }
.ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-molly[data-item="vibrant"] { opacity:1; }
.ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-molly[data-item="joyful"] { opacity:1; }
*/
/*
.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-molly[data-item="elegant"] { transition-duration: 0s; transition-delay:var(--anim10Duration); opacity:1; }
.ppm__page .ppm__canvas[data-status^="14"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture { display: none; }

.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-molly[data-item="vibrant"] { transition-duration: 0s; transition-delay:var(--anim10Duration); opacity:1; }
.ppm__page .ppm__canvas[data-status="16"] .ppm__canvas-molly[data-item="vibrant"] .ppm__canvas-molly-picture { display: none; }
*/

.ppm__page .ppm__canvas-elt { position:absolute; top:0; left:0; }

.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-01-picture { width:calc(38 * var(--ratioMolly)); left:calc(-143 * var(--ratioMolly)); top:calc(-92 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-02-picture { width:calc(47 * var(--ratioMolly)); left:calc(70 * var(--ratioMolly)); top:calc(22 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-03-picture { width:calc(35 * var(--ratioMolly)); left:calc(-100 * var(--ratioMolly)); top:calc(-96 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-03-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-04-picture { width:calc(44 * var(--ratioMolly)); left:calc(53 * var(--ratioMolly)); top:calc(104 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-05-picture { width:calc(70 * var(--ratioMolly)); left:calc(-152 * var(--ratioMolly)); top:calc(-51 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-06-picture { width:calc(53 * var(--ratioMolly)); left:calc(40 * var(--ratioMolly)); top:calc(55 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-06-img { transform: rotate(60deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-07-picture { width:calc(43 * var(--ratioMolly)); left:calc(-125 * var(--ratioMolly)); top:calc(108 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-07-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-08-picture { width:calc(20 * var(--ratioMolly)); left:calc(-134 * var(--ratioMolly)); top:calc(-67 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-09-picture { width:calc(38 * var(--ratioMolly)); left:calc(51 * var(--ratioMolly)); top:calc(-8 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-10-picture { width:calc(37 * var(--ratioMolly)); left:calc(32 * var(--ratioMolly)); top:calc(-98 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-10-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-11-picture { width:calc(65 * var(--ratioMolly)); left:calc(-122 * var(--ratioMolly)); top:calc(23 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-11-img { transform: rotate(-60deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-12-picture { width:calc(12 * var(--ratioMolly)); left:calc(95 * var(--ratioMolly)); top:calc(50 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="1"] .ppm__canvas-elt-12-img { transform: rotate(60deg);}

.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-01-picture { width:calc(85.62 * var(--ratioMolly)); left:calc(-289 * var(--ratioMolly)); top:calc(-300 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-02-picture { width:calc(106.42 * var(--ratioMolly)); left:calc(172 * var(--ratioMolly)); top:calc(-52 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-03-picture { width:calc(65.3 * var(--ratioMolly)); left:calc(-180 * var(--ratioMolly)); top:calc(-296 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-04-picture { width:calc(94.79 * var(--ratioMolly)); left:calc(138 * var(--ratioMolly)); top:calc(129 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-05-picture { width:calc(146.16 * var(--ratioMolly)); left:calc(-303 * var(--ratioMolly)); top:calc(-201 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-06-picture { width:calc(101.25 * var(--ratioMolly)); left:calc(110 * var(--ratioMolly)); top:calc(28 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-07-picture { width:calc(99.3 * var(--ratioMolly)); left:calc(-254 * var(--ratioMolly)); top:calc(135 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-08-picture { width:calc(51.29 * var(--ratioMolly)); left:calc(-174 * var(--ratioMolly)); top:calc(-35 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-09-picture { width:calc(85.46 * var(--ratioMolly)); left:calc(128 * var(--ratioMolly)); top:calc(-117 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-10-picture { width:calc(79.13 * var(--ratioMolly)); left:calc(100 * var(--ratioMolly)); top:calc(-314 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-11-picture { width:calc(137.48 * var(--ratioMolly)); left:calc(-264 * var(--ratioMolly)); top:calc(-47 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="2"] .ppm__canvas-elt-12-picture { width:calc(22.67 * var(--ratioMolly)); left:calc(195 * var(--ratioMolly)); top:calc(10 * var(--ratioMolly)); }


.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-01-picture { width:calc(60.03 * var(--ratioMolly)); left:calc(-13 * var(--ratioMolly)); top:calc(-120 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-01-img { transform: rotate(-75deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-02-picture { width:calc(67 * var(--ratioMolly)); left:calc(-177 * var(--ratioMolly)); top:calc(-110 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-02-img { transform: rotate(60deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-03-picture { width:calc(39 * var(--ratioMolly)); left:calc(52 * var(--ratioMolly)); top:calc(-26 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-03-img { transform: rotate(-105deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-04-picture { width:calc(68.17 * var(--ratioMolly)); left:calc(-73 * var(--ratioMolly)); top:calc(191 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-04-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-05-picture { width:calc(91.6 * var(--ratioMolly)); left:calc(19 * var(--ratioMolly)); top:calc(204 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-06-picture { width:calc(71.66 * var(--ratioMolly)); left:calc(84 * var(--ratioMolly)); top:calc(103 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-07-picture { width:calc(29.87 * var(--ratioMolly)); left:calc(-212 * var(--ratioMolly)); top:calc(191 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-08-picture { width:calc(76.24 * var(--ratioMolly)); left:calc(36 * var(--ratioMolly)); top:calc(10 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-09-picture { width:calc(92 * var(--ratioMolly)); left:calc(-244 * var(--ratioMolly)); top:calc(-29 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-09-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-10-picture { width:calc(23 * var(--ratioMolly)); left:calc(121 * var(--ratioMolly)); top:calc(35 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-11-picture { width:calc(23 * var(--ratioMolly)); left:calc(-133 * var(--ratioMolly)); top:calc(93 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-12-picture { width:calc(49.14 * var(--ratioMolly)); left:calc(25 * var(--ratioMolly)); top:calc(150 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-12-img { transform: rotate(-60deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-13-picture { width:calc(127 * var(--ratioMolly)); left:calc(-246 * var(--ratioMolly)); top:calc(98 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-13-img { transform: rotate(-15deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="1"] .ppm__canvas-elt-14-picture { width:calc(86.66 * var(--ratioMolly)); left:calc(35 * var(--ratioMolly)); top:calc(-158 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-01-picture { width:calc(87.03 * var(--ratioMolly)); left:calc(98 * var(--ratioMolly)); top:calc(-301 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-02-picture { width:calc(93.87 * var(--ratioMolly)); left:calc(-254 * var(--ratioMolly)); top:calc(-315 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-03-picture { width:calc(54.2 * var(--ratioMolly)); left:calc(114 * var(--ratioMolly)); top:calc(-198 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-04-picture { width:calc(96.17 * var(--ratioMolly)); left:calc(-194 * var(--ratioMolly)); top:calc(107 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-05-picture { width:calc(134.92 * var(--ratioMolly)); left:calc(61 * var(--ratioMolly)); top:calc(123 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-06-picture { width:calc(99.66 * var(--ratioMolly)); left:calc(160 * var(--ratioMolly)); top:calc(-14 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-07-picture { width:calc(39.87 * var(--ratioMolly)); left:calc(-261 * var(--ratioMolly)); top:calc(106 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-08-picture { width:calc(112.24 * var(--ratioMolly)); left:calc(88 * var(--ratioMolly)); top:calc(-154 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-09-picture { width:calc(131.98 * var(--ratioMolly)); left:calc(-308 * var(--ratioMolly)); top:calc(-204 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-10-picture { width:calc(36.47 * var(--ratioMolly)); left:calc(205 * var(--ratioMolly)); top:calc(-112 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-11-picture { width:calc(36.41 * var(--ratioMolly)); left:calc(-150 * var(--ratioMolly)); top:calc(-33 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-12-picture { width:calc(69.14 * var(--ratioMolly)); left:calc(75 * var(--ratioMolly)); top:calc(50 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-13-picture { width:calc(177.02 * var(--ratioMolly)); left:calc(-310 * var(--ratioMolly)); top:calc(-81 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="2"] .ppm__canvas-elt-14-picture { width:calc(86.66 * var(--ratioMolly)); left:calc(35 * var(--ratioMolly)); top:calc(-158 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-01-picture { width:calc(94 * var(--ratioMolly)); left:calc(-151 * var(--ratioMolly)); top:calc(-46 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-01-img { transform: rotate(-60deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-02-picture { width:calc(50 * var(--ratioMolly)); left:calc(100 * var(--ratioMolly)); top:calc(-60 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-01-img { transform: rotate(30deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-03-picture { width:calc(60 * var(--ratioMolly)); left:calc(-178 * var(--ratioMolly)); top:calc(38 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-04-picture { width:calc(58 * var(--ratioMolly)); left:calc(187 * var(--ratioMolly)); top:calc(30 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-04-img { transform: rotate(-75deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-05-picture { width:calc(91 * var(--ratioMolly)); left:calc(-146 * var(--ratioMolly)); top:calc(64 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-06-picture { width:calc(33 * var(--ratioMolly)); left:calc(122 * var(--ratioMolly)); top:calc(81 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-07-picture { width:calc(91 * var(--ratioMolly)); left:calc(74 * var(--ratioMolly)); top:calc(94 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-07-img { transform: rotate(30deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-08-picture { width:calc(32 * var(--ratioMolly)); left:calc(-47 * var(--ratioMolly)); top:calc(116 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-08-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-09-picture { width:calc(97 * var(--ratioMolly)); left:calc(-159 * var(--ratioMolly)); top:calc(155 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-09-img { transform: rotate(-30deg);}
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-10-picture { width:calc(66 * var(--ratioMolly)); left:calc(-83 * var(--ratioMolly)); top:calc(181 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-11-picture { width:calc(30 * var(--ratioMolly)); left:calc(144 * var(--ratioMolly)); top:calc(184 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="1"] .ppm__canvas-elt-11-img { transform: rotate(75deg);}

.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-01-picture { width:calc(152.47 * var(--ratioMolly)); left:calc(-266 * var(--ratioMolly)); top:calc(-209 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-02-picture { width:calc(77.78 * var(--ratioMolly)); left:calc(215 * var(--ratioMolly)); top:calc(-219 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-03-picture { width:calc(100.6 * var(--ratioMolly)); left:calc(-314 * var(--ratioMolly)); top:calc(-72 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-04-picture { width:calc(93.85 * var(--ratioMolly)); left:calc(284 * var(--ratioMolly)); top:calc(-85 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-05-picture { width:calc(149.53 * var(--ratioMolly)); left:calc(-258 * var(--ratioMolly)); top:calc(-33 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-06-picture { width:calc(55.63 * var(--ratioMolly)); left:calc(177 * var(--ratioMolly)); top:calc(-3 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-07-picture { width:calc(149.71 * var(--ratioMolly)); left:calc(124 * var(--ratioMolly)); top:calc(28 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-08-picture { width:calc(52.74 * var(--ratioMolly)); left:calc(-105 * var(--ratioMolly)); top:calc(71 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-09-picture { width:calc(158.53 * var(--ratioMolly)); left:calc(-280 * var(--ratioMolly)); top:calc(118 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-10-picture { width:calc(111.06 * var(--ratioMolly)); left:calc(-157 * var(--ratioMolly)); top:calc(159 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="joyful"][data-stage="2"] .ppm__canvas-elt-11-picture { width:calc(49.65 * var(--ratioMolly)); left:calc(264 * var(--ratioMolly)); top:calc(127 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-01-picture { width:calc(95 * var(--ratioMolly)); left:calc(-198 * var(--ratioMolly)); top:calc(-264 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-01-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-02-picture { width:calc(113 * var(--ratioMolly)); left:calc(117 * var(--ratioMolly)); top:calc(19 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-03-picture { width:calc(70 * var(--ratioMolly)); left:calc(-118 * var(--ratioMolly)); top:calc(-293 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-03-img { transform: rotate(30deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-04-picture { width:calc(99 * var(--ratioMolly)); left:calc(169 * var(--ratioMolly)); top:calc(215 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-04-img { transform: rotate(-120deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-05-picture { width:calc(134 * var(--ratioMolly)); left:calc(-186 * var(--ratioMolly)); top:calc(-117 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-05-img { transform: rotate(-30deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-06-picture { width:calc(105 * var(--ratioMolly)); left:calc(106 * var(--ratioMolly)); top:calc(99 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-07-picture { width:calc(112.99 * var(--ratioMolly)); left:calc(-124 * var(--ratioMolly)); top:calc(236 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-07-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-08-picture {width:calc( 58 * var(--ratioMolly)); left:calc( -89 * var(--ratioMolly)); top:calc( 10 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-09-picture { width:calc(92 * var(--ratioMolly)); left:calc(59 * var(--ratioMolly)); top:calc(-40 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-09-img { transform: rotate(-75deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-10-picture { width:calc(87 * var(--ratioMolly)); left:calc(107 * var(--ratioMolly)); top:calc(-262 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-10-img { transform: rotate(-30deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-11-picture { width:calc(116.48 * var(--ratioMolly)); left:calc(-164 * var(--ratioMolly)); top:calc(107 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-11-img { transform: rotate(0deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-12-picture { width:calc(24 * var(--ratioMolly)); left:calc(217 * var(--ratioMolly)); top:calc(59 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="3"] .ppm__canvas-elt-12-img { transform: rotate(60deg);}

.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-01-picture { width:calc(119.84 * var(--ratioMolly)); left:calc(-285 * var(--ratioMolly)); top:calc(-333 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-02-picture { width:calc(148.94 * var(--ratioMolly)); left:calc(126 * var(--ratioMolly)); top:calc(33 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-03-picture { width:calc(91.39 * var(--ratioMolly)); left:calc(-180 * var(--ratioMolly)); top:calc(-374 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-04-picture { width:calc(132.79 * var(--ratioMolly)); left:calc(189 * var(--ratioMolly)); top:calc(285 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-05-picture { width:calc(174 * var(--ratioMolly)); left:calc(-270 * var(--ratioMolly)); top:calc(-144 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-06-picture { width:calc(141.72 * var(--ratioMolly)); left:calc(105 * var(--ratioMolly)); top:calc(134 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-07-picture { width:calc(138.99 * var(--ratioMolly)); left:calc(-182 * var(--ratioMolly)); top:calc(315 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-08-picture {width:calc( 71.79 * var(--ratioMolly)); left:calc( -139 * var(--ratioMolly)); top:calc( 22 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-09-picture { width:calc(119.61 * var(--ratioMolly)); left:calc(49 * var(--ratioMolly)); top:calc(-44 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-10-picture { width:calc(110.16 * var(--ratioMolly)); left:calc(109 * var(--ratioMolly)); top:calc(-327 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-10-img { transform: rotate(30deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-11-picture { width:calc(140.48 * var(--ratioMolly)); left:calc(-235 * var(--ratioMolly)); top:calc(154 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-11-img { transform: rotate(-60deg);}
.ppm__page .ppm__canvas-elts[data-item="elegant"][data-stage="4"] .ppm__canvas-elt-12-picture { width:calc(31.74 * var(--ratioMolly)); left:calc(256 * var(--ratioMolly)); top:calc(84 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-01-picture { width:calc(131.1 * var(--ratioMolly)); left:calc(115 * var(--ratioMolly)); top:calc(-356 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-02-picture { width:calc(141.4 * var(--ratioMolly)); left:calc(-219 * var(--ratioMolly)); top:calc(-377 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-02-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-03-picture { width:calc(49 * var(--ratioMolly)); left:calc(150 * var(--ratioMolly)); top:calc(-117 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-03-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-04-picture { width:calc(144.86 * var(--ratioMolly)); left:calc(-128 * var(--ratioMolly)); top:calc(269 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-05-picture { width:calc(121 * var(--ratioMolly)); left:calc(104 * var(--ratioMolly)); top:calc(171 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-06-picture { width:calc(150.13 * var(--ratioMolly)); left:calc(210 * var(--ratioMolly)); top:calc(83 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-07-picture { width:calc(60.05 * var(--ratioMolly)); left:calc(-229 * var(--ratioMolly)); top:calc(267 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-08-picture { width:calc(100 * var(--ratioMolly)); left:calc(126 * var(--ratioMolly)); top:calc(-76 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-09-picture { width:calc(117 * var(--ratioMolly)); left:calc(-111 * var(--ratioMolly)); top:calc(-124 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-09-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-10-picture { width:calc(55.54 * var(--ratioMolly)); left:calc(278 * var(--ratioMolly)); top:calc(-68 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-10-img { transform: rotate(-105deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-11-picture { width:calc(36.41 * var(--ratioMolly)); left:calc(-28 * var(--ratioMolly)); top:calc(167 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-12-picture { width:calc(62 * var(--ratioMolly)); left:calc(114 * var(--ratioMolly)); top:calc(107 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-12-img { transform: rotate(-15deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-13-picture { width:calc(266.67 * var(--ratioMolly)); left:calc(-305 * var(--ratioMolly)); top:calc(-18 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="3"] .ppm__canvas-elt-14-picture { width:calc(86.66 * var(--ratioMolly)); left:calc(157 * var(--ratioMolly)); top:calc(42 * var(--ratioMolly)); }

.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-01-picture { width:calc(131.1 * var(--ratioMolly)); left:calc(115 * var(--ratioMolly)); top:calc(-356 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-02-picture { width:calc(141.4 * var(--ratioMolly)); left:calc(-219 * var(--ratioMolly)); top:calc(-377 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-03-picture { width:calc(81.65 * var(--ratioMolly)); left:calc(140 * var(--ratioMolly)); top:calc(-198 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-04-picture { width:calc(144.86 * var(--ratioMolly)); left:calc(-128 * var(--ratioMolly)); top:calc(269 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-05-picture { width:calc(203.25 * var(--ratioMolly)); left:calc(61 * var(--ratioMolly)); top:calc(291 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-06-picture { width:calc(150.13 * var(--ratioMolly)); left:calc(210 * var(--ratioMolly)); top:calc(83 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-07-picture { width:calc(60.05 * var(--ratioMolly)); left:calc(-229 * var(--ratioMolly)); top:calc(267 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-08-picture { width:calc(169.08 * var(--ratioMolly)); left:calc(99 * var(--ratioMolly)); top:calc(-130 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-09-picture { width:calc(198.82 * var(--ratioMolly)); left:calc(-301 * var(--ratioMolly)); top:calc(-207 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-10-picture { width:calc(55.54 * var(--ratioMolly)); left:calc(278 * var(--ratioMolly)); top:calc(-68 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-11-picture { width:calc(36.41 * var(--ratioMolly)); left:calc(-28 * var(--ratioMolly)); top:calc(167 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-12-picture { width:calc(104.15 * var(--ratioMolly)); left:calc(80 * var(--ratioMolly)); top:calc(182 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-13-picture { width:calc(266.67 * var(--ratioMolly)); left:calc(-305 * var(--ratioMolly)); top:calc(-18 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"][data-stage="4"] .ppm__canvas-elt-14-picture { width:calc(86.66 * var(--ratioMolly)); left:calc(157 * var(--ratioMolly)); top:calc(42 * var(--ratioMolly)); }



/*
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-01-picture { width:calc(78 * var(--ratioMolly)); left:calc(135 * var(--ratioMolly)); top:calc(-209 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-02-picture { width:calc(84 * var(--ratioMolly)); left:calc(-62 * var(--ratioMolly)); top:calc(-221 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-02-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-03-picture { width:calc(49 * var(--ratioMolly)); left:calc(150 * var(--ratioMolly)); top:calc(-117 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-03-img { transform: rotate(-45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-04-picture { width:calc(85 * var(--ratioMolly)); left:calc(-7 * var(--ratioMolly)); top:calc(158 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-05-picture { width:calc(121 * var(--ratioMolly)); left:calc(104 * var(--ratioMolly)); top:calc(171 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-06-picture { width:calc(92 * var(--ratioMolly)); left:calc(187 * var(--ratioMolly)); top:calc(48 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-07-picture { width:calc(35 * var(--ratioMolly)); left:calc(-69 * var(--ratioMolly)); top:calc(161 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-07-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-08-picture { width:calc(100 * var(--ratioMolly)); left:calc(126 * var(--ratioMolly)); top:calc(-76 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-09-picture { width:calc(117 * var(--ratioMolly)); left:calc(-111 * var(--ratioMolly)); top:calc(-124 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-09-img { transform: rotate(45deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-10-picture { width:calc(32 * var(--ratioMolly)); left:calc(233 * var(--ratioMolly)); top:calc(-39 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-10-img { transform: rotate(-105deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-11-picture { width:calc(32 * var(--ratioMolly)); left:calc(31 * var(--ratioMolly)); top:calc(32 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-12-picture { width:calc(62 * var(--ratioMolly)); left:calc(114 * var(--ratioMolly)); top:calc(107 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-13-picture { width:calc(163 * var(--ratioMolly)); left:calc(-114 * var(--ratioMolly)); top:calc(38 * var(--ratioMolly)); }
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-13-img { transform: rotate(-15deg);}
.ppm__page .ppm__canvas-elts[data-item="vibrant"].before .ppm__canvas-elt-14-picture { width:calc(86.66 * var(--ratioMolly)); left:calc(157 * var(--ratioMolly)); top:calc(42 * var(--ratioMolly)); }

*/


.ppm__page .ppm__canvas-molly-copyright { position: absolute; top:auto;  width: 100vw; }
.ppm__page .ppm__canvas-molly-copyright-inside { width:calc(100% - 40px); margin:0 auto;}
.ppm__page .ppm__canvas-molly-copyright-picture { width:56px; }


@media (max-width: 768px) { 

    .ppm__page .ppm__canvas-mollys { --ratioMolly:calc(100vw / 390 * 114 / 234); }
    .ppm__page .ppm__canvas-molly-elts { --ratioMolly:calc(100vw / 390 * 114 / 234); }

    .ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture,
    .ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture,
    .ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture { width:130px; left: calc( 50% + 56px); top:calc(50vh + 110px - 305px); }





  .ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright,
    .ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright,
    .ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright { position: fixed; top:0; left:0; transform: translate(-50%, -50%); width: 100vw; height: 100vh; }

  .ppm__page .ppm__canvas[data-status="10"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright,
    .ppm__page .ppm__canvas[data-status="11"] .ppm__canvas-molly[data-item="vibrant"] .ppm__canvas-molly-copyright,
    .ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-molly[data-item="joyful"] .ppm__canvas-molly-copyright { position: absolute; top: auto; width: 100vw; bottom: calc( -200 * var(--ratioMolly)); left: -50vw; }

    
    .ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-elts[data-item="joyful"] .ppm__canvas-elts-inside { position: relative; top: -45px; left:-25px; }
    .ppm__page .ppm__canvas[data-status="12"] .ppm__canvas-molly[data-item="joyful"] .ppm__canvas-molly-inside { position: relative; top: -45px; left:-25px; }


    .ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright-inside,
    .ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright-inside,
    .ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright-inside { position: absolute; bottom: 0; left: 20px; }


}

@media (min-width: 769px) { 

    .ppm__page .ppm__canvas-molly-elts { --ratioMolly:1px; }

    .ppm__page .ppm__canvas[data-status="begin"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture,
    .ppm__page .ppm__canvas[data-status="07"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture,
    .ppm__page .ppm__canvas[data-status="08"] .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-picture { width:183px; left: calc( 50% - 52px); top:calc(50% + 202px); }

    .ppm__page .ppm__canvas-molly[data-item="vibrant"],
    .ppm__page .ppm__canvas-elts[data-item="vibrant"] { left: calc(50% - 10 * var(--ratioMolly)); }

    .ppm__page .ppm__canvas-molly[data-item="joyful"],
    .ppm__page .ppm__canvas-elts[data-item="joyful"] { left: calc(50% - 48 * var(--ratioMolly)); top: calc(50% - 73 * var(--ratioMolly)); }

    .ppm__page .ppm__canvas-molly[data-item="elegant"] .ppm__canvas-molly-copyright { bottom: calc(-50vh + ( 60 + 13 ) * var(--ratioMolly)); left: -50vw; }
    .ppm__page .ppm__canvas-molly[data-item="vibrant"] .ppm__canvas-molly-copyright { bottom: calc(-50vh + ( 60 + 13 ) * var(--ratioMolly)); left: calc(-50vw + 10 * var(--ratioMolly)); }
    .ppm__page .ppm__canvas-molly[data-item="joyful"] .ppm__canvas-molly-copyright { bottom: calc(-50vh + ( 60 - 73 ) * var(--ratioMolly)); left: calc(-50vw + 48 * var(--ratioMolly)); }
    
    .ppm__page .ppm__canvas-molly-copyright-inside { width:calc(100% - 64px); max-width: 1520px; }
    .ppm__page .ppm__canvas-molly-copyright-picture { width:84px; }


}






/*   product    */



.ppm__page .ppm__product-section[data-item="extra"] { background:#F0BAA1; }
.ppm__page .ppm__product-section[data-item="multi"] { background:#F2C6D4; }

.ppm__page .ppm__product-packshot { --ratioMollyProduct: calc(100vw / 390 ); --ratioMolly: calc(100vw / 390 * 114 / 202);
    position: relative;
    left: 50%;
    top: 0;
    height: calc(400 * var(--ratioMollyProduct) );
}



.ppm__page .ppm__product-packshot-inside {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
}

.ppm__page .ppm__product-packshot-picture { position: relative; }

.ppm__page .ppm__product-packshot[data-item="ef"] .ppm__product-packshot-inside { left: 50%; }
.ppm__page .ppm__product-packshot[data-item="ma"] .ppm__product-packshot-inside { left: 50%; }

.ppm__page .ppm__product-packshot-img { width: calc(114 * var(--ratioMollyProduct) ); transform:translate(-50%,-50%); }


.ppm__page .ppm__product-section .ppm__canvas-elts {
    position: absolute;
    top: 50% ;
    left: 0;
    width: 0;
    height: 0; opacity: 1;
}

.ppm__page .ppm__product-section .ppm__canvas-elts-inside {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
}

.ppm__page .ppm__product-section .ppm__canvas-elt { position:absolute; top:0; left:0; }



.ppm__page .ppm__product-elts {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0; 
}

.ppm__page .ppm__product-elts-inside {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
}

.ppm__page .ppm__product-elt { position:absolute; top:0; left:0; }

.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-01-picture { width:calc(38 * var(--ratioProductMolly)); left:calc(-143 * var(--ratioProductMolly)); top:calc(-92 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-02-picture { width:calc(47 * var(--ratioProductMolly)); left:calc(70 * var(--ratioProductMolly)); top:calc(22 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-03-picture { width:calc(35 * var(--ratioProductMolly)); left:calc(-100 * var(--ratioProductMolly)); top:calc(-96 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-03-img { transform: rotate(45deg);}
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-04-picture { width:calc(44 * var(--ratioProductMolly)); left:calc(53 * var(--ratioProductMolly)); top:calc(104 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-05-picture { width:calc(70 * var(--ratioProductMolly)); left:calc(-152 * var(--ratioProductMolly)); top:calc(-51 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-06-picture { width:calc(53 * var(--ratioProductMolly)); left:calc(40 * var(--ratioProductMolly)); top:calc(55 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-06-img { transform: rotate(60deg);}
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-07-picture { width:calc(43 * var(--ratioProductMolly)); left:calc(-125 * var(--ratioProductMolly)); top:calc(108 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-07-img { transform: rotate(-45deg);}
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-08-picture { width:calc(20 * var(--ratioProductMolly)); left:calc(-134 * var(--ratioProductMolly)); top:calc(-67 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-09-picture { width:calc(38 * var(--ratioProductMolly)); left:calc(51 * var(--ratioProductMolly)); top:calc(-8 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-10-picture { width:calc(37 * var(--ratioProductMolly)); left:calc(32 * var(--ratioProductMolly)); top:calc(-98 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-10-img { transform: rotate(-45deg);}
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-11-picture { width:calc(65 * var(--ratioProductMolly)); left:calc(-122 * var(--ratioProductMolly)); top:calc(23 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-11-img { transform: rotate(-60deg);}
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-12-picture { width:calc(12 * var(--ratioProductMolly)); left:calc(95 * var(--ratioProductMolly)); top:calc(50 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="1"] .ppm__product-elt-12-img { transform: rotate(60deg);}

.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-01-picture { width:calc(85.62 * var(--ratioProductMolly)); left:calc(-289 * var(--ratioProductMolly)); top:calc(-300 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-02-picture { width:calc(106.42 * var(--ratioProductMolly)); left:calc(172 * var(--ratioProductMolly)); top:calc(-52 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-03-picture { width:calc(65.3 * var(--ratioProductMolly)); left:calc(-180 * var(--ratioProductMolly)); top:calc(-296 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-04-picture { width:calc(94.79 * var(--ratioProductMolly)); left:calc(138 * var(--ratioProductMolly)); top:calc(129 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-05-picture { width:calc(146.16 * var(--ratioProductMolly)); left:calc(-303 * var(--ratioProductMolly)); top:calc(-201 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-06-picture { width:calc(101.25 * var(--ratioProductMolly)); left:calc(110 * var(--ratioProductMolly)); top:calc(28 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-07-picture { width:calc(99.3 * var(--ratioProductMolly)); left:calc(-254 * var(--ratioProductMolly)); top:calc(135 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-08-picture { width:calc(51.29 * var(--ratioProductMolly)); left:calc(-174 * var(--ratioProductMolly)); top:calc(-35 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-09-picture { width:calc(85.46 * var(--ratioProductMolly)); left:calc(128 * var(--ratioProductMolly)); top:calc(-117 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-10-picture { width:calc(79.13 * var(--ratioProductMolly)); left:calc(100 * var(--ratioProductMolly)); top:calc(-314 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-11-picture { width:calc(137.48 * var(--ratioProductMolly)); left:calc(-264 * var(--ratioProductMolly)); top:calc(-47 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="elegant"][data-stage="2"] .ppm__product-elt-12-picture { width:calc(22.67 * var(--ratioProductMolly)); left:calc(195 * var(--ratioProductMolly)); top:calc(10 * var(--ratioProductMolly)); }


.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-01-picture { width:calc(60.03 * var(--ratioProductMolly)); left:calc(-13 * var(--ratioProductMolly)); top:calc(-120 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-01-img { transform: rotate(-75deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-02-picture { width:calc(67 * var(--ratioProductMolly)); left:calc(-177 * var(--ratioProductMolly)); top:calc(-110 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-02-img { transform: rotate(60deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-03-picture { width:calc(39 * var(--ratioProductMolly)); left:calc(52 * var(--ratioProductMolly)); top:calc(-26 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-03-img { transform: rotate(-105deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-04-picture { width:calc(68.17 * var(--ratioProductMolly)); left:calc(-73 * var(--ratioProductMolly)); top:calc(191 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-04-img { transform: rotate(-45deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-05-picture { width:calc(91.6 * var(--ratioProductMolly)); left:calc(19 * var(--ratioProductMolly)); top:calc(204 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-06-picture { width:calc(71.66 * var(--ratioProductMolly)); left:calc(84 * var(--ratioProductMolly)); top:calc(103 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-07-picture { width:calc(29.87 * var(--ratioProductMolly)); left:calc(-212 * var(--ratioProductMolly)); top:calc(191 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-08-picture { width:calc(76.24 * var(--ratioProductMolly)); left:calc(36 * var(--ratioProductMolly)); top:calc(10 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-09-picture { width:calc(92 * var(--ratioProductMolly)); left:calc(-244 * var(--ratioProductMolly)); top:calc(-29 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-09-img { transform: rotate(-45deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-10-picture { width:calc(23 * var(--ratioProductMolly)); left:calc(121 * var(--ratioProductMolly)); top:calc(35 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-11-picture { width:calc(23 * var(--ratioProductMolly)); left:calc(-133 * var(--ratioProductMolly)); top:calc(93 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-12-picture { width:calc(49.14 * var(--ratioProductMolly)); left:calc(25 * var(--ratioProductMolly)); top:calc(150 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-12-img { transform: rotate(-60deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-13-picture { width:calc(127 * var(--ratioProductMolly)); left:calc(-246 * var(--ratioProductMolly)); top:calc(98 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-13-img { transform: rotate(-15deg);}
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="1"] .ppm__product-elt-14-picture { width:calc(86.66 * var(--ratioProductMolly)); left:calc(35 * var(--ratioProductMolly)); top:calc(-158 * var(--ratioProductMolly)); }

.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-01-picture { width:calc(87.03 * var(--ratioProductMolly)); left:calc(98 * var(--ratioProductMolly)); top:calc(-301 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-02-picture { width:calc(93.87 * var(--ratioProductMolly)); left:calc(-254 * var(--ratioProductMolly)); top:calc(-315 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-03-picture { width:calc(54.2 * var(--ratioProductMolly)); left:calc(114 * var(--ratioProductMolly)); top:calc(-198 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-04-picture { width:calc(96.17 * var(--ratioProductMolly)); left:calc(-194 * var(--ratioProductMolly)); top:calc(107 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-05-picture { width:calc(134.92 * var(--ratioProductMolly)); left:calc(61 * var(--ratioProductMolly)); top:calc(123 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-06-picture { width:calc(99.66 * var(--ratioProductMolly)); left:calc(160 * var(--ratioProductMolly)); top:calc(-14 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-07-picture { width:calc(39.87 * var(--ratioProductMolly)); left:calc(-261 * var(--ratioProductMolly)); top:calc(106 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-08-picture { width:calc(112.24 * var(--ratioProductMolly)); left:calc(88 * var(--ratioProductMolly)); top:calc(-154 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-09-picture { width:calc(131.98 * var(--ratioProductMolly)); left:calc(-308 * var(--ratioProductMolly)); top:calc(-204 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-10-picture { width:calc(36.47 * var(--ratioProductMolly)); left:calc(205 * var(--ratioProductMolly)); top:calc(-112 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-11-picture { width:calc(36.41 * var(--ratioProductMolly)); left:calc(-150 * var(--ratioProductMolly)); top:calc(-33 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-12-picture { width:calc(69.14 * var(--ratioProductMolly)); left:calc(75 * var(--ratioProductMolly)); top:calc(50 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-13-picture { width:calc(177.02 * var(--ratioProductMolly)); left:calc(-310 * var(--ratioProductMolly)); top:calc(-81 * var(--ratioProductMolly)); }
.ppm__page .ppm__product-elts[data-item="vibrant"][data-stage="2"] .ppm__product-elt-14-picture { width:calc(86.66 * var(--ratioProductMolly)); left:calc(35 * var(--ratioProductMolly)); top:calc(-158 * var(--ratioProductMolly)); }

.ppm__page .ppm__product-section .ppm__product-content { text-align: center; position: relative; top:0; left: 0; width: 100M; overflow: hidden; }
.ppm__page .ppm__product-section .ppm__product-content-top { width:calc(100% - 40px); margin: 0 auto; padding-top:24px; padding-bottom:50px; }
.ppm__page .ppm__product-section .ppm__product-content-bottom { width:calc(100% - 40px); margin: 0 auto; padding-bottom:50px; }

.ppm__page .ppm__product-title { font-size:29px; line-height:1.1875em; }
.ppm__page .ppm__product-subtitle { font-size:29px; line-height:1.1875em;  }
.ppm__page .ppm__product-chapeau { font-size:16px; line-height:1.2em; padding-top: 21px; padding-bottom: 24px; }
.ppm__page .ppm__product-text { font-size:14px; line-height:1.71em; }

.ppm__page .ppm__product-cta { padding-top:17px; }

.ppm__page .ppm__product-benefit { position:relative; top:0; left:0; width:calc(100% - 40px); margin: 0 auto; }
.ppm__page .ppm__product-benefit-inside { background:rgba(255,255,255,0.5); padding:19px 22px; max-width: 450px; }
.ppm__page .ppm__product-benefit-number { display:flex; flex-direction:row; align-items:center; text-align: left; }
.ppm__page .ppm__product-benefit-number-value { font-size:24px; line-height:1em; }
.ppm__page .ppm__product-benefit-number-text { text-transform:uppercase; font-size:14px; line-height:1.3em; padding-left: 16px; }
.ppm__page .ppm__product-benefit-legend { font-size:12px; line-height:1.3em; padding-top: 8px; }


@media(min-width:769px) {




    .ppm__page .ppm__product-section[data-item="extra"],
    .ppm__page .ppm__product-section[data-item="multi"] { display:none }

}





/*   gifts    */

.ppm__page .ppm__bloc-gifts { background:#faeadc; }

.ppm__page .ppm__gifts { width:calc(100% - 40px); margin: 0 auto; padding-top: 64px; padding-bottom: 50px; }
.ppm__page .ppm__gifts-suptitle { color:#E03D6B; font-size: 16px; line-height: 1.2em; text-align: center;  font-family: var(--GOTHAM-MEDIUM); padding-bottom: 12px; text-transform:uppercase; }
.ppm__page .ppm__gifts-title { font-size: 35px; line-height: 1.2em; text-align: center; padding-bottom: 16px; }
.ppm__page .ppm__gifts-text { font-size: 16px; line-height: 1.35em; text-align: center; max-width: 1000px; margin: 0 auto; }

.ppm__page .ppm__gifts-wrapper { padding-top:64px; width: 100%; }

.ppm__page .ppm__gifts-slider { display:flex; flex-direction:column; width: 100%; }

.ppm__page .ppm__gifts-product  { position: relative; top:0; left:0; width: 100%; }

.ppm__page .ppm__gifts-product-media {  position: relative; top:0; left:0; height: 356px; overflow: hidden; margin: 0 auto; display:flex; flex-direction:row; align-items:center; justify-content:center; }

.ppm__page .ppm__gifts-product-pictures { position:relative; }

.ppm__page .ppm__gifts-product[data-item="1"] .ppm__gifts-product-media { align-items:flex-end; }

.ppm__page .ppm__gifts-product[data-item="1"] .ppm__gifts-product-media { width: 165px; }
.ppm__page .ppm__gifts-product[data-item="2"] .ppm__gifts-product-media { width: 137px; }
.ppm__page .ppm__gifts-product[data-item="3"] .ppm__gifts-product-media { width: 222px; }
.ppm__page .ppm__gifts-product[data-item="4"] .ppm__gifts-product-media { width: 194px; }

.ppm__page .ppm__gifts-product-picture { position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0; }
.ppm__page .ppm__gifts-product-picture[data-item="0"] { position: relative;  }

.ppm__page .ppm__gifts-product[data-visible="0"] .ppm__gifts-product-picture[data-item="0"],
.ppm__page .ppm__gifts-product[data-visible="1"] .ppm__gifts-product-picture[data-item="1"],
.ppm__page .ppm__gifts-product[data-visible="2"] .ppm__gifts-product-picture[data-item="2"],
.ppm__page .ppm__gifts-product[data-visible="3"] .ppm__gifts-product-picture[data-item="3"] { opacity:1; }


.ppm__page .ppm__gift-content { padding-top:16px; }
.ppm__page .ppm__gift-title { font-size: 14px; line-height: 1.45em; text-align: center; }

.ppm__page .ppm__gifts-cta { padding-top:40px; text-align:center; }


@media(max-width:768px) {


    .ppm__page .ppm__gifts-product { padding-bottom: 40px; }
    .ppm__page .ppm__gifts-product-media { height: auto; max-height: 356px; }
    .ppm__page .ppm__gifts-product-content { padding-top: 12px; }

}

@media(min-width:769px) {

    .ppm__page .ppm__gifts { width: calc(100% - 64px); max-width: 1520px; padding-top: 64px; padding-bottom: 64px; }

    .ppm__page .ppm__gifts-slider { display:flex; flex-direction:row; gap: 32px; }
    .ppm__page .ppm__gifts-product  { width: 25%; }

    .ppm__page .ppm__gifts-title { font-size: 35px; line-height: 1.2em;  }

    .ppm__page .ppm__gifts-product[data-item="1"] .ppm__gifts-product-media { padding-bottom: 30px; }

}






/*   lists    */

.ppm__page .ppm__lists { width:100%; margin: 0 auto; padding-top: 64px; overflow: hidden; }
.ppm__page .ppm__lists-suptitle { color:#E03D6B; font-size: 16px; line-height: 1.2em; text-align: center;  font-family: var(--GOTHAM-MEDIUM); padding-bottom: 12px; text-transform:uppercase; }
.ppm__page .ppm__lists-title { font-size: 35px; line-height: 1.2em; text-align: center; padding-bottom: 16px; }

.ppm__page .ppm__lists-wrapper { padding-top:24px; }

.ppm__page .ppm__lists-products { display: flex; flex-direction: row; justify-content: center; }
.ppm__page .ppm__lists-product  { position: relative; top:0; left:0; }


@media(max-width:768px) {

    .ppm__page .ppm__bloc-lists { width:100%; }
    .ppm__page .ppm__lists-texts { width:calc(100% - 40px); margin:0 auto; }
    .ppm__page .ppm__lists-product { width: 100%; }

}


@media(min-width:769px) {

    .ppm__page .ppm__lists-wrapper { padding-top:64px; }

    .ppm__page .ppm__lists { width: calc(100% - 64px); max-width: 1520px; padding-top: 64px; }
    .ppm__page .ppm__lists-products { gap: 32px; margin-bottom: 32px; }
    .ppm__page .ppm__lists-product { width: 100%; max-width: 356px; }
    .ppm__page .ppm__lists-title { font-size: 35px; line-height: 1.2em; }

}






/* legendes */

.ppm__page .ppm__bloc-legendes { padding-top:60px; padding-bottom:50px; }

.ppm__page .ppm__legendes { text-align: left; width: calc(100% - 40px); margin: 0 auto; }
.ppm__page .ppm__legende { font-size: 10px; line-height: 1.45em; }


@media (min-width: 768px) { 

   .ppm__page .ppm__bloc-legendes { padding-top:56px; padding-bottom:50px; }

   .ppm__page .ppm__legendes { max-width: 1520px; width: calc(100% - 64px); }
   .ppm__page .ppm__legende { text-align: left; }

}








/* Swiper */

.ppm__page .swiper-container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   display: block;
}

.ppm__page .ppm__innovation-slider .swiper-container { overflow: unset; }
.ppm__page .ppm__anchors-slider .swiper-container { overflow: unset; }
.ppm__page .ppm__innovation-slider .swiper-container { overflow: unset; }

.ppm__page .ppm__stories-slider .swiper-container { overflow: unset; }
.ppm__page .ppm__popin-inside[data-popin-inside-el="ppm__popin_arthritis"] .swiper-container { overflow: unset; }

.ppm__page .swiper-container-initialized { opacity: 1; }

.ppm__page .swiper-container-no-flexbox .swiper-slide { float: left; }

.ppm__page .swiper-container-vertical > .swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.ppm__page .swiper-wrapper {
   position: relative;
   /* width: 100%; */
   height: 100%;
   /* z-index: 1; */
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: nowrap;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform,-webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
.ppm__page .swiper-container-android .swiper-slide,
.ppm__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}
.ppm__page .swiper-container-multirow > .swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.ppm__page .swiper-container-free-mode > .swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto;
}
.ppm__page .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
}

.ppm__page .swiper-slide:before,.swiper-slide:after { content: ""; display: table; }
.ppm__page .swiper-slide:after { clear: both; }

.ppm__page .swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.ppm__page .swiper-container-autoheight,
.ppm__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}
.ppm__page .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
}

/* IE10 Windows Phone 8 Fixes */
.ppm__page .swiper-container-wp8-horizontal,
.ppm__page .swiper-container-wp8-horizontal > .swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.ppm__page .swiper-container-wp8-vertical,
.ppm__page .swiper-container-wp8-vertical > .swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-backface-hidden .swiper-slide {
   transform:translateZ(0);
   -webkit-backface-visibility:hidden;
   backface-visibility:hidden
}

.ppm__page .swiper-button {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  z-index: 10;
  cursor: pointer;
}
.ppm__page .swiper-button:after { content:""; background-size: 75% auto; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.ppm__page .ppm__game-container .swiper-button::after { }

.ppm__page .swiper-button:focus { outline: none; }

.ppm__page .swiper-button-prev.swiper-button-disabled,
.ppm__page .swiper-button-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: auto;
  pointer-events: none;
}
.ppm__page .swiper-button-prev,
.ppm__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
  left: -28px;
  right: auto;
  top: calc(50% - 12.5px);
}
.ppm__page .swiper-button-prev::after,
.ppm__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
  background-image: url(../common/arrow-left-grey-icon.svg);
}
.ppm__page .swiper-button-next,
.ppm__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
  right: -28px;
  left: auto;
  top: calc(50% - 12.5px);
}
.ppm__page .swiper-button-next:after,
.ppm__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
  background-image: url(../common/arrow-right-grey-icon.svg);
}

.ppm__page .swiper-button-lock {
  display: none;
}

.ppm__page .swiper-pagination {
   position: relative; 
   top:0; 
   left:50%;
   transform:translateX(-50%);
   text-align: center;
}

.ppm__page .swiper-pagination.swiper-pagination-hidden {
   opacity:0
}

.ppm__page .swiper-pagination-bullet {
   width:16px;
   height:16px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   opacity:1;
   position: relative;
}
.ppm__page .swiper-pagination-bullet:after {
   content: "";
   position: relative;
   width:8px;
   height:8px;
   display:block;
   border-radius:4px;
   background:#D3CCC8;
   opacity:1
}
.ppm__page button.swiper-pagination-bullet {
   border:none;
   margin:0;
   padding:0;
   box-shadow:none;
   -webkit-appearance:none;
   appearance:none
}
.ppm__page .swiper-pagination-bullet:focus-visible { outline: none; box-shadow: 0 0 0 0px #fff,0 0 0 2px #6893d2 !important; border-radius:4px }

.ppm__page .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor:pointer
}
.ppm__page .swiper-pagination-bullet:only-child {
   display:none!important
}
.ppm__page .swiper-pagination-bullet-active:after {
   opacity:1;
   background:#333;
}

.ppm__page .swiper-scrollbar {
  position:relative;
  left:0;
  height:4px;
  background:#E9E3DE;
  box-sizing:border-box;
  z-index:10;
  border-radius:2px
}
.ppm__page .swiper-scrollbar span {
  width:25%;
  position:absolute;
  background:#797674;
  height:100%;
  border-radius:2px;
  top:0px;
  left:0px;
  animation:motion-scrollbar-handle 4s infinite
}
.ppm__page .wrapper {
  transform:translateX(calc(320px / 2 - 160px / 2 - 16px))
}

.ppm__page .swiper-notification { display: none; }

/*
.ppm__page .swiper-wrapper {
 justify-content: center;
}

@media screen and (max-width:2289px){

.ppm__page .swiper-wrapper {
 justify-content: unset;
}
}

*/



.ppm__page .swiper-control { display: flex; flex-direction:row; align-items: center; justify-content:space-between; width: 100%; }
.ppm__page .swiper-control.ppm__center { justify-content:center; }

.ppm__page .swiper-control .swiper-pagination { left:0; transform:unset; text-align: left; }

.ppm__page .swiper-buttons { display: flex; flex-direction:row; gap:16px; }
.ppm__page .swiper-control .swiper-button { position: relative; left:0; width: 42px; height: 42px; background: #fff; border:solid 1px #B0A9A5; border-radius: 5px; overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ppm__page .swiper-control .swiper-button::after { width:24px; height:24px; }

.ppm__page .swiper-control .swiper-button:hover { color: var(--COLOR-DEFAULT); border: 1px solid #797674; background: #fff; box-shadow: 0px 0px 7px 0px #00000026; }
.ppm__page .swiper-control .swiper-button:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 2px #6893d2 !important; }


/*
.ppm__page .swiper-control .swiper-pagination-bullet { transition:width 0.3s; }
.ppm__page .swiper-control .swiper-pagination-bullet-active { width: 40px; }
.ppm__page .swiper-control .swiper-pagination-bullet::after { transition:width 0.3s; }
.ppm__page .swiper-control .swiper-pagination-bullet-active::after { width: 32px; }
*/

.ppm__page .swiper-control.ppm__white .swiper-button-prev::after,
.ppm__page .swiper-control.ppm__white .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .ppm__page .swiper-control.ppm__white .swiper-button-next::after {
  background-image: url(../common/arrow-left-white-icon.svg);
}

.ppm__page .swiper-control.ppm__white .swiper-button-next:after,
.ppm__page .swiper-control.ppm__white .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .ppm__page .swiper-control.ppm__white .swiper-button-prev:after {
  background-image: url(../common/arrow-right-white-icon.svg);
}


.ppm__page .swiper-control.ppm__white .swiper-pagination-bullet:after { background: #D3CCC8; }
.ppm__page .swiper-control.ppm__white .swiper-pagination-bullet-active:after { background:#fff; }
.ppm__page .swiper-control.ppm__charcoal .swiper-pagination-bullet:after { background: #D3CCC8; }
.ppm__page .swiper-control.ppm__charcoal .swiper-pagination-bullet-active:after { background:#333; }



@media (max-width: 768px) { 

   .ppm__page .swiper-control { justify-content:center; margin-top:32px; }
   .ppm__page .swiper-control .swiper-buttons { display:none; }


 /*
 .ppm__page .swiper-button-prev,
 .ppm__page .swiper-container-rtl .swiper-button-next,
 html[dir="rtl"] .swiper-button-next,
 .ppm__page .swiper-button-next,
 .ppm__page .swiper-container-rtl .swiper-button-prev,
 html[dir="rtl"] .swiper-button-prev { display: none; }

*/
}



@media (min-width: 769px) { 

   .ppm__page .ppm__anchors .swiper-control { display:none; }

   .ppm__page .popin__content .swiper-control .swiper-buttons { display:none; }

}