{"archived":0,"globalCss":":root {\n /* Règles CSS couleurs */\n --pm-primary-color: black;\n --pm-secondary-color: white;\n \t--pm-tertiary-color: grey;\n \n /* Sidebox Title configuration */\n --pm-font-family-1: 'Poppins', sans-serif;\n \t--pm-font-family-2: 'Poppins', sans-serif;\n }","mainStage":0,"name":"Awin - Historique de nav 1","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":false,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","right":"calc(50% - 120px)","top":"44px"},"coverStyle":{"opacity":".6","transition":"opacity .5s linear","background-color":"transparent"},"iframeStyle":{},"wrapperClose":{"transition":"all .4s linear","bottom":"-100%"},"wrapperHidden":{"width":"90vw","height":"250px","bottom":"-100%","right":"calc(50% - 45vw)"},"wrapperOpen":{"transition":"all .4s linear","bottom":"0vh"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n\n width:40px;\n height: 40px;\n cursor: pointer;\n background-color:transparent;\n border-radius: 0 10px 10px 0;\n }\n .line{\n position: absolute;\n background-color:black;\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 only screen and (max-width: 640px) {\n .perfmaker-sidebar-wrapper {\n bottom: 0vh !important;\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>\n","htmlContent":"<style>\n @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');\n \n \n \n .pm-root{\n height:100%;\n width:100%;\n display:flex;\n position:relative;\n flex-direction:column;\n align-items:center;\n justify-content:flex-end;\n font-family: var(--pm-font-family-1);\n \toverflow:hidden;\n background-color:transparent;\n position:relative;\n \n }\n .pm-title{\n \tbackground-color: var(--pm-secondary-color);\n font-family: var(--pm-font-family-1);\n margin-bottom: 0px;\n width: 350px;\n text-align: center;\n padding: 3vh 0 0 0;\n border-radius: 10px 10px 0 0;\n z-index:10;\n border-top:0.1px solid black;\n border-left:0.1px solid black;\n border-right:0.1px solid black;\n }\n \n \n \n .box-scroll{\n background-color: var(--pm-secondary-color);\n position: relative;\n padding: 0 10vw;\n height: 70%;\n max-width: 78%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n overflow-y: scroll;\n \toverflow: -moz-scrollbars-none;\n border-radius: 10px 10px 0 0;\n box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;\n }\n .logo{\n position: fixed !important;\n left: 50%;\n transform: translateX(-50%);\n top:35px !important;\n height:25px !important;\n object-fit:contain;\n width:unset !important;\n }\n \n .box-scroll::-webkit-scrollbar {\n display: none; /* Suppression de la cross bar */\n }\n \n .produits{\n display: flex;\n flex-direction: row;\n box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;\n padding: 10px;\n margin:0px 10px ;\n min-width:185px;\n width: 200px;\n height: calc(100% - 55px);\n position:relative;\n }\n .produits:hover{\n box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;\n }\n .produits img{\n height: 60px;\n object-fit: contain;\n width:60%;\n }\n \n \n \n \n .titreproduit{\n \tmargin: 6px 0 6px 0;\n text-align: left;\n display: -webkit-box;\n max-width: 100%;\n width: 100%;\n line-height: 1;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n font-weight: 600;\n font-size: 12px;\n font-family: var(--pm-font-family-2);\n }\n \n .prix{\n \tcolor:var(--pm-primary-color);\n font-weight:500;\n text-align:left;\n font-family: var(--pm-font-family-2);\n }\n\n \n .ordre{\n \tdisplay:flex;\n flex-direction:column;\n width:60%;\n justify-content: center;\n }\n \n \n #link {\n text-decoration:none;\n color:#000;\n cursor:pointer;\n width:80%;\n display:flex;\n flex-direction:row;\n gap :5%;\n justify-content:center;\n align-items:center;\n }\n \n \n \n .product-cta{\n \tbackground-color:var(--pm-primary-color);\n color:white;\n border:1px solid var(--pm-primary-color);\n font-size:calc(7px + 1vh);\n margin:0;\n margin-top:10px;\n padding:1.5vh 0;\n cursor:pointer;\n transition:all ease .3s;\n display:flex;\n justify-content:center;\n align-items:center;\n \n }\n .product-cta:hover{\n \tbackground-color:var(--pm-secondary-color);\n color:var(--pm-primary-color);\n }\n .link{\n \tposition: absolute;\n height: 100%;\n width: 100%;\n cursor: pointer;\n top: 0;\n left: 0;\n }\n @media only screen and (max-width: 640px) {\n .pm-title{\n width:250px !important;\n }\n }\n \n</style>\n\n<div class=\"pm-root\">\n \n \n <p class=\"pm-title\">Derniers produits vus</p>\n <div class=\"box-scroll perfmaker-for\" data-key=\"BASKET_HISTORICS.historique\" data-varname=\"historique\">\n <div class=\"produits\" id=\"produit\">\n <a class=\"perfmaker-action perfmaker-data link\" data-url=\"${historique.link}\" data-onclick=\"KEEP_SIDEBAR_OPEN\" data-target=\"_blank\" target=\"_blank\"></a>\n \t<a id=\"link\"class=\"perfmaker-action perfmaker-data\" data-url=\"${historique.link}\" data-onclick=\"KEEP_SIDEBAR_OPEN\" data-target=\"_blank\" target=\"_blank\">\n \n <img class=\"perfmaker-data\" data-attribute-src=\"${historique.product_image}\">\n <div class=\"ordre\">\n <!--titre du produit-->\n <div class=\"titreproduit perfmaker-data\" data-key=\"historique.product_name\">Titre produit</div>\n \n <!--prix-->\n \n \n <a class=\"perfmaker-action product-cta\" data-url=\"${historique.link}\" data-onclick=\"KEEP_SIDEBAR_OPEN\" data-target=\"_blank\" target=\"_blank\">Voir le produit</a>\n </div>\n \n\t</a>\n </div>\n </div>\n \n </div>\n\n\n\n\n\n\n\n\n","name":"SideBox","notBlocking":false}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}
