*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;scroll-behavior:smooth}.navbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background-color:#517da2}.navbar__logo{display:flex;align-items:center;gap:10px;color:#fff}.navbar__icon{display:flex;align-items:center;gap:15px;color:#fff}.navbar__logo img{height:40px;width:40px;border-radius:50%}.name span{display:flex;flex-direction:column;font-size:10px}.navbarTop{height:20px;width:100%;padding:15px;background:#517da2;color:#fff;display:flex;align-items:center;justify-content:space-between}.navbarTop__camera{width:90px;margin-right:-30px;border-radius:10px;height:20px;background-color:#000;display:flex;align-items:center;padding:4px}.navbarTop__camera button{width:10px;height:10px;border-radius:50%;background-color:#fff;border:none}.navbarTop__icons{display:flex;gap:10px}.navbarTop__icons i{color:#fff}.main{width:100%;height:100vh;display:grid;place-items:center;background-image:url(../assets/tg-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.mobile{width:360px;height:600px;border:10px solid #000;border-radius:40px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#19273a;background-image:url(../assets/bg.jpg)}.msg__container{flex:1;padding:12px;overflow:auto}.msg__container::-webkit-scrollbar{width:0}.msg{width:250px;padding:12px;background-color:#fff;border-radius:16px 16px 16px 0;margin-bottom:8px}.msg span{display:block;text-align:right;font-size:12px}.msg.me{margin-left:auto;margin-right:0;background:#bfb;border-radius:16px 16px 0 16px}.form{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background-color:#fff}.form input{outline:none;border:none;width:200px;height:30px;border-radius:20px;padding:5px;overflow:auto;background-color:inherit;color:#000}.form button{border-radius:20px;padding:2px 6px;background-color:inherit}.sidebar{position:absolute;padding:10px;top:0;height:100%;width:180px;transform:translate(-100%);transition:transform .3s;z-index:100;background-color:#fff;border-radius:25px 0 0 25px;color:#000;transform:translate(-100%)}.sidebar__wrapper{display:flex;flex-direction:column;margin-top:30px;gap:20px}.wrapper{display:flex;justify-content:space-between;align-items:start}.hamburger{color:#000;flex-direction:right}.dark__mode{display:flex;flex-direction:column;gap:20px}.dark,.nav{background-color:#101723;color:#fff}.color,.darkmode{color:#fff}.moon{border:none;background-color:inherit;color:#000}.items{display:flex;align-items:center;gap:10px}.send{color:#000}.search{position:absolute;left:0;top:-50px;width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background-color:#fff;transition:top .3s ease-in-out;color:#fff}.search input{height:30px;width:280px;padding:8px;border:none;overflow:auto;background-color:inherit;color:#000}.close__search{background:rgba(0,0,0,0);color:#000;border:none}.searchmode{background-color:#101723;color:#fff !important}/*# sourceMappingURL=main.min.css.map */