.onboard{position:fixed;z-index:10011;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.onboard__chat{position:absolute;top:50%;left:50%;transform:perspective(1px) translate(-50%,-50%) translateZ(0);backface-visibility:hidden;max-width:450px;zoom:97%}.onboard__chat--header{display:flex;align-items:flex-end;opacity:0}.onboard__chat--questions{float:right;width:calc(100% - 100px);margin-left:25px}.onboard__chat--question{border-radius:10px 10px 10px 0;padding:10px 15px;background:#fff;color:#1b1b1b;font-size:16px;line-height:1.58;width:100%;margin-top:10px;text-align:left}.onboard__chat--question img{float:left;width:100%;margin-bottom:10px}.onboard__chat--question a{display:flex;align-items:center;justify-content:flex-end;color:#2e4770;font-weight:700}.onboard__chat--question span{color:#ef7d00}.onboard__chat--question.--essaiClub span{color:#111;font-weight:700}.onboard__chat--question.--essaiClub a.btn-orange,.onboard__chat--question.--essaiClub span.btn-orange{display:block;color:#fff;font-size:14px;text-align:center;margin-top:12px;cursor:pointer;box-shadow:none}.onboard__chat--question a .fa{color:#2e4770;font-weight:700;margin-left:7px}.onboard__chat--question.answer{margin-bottom:10px;display:none}.onboard__chat--question.answer.active{display:block}.onboard__chat--question.success{margin-top:10px}.onboard__chat--question.answer span,.onboard__chat--question.green,.onboard__chat--question.success span{color:#20a720}.onboard__chat--answer{float:left;width:100%;margin-top:15px;opacity:0;backface-visibility:hidden}.onboard__chat--answer input[type=text]{float:left;width:calc(100% - 80px);border:2px solid transparent;line-height:50px;height:50px;border-radius:5px;font-size:16px;transition:.15s all ease}.onboard__chat--answer input[type=text]:focus{border:2px solid #ef7d00;outline:0;border-radius:0}.onboard__chat--answer .answer-save{float:right;margin-left:10px;width:70px;background:#ee7e33;color:#fff;line-height:50px;height:50px;border-radius:5px;text-align:center;cursor:pointer;border:none;transition:.15s all ease;display:flex;align-items:center;justify-content:center}.onboard__chat--answer .answer-save:hover{background:#ff9623}.onboard__chat--answer .answer-save svg{height:30px}.onboard__chat--answer .btn-orange,.onboard__chat--answer .button__blue{display:block;font-size:16px;text-align:center;margin-bottom:20px;font-family:'Open Sans',sans-serif;cursor:pointer;padding:.6em 1em;box-shadow:0 0 15px 10px rgba(0,0,0,.2)}.onboard__chat--answer .result,.select-communes .result{float:left;background:#fff;width:100%;padding:15px 10px;font-size:14px;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;color:#1b1b1b}.chat-ouestFR-conditions{color:#fff;font-size:12px}.select-communes .result{padding:10px;background:#f7f7f7}.onboard__chat--answer .result:hover,.select-communes .result:hover{background:#f7f7f7;color:#2e4770}.select-communes .result:hover{background:#fff}.onboard__chat--answer .results{float:left;width:calc(100% - 80px);max-height:200px;position:absolute;overflow-y:auto}.select-communes .results{float:left;width:100%;max-height:200px;position:absolute;overflow-y:auto;top:40px;box-shadow:0 5px 5px 0 rgba(0,0,0,.1)}@keyframes fadeInUp{from{transform:translate3d(0,70px,0)}to{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0,70px,0)}to{transform:translate3d(0,0,0);opacity:1}}@keyframes fadeOutUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-70px,0);opacity:0}}@-webkit-keyframes fadeOutUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-70px,0);opacity:0}}.onboard__chat.fadeInUp .onboard__chat--answer,.onboard__chat.fadeInUp .onboard__chat--header{opacity:0;-webkit-animation:.5s cubic-bezier(.19,1,.22,1) both fadeInUp;animation:.5s cubic-bezier(.19,1,.22,1) both fadeInUp}.onboard__chat.fadeInUp .onboard__chat--answer{animation-delay:.25s}.onboard__chat.fadeOutUp .onboard__chat--answer,.onboard__chat.fadeOutUp .onboard__chat--header{-webkit-animation:.5s cubic-bezier(.19,1,.22,1) both fadeOutUp;animation:.5s cubic-bezier(.19,1,.22,1) both fadeOutUp}.onboard__chat.fadeOutUp .onboard__chat--answer{animation-delay:.1s}.onboard__chat.fadeInUp{pointer-events:all}.onboard__chat,.onboard__chat.fadeOutUp{pointer-events:none}@media screen and (max-width:768px){.onboard__chat{max-width:90%;width:450px}.onboard__chat--answer .btn-orange,.onboard__chat--answer .button__blue,.onboard__chat--answer input[type=text],.onboard__chat--question{font-size:14px}.onboard__chat--header .header-thumbnail--medium{width:50px;height:50px;max-width:50px;max-height:50px}.onboard__chat--questions{width:calc(100% - 60px)}.onboard__chat.fadeInUp{pointer-events:all;max-height:100%;margin-top:50px}.onboard{overflow-y:scroll}}@media screen and (max-width:550px){.onboard__chat.fadeInUp{margin-top:0}}@media screen and (max-height:600px){.onboard__chat--question img{display:none}.onboard__chat.fadeInUp{margin-top:0}}