.register__container{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.register__container .form-wrapper{align-items:center;background-color:#fff;border-radius:1.2rem;display:flex;flex-direction:column;gap:6px;padding:10px 50px}.register__container .form-wrapper .logo{color:#5d5b8d;font-family:cursive;font-size:24px;font-style:italic;font-weight:700}.register__container .form-wrapper .title{color:#5d5b8d;font-size:14px;font-weight:500}.register__container .form-wrapper .form{display:flex;flex-direction:column;gap:10px;width:100%}.register__container .form-wrapper .form input{border:none;border-bottom:1px solid #5d5b8d;outline:none;padding:10px 15px;text-align:center}.register__container .form-wrapper .form input::-webkit-input-placeholder{color:#afafaf}.register__container .form-wrapper .form input:-ms-input-placeholder{color:#afafaf}.register__container .form-wrapper .form input::placeholder{color:#afafaf}.register__container .form-wrapper .form .button{background-color:#5d5b8d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:10px}.register__container .form-wrapper .form .button:hover{background-color:rgba(66,144,62,.824)}.register__container .form-wrapper .form .button:active{-webkit-transform:translateY(4px);transform:translateY(4px)}.register__container .form-wrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.register__container .form-wrapper label{align-items:center;color:#5d5b8d;cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:10px;margin:10px 0}.register__container .form-wrapper label img{height:40px}.home{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:80%;overflow:hidden;width:65%}@media screen and (max-width:768px){.home .container{height:90%;width:90%}}.home .container .sidebar{background-color:#3e3c61;border-radius:10px 0 0 10px;flex:1 1;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-family:cursive;font-style:italic;font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:10px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#5d5b8d;border:none;border-radius:10px;color:#ddddf7;cursor:pointer;font-size:12px;font-weight:700;outline:none}.home .container .sidebar .navbar .user button:hover{background-color:rgba(67,40,40,.908)}.home .container .sidebar .navbar .user button:active{-webkit-transform:translateY(4px);transform:translateY(4px)}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;font-size:16px;height:8%;position:absolute;width:90%}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#ddddf7;outline:none}.home .container .sidebar .userChat{align-items:center;color:#ddddf7;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#2f2d52}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:768px){.home .container .sidebar .userChat img{height:25px;width:25px}}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}@media screen and (max-width:768px){.home .container .chat .chatInfo{height:35px}}.home .container .chat .chatInfo .chatIcons{align-items:center;display:flex;gap:6px}.home .container .chat .chatInfo .chatIcons img{height:30px;padding:5px}@media screen and (max-width:768px){.home .container .chat .chatInfo .chatIcons img{height:20px}}.home .container .chat .chatInfo .chatIcons img:hover{background-color:rgba(0,0,0,.06);border-radius:10px;color:#fff;cursor:pointer}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:scroll;overflow-x:hidden;padding:10px}@media screen and (max-width:768px){.home .container .chat .messages{height:calc(100% - 125px)}}.home .container .chat .messages .message{display:flex;gap:5px;margin-top:10px}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media screen and (max-width:768px){.home .container .chat .messages .message .messageInfo img{height:25px;width:25px}}.home .container .chat .messages .message .messageInfo span{font-size:10px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}@media screen and (max-width:768px){.home .container .chat .messages .message .messageContent p{font-size:14px;padding:5px 12px}}.home .container .chat .messages .message .messageContent img{width:50px}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}@media screen and (max-width:768px){.home .container .chat .input{height:30px}}.home .container .chat .input input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}@media screen and (max-width:768px){.home .container .chat .input input{font-size:14px}}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send img{cursor:pointer;height:24px}@media screen and (max-width:768px){.home .container .chat .input .send img{height:18px}}.home .container .chat .input .send button{background-color:#5d5b8d;border:none;border-radius:10px;color:#ddddf7;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:10px 15px}@media screen and (max-width:768px){.home .container .chat .input .send button{font-size:10px}}.home .container .chat .input .send button:hover{background-color:hsla(0,2%,44%,.57);color:#5d5b8d}.home .container .chat .input .send button:active{-webkit-transform:translateY(4px);transform:translateY(4px)}
/*# sourceMappingURL=main.c1f3e054.css.map*/