{"archived":0,"globalCss":null,"mainStage":0,"name":"MEA stock épuisé","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"0px","left":"0px"},"coverStyle":{"opacity":".6","transition":"opacity .5s linear","background-color":"black"},"iframeStyle":{},"wrapperClose":{"transition":"right .3s linear","right":"-400px"},"wrapperHidden":{"width":"370px","height":"450px","right":"-400px","top":"5vh","z-index":"1","overflow":"hidden","display":"flex","justify-content":"center","align-items":"center"},"wrapperOpen":{"transition":"right .3s linear","right":"0"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n top: 0vh;\n left: 0vw;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background:transparent;\n }\n .line{\n position: absolute;\n background:black;\n width: 20px;\n height: 1px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n \n }\n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 320px !important;\n height: 420px !important;\n min-height: 250px !important; \n top: unset !important;\n bottom: 50% !important;\n right: 50% !important;\n transform: translateX(50%) translateY(50%);\n }\n }\n</style>\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>\n@font-face {\n font-family: \"Calluna\";\n src: url(\"https://img.perfmaker.net/1129/1662457050_calluna-regular.woff\") format(\"woff2\");\n}\n@font-face {\n font-family: \"Conduit-ITC\";\n src: url(\"https://img.perfmaker.net/1129/1662457104_Conduit-ITC-Regular.woff\") format(\"woff2\");\n}\n\n .pm-root{\n background-color: white;\n display: flex;\n flex-direction: column;\n align-items:center;\n width: 100%;\n height: 100%;\n overflow:hidden;\n}\n.pm-first-container{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content:flex-end;\n width: 90%;\n \theight:56%;\n}\n.pm-logo{\n background-image: url(\"https://img.perfmaker.net/1129/1663256208_dugas.png\");\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n width: 100%;\n height: 6vh;\n margin: 4vh 0 1.5vh 0;\n position:absolute;\n top:0vh;\n \n}\n.pm-title{\n color: black;\n align-self: flex-start;\n text-align: left;\n font-size: calc(13px + 1.5vh + 1.5vw);\n margin:5vh 0 1.5vh 0;\n font-weight: 600;\n font-family: \"Calluna\";\n}\n.pm-subtitle{\n color: black;\n align-self: flex-start;\n text-align: left;\n font-size: calc(10px + 1.25vh + 1.5vw);\n width: 23ch;\n margin: 2vh 0;\n font-weight: 400;\n font-family: \"Calluna\";\n}\n.brand-name{\n color: #BF8B02;\n text-transform: uppercase;\n text-align: center;\n margin: 4vh 0 2.5vh 0;\n font-size: calc(14px + 2vh + 2vw);\n font-family: \"Conduit-ITC\";\n}\n.pm-second-container{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \tgap:4vh;\n width: 100%;\n \theight:44%;\n background-image: url(\"https://img.perfmaker.net/1129/1662457176_image%2019.png\");\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n.perfmaker-action{\n width: 90%;\n text-transform: uppercase;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4.25vh 0;\n cursor: pointer;\n border: none;\n font-family: \"Conduit-ITC\";\n transition: all ease .3s;\n position: relative;\n font-size: calc(10px + 1vh + 1.5vw);\n}\n.bottom-btn1{\n background-color: white;\n color: #BF8B02;\n}\n.bottom-btn2{\n color: black;\n background-color: #BF8B02;\n}\n\n.bottom-btn1:after{\n content: \"\";\n width: 0;\n height: 1px;\n background-color: #BF8B02;\n position: absolute;\n bottom: 20%;\n left: 50%;\n transform: translateX(-50%);\n transition:all ease .3s;\n}\n.bottom-btn2:after{\n content: \"\";\n width: 0;\n height: 1px;\n background-color: black;\n position: absolute;\n bottom: 20%;\n left: 50%;\n transform: translateX(-50%);\n transition:all ease .3s;\n}\n.perfmaker-action:hover:after{\n width: 50%;\n transition:all ease .3s;\n}\n \n @media only screen and (width: 320px) {\n .pm-logo {\n display: none;\n }\n }\n\n</style>\n\n\n\n<div class=\"pm-root\">\n <div class=\"pm-first-container\">\n <div class=\"pm-logo\"></div>\n <h1 class=\"pm-title\">Ce produit vous intéresse ?</h1>\n <p class=\"pm-subtitle\">Découvrez les autres produits de la marque</p>\n <p class=\"brand-name perfmaker-data\" data-key=\"BASKET