:root{--colore-primario:#0d4fd1;--grigio:#f7f9ff;--bianco:#fff;--unita-base:12px;--grigio-hover:#e0e7ff;--colore-secondario:#e30b21;--margine:calc(var(--unita-base)*20);--verde:#40c7bc;--altezza-corpo:800px}.chatbot-container{background-color:#fff;border-radius:30px;bottom:10px;color:var(--colore-primario);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:18px;height:50%;justify-content:center;overflow:hidden;padding:3px;position:fixed;right:10px;width:33%;z-index:9}.opening-line{display:flex;justify-content:space-between}.chatbot-title{color:var(--colore-primario);font-weight:700}#little{align-items:center;background-color:var(--colore-primario);border-radius:50px;color:#fff;cursor:pointer;display:flex;height:80px;padding:10px;width:80px;i{font-size:3rem}}#big{box-shadow:0 4px 12px rgba(0,0,0,.1);padding:15px;resize:both}.hidden{display:none}.chatbot-container .messages{display:flex;flex-direction:column;flex-grow:1;gap:10px;margin-bottom:15px;overflow-y:auto;padding-right:5px}.chatbot-container .message-item{border-radius:10px;display:flex;flex-direction:column;margin-bottom:10px;padding:10px}.chatbot-container .user{align-self:flex-end;background-color:var(--colore-primario);color:#fff}.chatbot-container .bot,.chatbot-container .user{word-wrap:break-word;border-radius:15px;max-width:70%;padding:8px 15px}.chatbot-container .bot{align-self:flex-start;background-color:#e3f2fd;color:#333}.chatbot-container .input-area{align-items:center;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.chatbot-container .input-area input{border:1px solid #ddd;border-radius:20px;flex-grow:1;font-size:16px;margin-right:10px;outline:none;padding:10px}.chatbot-container .input-area button{background-color:var(--colore-primario);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s}.chatbot-container .input-area button:hover{background-color:#1a5bd1}.chatbot-container .input-area button:active{background-color:#0d4fd1}.messages{scroll-padding-bottom:100px}@media screen and (max-width:768px){.chatbot-container{height:75%;max-width:400px;width:85%}}