.modal{position:absolute;left:0;top:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#00000059;transition:.5s;opacity:0;visibility:hidden}.modal.active{opacity:1;visibility:visible}.modal__content{border-radius:28px;background:#f2f7ff;padding:24px;display:flex;flex-direction:column;gap:16px}.modal__content h1{font-weight:400;font-size:24px;line-height:133%;color:#1c1b1f}.modal__content label{background:#e2edff;display:flex;flex-direction:column;padding:8px 16px;gap:4px;border-bottom:1px solid black}.modal__content label span{font-weight:400;font-size:12px;line-height:133%;letter-spacing:.03em;color:#000}.modal__content label input{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__form{display:flex;justify-content:end;align-items:center;gap:20px}.modal__form button{font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-transform:uppercase;text-align:center;color:#cf1b1b}.modal__form button:nth-of-type(2){color:#6750a4}.chat__header{display:flex;justify-content:space-between;background:url(/assets/Rightbar-BK1VjI6t.png);border-radius:30px;width:400px;height:800px;flex-direction:column}.chat__nav{width:100%;height:112px;background:#323232;display:flex;align-items:center;gap:10px;border-radius:10px 10px 0 0;padding:0 20px}.user__name{display:flex;flex-direction:column;gap:2px}.user__name p{font-weight:500;font-size:18px;line-height:78%;color:#fff}.user__name span{font-weight:300;font-size:14px;line-height:129%;color:#fff}.chat__main{padding:10px;overflow-y:scroll;gap:10px}.main__text{height:632px;display:flex;gap:5px;flex-direction:column;align-items:end}.chat__main-text{display:flex;align-items:center;gap:5px}.modal__img.chat-one.user-one{margin-left:auto}.modal__img.chat-two.user-two{margin-right:auto}.modal__img.chat-two.user-two span{order:1}.chat__main-text.chat-one.user-two,.chat__main-text.chat-two.user-one{margin-right:auto}.chat__main-text.chat-one.user-two span{order:1}.chat__main-text.chat-one.user-two p{background:#c4bfff;border-radius:15px 15px 15px 0}.chat__main-text.chat-two.user-one span{order:1}.chat__main-text.chat-two.user-one p{background:#c4bfff;border-radius:15px 15px 15px 0}.modal__img{display:flex;align-items:center;padding:2px;gap:5px}.modal__img-1{background:#d0dcff;padding:2px 2px 6px;border-radius:15px 15px 0}.modal__text{margin-left:5px}.modal__img img{border-radius:13px;width:243px;height:168px}.modal__img.chat-two.user-one{margin-right:auto}.modal__img.chat-two.user-two .modal__img-1{border-radius:15px 15px 15px 0;background:#c4bfff}.modal__img.chat-two.user-one span{order:1}.main__text span{font-weight:400;font-size:14px;color:#323232}.main__text p{padding:5px 10px;font-weight:400;font-size:16px;color:#000;background:#d0dcff;border-radius:15px 15px 0;word-break:break-all}.chat__footer{display:flex;align-items:center;padding:0 20px;border-radius:0 0 10px 10px;height:56px;background:#323232;justify-content:space-between}.chat__input{width:100%;height:100%;font-weight:400;font-size:14px;color:#fff}.chat__input::placeholder{color:#fff}.phone{width:100%;flex:1 1 0%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;gap:20px}.app{min-height:100dvh;display:flex;flex-direction:column}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-CN_pkOMA.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-CwcsZ-zd.ttf);font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-CwcsZ-zd.ttf);font-weight:300;font-style:normal}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto}ul{list-style:none}a{text-decoration:none}button,input{border:none;outline:none;background:none}::-webkit-scrollbar{width:0}body{background:#98c0ff;height:100%}img{max-width:max-content}.container{width:100%;max-width:820px;padding:0 15px;margin:0 auto}#root{height:100%}