@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);@import url(https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}:root{--sidebar:#f0f4f9;--iconBg:#d4dae1;--main:#fff;--text:#222;--heading:#c4c7c5;--logo:#797979;--card:#f0f4f9;--cardIconbg:#fff;--cardHover:#dde3ea;--input:#f0f4f9}.body-wrapper{align-items:flex-start;display:flex}.sidebar{background:#f0f4f9;background:var(--sidebar);flex-direction:column;justify-content:space-between;min-height:100vh;padding:15px;width:70px}.sidebar,.sidebar .menu{align-items:center;display:flex}.sidebar .menu{border-radius:50px;color:#222;color:var(--text);cursor:pointer;font-size:24px;height:50px;justify-content:center;padding:10px;width:50px}.sidebar .menu:hover{background:#d4dae1;background:var(--iconBg)}.sidebar li span{display:none}.bottom-icons li{align-items:center;border-radius:50px;color:#222;color:var(--text);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;list-style:none;padding:10px;width:40px}.bottom-icons li i{font-size:20px}.bottom-icons li:hover{background:#d4dae1;background:var(--iconBg)}.container{width:100%}.header{justify-content:space-between;padding:15px 30px;width:100%}.header,.header div{align-items:center;display:flex}.header div i{display:none;font-size:22px;margin-right:15px}.header h2{color:#797979;color:var(--logo);font-size:20px;font-weight:400}.header img{border-radius:50%;width:40px}.startPage h1{color:#c4c7c5;color:var(--heading);font-size:52px;font-weight:600}.startPage h1 span{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(16deg,#5381ec,#d46677);-webkit-background-clip:text}.cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px;width:100%}.card{background:#f0f4f9;background:var(--card);border-radius:10px;cursor:pointer;font-size:16px;font-weight:300;padding:15px}.card i{align-items:center;background:#fff;background:var(--cardIconbg);border-radius:50%;display:flex;float:right;font-size:22px;height:40px;justify-content:center;margin-top:80px;width:40px}.card:hover{background:#dde3ea;background:var(--cardHover)}.chats{height:70vh;margin:0 auto;max-width:900px;overflow-y:scroll;width:100%}.chats::-webkit-scrollbar{display:none}.chat-option{background:linear-gradient(#0000,#fff);margin:0 auto;max-width:900px;padding-top:20px;width:100%}.chat-option p,.chat-option p a{color:#c4c7c5;color:var(--heading);font-size:12px;margin:10px 0;text-align:center}.msg-input{align-items:center;background:#f0f4f9;background:var(--input);border-radius:50px;display:flex;justify-content:space-between;padding:10px 20px}.msg-input input{background:#0000;border:0;font-size:18px;outline:0;padding:5px 0;width:80%}.msg-input .msg-icon i{color:#5a5a5a;cursor:pointer;font-size:22px;padding:0 5px}.chat{align-items:flex-start;display:flex;margin:30px 0}.chat img{border-radius:50%;margin-right:15px;width:40px}.chats{margin-top:45px}.chat p{color:#8f8f8f;font-size:16px;font-weight:400;margin-top:5px}.loader{border:0;display:block;outline:0;width:100%}.loader hr{animation:loader 2s linear infinite;background-image:linear-gradient(16deg,#6695f1,#f9fafc,#6695f1);background-position:500px 0;border:0;border-radius:2px;margin-bottom:5px;outline:0;padding:7px}.loader hr:nth-child(2){animation-delay:.5s}.loader hr:last-child{animation-delay:1s}@keyframes loader{0%{background-position:-500px 0}to{background-position:500px 50px}}@media (max-width:768px){.startPage h1{font-size:48px;margin-top:30px}.cards{overflow-y:scroll}.cards::-webkit-scrollbar{display:none}.card{width:200px}.header div i{display:block}.sidebar{display:none}.header{background:#fff;box-shadow:0 0 10px #0000000a;left:0;position:fixed;top:0;width:100%;z-index:999}.container,.header{padding:15px}.chat p,.msg-input input{font-size:14px}.msg-input .msg-icon i{font-size:18px}.msg-input input{width:70%}}
/*# sourceMappingURL=main.b7bb7733.css.map*/