@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500;1,600&display=swap');

* {
  font-family: "Poppins" , sans-serif;
}

#jessi,#jessi a{background:#483d8b;height:60px;color:#fff}#chatbox,#jessi{position:fixed;left:20px}#chatbox #header img,#chatbox p{width:100%}#jessi{bottom:20px;width:60px;border-radius:50px;z-index:999;display:flex;align-items:center;justify-content:center;font-size:38px;cursor:pointer;transition:.3s;margin-left:0;border:3px solid #f8f8f8}#jessi a{font-size:13px;position:absolute;width:200px;border-radius:5px;left:80px;padding:10px;opacity:0;pointer-events:none;transition:opacity .3s;text-decoration:none}#jessi a::before{content:'';position:absolute;top:50%;left:-18px;transform:translate(0,-50%);border-width:10px;border-style:solid;border-color:transparent #483d8b transparent transparent}#jessi a.visible{pointer-events:none;opacity:1}#chatbox{width:400px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:20px 20px 20px 5px;overflow:hidden;bottom:100px;z-index:9999;display:none;box-shadow:0 0 50px 0 rgb(72 61 139 / 20%); left: 50%; transform: translate(-50%, 0px);}#chatbox.visible{display:block}#chatbox p{color:#a9a9a9;font-size:9px;padding:10px 0;text-align:center;cursor:default}#chatbox #messages{margin-top:80px;height:350px;overflow-y:auto;padding:10px 25px;color:grey;font-size:14px;display:flex;flex-direction:column;gap:10px}#chatbox #messages a{color:#483d8b;font-weight:600}#chatbox #messages b{font-weight:600}#chatbox #messages div{padding:5px 15px;max-width:90%;width:fit-content}#chatbox #messages div.recu{background:#f8f8f8;border-radius:20px 20px 20px 5px;color:grey;align-self:flex-start}#chatbox #messages div.envoi{background:#483d8b;border-radius:20px 20px 5px;color:#fff;float:right;align-self:flex-end}#messages::-webkit-scrollbar{display:none}#messages{scrollbar-width:none}#chatbox #userInput{width:calc(100% - 60px);padding:10px 15px;border:none;border-top:2px solid #ddd;outline:0}#chatbox button{width:60px;border:none;background:#fff;color:#483d8b;cursor:pointer;font-size:22px;border-top:2px solid #ddd}#chatbox .choice-buttons{margin:0;padding:0!important}#chatbox .choice-buttons button{margin:5px;padding:4px 12px;cursor:pointer;font-size:14px;width:fit-content;border-radius:20px;border:2px solid #483d8b;background:rgb(71 61 138 / 10%);color:#483d8b;font-weight:500;transition:.3s}#chatbox .choice-buttons button:hover{background:#483d8b;color:#fff}#chatbox #header{position:absolute;top:0;left:0;width:100%}#chatbox #header h4{position:absolute;top:10px;left:20px;color:#fff;font-weight:600;font-size:22px;margin:0}#chatbox #header h4 i{margin-right:8px}#chatbox #header .bx-x{position:absolute;top:10px;right:10px;color:#fff;font-size:28px;cursor:pointer}@media screen and (max-width:768px){#chatbox{top:0;left:0;width:100%;height:100%;border-radius:0;transform: unset;}#chatbox #messages{height:calc(100% - 193px)}}