@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);html{scroll-behavior:smooth}:root{--blue-color:#4e00ff;--color-primary:#6ec1e4;--color-secondary:#54595f;--color-text:#7a7a7a;--color-accent:#61ce70}body{background-color:#e6e6e6}*,body{box-sizing:border-box;margin:0;padding:0}*{font-family:Poppins,sans-serif}.poppins-thin{font-weight:100}.poppins-extralight,.poppins-thin{font-family:Poppins,sans-serif;font-style:normal}.poppins-extralight{font-weight:200}.poppins-light{font-weight:300}.poppins-light,.poppins-regular{font-family:Poppins,sans-serif;font-style:normal}.poppins-regular{font-weight:400}.poppins-medium{font-weight:500}.poppins-medium,.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal}.poppins-semibold{font-weight:600}.poppins-bold{font-weight:700}.poppins-bold,.poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal}.poppins-extrabold{font-weight:800}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-thin-italic{font-weight:100}.poppins-extralight-italic,.poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic}.poppins-extralight-italic{font-weight:200}.poppins-light-italic{font-weight:300}.poppins-light-italic,.poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic}.poppins-regular-italic{font-weight:400}.poppins-medium-italic{font-weight:500}.poppins-medium-italic,.poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic}.poppins-semibold-italic{font-weight:600}.poppins-bold-italic{font-weight:700}.poppins-bold-italic,.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic}.poppins-extrabold-italic{font-weight:800}.poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}.user-list-container{display:block;position:relative}.user-list-container h2{text-align:center}.user-list-container form{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:.5rem 0}.user-list-container form input{border-radius:10px;display:block;font-size:1.1rem;height:1.5rem;padding-left:.8rem;width:75%}.user-list-container form button{align-items:center;background-color:var(--blue-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;display:flex;font-size:1.3rem;font-weight:600;justify-content:center;padding:.2rem}.setting-container{align-items:center;display:flex;justify-content:center;justify-content:space-evenly;padding:.3rem 0 0}.setting-container button{background-color:var(--blue-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;padding:.3rem 1rem}.user-list{height:calc(100% - 7.5rem);overflow-y:auto;position:relative;width:300px}.user-list h2{color:#000;font-size:1.5rem;font-weight:600;margin:.5rem 0;padding:0;text-align:center}.user-box{position:relative}.user-box input[type=radio]{display:none}.user-box input[type=radio]+label{background-color:#e7e7e7;border-radius:10px;cursor:pointer;display:block;margin:.5rem 1rem;padding:.2rem}.user-box input[type=radio]:checked+label{background-color:var(--blue-color);color:#fff;display:block}.user-list::-webkit-scrollbar{width:2px}.user-list::-webkit-scrollbar-track{background:#f1f1f1}.user-list::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.user-list::-webkit-scrollbar-thumb:hover{background:#d5d5d5}.user{align-items:center;display:flex;gap:.5rem;justify-content:left}.user-image-container{position:relative}.user-image-container img{border:1px solid var(--blue-color);border-radius:50%;display:block;height:3rem;width:3rem}.user-details h3{font-size:1.2rem;font-weight:500;margin:0;padding:0}.user-details p{font-size:.8rem;font-weight:400;margin:0;padding:0}.green-dot{background-color:green;border-radius:50%;height:6px;position:absolute;right:0;top:12px;transform:translate(50%,-50%);width:6px;z-index:10}.no-user-selected{align-items:center;display:flex;justify-content:center;min-height:500px}.message-container{width:75%}.header-image img{border-radius:50%;display:block;height:2.5rem;width:2.5rem}.header-image{align-items:center;display:flex;gap:.5rem;justify-content:left;padding:.7rem 1rem}.message-box{background-color:#e7e7e7;border-radius:10px;height:calc(100vh - 7.8rem);margin:0 .5rem .5rem;position:relative}.send-msg-box form{align-items:center;bottom:0;display:flex;gap:.5rem;justify-content:center;left:0;position:absolute;right:0}.send-msg-box form input{border:none;border-radius:10px;display:block;font-size:1.1rem;height:2.3rem;margin:.8rem 0;padding-left:.8rem;padding-right:.8rem;width:85%}.send-msg-box form button{background-color:initial;border:none;cursor:pointer;display:block;margin:0;padding:0}#send-btn{background-color:#4f4fff;border:none;border-radius:10px;color:#fff;font-size:1.5rem;height:2.1rem;padding:.2rem;width:2.1rem}.send-msg-box form input:focus{outline:none}.left-align,.right-align{margin:1rem .5rem}.left-align span,.right-align span{border-radius:12px;padding:.3rem 1rem;width:90%}.left-align span{background-color:#fff;color:#000}.right-align span{background-color:var(--blue-color);color:#fff}.left-align{text-align:left}.right-align{text-align:right}.message-box-container{height:calc(100% - 3.2rem);overflow-y:auto}.message-box-container::-webkit-scrollbar{width:2px}.message-box-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.message-box-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.message-box-container::-webkit-scrollbar-thumb:hover{background:#555}.message-box-container::-webkit-scrollbar-corner{background:#0000}.send-btn-loader{align-items:center;background-color:var(--blue-color);border-radius:10px;display:flex;height:2.1rem;justify-content:center;width:2.1rem}.loading-chats{padding-top:20%;text-align:center}#message-attachment{background-color:#fff;cursor:pointer;margin-left:-3rem;margin-right:.5rem;padding:.4rem}.button-loader{align-items:center;display:flex;justify-content:center}.loader{animation:rotation 1s linear infinite;border:3px solid;border-color:#fff #fff #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:25px;width:25px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#attachment-image{border:3px solid var(--blue-color);border-radius:5px;max-height:200px}.chat-container{background-color:#fff;border-radius:15px;box-shadow:0 7px 29px 0 #64646f33;display:flex;height:calc(100vh - 2rem);margin:1rem auto;max-width:1000px}.signupFormContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.form-heading{color:var(--blue-color);text-align:left}.form-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin:1rem auto;padding:1.5rem}.form-container input{border:1px solid var(--blue-color);border-radius:5px;font-size:1.1rem;height:2.5rem;margin:0 auto;padding-left:.5rem;width:400px}.form-container input:focus{outline:none}.signup-btn{background-color:var(--blue-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;height:2.5rem;margin:0 auto;width:400px}.btn2{align-items:center;background-color:initial;border:1px solid var(--blue-color);color:#000;display:flex;font-size:1.1rem;justify-content:center;text-align:center;text-decoration:none}.sout-chat-ball{margin:0}.sout-chat-ball h2{background-color:var(--blue-color);color:#fff;margin:0;padding:.3rem 0;text-align:center}.profile-container{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 2rem);margin:1rem auto;max-width:600px;padding:2rem 0}.profile img{border:2px solid var(--blue-color);border-radius:50%;height:10rem;width:10rem}.profile h3{font-size:2rem;font-weight:600;line-height:3rem}.profile h3,.profile p{text-align:center}.profile p span{color:var(--blue-color);font-size:1.1rem;font-weight:500}#profilePic{display:none}.profile-image-container{position:relative}#edit-btn-pic{bottom:.9rem;color:#000;cursor:pointer;font-size:1.5rem;padding:.2rem;position:absolute;right:5rem;transform:translate(50%);z-index:20}
/*# sourceMappingURL=main.90fab77f.css.map*/