.chat-container{width:100vw;height:100vh;display:flex;justify-content:center}.chat-container__loading{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.omni-button{display:flex;justify-content:center;align-items:center;box-shadow:2px 2px #333;padding:7px 10px 9px;border:2px solid #333;border-radius:20px;background:#dafef2;cursor:pointer}.omni-button:hover{background:#7fffd4}.omni-modal{position:relative;width:100vw;height:100vh}.omni-modal__bg{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#0000004d}.omni-modal__content{width:800px;height:100vh;background-color:#fff;position:absolute;left:calc(100vw - 800px);box-sizing:border-box;border:2px solid #333;border-right:0px;border-top-left-radius:30px;border-bottom-left-radius:30px;padding:30px 20px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.omni-modal__title{font-size:30px;margin-bottom:30px}.chat-brand{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:30px auto;height:36px;cursor:pointer}.chat-brand__title{margin-left:10px;font-size:26px;font-weight:700}.chat-channels{width:100%;margin-top:30px}.chat-channels__container{width:100%}.chat-channels__item{margin:20px 0}.chat-channels__item__content{padding:7px 12px;cursor:pointer;border:2px solid #333333;border-radius:10px;box-shadow:2px 2px #333;display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden}.chat-channels__item__content:hover{background:#fff}.chat-channels__item.active .chat-channels__item__content{background:var(--color-primary)}.chat-channels__item.active .chat-channels__item__content:hover{background:#7fffd4}.chat-channels__item__title{overflow:hidden;flex:1;height:22px;text-overflow:ellipsis;white-space:nowrap}.chat-channels__item__checked{width:22px;height:22px;margin-left:5px;background:url(/icons/checked.svg) no-repeat}.omni-input{width:100%;height:48px;padding:0 10px;display:flex;justify-content:flex-start;align-items:center;border-radius:10px;border:2px solid #333;box-shadow:2px 2px #333}.omni-input input{height:36px;line-height:36px;outline:none;border:none;width:100%;font-size:16px}.omni-select{width:100%;height:48px;min-height:48px;cursor:pointer;position:relative}.omni-select__container{position:absolute;left:0;top:0;width:100%;height:48px;border-radius:10px;border:2px solid #333;box-shadow:2px 2px #333;display:flex;align-items:center;padding:0 10px}.omni-select__options{display:none;position:absolute;left:0;top:48px;width:100%;z-index:6}.omni-select__options_content{margin-top:6px;width:100%;border:2px solid #333;border-radius:10px;background-color:#fff}.omni-select__options_items{margin:0;padding:10px 20px;box-sizing:border-box}.omni-select__options_items:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.omni-select__options_items:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.omni-select__options_items:hover{background-color:var(--color-background)}.omni-select__options_items.active{background-color:var(--color-primary)}.omni-slider{position:relative;width:100%;margin:20px 0;height:10px;opacity:.7;transition:opacity .2s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.omni-slider__prefix,.omni-slider__suffix{display:flex;justify-content:center;align-items:center}.omni-slider__prefix{margin-right:10px}.omni-slider__suffix{margin-left:10px}.omni-slider__content{position:relative;flex:1;height:10px}.omni-slider__bar{margin-top:-2px;position:absolute;width:100%;top:2px;height:10px;background-color:#e9e9e9;border-radius:5px}.omni-slider:hover{opacity:1}.omni-slider__range{margin-top:0;position:absolute;background:transparent!important}.omni-textarea{width:100%}.omni-textarea textarea{padding:10px;width:100%;color:#000;height:auto;min-height:48px;background-color:#fff;border-radius:10px;resize:vertical;box-sizing:border-box;font-size:16px;line-height:20px;outline-width:0;border:2px solid #333;box-shadow:2px 2px #333}.omni-textarea textarea:focus{outline-color:#333}.omni-textarea textarea[disabled]{outline-color:gray;cursor:not-allowed}.chat-config{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:80%;height:calc(100vh - 50px);overflow:hidden}.chat-config__content{overflow-y:auto;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-bottom:20px}.chat-config__content>p{margin:20px 0 10px;font-size:20px}.chat-config__content>p span{color:gray;font-size:12px;font-weight:lighter;margin-left:5px}.chat-config__actions{width:100%;border-top:1px solid #e9e9e9;padding-top:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:10px}.chat-config__actions .omni-button{margin:0 20px;width:100px}.chat-sidebar{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:0 20px;width:280px;min-width:280px;z-index:1}.chat-sidebar__setting{position:absolute;bottom:20px;left:20px;cursor:pointer;z-index:2}.chat-home-page{width:100%;height:100vh;padding:20px}.chat-home-page__content{background-color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:26px;font-weight:bolder}.chat-home-page__update{margin-top:50px;width:80%;font-size:16px;font-weight:400}.chat-home-page__update h2{font-size:24px;margin-bottom:20px}.chat-home-page__update h3{font-size:20px;margin-bottom:20px}.chat-home-page__update h4{margin-bottom:10px}.chat-home-page__update .update_content li{list-style:decimal;margin-left:25px;margin-bottom:5px;word-break:keep-all;text-align:justify;line-height:24px}.chat-settings-page{padding:20px;width:100%;height:100vh}.chat-settings-page__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;box-sizing:border-box;height:100%;background-color:#fff;font-weight:bolder;font-size:20px}.chat-settings-page__editor{width:100%;max-width:500px;min-width:60%;text-align:center;display:flex;flex-direction:column;align-items:center}.chat-settings-page__editor_submit{max-width:300px;min-width:100px;width:50%;margin:50px 0}.chat-settings-page h2{font-size:26px;margin-bottom:20px}.chat-settings-page p{margin:50px 0 10px}.chat-settings-page p span{color:gray;font-size:12px;font-weight:lighter;margin-left:5px}.omni-copy-btn{position:relative;display:none;width:24px;height:24px;background-color:#999;border-radius:5px;cursor:pointer}.omni-copy-btn:after{position:absolute;top:0;left:0;content:" ";width:100%;height:100%;background:url(/icons/copy.svg) no-repeat 0 0 / 100% 100%}.omni-copy-btn.copy-success:after{background:url(/icons/copy_success.svg) no-repeat 0 0 / 100% 100%}.chat-bubble{display:flex;flex-direction:row;padding:20px 10px;box-sizing:border-box;width:100%}.chat-bubble.sent{flex-direction:row-reverse}.chat-bubble.sent .chat-bubble__message{box-shadow:-2px 2px #333;background:#fffbeb}.chat-bubble__message{overflow:hidden;margin:0 10px;box-shadow:2px 2px #333;padding:20px;line-height:30px;background-color:#eff6ff;border:2px solid #333333;border-radius:10px;max-width:80%;word-break:break-word}.chat-bubble__message *{-webkit-user-select:text;user-select:text}.omni-markdown{position:relative}.omni-markdown .omni-copy-btn{position:absolute;top:5px;right:5px}.omni-markdown:hover .omni-copy-btn{display:inline-block}.chat-list{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-width:100%}.chat-list.streaming .chat-bubble__avatar{position:relative;border-radius:50%;background:linear-gradient(#eb31b0,#e4c352,#7df8d6);box-shadow:0 0 100px -50px #000;animation:animate 1s linear infinite}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input{position:relative;z-index:2}.chat-input textarea{padding:20px;width:100%;max-height:200px;min-height:100px;color:#000;background-color:#fff;border-radius:var(--border-radius-default);resize:none;box-sizing:border-box;font-size:16px;line-height:24px}.chat-input textarea:focus{outline-color:#00b032}.chat-input textarea[disabled]{outline-color:gray;cursor:not-allowed}.chat-input__commands{position:absolute;left:0;right:0;bottom:calc(100% - 8px);width:100%;background-color:#fecaca;border-radius:var(--border-radius-default);border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;z-index:-1}.chat-input__commands__item{padding:10px}.chat-input__commands__item:first-child{border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default)}.chat-input__commands__item:last-child{padding-bottom:15px}.chat-input__commands__item.active{background-color:var(--color-primary)}.chat-input__commands__name{font-weight:700}.chat-input__commands__desc{margin-top:2px;font-weight:300;font-size:12px}.chat-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 20px;width:100%;height:100vh;color:#000;box-sizing:border-box}.chat-box__list{width:100%;flex:1;overflow:auto;background:#fff;margin:20px 0}.chat-box__input{width:100%;margin-bottom:20px}.chat-actions{display:flex;flex-direction:column;margin-top:30px}.chat-actions>p{cursor:pointer;margin-bottom:10px}.chat-channel-page{display:flex;flex-direction:row}.chat-channel-page .chat-box{flex:1;overflow:hidden}.chat-content{position:relative;display:flex;min-width:800px;height:100vh;max-width:1300px;width:100%}.chat-content__right{flex:1;overflow:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box;font:inherit;border:0;font-size:100%;vertical-align:baseline}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}html{touch-action:manipulation;word-break:break-all}title{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b{font-weight:700}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{outline:none;border-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:600}a{text-decoration:none;color:#333;color:var(--color-text)}img{display:block;-webkit-touch-callout:none;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}:root{--color-primary: #7fffd4;--color-links: #7fffd4;--color-placeholders: #a2acb4;--color-background: #dafef2;--color-text: #333;--color-text-secondary: #666;--color-error: #f00;--border-radius-default: 10px;--border-radius-default-small: 5px;--border-radius-default-tiny: 2px}.visually-hidden{position:absolute!important;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0);z-index:-1}.hidden{visibility:hidden}.no-animations #root *,.no-animations #root *:before,.no-animations #root *:after{transition:none!important}.custom-scroll,.custom-scroll-x{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease;-webkit-overflow-scrolling:touch;pointer-events:auto}.custom-scroll::-webkit-scrollbar-thumb,.custom-scroll-x::-webkit-scrollbar-thumb{background-color:transparent;border-radius:.375rem;box-shadow:0 0 1px #ffffff03}.custom-scroll:hover,.custom-scroll:focus,.custom-scroll:focus-within,.custom-scroll-x:hover,.custom-scroll-x:focus,.custom-scroll-x:focus-within{scrollbar-color:var(--color-scrollbar) transparent}.custom-scroll:hover::-webkit-scrollbar-thumb,.custom-scroll:focus::-webkit-scrollbar-thumb,.custom-scroll:focus-within::-webkit-scrollbar-thumb,.custom-scroll-x:hover::-webkit-scrollbar-thumb,.custom-scroll-x:focus::-webkit-scrollbar-thumb,.custom-scroll-x:focus-within::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar)}.no-scrollbar::-webkit-scrollbar{display:none}.bordered{border:1px solid #333333;border-radius:10px}input[type=range]{width:100%;height:10px;border-radius:5px;background:#e9e9e9;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background-color:#ff9a62;cursor:pointer}input[type=range] ::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:#ff9a62;cursor:pointer}body{color:#333;background:#dafef2;overflow:hidden;width:100vw;height:100vh}