@font-face{font-family:"Hermes";src:url(/static/media/Hermes-Bold.6fdfbf9e.eot);src:url(/static/media/Hermes-Bold.6fdfbf9e.eot?#iefix) format("embedded-opentype"),url(/static/media/Hermes-Bold.89493f93.woff2) format("woff2"),url(/static/media/Hermes-Bold.27dc8e39.woff) format("woff")}@font-face{font-family:"Maison";src:url(/static/media/MaisonNeueWEB-Book.aa13d68a.woff2) format("woff2"),url(/static/media/MaisonNeueWEB-Book.70caa54b.woff) format("woff")}body{margin:0;font-family:"Maison";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;background-color:#ccc;min-width:320px}.app{overflow:hidden}.container{position:relative;display:flex;flex-direction:row}.header{height:75px;background:#fff;font-weight:700;display:flex;align-items:center}.header,.menu{width:100%;position:relative;z-index:2}.menu{background-color:#f0f0f0;flex:1 1;float:right;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;display:flex;min-width:240px;min-height:590px;display:none}.content{flex:2 1;min-height:calc(100vh - 75px);height:auto;position:relative;margin-top:-11px}.trigger{cursor:pointer;position:absolute;left:0;top:0;height:100%;width:0;background-color:#000;opacity:0;z-index:3;transition:width .5s}.login-element .img{height:100px}.login{height:100vh;position:relative;background-color:#fff}.login-element .MuiFormControl-root{margin:10px}.login-element .MuiInputBase-root{border-bottom:1px solid #06f;border-radius:0}.login-element{position:absolute;width:50%;left:50%;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-element .MuiFormControl-root{margin-right:10px}.login-element .MuiButton-text{height:53px;margin:10px}.error{color:#c13d3d}.error-user{position:relative!important}.error-user:after{content:"Informations erronées";position:absolute;bottom:-25px;left:0;color:#c13d3d;width:-webkit-max-content;width:max-content}.login-disabled{background-color:#dce3e2!important;color:#dce3e2!important;position:relative}.login-disabled .loading{position:absolute;height:20px!important;width:20px!important;top:50%;left:50%;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;background-color:transparent}.landing-content{width:100vw;height:auto;display:inline-flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}.landing-content .presentation{height:calc(100vh - 60px);width:100%;display:flex;justify-content:center;align-items:space-between;align-content:space-between;flex-wrap:wrap}.landing-content .presentation .empty{height:0;width:100%}.landing-content .presentation .containerItemsAccueil{max-width:800px;width:100%;height:auto;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:no-wrap;padding:0 20px}.landing-content .presentation .containerItemsAccueil .containerText{width:100%;height:auto;font-size:30px;color:#414242;margin-left:28px}.landing-content .presentation .containerItemsAccueil .containerLogo{width:100%;max-width:300px}@media screen and (max-width:1000px){.landing-content .presentation .containerItemsAccueil .containerText{font-size:25px}}@media screen and (max-width:700px){.landing-content .presentation .containerItemsAccueil .containerText{font-size:20px}}@media screen and (max-width:500px){.landing-content .presentation .containerItemsAccueil{flex-direction:column}.landing-content .presentation .containerItemsAccueil .containerText{width:50%;font-size:15px;margin-left:0;margin-top:20px;text-align:center}.landing-content .presentation .containerItemsAccueil .containerLogo{width:70%;max-width:none}}.arrowContainer1{position:relative;width:100%;height:100px;display:flex;justify-content:center;align-items:center;align-content:center;margin-bottom:20px}.presentation .arrowContainer1{padding-bottom:20px}.complexe .arrowContainer1{position:absolute;bottom:0}.arrowContainer2{position:relative;height:40px;width:40px;display:flex;justify-content:center;align-items:center;align-content:center;transition:all .2s ease;top:0;border-radius:50%;background-color:#fff}.arrowContainer2:hover{transition:all .2s ease;top:10px;cursor:pointer}.arrowContainer2 .branch{width:3px;height:18px;background-color:#000;position:absolute}.arrowContainer2 .arrow{width:10px;height:10px;border-bottom:3px solid #000;border-right:3px solid #000;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:11px;border-radius:10%}.landing-content .intro-section{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:space-between;align-content:space-between;flex-wrap:wrap}.landing-content .intro{max-width:1270px;width:90%;display:flex;flex-direction:row;flex-wrap:no-wrap;margin:80px auto auto}.landing-content .intro .definition{width:auto;display:flex;justify-content:flex-start;align-items:space-between;align-content:space-between;flex-wrap:wrap;margin-top:20px;position:relative;height:auto}.landing-content .intro .definition:first-child{margin-right:50px}.landing-content .intro .definition .title{font-size:45px;color:#333;font-weight:400}.landing-content .intro .definition .description{margin-top:20px;font-size:30px;color:#333;height:150px}.landing-content .intro .definition .description b{font-size:32px}@media screen and (max-width:1000px){.landing-content .intro .definition .title{font-size:40px}.landing-content .intro .definition .description{font-size:25px}.landing-content .intro .definition .description b{font-size:27px}}@media screen and (max-width:700px){.landing-content .intro .definition .title{font-size:35px}.landing-content .intro .definition .description{font-size:20px}.landing-content .intro .definition .description b{font-size:22px}}@media screen and (max-width:500px){.landing-content .intro{flex-direction:column}.landing-content .intro .definition:first-child{margin-right:0;margin-bottom:50px}.landing-content .intro .definition .title{font-size:30px}.landing-content .intro .definition .description{height:auto;font-size:15px}.landing-content .intro .definition .description b{font-size:17px}}.landing-content .stats{width:90%;flex-direction:row;flex-wrap:wrap;margin-top:80px;height:auto}.landing-content .stats,.stat{display:flex;justify-content:center}.stat{height:450px;width:280px;border-radius:150px;align-items:center;align-content:center}.stat:not(:last-child){margin-right:10px;margin-bottom:10px}.statContainer{width:100%;height:70%;display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.statChiffre{font-family:"Hermes";width:100%;font-size:80px;color:#fff;font-weight:700;text-align:center}.statDescription{margin-top:10px;text-align:center;width:70%;font-size:25px;color:#fff}@media screen and (max-width:500px){.stat{height:300px;width:180px}.stat .statChiffre{font-size:50px}.stat .statDescription{font-size:15px}}.c1{background:linear-gradient(50deg,#06f,#0cf)}.c2{background:linear-gradient(50deg,#0cf,#3f9)}.c3{background:linear-gradient(50deg,#ff6,#fc3 30%,#e3b21d)}.c4{background:linear-gradient(50deg,#fc3,#f3f)}.complexe{width:100%;min-height:100vh;background:linear-gradient(90deg,#13a2ff,#0dbedc 25%,#09d2c2 50%,#05e4ac 75%,#00fb8f);position:relative}.titreComplexe{position:absolute;color:#000;font-size:30px;width:30vw;top:70px;left:30px}.elementComplexe{font-family:"Hermes";font-weight:700;font-size:25px;position:absolute;width:350px;text-align:center}.e1{color:hsla(0,0%,100%,.8);top:10%;left:42vw;font-size:35px}.e2{color:#fff;top:25%;right:10vw;font-size:25px}.e3{color:hsla(0,0%,100%,.3);top:25%;left:10vw;font-size:23px}.e4{color:hsla(0,0%,100%,.4);top:35%;left:42vw;font-size:28px}.e5{color:hsla(0,0%,100%,.5);top:45%;left:10vw;font-size:33px}.e6{color:hsla(0,0%,100%,.9);top:45%;right:10vw;font-size:20px}.e7{color:hsla(0,0%,100%,.3);top:60%;left:40vw;font-size:26px}.e8{color:#fff;top:60%;left:30px;font-size:21px}.e9{color:hsla(0,0%,100%,.6);top:75%;left:10vw;font-size:29px}.e10{color:hsla(0,0%,100%,.8);top:75%;right:10vw;font-size:22px}@media (max-width:800px){.complexe{max-height:800px}.elementComplexe{width:200px}.titreComplexe{top:30px;width:calc(100% - 30px)}}@media (max-width:500px){.complexe{height:auto}.titreComplexe{font-size:25px}.elementComplexe{width:150px}}@media screen and (max-width:420px){.e1{top:15%}}.explication-part{width:100%;padding:50px;min-height:calc(100vh - 300px)}.explication-part .explication-title{font-size:45px}.explication-part .icons-part{margin-top:70px;display:flex}.explication-part .icons-part .element:not(:last-child){margin-right:20px}.explication-part .icons-part .element .icon-element{text-align:center}.explication-part .icons-part .element .icon-element img{height:100px}.explication-part .icons-part .element .title-element{font-size:30px;margin-top:20px;margin-bottom:20px}.explication-part .icons-part .element .text-element{font-size:20px}@media screen and (max-width:1000px){.explication-part .explication-title{font-size:40px}.explication-part .icons-part .element .title-element{font-size:23px}.explication-part .icons-part .element .text-element{font-size:17px}}@media screen and (max-width:700px){.explication-part .explication-title{font-size:35px}.explication-part .icons-part .element .title-element{font-size:20px}.explication-part .icons-part .element .text-element{font-size:15px}}@media screen and (max-width:650px){.explication-part .icons-part{flex-direction:column}.explication-part .icons-part .element:not(:last-child){margin-right:0}.explication-part .icons-part .element .icon-element{float:right}.explication-part .icons-part .element .icon-element img{height:80px}}@media screen and (max-width:500px){.explication-part .explication-title{font-size:30px}}@media screen and (max-width:400px){.explication-part .icons-part .element .icon-element img{height:60px}}.demarrer{margin:auto;width:200px;height:100px;line-height:110px;text-align:center;border-top-right-radius:100px;border-top-left-radius:100px;background-color:#fff;color:#000;font-size:30px}.demarrer,.demarrer .texteDemarrer{transition:all .5s ease}.demarrer:hover{background-color:#333;cursor:pointer;color:#fff}@media screen and (max-width:800px){.demarrer{margin-top:100px}}@media screen and (max-width:650px){.demarrer{height:80px;width:160px;line-height:80px;border-top-right-radius:80px;border-top-left-radius:80px;font-size:20px}}.logo-header{position:absolute;left:15px;height:45px;cursor:pointer;border-radius:14px}.logo-header.mobile{display:none}@media screen and (max-width:500px){.logo-header.mobile{display:block}.logo-header.pc{display:none}}.button-header{left:50%;height:45px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;border-radius:50px}.button-header,.token{position:absolute;cursor:pointer}.token{width:140px;height:40px;border-radius:20px;background-color:#ebebeb;display:flex;justify-content:center;align-content:center;align-items:center;color:#414242;font-size:12px;right:20px}@media screen and (max-width:500px){.token{width:120px}}@media screen and (max-width:350px){.token{width:100px}}.groups{position:absolute;left:calc(50% + 20px)}.group{display:inline-block;height:10px;width:10px;background-color:hsla(0,0%,80%,.5490196078431373);margin-left:30px;border-radius:50%;position:relative;transition:all 1s}.group .tooltip{position:absolute;top:20px;left:-20px;background-color:#fff;padding:10px;color:hsla(0,0%,80%,.5490196078431373);border-radius:25px;width:-webkit-max-content;width:max-content;display:none;z-index:1}.group.show .tooltip{background-color:#333;color:#fff}.group:hover .tooltip{display:block}.group:before{content:"";height:2px;width:0;background-color:hsla(0,0%,80%,.5490196078431373);position:absolute;left:-30px;top:4px;transition:all .5s}.group.show{transition:0;background-color:#333}.group.show:before{width:30px}@media screen and (max-width:1000px){.group{margin-left:20px}.group .tooltip{font-size:12px}.group:before{left:-20px}.group.show:before{width:20px}}@media screen and (max-width:800px){.groups{display:none}}.choice-content{width:100vw;min-height:630px;height:calc(100vh - 75px);flex-wrap:nowrap}.choice-content,.choice-content>div{display:flex;justify-content:center;align-items:center;align-content:center}.choice-content>div{flex:1 1}.choice-content .containerTexteChoice.already{background:linear-gradient(50deg,#0cf,#3f9)}.choice-content .containerTexteChoice.never{background:linear-gradient(50deg,#fc3,#f3f)}.choice-content .containerTexteChoice{width:300px;height:480px;padding:20px;border-radius:175px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative}.choice-content .containerTexteChoice.hover,.choice-content .containerTexteChoice:hover{cursor:pointer;background:#fff;color:#000}.titreChoice{font-family:"Hermes";font-size:35px;font-weight:700;display:flex;justify-content:center;align-content:center;align-items:center}.descriptionChoice,.titreChoice{width:100%;text-align:center;flex:1 1}.descriptionChoice{font-size:27px;max-width:400px}.descriptionChoice .button{position:absolute;bottom:50px;box-shadow:none}.descriptionChoice .button:hover{background-color:#333;color:#fff}.descriptionChoice .button.close{left:100px}.descriptionChoice .button.check{right:100px}.descriptionChoice .input{position:relative}.descriptionChoice .input.error-token:after{position:absolute;content:"Token inconnu";bottom:0;left:56px;font-size:15px;color:#c13d3d}.descriptionChoice .input.version-token:after{position:absolute;content:"Progression trop ancienne";bottom:0;left:56px;font-size:15px;color:#c13d3d}@media screen and (max-width:800px){.choice-content{flex-direction:column}.choice-content .containerTexteChoice.already{background:linear-gradient(120deg,#0cf,#3f9)}.choice-content .containerTexteChoice.never{background:linear-gradient(120deg,#fc3,#f3f)}.choice-content .containerTexteChoice.hover,.choice-content .containerTexteChoice:hover{background:#fff}.choice-content .containerTexteChoice{height:250px;width:430px}.choice-content .titreChoice{font-size:30px}.choice-content .descriptionChoice{font-size:25px;max-width:none}.descriptionChoice .button{bottom:25px}.descriptionChoice .button.close{left:150px}.descriptionChoice .button.check{right:150px}.descriptionChoice .input.error-token:after,.descriptionChoice .input.version-token:after{left:107px}}@media screen and (max-width:500px){.choice-content{align-items:normal}.choice-content .containerTexteChoice{height:100%;width:100%;border-radius:0;padding:0}.choice-content .titreChoice{font-size:25px}.choice-content .descriptionChoice{font-size:20px;max-width:none}.descriptionChoice .button{bottom:15px}.descriptionChoice .button.close{left:20%}.descriptionChoice .button.check{right:20%}.descriptionChoice .input.error-token:after,.descriptionChoice .input.version-token:after{left:82px;font-size:12px}}.page-content{height:calc(100vh - 75px);width:100vw;display:inline-flex;align-items:center;flex-wrap:nowrap;min-width:320px;position:relative}.circleTime,.page-content{justify-content:center;align-content:center}.circleTime{position:absolute;width:120px;height:120px;border-radius:50%;top:80px;background-color:#424141;text-align:center;display:flex;color:#fff;font-family:"Hermes";font-size:13px;flex-direction:column;z-index:1}.circleTime .time{font-size:20px}.circleTime .MuiCircularProgress-root{height:122px!important;width:121px!important;position:absolute!important}.circleTime .MuiCircularProgress-circle{stroke:url(#timer)}.info-toggle{display:none}@media screen and (max-width:1000px){.circleTime{width:80px;height:80px;font-size:11px;right:40px}.circleTime .time{font-size:15px}.circleTime .MuiCircularProgress-root{height:82px!important;width:81px!important}.info-toggle{display:block;height:80px;width:80px;position:absolute;right:40px;top:200px;cursor:pointer}.info-toggle img{height:80px}}@media screen and (max-width:700px){.circleTime,.info-toggle{right:25px}}@media screen and (max-width:500px){.circleTime{width:60px;height:60px;font-size:9px}.circleTime .MuiCircularProgress-root{height:62px!important;width:61px!important}.circleTime .time{font-size:13px}.info-toggle{height:60px;width:60px}.info-toggle img{height:60px}}@media screen and (max-width:400px){.circleTime{top:30px}}.logoInfos{width:120px;height:120px;position:absolute;top:80px;right:20px}.page-content .page-content-left{height:100%;width:50%;display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;overflow:auto}.page-content-left .review{margin-top:50px;display:none}.page-content-left .input-field{display:inline-block;width:200px}.page-content-left .hidden-option{display:none!important}.page-content-left .questions-container{height:auto;width:80%;margin-bottom:20px}@media screen and (max-width:800px){.page-content-left .questions-container{font-size:15px}}@media screen and (max-width:400px){.page-content-left .questions-container{font-size:12px}}.header-questions{width:100%;top:0;position:relative;display:flex;justify-content:center;align-items:center;align-content:center;height:auto;padding:25px 0 50px;min-height:200px}.page-content-left .header-questions>div{height:auto!important}.page-content-left .header-questions .previous-button{position:absolute;left:40px}.page-content-left .header-questions .previous-button .prev-page{box-shadow:none!important;width:40px;height:40px}.page-content-left .header-questions .title{font-family:"Arial",sans-serif;font-size:40px;width:60%;min-width:200px;display:flex;justify-content:flex-start;align-items:center;align-content:center}@media screen and (max-width:800px){.page-content-left .header-questions .title{font-size:35px}}@media screen and (max-width:500px){.page-content-left .header-questions .title{font-size:30px}}@media screen and (max-width:400px){.page-content-left .header-questions{align-content:normal}.page-content-left .header-questions .previous-button{left:15px}.page-content-left .header-questions .title{font-size:25px;position:absolute;left:65px}}.page-content-left .buttons-container .next-button{float:right;display:flex}.page-content-left .buttons-container .next-button .next-page{box-shadow:none!important}.page-content-left .buttons-container .next-button .next-page.MuiFab-sizeMedium{width:40px;height:40px}.page-content-left .buttons-container .next-button .enregistrer{position:relative;width:140px;background-color:#fff;border-radius:20px;height:40px;color:#414242;display:flex;font-size:20px;justify-content:center;align-items:center;align-content:center;cursor:pointer;margin-right:10px}.page-content-left .buttons-container .next-button .enregistrer:hover{background-color:#06f;color:#fff}.page-content-left .buttons-container .next-button .enregistrer.save-button-disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.12);cursor:default}.page-content-left .buttons-container .next-button .enregistrer.save-button-error:after,.page-content-left .buttons-container .next-button .enregistrer.save-button-success:after{position:absolute;bottom:0;left:0;bottom:-20px;left:20px;font-size:14px;width:-webkit-max-content;width:max-content}.page-content-left .buttons-container .next-button .enregistrer.save-button-error:after{content:"Une erreur est survenue";color:#c13d3d}.page-content-left .buttons-container .next-button .enregistrer.save-button-success:after{content:"Progression sauvegardée";color:#149f4a}.page-content-left .buttons-container .next-button .enregistrer.save-button-disabled .loading{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;background-color:transparent}@media screen and (max-width:800px){.page-content-left .buttons-container .next-button .enregistrer{width:125px;font-size:18px}}@media screen and (max-width:400px){.page-content-left .buttons-container .next-button .enregistrer{width:110px;font-size:15px}}.explications-container{position:relative;height:100%;width:50%;background:linear-gradient(25deg,#007aff,#59d8ff);display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;color:#fff;font-family:"Arial",sans-serif}.explications-container .explication{width:60%;margin-bottom:20px;font-size:20px}.titreExplicationsContainer{width:60%;top:0;position:relative;display:flex;justify-content:flex-start;align-items:center;align-content:center;height:auto;padding:25px 0 50px;min-height:200px;font-family:"Arial",sans-serif;font-size:40px}@media screen and (max-width:1000px){.explications-container{position:absolute;height:70%;width:100%;bottom:-70%;overflow:auto;transition:bottom .5s ease}.explications-container .logoInfos{display:none}.explications-container.mobile-show{bottom:0}.page-content-left{width:100%!important}}@media screen and (max-width:800px){.titreExplicationsContainer{font-size:35px}.explications-container .explication{font-size:18px}}@media screen and (max-height:700px){.titreExplicationsContainer{min-height:100px}}.page-content-left .next-page,.page-content .prev-page{background-color:#fff;color:#000;transition:background-color 0ms}.page-content-left .next-page:hover,.page-content .prev-page:hover{background-color:#06f;color:#fff}.page-content-left.next-page.medium,.page-content .prev-page.medium{display:none}.page-content-left .questions>div{margin-bottom:10px}.page-content-left .questions .select-input{display:inline-block}.page-content-left .questions .placeholder{flex-direction:row;background-color:#fff;padding:10px;border-radius:25px;cursor:pointer;color:grey;display:none}.page-content-left .questions .placeholder.show{display:flex}.page-content-left .questions .selector{background-color:#fff;padding:10px;border-radius:25px;display:none;flex-direction:row;height:0;width:-webkit-max-content;width:max-content;cursor:default}@media screen and (max-width:800px){.page-content-left .questions .placeholder,.page-content-left .questions .selector{padding:8px}}@media screen and (max-width:400px){.page-content-left .questions .placeholder{padding:5px}.page-content-left .questions .selector{padding:5px;border-radius:15px}}.page-content-left .questions .placeholder .select-option,.page-content-left .questions .selector .select-option{position:relative;padding-top:2px;padding-bottom:2px}.page-content-left .questions .select-option.default-value{color:#06f}.page-content-left .questions .selector .select-option{display:none}.page-content-left .questions .selector .select-option:hover{color:#06f;cursor:pointer}.page-content-left .questions .placeholder .MuiSvgIcon-root,.page-content-left .questions .selector .MuiSvgIcon-root{height:18px;color:#06f;padding-top:3px}@media screen and (max-width:800px){.page-content-left .questions .placeholder .MuiSvgIcon-root,.page-content-left .questions .selector .MuiSvgIcon-root{height:15px;padding-top:5px}}@media screen and (max-width:400px){.page-content-left .questions .placeholder .MuiSvgIcon-root,.page-content-left .questions .selector .MuiSvgIcon-root{height:12px;padding-top:5px}}.page-content-left .questions .selector.show{display:flex;height:auto}.page-content-left .questions .selector.show .select-option{display:block}.page-content-left .questions .multiple-select{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}@media screen and (max-width:500px){.page-content-left .questions .multiple-select{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:400px){.page-content-left .questions .multiple-select{grid-template-columns:repeat(2,1fr)}}.page-content-left .questions .multiple-select>div{background-color:#fff;display:flex;align-items:center;text-align:center;justify-content:center;cursor:pointer;border-radius:25px;padding:10px}.page-content-left .questions .multiple-select>div.selected,.page-content-left .questions .multiple-select>div:hover{background-color:#06f;color:#fff}.hidden-select{display:none!important}.page-content-left .questions-container .questions .placeholder-select{color:grey!important}.page-content-left .backup-text{color:#06f;font-weight:700}.MuiSelect-selectMenu{overflow:inherit!important}.MuiInputBase-root{color:#06f!important;font-weight:700!important;background-color:#fff;border-radius:20px;padding:10px;width:auto}.MuiInput-underline:after,.MuiInput-underline:before{display:none!important}.MuiSelect-icon{color:#06f!important;height:15px!important;top:calc(50% - 7px)!important}.MuiSvgIcon-root{vertical-align:top}.hide,.txt{font:inherit;margin:0;padding:0}.txt{min-width:140px;max-width:500px;padding:6px 0 3px;font-weight:700;color:#06f;background-color:transparent;border:none;border-bottom:1px solid #06f;position:relative}.txt:focus-visible{outline:none}.hide{font-weight:700;position:absolute;height:0;overflow:hidden;white-space:pre}.result-container{height:calc(100vh - 75px);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:nowrap}.left-container{background-color:#333;height:100%;color:#fff;font-size:20px;padding-top:50px;width:50%;overflow:auto}.left-container .title{padding-left:20px}.left-container .globals{position:relative}.left-container .global{width:120px;height:120px;border-radius:50%;background-color:#fff;text-align:center;display:flex;color:#333;font-family:"Hermes";font-size:20px;flex-direction:column;justify-content:center;align-content:center;margin:50px auto;position:relative;z-index:2}.left-container .global .MuiCircularProgress-root{height:122px!important;width:121px!important;position:absolute!important}.left-container .global .MuiCircularProgress-circle{stroke:url(#global)}.left-container .custom-global{width:100px;height:100px;border-radius:50%;background-color:#fff;text-align:center;display:flex;color:#333;font-family:"Hermes";font-size:15px;flex-direction:column;justify-content:center;align-content:center;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s linear,-webkit-transform .2s linear;transition:transform .2s linear,opacity .2s linear;transition:transform .2s linear,opacity .2s linear,-webkit-transform .2s linear}.left-container .custom-global.left{opacity:1;-webkit-transform:translate(-170%,-50%);transform:translate(-170%,-50%)}.left-container .custom-global .MuiCircularProgress-root{height:101px!important;width:101px!important;position:absolute!important}.left-container .custom-global .MuiCircularProgress-circle{stroke:#ccc}.left-container .sub-title{padding-left:20px}.left-container .details{display:grid;grid-template-columns:repeat(5,1fr);margin-top:50px;margin-bottom:40px}.left-container .details .detail{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.left-container .details .detail .custom-percent-bar{position:absolute;z-index:1;left:50%;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s linear,-webkit-transform .2s linear;transition:transform .2s linear,opacity .2s linear;transition:transform .2s linear,opacity .2s linear,-webkit-transform .2s linear}.left-container .details .detail .percent-bar{z-index:2}.left-container .details .detail .custom-percent-bar .back{background-color:#fff}.left-container .details .detail .custom-percent-bar .front{background-color:#ccc}.left-container .details .detail .custom-percent-bar .custom-percent-percent{font-family:"Hermes";position:absolute;top:-25px;font-size:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.left-container .details .detail .custom-percent-bar.left{opacity:1;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.left-container .details .detail{margin:10px}.left-container .details .detail .detail-title{font-size:15px}.left-container .details .bar{width:20px;border-radius:25px}.left-container .details .back{height:100px;background-color:#ccc}.left-container .details .front{transition:top .2s linear,height .2s linear;position:absolute}.left-container .details .detail .percent{font-family:"Hermes"}.left-container .details .detail .detail-title,.left-container .details .detail .info,.left-container .details .detail .percent{margin-top:10px}.left-container .details .detail .info .clicker:hover{color:#39f;cursor:pointer}.right-container{width:50%;background-color:#ccc;height:100%;position:relative;padding-top:50px;overflow:auto}.right-container .explications>p:first-child{margin-top:0}.right-container .explications>p{padding-left:20px;padding-right:20px}.right-container .explications .buttons{position:absolute;padding-left:20px;padding-right:20px;bottom:45px;width:calc(100% - 40px)}.right-container .explications .buttons>div{display:inline-block;background-color:#fff;padding:10px;border-radius:25px;text-align:center;width:45%;cursor:pointer}.right-container .explications .buttons>div:last-child{float:right}.right-container .recommendations{padding-left:20px;padding-right:20px}.right-container .recommendations .back-button{padding:10px;background:#fff;border-radius:25px;width:-webkit-max-content;width:max-content;margin-bottom:20px;cursor:pointer}.right-container .recommendations .back-button .MuiSvgIcon-root{height:18px;width:18px}.right-container .recommendations .reco-header{display:flex;flex-direction:row;justify-content:space-between}.right-container .recommendations .reco-header .title{font-size:20px}.right-container .recommendations .reco-header .reco-logo>img{height:120px;float:right}.right-container .recommendations .suggestions .hidden{display:none}.right-container .recommendations .suggestions .overflow{flex:10 1;height:100%;overflow:auto}.right-container .recommendations .suggestions .show-details{display:block}.right-container .recommendations .suggestions .show-details>div:not(:first-child){margin-top:50px}.right-container .recommendations .suggestions .show-details .suggestion>p{color:#39f}.right-container .recommendations .suggestions .suggestion .blurred{padding-left:5px;-webkit-filter:blur(5px);filter:blur(5px)}.right-container .recommendations .suggestions .suggestion .sub-suggestion{padding:15px;display:flex}.right-container .recommendations .suggestions .suggestion .sub-suggestion .add-to-cart{cursor:pointer;height:35px;width:35px;border-radius:25px;position:relative}.right-container .recommendations .suggestions .suggestion .sub-suggestion .add-to-cart img{height:35px;width:35px;border-radius:25px;position:absolute}.right-container .recommendations .explications{margin-top:50px;margin-bottom:40px}.right-container .recommendations .explications .button-all{padding:10px;background-color:#fff;border-radius:50px;margin-top:20px;text-align:center}@media screen and (max-width:1000px){.result-container{display:block;overflow:auto}.left-container,.right-container{width:100%;height:auto}.right-container .explications .buttons{position:static;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;margin-bottom:20px}.right-container .explications .buttons>div{width:auto}}@media screen and (max-width:800px){.left-container,.left-container .sub-title,.left-container .title{font-size:18px}.left-container .global{height:110px;width:110px;font-size:18px}.left-container .global .MuiCircularProgress-root{height:112px!important;width:111px!important}.left-container .custom-global{height:90px;width:90px;font-size:14px}.left-container .custom-global .MuiCircularProgress-root{height:91px!important;width:91px!important}.left-container .details .detail .custom-percent-bar .custom-percent-percent{font-size:11px}.left-container .details .detail .detail-title{font-size:14px}.right-container{font-size:15px}.right-container .recommendations .reco-header .title{font-size:18px}}@media screen and (max-width:700px){.left-container .details{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.50cf4600.chunk.css.map */