{"archived":0,"globalCss":":root {\n /* Règles CSS couleurs */\n --pm-primary-color: black;\n --pm-secondary-color: #A7A7A7;\n \t--pm-tertiary-color: grey;\n }","mainStage":0,"name":"Awin - Recap 1","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"15px","right":"15px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n top: 0vh;\n right: 0px;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background-color:transparent;\n border-radius: 100px;\n }\n .line{\n position: absolute;\n background-color:white;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n border-radius: 100px;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n @media only screen and (max-width: 670px) {\n \t.perfmaker-sidebar-wrapper {\n height: 80% !important;\n width: 90% !important;\n margin-left:5% !important;\n \t}\n } \n \n \n</style>\n\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: \"Futura\";\n src: url(\"https://img.perfmaker.net/812/1642690439_Futura.woff2\")\n }\n @font-face {\n font-family: \"Futura Bold\";\n src: url(\"https://img.perfmaker.net/812/1645725017_FuturaStdHeavy.otf\")\n }\n\n \n #template-root {\n width: 100%;\n height: 100%;\n border-radius: 15px;\n font-family: \"Futura\";\n }\n \n .template-App {\n width: 100%;\n height: 100%;\n \n background-color: #EBEBEB;\n background-position:center;\n \tbackground-size:cover;\n border-radius: 15px;\n }\n .template-App-header{\n position:relative;\n \theight:5vh;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n .template-App-header img {\n width: calc(70px + 2vh);\n object-fit: cover;\n margin-top: 10vh;\n }\n \n .template-App-subheader {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n width: 100%;\n \theight:90vh;\n \n }\n\n .template-App-subheader .container {\n padding: 10px;\n box-sizing: border-box;\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .template-App-subheader .container form {\n \tdisplay: flex;\n position: relative;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin: 0;\n box-sizing: border-box;\n }\n \n .template-App-subheader .container form input.perfmaker-form-field {\n \tborder:none;\n \theight: calc(20px + 2.5vh);\n padding: 1.75vh 3vw;\n margin-bottom: calc(5px + 2vh);\n width:100%;\n \n }\n ::placeholder{\n font-family: \"Futura\";\n font-size:calc(8px + .8vh + .8vw);\n \n }\n \n \tinput.button {\n font-size: calc(7px + 1.2vh);\n border: none;\n background-color: var(--pm-secondary-color);\n padding: 1.5vh 3vh; \n font-family: \"Futura\";\n font-weight: 700;\n text-transform:uppercase;\n cursor: pointer;\n transition:all ease .4s;\n font-weight: 400;\n width:100%;\n \t}\n .button:hover{\n \ttransform:scale(0.98);\n transition:all ease .4s;\n }\n .template-app-subheader input:focus {\n outline: none;\n}\n \n .template-App-subheader .container h1 {\n color: var(--pm-primary-color);\n font-size: calc(17px + 2.5vh);\n font-weight: 600;\n font-family: \"Futura\";\n margin-left: 5%;\n margin-top: 3vh;\n margin-bottom: 1vh;\n width: 105%;\n text-align: left;\n line-height: 1.1em;\n }\n \n .template-App-subheader .container h1.bis {\n font-size: calc(10px + 1.5vh);\n text-align: center;\n font-weight: 700;\n font-family: \"Futura\";\n margin: 0;\n margin-top:3vh;\n margin-bottom: 3vh;\n color: white;\n font-weight: 500;\n line-height: 1.1em;\n width: 100%;\n }\n \n \t.pm-subtitle{\n font-size: calc(11px + 1vh);\n text-align: left;\n color: color: var(--pm-primary-color);;\n margin-top: 1vh;\n \n }\n \n .template-App-subheader .footer {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n width: 80%;\n flex-direction: column;\n color: white;\n margin-bottom: 5%;\n }\n \n .template-App-subheader .footer p {\n margin: 0;\n margin-bottom: calc(5px + 1vh);\n font-size: calc(8px + 1.5vh);\n }\n \n \tbutton.bottom-btn {\n position: relative;\n padding: 1.5vh 10%;\n color: var(--pm-primary-color);\n font-size: calc(10px + 0.5vh);\n text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);\n text-decoration: none;\n background: var(--pm-secondary-color);\n;\n opacity: 1;\n border: none;\n font-weight: bold;\n cursor: pointer;\n font-family: \"Futura\";\n transition: all ease 0.3s;\n }\n button.bottom-btn:hover {\n transform:scale(0.98);\n transition:all ease .4s;\n }\n \t\n \t.template-App-subheader .succes {\n margin: 14vh auto;\n }\n \n .checkbox{\n width:90%;\n display:flex;\n align-items:center;\n justify-content:center;\n align-content:center;\n margin-bottom:20px;\n }\n\n #optin{\n width:30px;\n }\n.checkbox input {\n margin:0 5% 0 0 !important;\n }\n .checkbox label{\n font-size: calc(10px + 0.5vh); \n width: 90%;\n display: inline;\n vertical-align: top;\n color: var(--pm-primary-color);\n }\n \n .success {\n display: none;\n }\n \n</style>\n\n<div id=\"template-root\">\n <div class=\"template-App\">\n <div class=\"template-App-header\">\n \t<img src=\"https://img.perfmaker.net/1101/1675954845_Logo.png\"/>\n </div>\n <div class=\"template-App-subheader\">\n \n <div class=\"container\">\n \n <form class=\"perfmaker-form\" data-onsubmit-action=\"SEND_BASKET\">\n <h1>Vous souhaitez finaliser votre commande <br><span style=\"color:var(--pm-secondary-color)\">plus tard ?</span></h1>\n\n <p class=\"pm-subtitle\">Saisissez votre e-mail et nous vous\n enverrons le récapitulatif de votre panier</p>\n <input placeholder=\"E-mail\" id=\"email\" type=\"text\" name=\"email\" class=\"perfmaker-form-field\" data-type=\"email\" data-required=\"true\" data-error-msg=\"Votre adresse mail n'est pas valide\"/>\n <div class=\"checkbox\">\n <input type=\"checkbox\" id=\"optin\" name=\"optin\" class=\"perfmaker-form-field\" data-required=\"true\" data-error-msg=\"<span style='color:red;font-size: calc(8px + 0.5vh); bottom: 10px'>Merci d'accepter les conditions d'utilisation.</span><br>\" />\n <label style=\"text-align:left;\" for=\"optin\" class=\"formfield-checkbox\" >J'accepte de recevoir mon panier par email.</label>\n </div> \n \n <!-- DEUXIÈME OPTIN EN OPTION\n\n<div class=\"checkbox\">\n <input type=\"checkbox\" id=\"optin\" name=\"optin\" class=\"perfmaker-form-field\" data-required=\"false\" data-error-msg=\"<span style='color:red;font-size: calc(8px + 0.5vh); bottom: 10px'>Merci d'accepter les conditions d'utilisation.</span><br>\" />\n <label style=\"text-align:left;\" for=\"optin\" class=\"formfield-checkbox\" >J'accepte de recevoir d'autres communications de la marque</label>\n </div> \n\n-->\n <input class=\"button perfmaker-action\" type=\"submit\" value=\"Envoyer mon panier\" data-onclick=\"SHOW_SIDEBAR\"/>\n </form>\n <div class=\"perfmaker-form-success success\">\n <h1 class=\"bis\">Votre panier a été envoyé avec succès</h1>\n <button class=\"perfmaker-action bottom-btn\" data-onclick=\"HIDE_SIDEBAR\" data-url=\"\">Fermer</button>\n </div>\n </div>\n </div>\n </div>\n</div>","name":"Scène 0: Sidebox","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}
