h1,h2,h3,h4,h5,h6,p,a,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,a:last-child{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600}h1{margin-bottom:28px;font-size:28px;line-height:32px}@media (min-width:701px){h1{margin-bottom:44px;font-size:30px;line-height:34px}}h2{margin-bottom:24px;font-size:26px;line-height:30px}@media (min-width:701px){h2{font-size:28px;line-height:32px}}h3{margin-bottom:32px;font-size:24px;line-height:28px}@media (min-width:701px){h3{margin-bottom:40px;font-size:26px;line-height:30px}}h4{margin-bottom:28px;font-size:22px;line-height:26px}@media (min-width:701px){h4{margin-bottom:36px;font-size:24px;line-height:28px}}h5{margin-bottom:24px;font-size:20px;line-height:22px}@media (min-width:701px){h5{margin-bottom:32px;font-size:22px;line-height:26px}}h6{margin-bottom:20px;font-size:18px;line-height:20px}@media (min-width:701px){h6{margin-bottom:28px;font-size:20px;line-height:24px}}a{color:#0d47a1;text-decoration:underline}p,a,label,li{margin-bottom:20px;font-size:16px;font-weight:400;line-height:22px}@media (min-width:701px){p,a,label,li{margin-bottom:28px;font-size:16px;line-height:22px}}label{display:block}em{font-size:inherit;font-weight:600}ul{padding-left:12px}li{padding-left:12px;display:block;position:relative}li:after{content:"•";position:absolute;top:0;left:0}html{background-color:var(--color-background);width:100dvw;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;position:fixed}svg{fill:var(--color-text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:active,:focus{outline:none}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{position:absolute}@media (max-width:700px){body{width:calc(100dvw + 560px);font-size:0;transition:transform .3s cubic-bezier(.2,0,0,1);left:-280px}body.open{transform:translate(280px)}body.open .main-contents{opacity:.3}}@media (min-width:701px){body.open .main-contents{margin-left:280px}body.open .side-bar-left{transform:translate(100%)}}@media (max-width:700px){body.open-right{transform:translate(-280px)}body.open-right .main-contents{opacity:.3}}@media (min-width:701px){body.open-right .main-contents{margin-right:280px}body.open-right .side-bar-right{transform:translate(-100%)}body{width:100dvw}}body .menu-connection,body .menu-settings,body .menu-button{justify-content:center;align-items:center;min-width:40px;height:40px;padding:12px;font-size:0;display:flex}.menu-connection p{color:var(--color-text);margin-left:8px;font-size:14px}@media (max-width:700px){main .menu-connection p{display:none}}.floating-panel{z-index:10;align-items:center;display:flex;position:absolute;top:12px}@media (min-width:701px){.floating-panel{position:fixed}}.floating-panel.top-left{left:16px}.floating-panel.top-left .component-icon-brand-hollow{margin-right:16px}.floating-panel.top-right{right:16px}.connection-icon{fill:#f44336}.connection-icon.connected{fill:#4caf50}.side-bar{z-index:11;background-color:#302f2f;border:0 solid #424242;width:280px;height:100dvh;padding-left:16px;padding-right:16px;position:relative}@media (max-width:700px){.side-bar{vertical-align:top;padding-top:8px;display:inline-block}}@media (min-width:701px){.side-bar{z-index:10;transition:transform .3s cubic-bezier(.2,0,0,1);position:fixed;top:0}}.side-bar h2{color:#9e9e9e;margin-bottom:8px;font-size:16px;font-weight:400}.side-bar .top-bar{display:none}@media (min-width:701px){.side-bar .top-bar{justify-content:space-between;align-items:center;height:60px;display:flex}.side-bar .top-bar>div{align-items:center;display:flex}.side-bar .top-bar h1{color:#1e88e5;margin:0;font-size:22px;font-weight:500}}.side-bar>.component-bubble{margin-bottom:16px;padding:24px 16px}.side-bar-right{border-left-width:1px}@media (min-width:701px){.side-bar-right{left:100%}}.side-bar-right .top-bar .component-bubble{justify-content:space-around;width:100%}.side-bar-left{border-right-width:1px}@media (min-width:701px){.side-bar-left{right:100%}}.logo{justify-content:center;align-items:center;display:flex}.logo .component-icon{height:23px;display:block}.logo span{color:#5686fe;margin-left:8px;font-size:23px;font-weight:500;line-height:0;display:block;position:relative;bottom:2px}.main-contents{background-color:#131313;height:100dvh;padding:0 16px;transition:opacity .3s cubic-bezier(.2,0,0,1),margin .3s cubic-bezier(.2,0,0,1),left .3s cubic-bezier(.2,0,0,1),right .3s cubic-bezier(.2,0,0,1)}@media (max-width:700px){.main-contents{vertical-align:top;width:100dvw;display:inline-flex;position:relative}}@media (min-width:701px){.main-contents{position:fixed;top:0;left:0;right:0}}.main-contents:before{content:"";z-index:9;background:linear-gradient(#131313 0%,rgba(19,19,19,0) 100%);height:100px;display:block;position:fixed;top:0;left:0;right:0}.chat-input{position:absolute}.chat-input.disconnected{opacity:.4;pointer-events:none}@media (max-width:700px){.chat-input{bottom:16px;left:16px;right:16px}}@media (min-width:701px){.chat-input{width:100%;max-width:980px;margin:0 auto;padding:8px;transition:left .3s cubic-bezier(.2,0,0,1),bottom .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1),padding .3s cubic-bezier(.2,0,0,1);bottom:50dvh;left:0;right:0;transform:translateY(50%)}.chat-input.chatting{bottom:16px;transform:translate(0,0)}}.chat-body{flex:1;height:100%;padding-bottom:146px;position:relative}@media (min-width:701px){.chat-body{opacity:0;padding-bottom:167px;animation:.2s ease-in-out .1s forwards chat_text_init}}.chat-body .chat-bubble{margin-bottom:12px;display:flex}@media (min-width:701px){.chat-body .chat-bubble{max-width:940px;margin:0 auto}}.chat-body .chat-bubble.self{justify-content:flex-end}.chat-body .chat-bubble.peer{justify-content:flex-start;padding-right:24px}.chat-body .chat-bubble .article{border-radius:20px;margin-bottom:8px;padding:8px 12px}.chat-body .chat-bubble.self .article{background-color:#616161}.chat-body .chat-bubble.peer .article{color:var(--color-grey-100)}.chat-body .chat-bubble.peer .article:before{content:"✨";margin-bottom:12px;margin-left:8px;font-size:22px;display:block}@keyframes chat_text_init{0%{opacity:0}to{opacity:1}}.model-picker .model-name{white-space:nowrap;text-overflow:ellipsis;border-radius:12px;align-items:center;margin-left:-8px;margin-right:-8px;padding:8px;font-size:14px;transition:background-color .3s cubic-bezier(.2,0,0,1);overflow:hidden}.model-picker .model-name.selected{background-color:#616161}.model-picker .model-name:hover{background-color:#424242}.model-picker .model-name:active{background-color:#616161;transition-duration:0s}.component-chat-input{box-sizing:border-box;width:100%;color:var(--color-text);background:#302f2f;border:1px solid #424242;border-radius:24px;outline:none;padding:12px;font-size:16px;display:block;overflow:hidden}.component-chat-input .controls{justify-content:space-between;padding-top:16px;display:flex}.component-chat-input .component-button{background-color:transparent}.component-chat-input .component-icon{fill:#e0e0e0;background-color:transparent}.component-button{cursor:pointer;background-color:transparent;border:none;padding:0}.component-button.basic,.component-button.green,.component-button.red,.component-button.blue{border-radius:18px;width:100%;padding:8px 16px;display:block}.component-button.basic[disabled],.component-button.green[disabled],.component-button.red[disabled],.component-button.blue[disabled]{opacity:.5;pointer-events:none;cursor:default}.component-button.basic{color:var(--color-text);background-color:var(--color-background)}.component-button.red{color:var(--color-text);background-color:#e53935}.component-button.green{color:var(--color-text);background-color:#43a047}.component-button.blue{color:var(--color-text);background-color:#1e88e5}.component-bubble{cursor:pointer;background:#302f2f;border:1px solid #424242;border-radius:24px}.component-scroll-container{-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:scroll;transform:rotateX(180deg)}.component-scroll-container::-webkit-scrollbar{display:none}.component-scroll-container>*{transform:rotateX(180deg)}:root{--color-background:#131313;--color-text:#f5f5f5;--color-text-background:#f5f5f5}.component-input{width:100%;color:var(--color-text);background-color:transparent;border:1px solid #e0e0e0;border-radius:18px;padding:8px 12px;display:block}
/*# sourceMappingURL=index.336a1ab6a89081f4.css.map*/