html,body{margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:hidden}*{color:#0d0d0d;font-family:Times New Roman,Times,serif}.main{display:flex;padding:7px;height:100vh}body{margin:0;padding:0;height:100vh}.fa-user{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#8a2be2;border-radius:50%;cursor:pointer}@media screen and (max-width: 768px){.main{padding:0}}.chatwindow{height:calc(100vh - 14px);width:100vw;margin-left:10px;border:2px solid rgba(98,94,98,.747);border-radius:20px;padding:20px;box-shadow:1px 1px 10px #625e627d;background-color:#f6f6f6;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar img{width:120px;height:50px;object-fit:cover}.chat-input{display:flex;flex-direction:column;align-items:center}.user-input{display:flex;width:100%;width:700px;background-color:#d1d1d125;padding:20px;border-radius:20px;box-shadow:1px 1px 20px #52525245}.user-input input{all:unset;width:100%;height:30px;font-size:large}.user-input i{font-size:25px}.user-input+p{color:#5c5c5c}.profile{position:absolute;top:4rem;right:4rem;background-color:#be8cec;box-shadow:10px 10px 30px #892be260;padding:10px 15px;line-height:30px;border-radius:10px}.profile .fa-user{display:inline;background-color:#892be200;color:#03030368;font-size:15px}.profile .user-mail{color:#03030368}.profile-icons{padding:0 15px;border-radius:10px;cursor:pointer}.profile-icons:hover{background-color:#f0f8ff9d}.loader{bottom:50px}@media screen and (max-width: 768px){.user-input{width:90%}.chat-input p{margin-bottom:0}.chatwindow{margin-left:0;border-radius:0;border:none;height:100vh}.temp img{margin-top:100px!important;width:100px}h3{padding-top:50%;text-align:center;font-size:26px!important}}.temp{display:flex;flex-direction:column;align-items:center}.temp img{width:120px;background-color:#00000012;box-shadow:1px 1px 40px #0000002b;border-radius:100%;padding:20px}.chats{overflow-y:scroll;padding:8rem;display:flex;font-size:17px;height:100%;width:700px;flex-direction:column;align-items:end}::-webkit-scrollbar{width:0}.user{background-color:#0000000e;padding:10px 20px;border-radius:20px;justify-content:flex-start;box-shadow:10px 10px 10px #0000000a;margin-bottom:50px}.assistant{margin-bottom:60px;width:100%;justify-content:flex-end}@media screen and (max-width: 768px){.chats{width:100%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.side-window{position:relative;background-color:#892be225;border:2px solid rgba(137,43,226,.304);height:calc(100vh - 14px);box-shadow:1px 1px 20px #38373885;border-radius:20px;min-width:330px;padding:20px;box-sizing:border-box}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.flx{position:fixed;top:90px;left:70px;width:40px}.logo{width:40px;border-radius:100%!important;box-shadow:1px 1px 20px #00000023;background-color:#cecece}.top i,.top img{padding:5px}.tag:hover,.top img:hover{background-color:#892be27a;cursor:pointer;border-radius:10px}.tools{width:94%;padding:7px;border-radius:8px;cursor:pointer;display:inline-block}.tools:hover{background-color:#892be27a}.connect{margin:30px 0}.hide-title{margin-top:60px;color:#c7c5c5}.connect a{padding:7px;display:block;text-decoration:none}.connect a:hover{background-color:#892be27a;border-radius:10px}.history{list-style-type:none;padding:0;height:35%;overflow-y:scroll}.sign{display:flex;gap:30px;position:absolute;width:100%;bottom:0;background-color:#efe5f9;border-radius:0 0 20px 20px;left:0;padding:5px 20px;align-items:center;box-sizing:border-box}.tag{font-size:25px}.links{padding:7px;cursor:pointer;display:flex;justify-content:space-between;border-radius:10px}.links p{all:unset;width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links:hover{background-color:#892be27a}.links i{display:none}.links:hover .fa-trash-can{display:block}.fa-trash-can:hover{color:#df7026}.highlighted{background-color:#892be21e}.hidden{height:0vh}@media screen and (max-width: 768px){.side-window{height:100vh;width:100vw;border-radius:0}.logo{top:65px;left:50px}}