body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form__container{background-color:gray;height:100vh}.form__container,.form__container .form__wrapper{align-items:center;display:flex;justify-content:center}.form__container .form__wrapper{background-color:#f5f5f5;border-radius:10px;flex-direction:column;padding:30px}.form__container .form__wrapper .logo{font-size:25px;font-style:italic;font-weight:700;padding-bottom:7px}.form__container .form__wrapper .title{font-size:15px;font-weight:500;padding-bottom:10px}.form__container .form__wrapper form{display:flex;flex-direction:column;gap:10px}.form__container .form__wrapper form input{border:none;border-bottom:1px solid #dcdcdc;padding:15px;width:250px}.form__container .form__wrapper form input::-webkit-input-placeholder{color:rbg(200,200,200);font-size:15px}.form__container .form__wrapper form input::placeholder{color:rbg(200,200,200);font-size:15px}.form__container .form__wrapper form button{background-color:#59c5e9;border:none;border-radius:5px;cursor:pointer;font-size:15px;font-weight:700;margin:5px 0;padding:10px}.home{align-items:center;background-color:#a7bcff;height:100vh}.home,.home .container{display:flex;justify-content:center}.home .container{border:2px solid #add8e6;border-radius:10px;height:90%;overflow:hidden;width:70%}.home .container .sidebar__panel{background-color:#474579;flex:1 1;overflow-y:scroll;position:relative}.home .container .sidebar__panel::-webkit-scrollbar{display:none}.home .container .sidebar__panel .navbar{align-items:center;background-color:#2f2d52;color:#fff;display:flex;flex-direction:row;height:45px;justify-content:space-between;left:0;padding:10px;position:-webkit-sticky;position:sticky;top:0}.home .container .sidebar__panel .navbar .user{align-items:center;-webkit-column-gap:15px;column-gap:15px;display:flex;flex-direction:row}.home .container .sidebar__panel .navbar .user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .sidebar__panel .navbar .user span{font-size:17px;letter-spacing:1.5px;text-shadow:1px 1px 0 #a7bcff}.home .container .sidebar__panel .navbar .user button{background-color:#f08480;border:none;border-radius:10px;cursor:pointer;padding:5px}.home .container .sidebar__panel .search__box{border-bottom:1px solid gray}.home .container .sidebar__panel .search__box .search__form{align-items:center;display:flex}.home .container .sidebar__panel .search__box .search__form i{color:hsla(0,6%,76%,.582);font-size:16px;padding-left:10px}.home .container .sidebar__panel .search__box .search__form input{background-color:inherit;border:none;color:#fff;font-size:16px;outline:none;padding:10px}.home .container .sidebar__panel .search__box .search__form input::-webkit-input-placeholder{color:hsla(0,6%,76%,.582);font-size:13px}.home .container .sidebar__panel .search__box .search__form input::placeholder{color:hsla(0,6%,76%,.582);font-size:13px}.home .container .sidebar__panel .user__chat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar__panel .user__chat:hover{background-color:#2f2d52}.home .container .sidebar__panel .user__chat img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .sidebar__panel .user__chat .chat__info span{font-size:18px;font-weight:400}.home .container .sidebar__panel .user__chat .chat__info p{color:#c9d2d4;font-size:14px;margin:0}.home .container .chat__panel{background-color:#333335;flex:2 1}.home .container .chat__panel .chat__top--panel{align-items:center;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat__panel .chat__top--panel .top__panel--left{align-items:center;color:#d3d3d3;display:flex;gap:10px}.home .container .chat__panel .chat__top--panel .top__panel--left img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .chat__panel .chat__top--panel .top__panel--left span{font-size:18px;font-weight:550;letter-spacing:1.5px;text-shadow:1px 1px 0 #a7bcff}.home .container .chat__panel .chat__top--panel .top__panel--right{align-items:center;display:flex;gap:10px}.home .container .chat__panel .chat__top--panel .top__panel--right i{color:#ddddf7;cursor:pointer;font-size:20px;padding:5px}.home .container .chat__panel .message__container{background-color:#ddddf7;height:calc(100% - 160px);overflow-y:scroll;padding:10px}.home .container .chat__panel .message__container::-webkit-scrollbar{background-color:#ddddf7;width:7px}.home .container .chat__panel .message__container::-webkit-scrollbar-thumb{background-color:#474579;border-radius:5px;height:40px;min-height:20px}.home .container .chat__panel .message__container .message{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.home .container .chat__panel .message__container .message .message__info{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat__panel .message__container .message .message__info img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat__panel .message__container .message .message__content{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat__panel .message__container .message .message__content p{background-color:#c7c7d4;border-radius:0 13px 13px 13px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .container .chat__panel .message__container .message .message__content img{width:50%}.home .container .chat__panel .message__container .message.owner{flex-direction:row-reverse}.home .container .chat__panel .message__container .message.owner .message__content{align-items:flex-end}.home .container .chat__panel .message__container .message.owner .message__content p{background-color:#629ae4;border-radius:13px 0 13px 13px;padding:10px 20px}.home .container .chat__panel .input__box{align-items:center;background-color:#333335;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat__panel .input__box input{background-color:transparent;border:none;color:#fff;font-size:17px;outline:none;padding:10px;width:100%}.home .container .chat__panel .input__box input::-webkit-input-placeholder{color:#c7c7d4}.home .container .chat__panel .input__box input::placeholder{color:#c7c7d4}.home .container .chat__panel .input__box .send{align-items:center;display:flex;gap:10px}.home .container .chat__panel .input__box .send i{color:#fff;cursor:pointer;font-size:30px}.home .container .chat__panel .input__box .send button{background-color:#2193f0;border:none;border-radius:5px;color:#eee4e4;cursor:pointer;font-size:15px;font-weight:700;padding:7px 15px}
/*# sourceMappingURL=main.71935b9e.css.map*/