[data-simplebar]{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;inset:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{min-height:10px;position:absolute;left:0;right:0}.simplebar-scrollbar:before{content:"";opacity:0;background:#000;border-radius:7px;transition:opacity .2s linear .5s;position:absolute;left:2px;right:2px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-duration:0s;transition-delay:0s}.simplebar-track.simplebar-vertical{width:11px;top:0}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{width:auto;min-width:10px;min-height:0;inset:0 auto 0 0}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow:scroll hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}
.container{align-items:stretch;height:100svh;display:flex}.container>.chatbox{border-right:1px solid #444;flex-direction:column;width:50%;display:flex}.container>.chatbox>.title{border-bottom:1px solid #444;padding-block:16px}.container>.chatbox>.title>p{text-align:center}.container>.chatbox>.chatarea{flex:1;overflow-y:auto}.container>.chatbox>.chatarea .chats-container{flex-direction:column;row-gap:16px;padding:16px;display:flex}.container>.chatbox>.chatarea .message{color:#ddd;border-radius:16px;width:fit-content;max-width:75%;padding:8px 16px}.container>.chatbox>.chatarea .message.sent{background-color:#3b3b3b;margin-left:auto}.container>.chatbox>.chatarea .message.recieved{margin-right:auto}.container>.chatbox>.chatarea .message.recieved ol,.container>.chatbox>.chatarea .message.recieved ul{box-sizing:border-box;margin:.5rem 0;padding-left:1.5rem}.container>.chatbox>.chatarea .message.recieved p,.container>.chatbox>.chatarea .message.recieved li{word-break:break-word}.container>.chatbox>.chatarea .message.recieved hr{margin-block:8px}.container>.chatbox>.chatinput{background-color:#3b3b3b;border-radius:16px;flex-direction:column;gap:8px;margin:16px;display:flex}.container>.chatbox>.chatinput>.chat-input-box{field-sizing:content;resize:none;border:none;border-radius:16px;flex:1;min-height:1lh;max-height:10lh;padding:16px 16px 0;font-family:inherit}.container>.chatbox>.chatinput>.chat-input-box:focus,.container>.chatbox>.chatinput>.chat-input-box:active{outline:none}.container>.chatbox>.chatinput>.button-container{justify-content:end;align-items:center;gap:8px;padding:8px;display:flex}.container>.chatbox>.chatinput>.button-container>button{color:#ddd;cursor:pointer;background-color:#444;border:1px solid #666;border-radius:12px;padding:8px}.container>.chatbox>.chatinput>.button-container>button:active{outline:1px solid #ccc}.container>.output-container{flex-direction:column;flex:1;display:flex}.container>.output-container>*{color:#ddd;flex-basis:33.33%;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;position:relative}.container>.output-container>:not(:last-of-type){border-bottom:1px solid #444}.container>.output-container>*>label{color:#848484;font-size:12px;position:absolute;top:4px;right:4px}.container>.output-container .loader{box-sizing:border-box;border:5px solid #666;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container>.output-container .error{color:red;font-size:14px}.container>.output-container .simplebar-placeholder{display:none}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{background-color:#666}