@import url(https://fonts.googleapis.com/css2?family=Kanit&family=Outfit:wght@100..900&display=swap);*{box-sizing:border-box;font-family:outfit;margin:0;padding:0}#root{display:flex}#root,.main{min-height:100vh}.main{background-color:#1b1c1d;flex:1 1;padding-bottom:15vh;position:relative}.main .nav{align-items:center;color:#ebebec;display:flex;font-size:22px;justify-content:space-between;padding:20px}.main .nav img{border-radius:50%;width:40px}.main-container{margin:auto;max-width:900px}.main .greet{color:#8e8e8e;font-size:50px;font-weight:500;margin:50px 0;padding:20px}.main .greet span{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(16deg,#4b90ff,#ff5546);-webkit-background-clip:text}.main .cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:20px}.main .card{background-color:#282a2c;border-radius:10px;cursor:pointer;height:200px;padding:15px;position:relative;transition:all .2s ease-in-out}.main .card img{background-color:#a8a8a8;border-radius:20px;bottom:10px;filter:invert(1) brightness(100%) contrast(100%);padding:5px;position:absolute;right:10px;width:35px}.main .card p{color:#b8b8b8}.main .card:hover{background-color:#303135}.main-bottom{bottom:0;margin:auto;max-width:900px;padding:0 20px;position:absolute;width:100%}.search-box{align-items:center;background-color:initial;border:1px solid grey;border-radius:50px;display:flex;gap:20px;justify-content:space-between;padding:10px 20px}.search-box img{cursor:pointer;filter:invert(1) brightness(100%) contrast(100%);width:24px}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:18px;outline:none;padding:8px}.search-box input::placeholder{color:#b8b8b8}.search-box div{align-items:center;display:flex;gap:15px}.main .bottom-info{color:#b8b8b8;font-size:13px;font-weight:300;margin:15px auto;text-align:center}.result{color:#fff;max-height:70vh;overflow-y:scroll;padding:0 5px}.result::-webkit-scrollbar{display:none}.result .result-title{align-items:center;display:flex;gap:20px;margin:40px 0}.result img{border-radius:50%;width:40px}.result-data{align-items:start;display:flex;gap:20px}.loader{display:flex;flex-direction:column;gap:10px;width:100%}.loader hr{animation:loader 2s linear infinite;background-color:#f6f7f8;background:linear-gradient(90deg,#232323,#414141,#232323);background-size:800px 50px;border:none;border-radius:4px;height:20px}@keyframes loader{0%{background-position:-800px 0}to{background-position:800px 0}}.result-data p{font-size:18px;font-weight:300;line-height:1.8}@media(max-width:600px){.main-bottom input{flex:none;width:240px}.main-bottom img{width:20px}.search-box{padding:5px 10px}.main .greet{font-size:40px}.main .cards{display:none}}@media(max-width:768px){.result{padding:0 20px}}.sidebar{background-color:#282a2c;color:#fff;display:inline-flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:10px;transition:width .3s ease-in-out,padding .3s ease-in-out;width:80px}.sidebar.extended{padding:10px 20px;width:220px}.sidebar img{filter:invert(1);width:20px}.sidebar .menu{cursor:pointer;display:block;margin-left:15px;margin-top:20px}.sidebar .new-chat{align-items:center;background-color:#202123;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;margin-top:50px;padding:15px 20px}.sidebar .new-chat p{animation:fadeIn 1.5s;margin:5px 0}.sidebar .new-chat img{filter:invert(1) brightness(1000%) contrast(60%)}.sidebar .recent{animation:fadeIn 2s;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar .recent-title{margin-bottom:20px;margin-top:30px}.sidebar .recent-entry{align-items:center;border-radius:50px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 20px 10px 10px}.sidebar .recent-entry:hover{background-color:#36393d}.sidebar .recent-entry p{margin:5px 0}.sidebar .bottom{display:flex;flex-direction:column}.sidebar .bottom .bottom-item{cursor:pointer}@media (max-width:600px){.sidebar{display:none}}
/*# sourceMappingURL=main.c3f78e33.css.map*/