.avatar-1{background-color:var(--avatar-1)}.avatar-2{background-color:var(--avatar-2)}.avatar-3{background-color:var(--avatar-3)}.avatar-4{background-color:var(--avatar-4)}.avatar-5{background-color:var(--avatar-5)}.avatar-6{background-color:var(--avatar-6)}.avatar-7{background-color:var(--avatar-7)}.avatar-8{background-color:var(--avatar-8)}.avatar-9{background-color:var(--avatar-9)}.avatar-0{background-color:var(--avatar-0)}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--background);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}main{position:relative;display:flex;width:100vw;height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;width:100%}.menu-container{position:relative;width:1.6rem;height:1.6rem}.btn{width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.btn:has(>svg){position:relative;width:1.6rem;height:1.6rem}.btn:has(>svg) svg{fill:var(--button)}.btn:hover{background-color:var(--bs-light);outline:.5rem solid var(--bs-light);transition:outline-width .25s;border-radius:50%}#menu-toggle{display:none}#menu-toggle:checked+.menu-btn>span,#menu-toggle:checked+.menu-btn>span:before,#menu-toggle:checked+.menu-btn>span:after{width:100%;height:.2rem;border-radius:0;margin:0}#menu-toggle:checked+.menu-btn>span{top:0;background-color:transparent;height:1.6rem}#menu-toggle:checked+.menu-btn>span:before{top:50%;transform:rotate(135deg)}#menu-toggle:checked+.menu-btn>span:after{top:50%;transform:rotate(-135deg)}#menu-toggle:checked+.menu-btn .overlay{display:block}#menu-toggle:checked~.menu-box{right:0!important}#menu-toggle:checked+.menu-btn{outline-width:1rem}.menu-btn>span{position:relative;top:calc(50% - .2rem)}.menu-btn>span,.menu-btn>span:before,.menu-btn>span:after{margin:0 calc(50% - .2rem);width:.4rem;height:.4rem;border-radius:50%;background-color:var(--button);display:inline-block;z-index:1003;transition:all .2s}.menu-btn>span:before,.menu-btn>span:after{content:"";position:absolute;left:0}.menu-btn>span:before{top:-.5rem}.menu-btn>span:after{top:.5rem}.menu-btn .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bs-dark);overflow-x:hidden;overflow-y:auto;outline:0;cursor:default;z-index:1001;opacity:.4;transition:opacity .25s linear}.menu-box{display:block;position:fixed;top:0;right:-100%;width:auto;height:100%;margin:0;padding:3rem 0;list-style:none;background-color:var(--white);transition-duration:.25s;z-index:1002}.menu-item{display:block;padding:1rem 4rem 1rem 2rem;color:var(--text);font-size:1rem;font-weight:500;text-decoration:none;transition-duration:.25s}.menu-item:hover{background-color:var(--highlight)}@keyframes slide-in-bottom{0%{transform:translateY(100%)}}@keyframes message-scale-out{0%{transform:scale(0)}to{transform:scale(1)}}.chat-item-container{border-radius:.5rem;display:flex;align-items:end;gap:.5rem;padding:.5rem;margin:.5rem 0}.chat-item-container .chat-item-wrapper{display:flex}.chat-item-container .chat-item-wrapper .chat-item-status{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--white);background-color:var(--bs-warning);background-color:var(--bs-danger);background-color:var(--bs-success);z-index:1}.chat-item-container .chat-item-content{font-size:.85rem;flex-grow:1;overflow:hidden}.chat-item-container .chat-item-content>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-container .chat-item-content>p{margin:0;padding:0}.chat-item-container .chat-item-content .chat-item-title{font-weight:700}.chat-item-container .chat-item-info{display:flex;flex-direction:column}.chat-container{position:relative;padding:1rem}.chat-container>div:not(#error-display):not(#chat-messages){background:var(--white);display:flex;flex-direction:column;box-shadow:5px 5px 10px var(--border);border-radius:.5rem;-webkit-user-select:none;user-select:none;margin-bottom:1rem}.chat-container p{padding:.5rem 1rem;margin:.25rem 0px}.chat-container .chat-item,.chat-container form,.chat-container h4{display:flex;flex-direction:column;position:relative;width:100%;padding:.5rem 1rem}.chat-container input[type=text],.chat-container input[type=email],.chat-container button{padding:1rem;margin:.5rem 0;outline:1px solid var(--border);border:none;border-radius:.5rem;background-color:var(--highlight)}.chat-container input:focus{background-color:var(--white);outline-color:var(--primary);box-shadow:0 0 10px var(--primary)}.chat-container button{font-weight:700;cursor:pointer}.chat-container button{outline-color:var(--primary);background-color:var(--primary);color:var(--white)}.avatar{color:var(--avatar-text);border-radius:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:600;margin-left:-.5rem}.avatar svg{fill:currentcolor;border-radius:inherit}.avatar-1{background-color:rgb(var(--avatar-1))}.avatar-2{background-color:rgb(var(--avatar-2))}.avatar-3{background-color:rgb(var(--avatar-3))}.avatar-4{background-color:rgb(var(--avatar-4))}.avatar-5{background-color:rgb(var(--avatar-5))}.avatar-6{background-color:rgb(var(--avatar-6))}.avatar-7{background-color:rgb(var(--avatar-7))}.avatar-8{background-color:rgb(var(--avatar-8))}.avatar-9{background-color:rgb(var(--avatar-9))}.avatar-0{background-color:rgb(var(--avatar-0))}.container-title{font-size:1.2rem;font-weight:700;padding:1rem;background-color:var(--white);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.chat-title{flex:1;text-align:center}.container-body{position:relative;flex-grow:1;overflow:hidden}.chat-container{height:100%;display:flex;flex-direction:column;overflow-y:scroll}#error-display{position:absolute;background:var(--error);color:var(--text-error);display:flex;width:100%;left:0;top:0;box-shadow:5px 5px 10px var(--border);-webkit-user-select:none;user-select:none;padding:1rem;display:none}.chat-message{display:flex;flex-direction:column;box-shadow:5px 5px 10px var(--border);animation:message-scale-out .1s ease-out}.chat-message .chat-message-title{display:none;font-size:.85rem;color:var(--text-grey)}.chat-message .chat-message-content{padding:.5rem;min-height:2.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-message .chat-message-content .chat-message-image{display:flex}.chat-message .chat-message-content .chat-message-image img{max-width:18rem;border-radius:.5rem}.chat-message .chat-message-content .chat-message-image+.chat-message-text{max-width:18rem}.chat-message .chat-message-content .chat-message-text{overflow-wrap:anywhere}.message-in{align-self:flex-start;margin-right:4rem;transform-origin:bottom left}.message-in .chat-message-title{margin-left:2.75rem;display:none}.message-in .chat-message-content{background-color:var(--message-in);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.message-in:first-child .chat-message-content,.message-out+:not(.message-out) .chat-message-content{border-top-left-radius:.5rem}.message-in:first-child .chat-message-title,.message-out+:not(.message-out) .chat-message-title{display:none}.message-in:last-child,.message-in:has(+:not(.message-in)){margin-bottom:.5rem}.message-in:last-child .chat-message-content,.message-in:has(+:not(.message-in)) .chat-message-content{position:relative}.message-in:last-child .chat-message-content:before,.message-in:has(+:not(.message-in)) .chat-message-content:before{content:"";position:absolute;bottom:0;left:-1rem;height:.75rem;width:1rem;border-bottom-right-radius:1rem;box-shadow:.5rem 0 0 0 var(--message-in)}.message-out{align-self:flex-end;margin-left:4rem;transform-origin:bottom right}.message-out .chat-message-title{margin-right:2.75rem;text-align:end;display:none}.message-out .chat-message-content{background-color:var(--message-out);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.message-out:first-child .chat-message-content,.message-in+:not(.message-in) .chat-message-content{border-top-right-radius:.5rem}.message-out:first-child .chat-message-title,.message-in+:not(.message-in) .chat-message-title{display:none}.message-out:last-child,.message-out:has(+:not(.message-out)){margin-bottom:.5rem}.message-out:last-child .chat-message-content,.message-out:has(+:not(.message-out)) .chat-message-content{position:relative}.message-out:last-child .chat-message-content:before,.message-out:has(+:not(.message-out)) .chat-message-content:before{content:"";position:absolute;bottom:0;right:-1rem;height:.75rem;width:1rem;border-bottom-left-radius:1rem;box-shadow:-.5rem 0 0 0 var(--message-out)}.chat-messages{height:100%;display:flex;flex-direction:column;flex-grow:1;gap:.25rem;overflow-y:scroll;scrollbar-gutter:stable;padding:1rem}.container-footer{background-color:var(--white)}.popup{position:relative;bottom:0;left:0;width:100%;box-shadow:0 -5px 5px -2px var(--border);border-top:1px solid var(--border);animation:slide-in-bottom .3s ease-out}#attach-btn{order:-1}.popup-content{height:100%;display:flex;flex:0 0 100%;justify-content:space-between;align-items:start;padding:1rem}.grow-wrap{display:grid;overflow:hidden;width:100%;height:100%}.grow-wrap:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden;height:100%}.grow-wrap>textarea,.grow-wrap:after{border:none;font:inherit;resize:none;vertical-align:top;padding:.5rem;grid-area:1 / 1 / 2 / 2;overflow-y:auto;height:100%}.fixed>textarea,.fixed:after{min-height:2.5rem}.grow-wrap>textarea{min-height:2.5rem}.message-area{position:relative;width:100%;height:100%;display:flex;align-items:end;gap:.5rem}.message-area .message-area-text,.message-area .grow-wrap:after{max-height:25vh}.message-area .message-area-text:focus{outline:none;background-color:var(--highlight)}.message-area .grow-wrap:has(.message-area-text:focus){box-shadow:0 0 10px var(--border)}.message-area .message-area-btn:hover:not([disabled]){background-color:var(--highlight);box-shadow:0 0 10px var(--border)}.message-area .message-area-btn:disabled{fill:var(--border)}.message-area .message-area-btn:enabled{cursor:pointer}.message-area .message-area-btn{background-color:var(--white);border:none;border-radius:.5rem;height:2.5rem;width:3rem;color:var(--text);text-decoration:none;display:flex;justify-content:center;align-items:center}.message-area #emoji-btn:hover~.message-emoji,.message-area .message-emoji:hover{visibility:visible;height:12rem;width:100%}.message-area .message-emoji{position:absolute;visibility:hidden;bottom:2.5rem;right:0;border-radius:.5rem;height:0;width:100%;max-width:25rem;background-color:var(--background);border:1px solid var(--border);box-shadow:0 0 10px var(--border);transition-delay:.25s;transition-duration:.5s;transition-property:height visibility}.message-area .message-emoji .tabs-container{display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden;height:100%}.message-area .message-emoji .tabs-container>input[type=radio]{padding:.25rem;display:none}.message-area .message-emoji .tabs-container>input[type=radio]:checked+.tab-label{border-bottom:2px solid var(--primary)}.message-area .message-emoji .tabs-container>input[type=radio]:not(:checked)+.tab-label+.tab-content{display:none}.message-area .message-emoji .tabs-container .tab-label{padding:.25rem 1rem;height:2rem}.message-area .message-emoji .tabs-container .tab-content{display:flex;flex-wrap:wrap;order:99;overflow-y:auto;border-top:1px solid var(--border);width:100%;height:calc(100% - 3rem);padding:.75rem;margin-bottom:1rem}.message-area .message-emoji .tabs-container .tab-content .emoji-icon{display:flex;justify-content:center;align-items:center;font-size:1.5rem;border-radius:.5rem;cursor:pointer}.message-area .message-emoji .tabs-container .tab-content .emoji-icon:hover{background-color:var(--border)}:root{--primary: #0059e1;--secondary: lightblue;--button: grey;--error: #fcc;--background: #eee;--white: white;--highlight: #eee;--border: lightgrey;--text: black;--text-grey: grey;--text-error: #ff5252;--message-in: white;--message-out: lightblue;--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--avatar-1: 255, 87, 51;--avatar-2: 0, 128, 128;--avatar-3: 51, 87, 255;--avatar-4: 255, 51, 161;--avatar-5: 240, 213, 0;--avatar-6: 255, 140, 51;--avatar-7: 106, 51, 255;--avatar-8: 51, 255, 240;--avatar-9: 255, 51, 120;--avatar-0: 51, 255, 140;--avatar-text: #fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:.5rem;height:1rem}*::-webkit-scrollbar-thumb{background-color:var(--highlight);border-radius:.25rem}*:hover::-webkit-scrollbar-thumb{background-color:var(--border)}