*{margin:0;padding:0}body{background:#000}.homeScreen{height:100vh;width:100%;position:relative;display:flex;justify-content:space-between}.icon{width:60px;height:60px;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);opacity:.4}.search-bar{position:fixed;bottom:49px;background:#000;z-index:9999;width:100%}.tags{display:inline-flex;align-items:center;margin:0 12px;gap:12px;overflow-x:auto;scrollbar-width:none;width:100%}.tags::-webkit-scrollbar{display:none}.tag{padding:0 10px;background-color:#1f1e1e;border-radius:20px;height:64px;flex-shrink:0;display:inline-flex;align-items:start;flex-direction:column;justify-content:center}.tag:last-child{margin-right:24px}.tag-title{font-family:Inter;font-size:13px;font-weight:700;line-height:16.94px;color:#fff}.tag-desc{font-family:Inter;font-size:12px;font-weight:400;line-height:16.94px;color:#8f8f8f}.input-bar{border-radius:20px;background-color:#1f1f1f;min-height:47px;margin:18px 12px 0;position:relative}.input-bar textarea{width:84%;margin-left:4%;margin-top:12.5px;font-family:Inter;font-size:17px;font-weight:400;line-height:20.57px;color:#fff;height:30px;background-color:inherit;border:none;outline:none;resize:none}.input-bar textarea:focus{height:70px}.btn-search{width:30px;height:30px;border-radius:50px;background-color:#d9d9d980;bottom:8.5px;right:12px;position:absolute}.render-search-result{position:relative;height:74vh;margin:0 12px}.new-chat{display:flex;align-items:center;justify-content:end;z-index:999;background-color:#000000e6;position:absolute;padding-top:10px;top:0;width:100%;height:70px}.new-chat img{width:20px;height:20px;margin-right:12px}.messages{overflow-y:auto;overflow-x:hidden;height:100%;margin-top:10px;scrollbar-width:none}.messageBlockFragment{display:flex;align-items:flex-start;flex-direction:column}.messages .my.message{background-color:#1f1f1f;margin:0 2% 2%;flex-shrink:0;padding:16px;max-width:50%;align-self:flex-end;border-radius:20px}.messages .gpt{display:flex;align-items:flex-start;width:100%;margin-top:6%;margin-bottom:20px}.messages .gptImg{width:30px;height:30px;margin-right:8px}.message p{font-family:Inter;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#fff}.messages .my p{font-size:16px;margin-top:0;line-height:20px}.new-chat:active,.messages button:active,.btn-search:active,.tag:active,.copy-btn:active{opacity:.5;transition:opacity .2s ease,transform .1s ease;transform:scale(.98)}.message-content{padding-top:4px;width:100%}.circle{width:12px;height:12px;border-radius:50%;background-color:#fff;margin-top:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.loader-wrapper{display:flex;justify-content:center;align-items:center;width:38px;height:38px;position:absolute;right:8px;bottom:4px}.loader{transform:rotate(-90deg)}.background-circle{fill:none;stroke:#636363;stroke-width:10}.progress-circle{fill:none;stroke:#fff;stroke-width:10;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s ease-out}.code-block{width:calc(100vw - 24px);margin:10px 0 10px -38px;background-color:#101010!important}.code-block pre{padding:2% 8%!important;background-color:transparent!important}.code-block .code{font-size:16px;font-weight:400;line-height:16px;margin-top:34px}.copy-btn{position:absolute;top:0;right:20px;background-color:#101010;border:1px solid white;border-radius:8px;cursor:pointer;padding:2px 6px;color:#b4b4b4}.header-code{background-color:#151515;display:flex;width:100%;justify-content:space-between;align-items:center;padding:4px 0}.header-code p{font-size:12px;text-transform:capitalize;color:#545454}.header-code p:first-child{margin-left:5%}.header-code p:last-child{margin-right:5%}.copy-btn:hover svg{color:#fff}.copy-btn svg{display:inline-block;vertical-align:middle;fill:#fff;width:20px;height:20px;transition:color .2s ease}.copy{font-size:10px}.name-lang{text-transform:capitalize;margin-left:5%;margin-bottom:10px}.messageContent{width:100%}.messageContent:last-child{margin-bottom:6%}.fade-in{opacity:0;animation:fadeIn .1s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.scroll-to-bottom{width:30px;height:30px;border-radius:30px;position:absolute;bottom:0%;left:50%;transform:translate(50% -50%);z-index:999;border:none;background-color:#777;align-items:center;display:flex;justify-content:center}.newMessagesRef{width:100px;height:46.5vh}.screen{background-color:#000}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.a-center{align-items:center}.a-start{align-items:flex-start}.a-end{align-items:flex-end}.j-content-c{justify-content:center}.j-content-start{justify-content:flex-start}.j-content-end{justify-content:flex-end}.j-content-between{justify-content:space-between}.j-content-around{justify-content:space-around}.j-content-evenly{justify-content:space-evenly}.flex-center{display:flex;align-items:center;justify-content:center}.flex-space-between{display:flex;justify-content:space-between}