:root{--color-red-50:#ffebee;--color-red-100:#ffcdd2;--color-red-200:#ef9a9a;--color-red-300:#e57373;--color-red-400:#ef5350;--color-red-500:#f44336;--color-red-600:#e53935;--color-red-700:#d32f2f;--color-red-800:#c62828;--color-red-900:#b71c1c;--color-red-a-100:#ff8a80;--color-red-a-200:#ff5252;--color-red-a-400:#ff1744;--color-red-a-700:#d50000;--color-pink-50:#fce4ec;--color-pink-100:#f8bbd0;--color-pink-200:#f48fb1;--color-pink-300:#f06292;--color-pink-400:#ec407a;--color-pink-500:#e91e63;--color-pink-600:#d81b60;--color-pink-700:#c2185b;--color-pink-800:#ad1457;--color-pink-900:#880e4f;--color-pink-a-100:#ff80ab;--color-pink-a-200:#ff4081;--color-pink-a-400:#f50057;--color-pink-a-700:#c51162;--color-purple-50:#f3e5f5;--color-purple-100:#e1bee7;--color-purple-200:#ce93d8;--color-purple-300:#ba68c8;--color-purple-400:#ab47bc;--color-purple-500:#9c27b0;--color-purple-600:#8e24aa;--color-purple-700:#7b1fa2;--color-purple-800:#6a1b9a;--color-purple-900:#4a148c;--color-purple-a-100:#ea80fc;--color-purple-a-200:#e040fb;--color-purple-a-400:#d500f9;--color-purple-a-700:#a0f;--color-deep-purple-50:#ede7f6;--color-deep-purple-100:#d1c4e9;--color-deep-purple-200:#b39ddb;--color-deep-purple-300:#9575cd;--color-deep-purple-400:#7e57c2;--color-deep-purple-500:#673ab7;--color-deep-purple-600:#5e35b1;--color-deep-purple-700:#512da8;--color-deep-purple-800:#4527a0;--color-deep-purple-900:#311b92;--color-deep-purple-a-100:#b388ff;--color-deep-purple-a-200:#7c4dff;--color-deep-purple-a-400:#651fff;--color-deep-purple-a-700:#6200ea;--color-indigo-50:#e8eaf6;--color-indigo-100:#c5cae9;--color-indigo-200:#9fa8da;--color-indigo-300:#7986cb;--color-indigo-400:#5c6bc0;--color-indigo-500:#3f51b5;--color-indigo-600:#3949ab;--color-indigo-700:#303f9f;--color-indigo-800:#283593;--color-indigo-900:#1a237e;--color-indigo-a-100:#8c9eff;--color-indigo-a-200:#536dfe;--color-indigo-a-400:#3d5afe;--color-indigo-a-700:#304ffe;--color-blue-50:#e3f2fd;--color-blue-100:#bbdefb;--color-blue-200:#90caf9;--color-blue-300:#64b5f6;--color-blue-400:#42a5f5;--color-blue-500:#2196f3;--color-blue-600:#1e88e5;--color-blue-700:#1976d2;--color-blue-800:#1565c0;--color-blue-900:#0d47a1;--color-blue-a-100:#82b1ff;--color-blue-a-200:#448aff;--color-blue-a-400:#2979ff;--color-blue-a-700:#2962ff;--color-light-blue-50:#e1f5fe;--color-light-blue-100:#b3e5fc;--color-light-blue-200:#81d4fa;--color-light-blue-300:#4fc3f7;--color-light-blue-400:#29b6f6;--color-light-blue-500:#03a9f4;--color-light-blue-600:#039be5;--color-light-blue-700:#0288d1;--color-light-blue-800:#0277bd;--color-light-blue-900:#01579b;--color-light-blue-a-100:#80d8ff;--color-light-blue-a-200:#40c4ff;--color-light-blue-a-400:#00b0ff;--color-light-blue-a-700:#0091ea;--color-cyan-50:#e0f7fa;--color-cyan-100:#b2ebf2;--color-cyan-200:#80deea;--color-cyan-300:#4dd0e1;--color-cyan-400:#26c6da;--color-cyan-500:#00bcd4;--color-cyan-600:#00acc1;--color-cyan-700:#0097a7;--color-cyan-800:#00838f;--color-cyan-900:#006064;--color-cyan-a-100:#84ffff;--color-cyan-a-200:#18ffff;--color-cyan-a-400:#00e5ff;--color-cyan-a-700:#00b8d4;--color-teal-50:#e0f2f1;--color-teal-100:#b2dfdb;--color-teal-200:#80cbc4;--color-teal-300:#4db6ac;--color-teal-400:#26a69a;--color-teal-500:#009688;--color-teal-600:#00897b;--color-teal-700:#00796b;--color-teal-800:#00695c;--color-teal-900:#004d40;--color-teal-a-100:#a7ffeb;--color-teal-a-200:#64ffda;--color-teal-a-400:#1de9b6;--color-teal-a-700:#00bfa5;--color-green-50:#e8f5e9;--color-green-100:#c8e6c9;--color-green-200:#a5d6a7;--color-green-300:#81c784;--color-green-400:#66bb6a;--color-green-500:#4caf50;--color-green-600:#43a047;--color-green-700:#388e3c;--color-green-800:#2e7d32;--color-green-900:#1b5e20;--color-green-a-100:#b9f6ca;--color-green-a-200:#69f0ae;--color-green-a-400:#00e676;--color-green-a-700:#00c853;--color-light-green-50:#f1f8e9;--color-light-green-100:#dcedc8;--color-light-green-200:#c5e1a5;--color-light-green-300:#aed581;--color-light-green-400:#9ccc65;--color-light-green-500:#8bc34a;--color-light-green-600:#7cb342;--color-light-green-700:#689f38;--color-light-green-800:#558b2f;--color-light-green-900:#33691e;--color-light-green-a-100:#ccff90;--color-light-green-a-200:#b2ff59;--color-light-green-a-400:#76ff03;--color-light-green-a-700:#64dd17;--color-lime-50:#f9fbe7;--color-lime-100:#f0f4c3;--color-lime-200:#e6ee9c;--color-lime-300:#dce775;--color-lime-400:#d4e157;--color-lime-500:#cddc39;--color-lime-600:#c0ca33;--color-lime-700:#afb42b;--color-lime-800:#9e9d24;--color-lime-900:#827717;--color-lime-a-100:#f4ff81;--color-lime-a-200:#eeff41;--color-lime-a-400:#c6ff00;--color-lime-a-700:#aeea00;--color-yellow-50:#fffde7;--color-yellow-100:#fff9c4;--color-yellow-200:#fff59d;--color-yellow-300:#fff176;--color-yellow-400:#ffee58;--color-yellow-500:#ffeb3b;--color-yellow-600:#fdd835;--color-yellow-700:#fbc02d;--color-yellow-800:#f9a825;--color-yellow-900:#f57f17;--color-yellow-a-100:#ffff8d;--color-yellow-a-200:#ff0;--color-yellow-a-400:#ffea00;--color-yellow-a-700:#ffd600;--color-amber-50:#fff8e1;--color-amber-100:#ffecb3;--color-amber-200:#ffe082;--color-amber-300:#ffd54f;--color-amber-400:#ffca28;--color-amber-500:#ffc107;--color-amber-600:#ffb300;--color-amber-700:#ffa000;--color-amber-800:#ff8f00;--color-amber-900:#ff6f00;--color-amber-a-100:#ffe57f;--color-amber-a-200:#ffd740;--color-amber-a-400:#ffc400;--color-amber-a-700:#ffab00;--color-orange-50:#fff3e0;--color-orange-100:#ffe0b2;--color-orange-200:#ffcc80;--color-orange-300:#ffb74d;--color-orange-400:#ffa726;--color-orange-500:#ff9800;--color-orange-600:#fb8c00;--color-orange-700:#f57c00;--color-orange-800:#ef6c00;--color-orange-900:#e65100;--color-orange-a-100:#ffd180;--color-orange-a-200:#ffab40;--color-orange-a-400:#ff9100;--color-orange-a-700:#ff6d00;--color-deep-orange-50:#fbe9e7;--color-deep-orange-100:#ffccbc;--color-deep-orange-200:#ffab91;--color-deep-orange-300:#ff8a65;--color-deep-orange-400:#ff7043;--color-deep-orange-500:#ff5722;--color-deep-orange-600:#f4511e;--color-deep-orange-700:#e64a19;--color-deep-orange-800:#d84315;--color-deep-orange-900:#bf360c;--color-deep-orange-a-100:#ff9e80;--color-deep-orange-a-200:#ff6e40;--color-deep-orange-a-400:#ff3d00;--color-deep-orange-a-700:#dd2c00;--color-brown-50:#efebe9;--color-brown-100:#d7ccc8;--color-brown-200:#bcaaa4;--color-brown-300:#a1887f;--color-brown-400:#8d6e63;--color-brown-500:#795548;--color-brown-600:#6d4c41;--color-brown-700:#5d4037;--color-brown-800:#4e342e;--color-brown-900:#3e2723;--color-grey-50:#fafafa;--color-grey-100:#f5f5f5;--color-grey-200:#eee;--color-grey-300:#e0e0e0;--color-grey-400:#bdbdbd;--color-grey-500:#9e9e9e;--color-grey-600:#757575;--color-grey-700:#616161;--color-grey-800:#424242;--color-grey-850:#302f2f;--color-grey-900:#212121;--color-grey-1000:#111;--color-blue-grey-50:#eceff1;--color-blue-grey-100:#cfd8dc;--color-blue-grey-200:#b0bec5;--color-blue-grey-300:#90a4ae;--color-blue-grey-400:#78909c;--color-blue-grey-500:#607d8b;--color-blue-grey-600:#546e7a;--color-blue-grey-700:#455a64;--color-blue-grey-800:#37474f;--color-blue-grey-900:#263238;--color-black:#000;--color-white:#fff;--color-background:var(--color-grey-1000);--color-text:var(--color-grey-100);--color-text-background:var(--color-grey-100);--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--spacing-13:56px;--spacing-14:64px;--spacing-15:72px;--spacing-16:144px}*{-webkit-tap-highlight-color:transparent}:active,:focus{outline:none}body,html{margin:0;padding:0}.content-max-width{padding:0 3%}@media (min-width:1280px){.content-max-width{max-width:1280px;margin:0 auto;padding:0}.for-mobile{display:none!important}}@media (max-width:1280px){.for-desktop{display:none!important}}:root{--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--spacing-13:56px;--spacing-14:64px;--spacing-15:72px;--spacing-16:144px}h1,h2,h3,h4,h5,h6,p,a{margin:0;padding:0}:is(h1,h2,h3,h4,h5,h6,p,a):last-child{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600}h1{margin-bottom:var(--spacing-7);font-size:28px;line-height:32px}@media (min-width:1280px){h1{margin-bottom:var(--spacing-11);font-size:30px;line-height:34px}}h2{margin-bottom:var(--spacing-6);font-size:26px;line-height:30px}@media (min-width:1280px){h2{font-size:28px;line-height:32px}}h3{margin-bottom:var(--spacing-8);font-size:24px;line-height:28px}@media (min-width:1280px){h3{margin-bottom:var(--spacing-10);font-size:26px;line-height:30px}}h4{margin-bottom:var(--spacing-7);font-size:22px;line-height:26px}@media (min-width:1280px){h4{margin-bottom:var(--spacing-9);font-size:24px;line-height:28px}}h5{margin-bottom:var(--spacing-6);font-size:20px;line-height:22px}@media (min-width:1280px){h5{margin-bottom:var(--spacing-8);font-size:22px;line-height:26px}}h6{margin-bottom:var(--spacing-5);font-size:18px;line-height:20px}@media (min-width:1280px){h6{margin-bottom:var(--spacing-7);font-size:20px;line-height:24px}}a{color:var(--color-link);text-decoration:underline}p,a,label,li{margin-bottom:var(--spacing-5);font-size:16px;font-weight:400;line-height:22px}@media (min-width:1280px){p,a,label,li{margin-bottom:var(--spacing-7);font-size:16px;line-height:22px}}label{display:block}em{font-size:inherit;font-weight:600}ul{padding-left:var(--spacing-3)}li{padding-left:var(--spacing-3);display:block;position:relative}li:after{content:"•";position:absolute;top:0;left:0}html{background-color:var(--color-background);height:100dvh;color:var(--color-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}*{box-sizing:border-box}body{flex-direction:column;height:100dvh;display:flex}body[data-route=\/] .component-icon{fill:var(--color-grey-300)}body[data-route=\/] .navbar{z-index:10;background-color:var(--color-grey-900);justify-content:space-around;align-items:center;height:60px;padding:0;display:flex;position:fixed;top:0;left:0;right:0}body[data-route=\/] .navbar>.left{flex:1;width:100%;line-height:0}body[data-route=\/] .navbar>.left{align-items:center;height:100%;display:flex}body[data-route=\/] .navbar>.right{align-items:center;height:100%;display:flex}body[data-route=\/] .navbar .side-nav-button{padding-right:var(--spacing-6);padding-left:var(--spacing-6);height:60px}body[data-route=\/] .navbar>.left{justify-content:flex-start}body[data-route=\/] .navbar>.right{justify-content:flex-end}body[data-route=\/] .navbar .status{white-space:nowrap;text-overflow:ellipsis;align-items:center;width:100%;height:100%;margin-bottom:3px;line-height:60px;overflow:hidden}body[data-route=\/] .model-menu-button{flex-shrink:0;width:60px;transition:transform .3s cubic-bezier(.2,0,0,1)}body[data-route=\/] .model-menu-button.open{transform:rotate(180deg)}body[data-route=\/] .models-menu{z-index:9;background-color:var(--color-grey-800);transition:transform .3s cubic-bezier(.2,0,0,1);position:fixed;bottom:100%;left:0;right:0}body[data-route=\/] .models-menu>div{padding:0 var(--spacing-4);white-space:nowrap;text-overflow:ellipsis;line-height:50px;overflow:hidden}body[data-route=\/] .models-menu.open{transform:translateY(calc(100% + 60px))}body[data-route=\/] .chat-body{flex:1;position:relative}body[data-route=\/] .chat-entry{padding:var(--spacing-4);justify-content:space-around;align-items:flex-end;display:flex}body[data-route=\/] .new-chat-button{bottom:var(--spacing-6);right:var(--spacing-6);background-color:var(--color-grey-800);padding:var(--spacing-6);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.component-side-nav{z-index:100;background-color:var(--color-grey-850);width:300px;padding:0 var(--spacing-3)var(--spacing-3);flex-direction:column;transition:transform .3s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;bottom:0;left:-300px;transform:translate(0%,0)}.component-side-nav.open{transform:translate(100%)}.component-side-nav.opening{transform:translate(100%)}.component-side-nav .top-bar{height:60px;margin-bottom:var(--spacing-3);align-items:center;display:flex}.component-side-nav .top-bar h1{margin-left:var(--spacing-3);font-size:20px;font-weight:400}.component-side-nav .main-section{flex:1}.component-side-nav .footer .component-button{background-color:var(--color-green-700);width:100%;padding:var(--spacing-3);color:#fff;border-radius:4px;display:block}.component-side-nav .footer .component-button[disabled]{opacity:.5}.component-side-nav-shade{z-index:99;background-color:#000;position:fixed;top:0;bottom:0;left:0;right:0}.component-side-nav-shade.opening{animation:.15s cubic-bezier(0,0,0,0) forwards side_nav_shade_open}.component-side-nav-shade.open{opacity:.5}.component-side-nav-shade.closing{animation:.15s cubic-bezier(0,0,0,0) reverse forwards side_nav_shade_open}.component-side-nav-shade.closed{display:none}@keyframes side_nav_shade_open{0%{opacity:0}to{opacity:.5}}.component-input{width:100%;padding:var(--spacing-2)var(--spacing-2);border:1px solid var(--color-grey-300);color:var(--color-text);background-color:transparent;border-radius:4px;display:block}.component-button{background-color:transparent;border:none;padding:0;display:inline-block}body[data-route="/chat/:id"] .navbar{z-index:10;background-color:var(--color-background);height:60px;padding:0 var(--spacing-6);justify-content:flex-start;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}body[data-route="/chat/:id"] .navbar .component-icon{margin-right:var(--spacing-6);fill:var(--color-grey-300)}body[data-route="/chat/:id"] .navbar .chat-title{color:var(--color-grey-300);font-weight:500;line-height:0}body[data-route="/chat/:id"] .chat-body{height:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);flex:1;padding-top:48px;padding-bottom:146px;position:relative}body[data-route="/chat/:id"] .chat-body .chat-bubble{margin-bottom:var(--spacing-3);display:flex}body[data-route="/chat/:id"] .chat-body .chat-bubble.self{justify-content:flex-end}body[data-route="/chat/:id"] .chat-body .chat-bubble.peer{padding-right:var(--spacing-6);justify-content:flex-start}body[data-route="/chat/:id"] .chat-body .chat-bubble .article{padding:var(--spacing-2)var(--spacing-3);border-radius:20px}body[data-route="/chat/:id"] .chat-body .chat-bubble.self .article{background-color:var(--color-grey-700)}body[data-route="/chat/:id"] .chat-body .chat-bubble.peer .article{color:var(--color-grey-100)}body[data-route="/chat/:id"] .chat-body .chat-bubble.peer .article:before{content:"✨";margin-bottom:var(--spacing-3);margin-left:var(--spacing-2);font-size:22px;display:block}body[data-route="/chat/:id"] .chat-entry{padding:var(--spacing-4);justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}body[data-route="/chat/:id"] button{padding:0 0 3px var(--spacing-2);background-color:transparent;border:none}.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)}.component-chat-input{box-sizing:border-box;background:var(--color-grey-800);width:100%;color:var(--color-text);border-radius:32px;outline:none;padding:12px;font-size:16px;display:block;overflow:hidden}.component-chat-input .controls{padding-top:var(--spacing-4);justify-content:space-between;display:flex}.component-chat-input .component-button{background-color:transparent}.component-chat-input .component-icon{fill:var(--color-grey-300);background-color:transparent}body[data-route="/**"]{justify-content:center;align-items:center;padding:20px;display:flex}
/*# sourceMappingURL=index.css.map*/