{"archived":0,"globalCss":null,"mainStage":0,"name":"Timer Bandeau Soldes","stages":[{"__typename":"ScenarioStages","customScript":"https://img.perfmaker.net/1123/1675354467_index.js","displayTimeOnlyUntilClick":false,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"height":"30px","width":"30px","position":"absolute","right":"10px","top":"10px"},"coverStyle":{"display":"none"},"iframeStyle":{},"wrapperClose":{"right":"-100%","transition":"all 0.3s linear"},"wrapperHidden":{"width":"100vw","height":"100px","bottom":"-100%"},"wrapperOpen":{"transition":"all .3s linear","bottom":"0","right":"0"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n width: 30px;\n height: 30px;\n cursor: pointer;\n background-color:transparent;\n border-radius: 100px;\n }\n .line{\n position: absolute;\n background-color:white;\n width: 15px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n .lines:hover .line1{\n transform: rotate(0deg);\n height:2px;\n }\n .lines:hover .line2{\n transform: rotate(0deg);\n height:2px;\n }\n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n\n \t\n @media screen and (max-width:1050px){\n .perfmaker-sidebar-wrapper {\n height:240px!important;\n }\n .perfmaker-close-button{\n \n }\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>\n\n","htmlContent":"<style>\n \n @import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');\n @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');\n \n.pm-root{\n font-family: \"Times New Roman\", Times, serif;\n \tcolor:white;\n height:100%;\n width:100%;\n background-color:black;\n display:flex;\n flex-direction:row;\n justify-content:center;\n align-items:center;\n background-image: url(\"\");\n background-position:center;\n background-repeat: no-repeat;\n background-size:cover;\n overflow:hidden;\n \tgap:5%;\n }\n .text{\n font-weight:100;\n \tfont-size:calc(18px + .5vw);\n text-align:center;\n }\n .text span{\n\tfont-weight:900;\n }\n \n #timer{\n margin:5px 0;\n display:flex;\n \tgap:50px;\n font-family: 'Poppins', sans-serif;\n }\n \n .jour,.heures,.minutes,.secondes{\n\n text-align:center;\n }\n .nbj, .nbh, .nbm, .nbs{\n \tfont-size:calc(30px + .5vw);\n font-weight:700;\n margin-bottom: -10px;\n\n }\n .texttimer{\n font-size:calc(8px + .5vw);\n }\n \n .button{\n \tbackground-color:white;\n color:black;\n cursor:pointer;\n padding:10px 50px;\n font-weight:700;\n font-family: 'Public Sans', sans-serif;\n }\n \n button.fermeture{\n border: none;\n padding: 0vw;\n color: white;\n border-radius: 3px;\n font-size: 15px;\n background-color: black;\n font-weight: 600;\n cursor: pointer;\n font-family: 'Titillium Web', sans-serif;\n position: absolute;\n top: 10px;\n width: 4%;\n right: 0;\n \t\n\n }\n \n @media screen and (max-width:1050px){\n .pm-root{\n flex-direction:column;\n border-radius:20px 20px 0 0 ;\n justify-content:center;\n }\n .text{\n \twidth:80%;\n }\n }\n</style>\n\n<div class=\"pm-root\">\n <div class=\"text\">\n Derniers jours pour profiter des <span>soldes</span> !\n </div>\n <div id=\"timer\">\n <div class=\"jour\">\n <div class=\"nbj\">1</div>\n <div class=\"texttimer\">Jours</div>\n </div>\n <div class=\"heures\">\n <div class=\"nbh\">4</div>\n <div class=\"texttimer\">Heures</div>\n </div>\n <div class=\"minutes\">\n <div class=\"nbm\">58</div>\n <div class=\"texttimer\">Minutes</div>\n </div>\n <div class=\"secondes\">\n <div class=\"nbs\">21</div>\n <div class=\"texttimer\">Secondes</div>\n </div>\n \n </div>\n <a data-url=\"\" class=\"button perfmaker-action\" data-onclick=\"HIDE_SIDEBAR\">J'EN PROFITE</a>\n</div>\n\n\n\n","name":"SideBox","notBlocking":false}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}
