body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Arial;src:url(/buki_test/static/media/Arial.07d53b5b.ttf) format("ttf")}header{align-items:center;padding:23px 35px}header,header .header_logo_container{display:flex;justify-content:space-between}header .header_logo_container{max-width:321px;width:100%}header .header_logo_container .logo a{text-decoration:none;color:#8cc054;font-size:30px;font-weight:400}header .header_logo_container .header_info{display:flex;color:#fff;font-size:18px;font-weight:400;align-items:center}header .header_logo_container .header_info div{margin-left:10px}header .time_block{color:#e6e6e6;font-size:18px;font-weight:400}.chat_list{display:flex;flex-direction:column;align-items:flex-start;background:#fff;padding:0 45px}.chat_list .item{position:relative;max-width:731px;width:100%;display:flex;padding:14px;background:#e2e2e2;margin:15px 0;border-radius:10px}.chat_list .item .avatar img{display:block;height:79px;width:77px}.chat_list .item .item_content{margin-left:15px}.chat_list .item .item_content .user_name{color:#8cc054;font-size:24px;font-weight:400;margin-bottom:15px}.chat_list .item .item_content .created_at{position:absolute;top:4%;right:1%;color:#a6a6a6;font-size:16px;font-weight:400}.chat_list .item .item_content .control_message .user_message{color:#1f1f1f;font-size:18px;font-weight:400}.chat_list .item .item_content .like_container{position:absolute;bottom:4%;right:1%}.chat_list .top_item{max-width:731px;width:100%;display:flex;padding:14px;background:#4b4d4a;margin:15px 0;align-self:flex-end;position:relative;border-radius:10px}.chat_list .top_item .avatar img{display:block;height:79px;width:77px}.chat_list .top_item .item_content{margin-left:15px}.chat_list .top_item .item_content .user_name{color:#8cc054;font-size:24px;font-weight:400;margin-bottom:15px}.chat_list .top_item .item_content .created_at{position:absolute;top:4%;right:1%;color:#a6a6a6;font-size:16px;font-weight:400}.chat_list .top_item .item_content .control_message .input_edit_mode{display:block;width:400px;padding:5px;font-size:16px;border-radius:5px;border:none}.chat_list .top_item .item_content .control_message .input_edit_mode:focus{outline:none}.chat_list .top_item .item_content .control_message .user_message{color:#fff;font-size:18px;font-weight:400;margin-top:12px}.chat_list .top_item .item_content .control_message .edit_mode{position:absolute;bottom:4%;right:1%}.chat_list .top_item .item_content .control_message .edit_mode span{margin-left:10px;color:#a6a6a6;-webkit-transition:.5s;transition:.5s}.chat_list .top_item .item_content .control_message .edit_mode span:hover{color:#fff}.messageInputBlock{display:flex;justify-content:space-between;align-items:center;background:#e2e2e2;padding:10px 25px}.messageInputBlock .input_container{max-width:1010px;width:100%}.messageInputBlock .input_container input{display:block;width:100%;height:63px;padding-left:20px;color:#272626;font-size:18px;font-weight:400;border-radius:5px;border:none}.messageInputBlock .input_container input:focus{outline:none}.messageInputBlock .button_container{max-width:250px;width:100%}.messageInputBlock .button_container button{display:block;height:77px;width:100%;color:#fff;font-size:30px;font-weight:400;border-radius:10px;background-color:#8cc054;border:none;-webkit-transition:.5s;transition:.5s}.messageInputBlock .button_container button:hover{background-color:#fff;color:#8cc054}footer .footer_container{max-width:431px;margin:0 auto;width:100%}footer .footer_container nav{margin:23px 0;width:100%}footer .footer_container nav ul{width:100%;display:flex;justify-content:space-between}footer .footer_container nav ul li a{text-decoration:none;color:#fff;font-size:24px;font-weight:400}footer .footer_container .info{display:flex;width:100%;justify-content:center;margin-bottom:10px}footer .footer_container .info p{color:#e6e6e6;font-size:18px;font-weight:400}body{background-color:#1f1f20;font-family:Arial}#root,body,html{height:100%}.wrapper{display:flex;flex-direction:column;min-height:100%}.content{max-width:1350px;margin:0 auto;width:100%;flex:1 0 auto}footer{flex:0 0 auto}
/*# sourceMappingURL=main.0067d81d.chunk.css.map */