.chatbox{position:relative}@media screen and (max-width:768px){.chatbox{overflow-y:auto}}.chatbox__sidebar{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;height:100%;overflow-y:auto;position:relative;width:100%;z-index:50;--tw-bg-opacity:1;background-color:rgb(9 10 42/var(--tw-bg-opacity));padding:0;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.chatbox__sidebar{width:380px}}@media screen and (max-width:768px){.chatbox__sidebar{position:absolute;transform:translate(-100%)}.chatbox__sidebar.active{transform:translate(0)}}.online:after{background:#50a361;border:3px solid #090a2a;border-radius:50%;bottom:-2px;content:"";height:14px;position:absolute;right:6px;width:14px}.online-header:after{border-color:#20174e;display:none}@media screen and (max-width:768px){.online-header:after{bottom:-4px;display:block;height:13px;right:-3px;width:13px}}.activeChat .online:after{border-color:#321792}.characterBox:hover .online:after{border-color:#19123e}.characterBox:hover.activeChat .online:after{border-color:#321792!important}@media screen and (max-width:768px){.chatbox-btn{background:none;padding:0 8px}.chatbox-btn svg{height:26px;width:26px}}.messageHTML p{padding-bottom:.3rem}.messageHTML ul{list-style-type:disc;padding-left:1.5rem}.messageHTML li{padding-bottom:.3rem}#messages::-webkit-scrollbar{width:10px}#chatSelector::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:0}#chatSelector:hover::-webkit-scrollbar{opacity:.2;width:10px}#chatSelector::-webkit-scrollbar-track,#messages::-webkit-scrollbar-track{background:transparent}#chatSelector::-webkit-scrollbar-thumb,#messages::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#4f46e533;border:3px solid transparent;border-radius:6px}#chatSelector::-webkit-scrollbar-thumb:hover,#messages::-webkit-scrollbar-thumb:hover{background-color:#4f46e580}.activeChat{cursor:default;left:0;right:0;top:0;width:100%;z-index:999}.activeChat .characterName{color:#fff}.bot-message{background:#595de11a}.user-message{background:#595de1e6}.message-loading{background:#595de11a;margin-left:15px;padding:10px 12px;width:50px}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}.message-enter-active,.message-leave-active{transition:opacity .1s}.message-enter-from,.message-leave-to{opacity:0}