@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}#root{display:flex}.lightmode{--color:black;--background-color:white;--btn-background-color:black;--btn-color:white;--hover-btn-background-color:#00000090}.darkmode{--color:white;--background-color:#162021;--btn-background-color:white;--btn-color:black;--hover-btn-background-color:#ffffff96}.darkmodebtn{background-color:var(--btn-background-color);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;padding:10px;transition:all .5s;display:flex;box-shadow:2px 2px 10px #000}.darkmodebtn svg{width:30px;height:30px;color:var(--btn-color)}.darkmodebtn:hover{background-color:var(--hover-btn-background-color)}.chatsection{background-color:var(--background-color);flex:1;height:100vh}.topsection{width:100%;height:75vh}.bottomsection{justify-content:center;align-items:center;gap:10px;width:100%;height:25vh;display:flex}.headings{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:2vmax;display:flex;overflow:hidden}.headings span:first-child{color:#0000;background:linear-gradient(90deg,#de1365,#59bed7,#c2c1c1);-webkit-background-clip:text;background-clip:text;font-size:4em;font-weight:600}.headings span:nth-child(2){color:#0000;background:linear-gradient(90deg,#13c6de,#d41f6b,#c2c1c1);-webkit-background-clip:text;background-clip:text;font-size:2.9em;font-weight:600}.headings span:nth-child(3){color:var(--color);opacity:.8;font-size:1.5em}.bottomsection input{background-color:var(--btn-background-color);width:50%;height:60px;color:var(--btn-color);border:none;border-radius:40px;outline:none;padding:20px;font-size:20px;box-shadow:2px 2px 10px #000}#sentbtn{background-color:var(--btn-background-color);cursor:pointer;border:none;border-radius:50px;width:60px;height:60px;padding:10px;transition:all .5s;box-shadow:2px 2px 10px #000}#sentbtn:hover{background-color:var(--hover-btn-background-color)}#sentbtn svg{width:30px;height:30px;color:var(--btn-color)}.userbox,.aibox{color:var(--color);align-items:start;gap:20px;display:flex}.aibox p{scrollbar-width:none;width:100%;height:400px;overflow:auto}.result{flex-direction:column;gap:20px;width:100%;height:100%;padding:40px 20px;font-size:20px;display:flex}.result img{filter:drop-shadow(2px 2px 10px #000)}.loader{flex-direction:column;gap:20px;width:100%;display:flex}.loader hr{background-color:#f0f8ff;background:linear-gradient(to right,#76d2d7,var(--background-color),#76d2d7);background-size:800px 50px;border:none;border-radius:20px;height:20px;animation:2s linear infinite loader}@keyframes loader{0%{background-position:-800px 0}to{background-position:800px 0}}@media (width<=800px){.headings{padding:10px;font-size:1.5vmax}}.seperation{background-color:#697784;width:5px;height:100vh}.sidebar{background-color:var(--background-color);height:100vh;color:var(--color);scrollbar-width:none;flex-direction:column;align-items:start;gap:20px;padding:20px 10px;font-size:20px;display:flex;overflow:auto}.sidebar svg{width:30px;height:30px;color:var(--color)}#ham{cursor:pointer;margin-left:10px}.newchat{cursor:pointer;background-color:#abb0b4;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:15px;transition:all .2s;display:flex}.recent{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:15px;transition:all .2s;display:flex}.recent:hover,.newchat:hover{background-color:#808586}@media (width<=600px){.sidebar{display:none}}