.main__first{max-width:400px;width:100%;height:100vh;overflow-y:auto;background-image:url(/assets/main-back-Bdc8q-AC.png);background-repeat:no-repeat;background-size:cover}.main__first-list{padding:100px 15px 80px}.main__first-list-item{width:auto;margin-bottom:10px;display:flex;justify-content:space-between;background:#c4bfff;padding:5px;color:#000;font-size:16px;font-weight:400;line-height:19px}.main__first-list-box{display:flex;gap:10px;align-items:center}.from-first-to-first{justify-content:flex-end}.from-first-to-first.main__first-list-item{align-self:flex-start;border-radius:15px 15px 0}.from-second-to-first{justify-content:flex-start}.from-second-to-first.main__first-list-item{align-self:flex-end;background:#d0dcff;border-radius:15px 15px 15px 0}.img__msg-div.from-first-to-first{background:#c4bfff;border-radius:15px 15px 0}.img__msg-div.from-first-to-first img{width:243px;height:168px;border-radius:15px 15px 0}.img__msg-div.from-second-to-first{background:#d0dcff;border-radius:15px 15px 15px 0}.img__msg-div.from-second-to-first img{width:243px;height:168px;border-radius:15px 15px 15px 0}.footer__first{position:fixed;bottom:0;padding:20px;background:#323232;display:flex;justify-content:space-between;align-items:center;width:400px}.footer__first-btn img{width:25px;height:25px}.footer__first-input{width:200px;color:#fff;font-size:14px;font-weight:400;line-height:16px}.footer__first-input::placeholder{color:#fff;font-size:14px;font-weight:400;line-height:16px}.nav{background:#323232;padding:0 15px;position:fixed;top:0;max-width:400px;width:100%}.nav__content{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:20px 0}.nav__user-info{display:flex;flex-direction:column}.nav__user{color:#fff;font-size:18px;font-weight:500;line-height:14px}.nav__user-status{color:#fff;font-size:14px;font-weight:300;line-height:18px}.main__second{max-width:400px;width:100%;height:100vh;overflow-y:auto;background-image:url(/assets/main-back-Bdc8q-AC.png);background-repeat:no-repeat;background-size:cover}.main__second-list{padding:100px 15px 80px}.main__second-list-item{width:auto;margin-bottom:10px;display:flex;justify-content:space-between;background:#d0dcff;padding:5px;color:#000;font-size:16px;font-weight:400;line-height:19px}.main__second-list-box{display:flex;gap:10px;align-items:center}.message-time{color:#323232;font-size:14px;font-weight:400;line-height:16px}.from-first-to-second{justify-content:flex-start}.from-first-to-second.main__second-list-item{align-self:flex-end;border-radius:15px 15px 15px 0}.from-second-to-second{justify-content:flex-end}.from-second-to-second.main__second-list-item{align-self:flex-start;background:#c4bfff;border-radius:15px 15px 0}.img__msg-div{display:flex;flex-direction:column;padding:5px;margin-bottom:10px}.img__msg-div.from-first-to-second{background:#d0dcff;border-radius:15px 15px 15px 0}.img__msg-div.from-first-to-second img{width:243px;height:168px;border-radius:15px 15px 15px 0}.img__msg-div.from-second-to-second{background:#c4bfff;border-radius:15px 15px 0}.img__msg-div.from-second-to-second img{width:243px;height:168px;border-radius:15px 15px 0}.footer__second{position:fixed;bottom:0;padding:20px;background:#323232;display:flex;justify-content:space-between;align-items:center;width:400px}.footer__second-btn img{width:25px;height:25px}.footer__second-input{width:200px;color:#fff;font-size:14px;font-weight:400;line-height:16px}.footer__second-input::placeholder{color:#fff;font-size:14px;font-weight:400;line-height:16px}.modal{width:100%;position:fixed;top:0;left:0;background:#00000059;height:100%;visibility:hidden;transition:.5s;opacity:0;display:flex;justify-content:center;align-items:center}.modal.active{visibility:visible;opacity:1}.modal__dialog{padding:24px;box-shadow:0 1px 3px #0000004d,0 4px 4px #00000040;background:#fff;border-radius:24px;width:100%;max-width:312px;display:flex;flex-direction:column;gap:16px}.modal__dialog-title{color:#1c1b1f;font-size:24px;font-weight:400;line-height:32px}.modal__dialog label{display:flex;flex-direction:column;border-radius:4px 4px 0 0;background:#e2edff;border-bottom:1px solid black;padding:8px 16px}.modal__dialog label span{color:#000;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px}.modal__dialog label input{color:#49454f;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.modal__dialog label input::placeholder{color:#49454f}.modal__dialog-btns{display:flex;align-items:center;justify-content:end;gap:8px}.modal__dialog-btns button{padding:10px 12px}.modal__dialog-btns button span{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;text-align:center;text-transform:uppercase}.modal__dialog-cancel{color:#cf1b1b}.modal__dialog-send{color:#6750a4}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}li{list-style:none}a{text-decoration:none}button,input{border:none;outline:none;background:unset;cursor:pointer}@font-face{font-family:Roboto;src:url(/assets/Roboto-Light-BW8nAIZg.ttf);font-weight:300}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-ia0dPpEo.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-BJbjO3wX.ttf);font-weight:500}.container{width:100%;max-width:850px;margin:0 auto}::-webkit-scrollbar{width:0}.app{display:flex;justify-content:space-between;align-items:center;border-radius:30px}