@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Griffy&display=swap";@import"https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}.app_container{position:relative;width:100%;height:100vh;overflow:hidden}.app_container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/background.jpg);background-size:cover;background-position:center;filter:blur(40px);transform:scale(1.05);z-index:-2}.app_container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;z-index:-1}.logo{font-family:Henny Penny,system-ui;font-weight:400;font-size:22px;letter-spacing:1px;padding:0 20px}.chat_container{width:100%;height:100vh;display:flex;flex-direction:column}.header_container{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;background:#fff3;box-shadow:#959da533 0 8px 24px;position:sticky;top:0;z-index:100}.header_right{display:flex;margin:0 20px}.new_chat,.chat_history{margin:0 10px}.menu_max{display:flex}.menu_min{display:none}@media (max-width: 768px){.menu_max{display:none}.menu_min{display:flex}.new_chat,.chat_history{margin:10px 0}}.content_container{width:100%;height:100%;display:flex;flex-direction:column;padding:10px 10%;overflow-y:auto;margin-top:20px}.input_container{width:100%;display:flex;justify-content:center;padding:30px 0 40px;transform:translateY(-10px)}.input_container .input_group{width:50%;height:60px;position:relative}.input_container .chat_bar{width:100%;height:100%;border-radius:10px;border:none;outline:none;background:#000;color:#fff;padding:0 20px;font-size:20px}.input_group .send{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:none;outline:none;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.before_chat{display:flex;flex-direction:column;justify-content:center;align-items:center}.before_chat img{width:250px}.before_chat .beforechat_text{font-family:Griffy,system-ui;font-size:26px;letter-spacing:1px;text-transform:capitalize}.beforechat_tags{margin:10px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.beforechat_tags .tags{width:400px;background:#ffffff80;margin:10px;border-radius:5px;padding:10px;text-align:center}.message_container{display:flex;flex-direction:column;gap:10px}.message_container .user_side{width:100%;display:flex;justify-content:flex-end;margin:10px 0;white-space:pre-wrap;word-wrap:break-word}.message_container .bot_side{width:100%;display:flex;justify-content:flex-start;margin:10px 0;white-space:pre-wrap;word-wrap:break-word}.message_container .user_side .chat_text{background:linear-gradient(125deg,#db9a9d,#ab1ed6);padding:10px;border-radius:30px 30px 0/30px 30px 0px;font-size:16px;color:#fff;letter-spacing:1px;border:2px solid #fff}.message_container .bot_side .chat_text{background:#0000001a;padding:10px;border-radius:30px 30px 30px 0/30px 30px 30px 0px;border:2px solid #000;line-height:1.5}.drawer_logo{font-family:Henny Penny,system-ui;font-weight:400;font-size:22px;letter-spacing:1px;padding:20px 0;text-align:center}.drawer_btn_container{padding:10px 0;display:flex;justify-content:center;align-items:center}.drawer_btn_container a{text-decoration:none;letter-spacing:1px}.drawer_box{width:350px}.drawerbutton{width:300px;height:40px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 15px;background-color:#424242;border-radius:10px;color:#fff;border:none;position:relative;cursor:pointer;transition-duration:.2s}.bell{width:13px}.bell path{fill:#00ce3e}.arrow{position:absolute;right:0;width:30px;height:100%;font-size:18px;display:flex;align-items:center;justify-content:center}.drawerbutton:hover{background-color:#4d4d4d;transition-duration:.2s}.drawerbutton:hover .arrow{animation:slide-right .6s ease-out both}@keyframes slide-right{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.drawerbutton:active{transform:translate(1px,1px);transition-duration:.2s}.loader{display:flex;justify-content:center;align-items:center;height:40px}.circle{width:10px;height:10px;margin:0 .25em;border-radius:50%;background-color:#000;animation:wave 1.5s infinite ease-in-out;transition:background-color .3s ease}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-1em)}}.circle:nth-child(1){animation-delay:0s}.circle:nth-child(2){animation-delay:.2s}.circle:nth-child(3){animation-delay:.4s}.circle:nth-child(4){animation-delay:.6s}.circle:nth-child(5){animation-delay:.8s}@media (max-width: 500px){.before_chat .beforechat_text{font-size:18px!important}.before_chat img{width:150px!important}.beforechat_tags .tags{width:300px;margin:8px;border-radius:5px;padding:8px}.input_container .input_group{width:80%!important;height:45px!important}.content_container{padding:10px 15px!important}.message_container .user_side,.message_container .bot_side{margin:5px 0!important}.message_container .bot_side .chat_text{padding:8px;line-height:1;font-size:14px;border-radius:20px 20px 20px 0/20px 20px 20px 0px}.message_container .user_side .chat_text{padding:8px;font-size:14px;border-radius:20px 20px 0/20px 20px 0px}.input_container{padding:10px 0;transform:translateY(-55px)}.input_group .send{top:5px;right:10px;width:35px;height:35px}.drawer_box{width:250px!important}.drawerbutton{width:220px;height:30px;border-radius:5px}.drawer_btn_container{padding:6px 0}.logo{font-size:18px}.header_container{height:70px}}