body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul{cursor:pointer;list-style:none;padding:0}li{background-color:#242936;height:60px;padding:10px 10px 5px 5px}ul :hover{background-color:#313642}.user.selected{background-color:#535c70}img{border-radius:50%;height:60px;width:60px}@media (max-width:768px){img{height:95%;width:65px}body,html{overflow:hidden}}.СhatPage{background-color:#1f2430;display:flex}.СhatPageContainer{background-color:#242936;margin:0 auto;min-height:956px;width:1200px}.UserSelected{display:flex}p{color:#f0f8ff}.СhatPageUserSpisok{width:30%}.СhatPageUserSpisok input{appearance:none;background-color:#242936;border:none;color:#f0f8ff;font-size:16px;height:3vh;outline:none;padding:1rem;width:100%}.Okna{display:flex}.OknaChat{background-color:#1f2430;height:95vh;width:600px}button{background:#4f5b93;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}@media (max-width:768px){.СhatPage{max-width:100%;overflow:hidden}.СhatPageUserSpisok{display:block;flex-grow:1;overflow-y:auto;width:300%}.OknaChat{display:flex;flex:1 1;flex-direction:column;width:100%}.hide-on-mobile{display:none}.СhatPageUserSpisok input{background-color:#1f2430}body,html{margin:0;padding:0}#root,.СhatPage,body,html{height:100%}.СhatPage{display:flex;max-width:768px}.СhatPageContainer{height:100dvh;max-width:1200px;min-height:400px;overflow:hidden}.Okna,.СhatPageContainer{display:flex;flex-direction:column;flex-grow:1;width:100%}.Okna{height:100%}}.messege{border-left:.1px solid #1b1b1b;border-right:.1px solid #1b1b1b;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow:hidden}.nick{background-color:#242936;height:2vh;padding:1.3rem;width:100%}.poleVvoda{box-sizing:border-box;display:flex;min-height:51px;overflow:hidden;padding:10px 7px}.poleVvoda,.poleVvoda input{background-color:#2c303b;width:100%}.poleVvoda input{font-size:14px}.poleVvoda button,.poleVvoda input{appearance:none;border:none;color:#f0f8ff;height:100%;outline:none}.poleVvoda button{background-color:#1f2430;border-radius:50%;cursor:pointer;width:5%}.poleVvoda button:hover{background-color:#03413d}.messages-wrapper{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;max-width:100vw;overflow-y:auto;padding:10px;width:100%}.messages{word-wrap:break-word;border-radius:10px;color:#000;display:inline-block;font-size:14px;line-height:1.4;margin:6px 0;max-width:70%;padding:10px 14px;padding:10px}.messages.you{align-self:flex-end;background-color:#dcf8c6;border-top-right-radius:0;text-align:left}.messages.he{align-self:flex-start;background-color:#f1f0f0;border-top-left-radius:0;text-align:left}@media (max-width:768px){.messages{box-sizing:border-box;display:flex;flex-direction:column;font-size:12px}.you{align-self:flex-end;background-color:#dcf8c6}.he{align-self:flex-start;background-color:#fff}.messages-wrapper{width:100%}.poleVvoda{padding:10px;width:100%}.poleVvoda input{flex-grow:1;padding:8px}.poleVvoda button{padding:8px 12px}.messege{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:100vh;height:calc(env(safe-area-inset-top, 0) - 55px);max-width:100vw;padding-top:env(safe-area-inset-top,0)}.nick{align-items:center;background-color:#242936;display:flex;flex-shrink:0;gap:10px;height:5px;padding-left:12px;padding-right:12px}.messages-wrapper{flex:1 1;flex-direction:column;overflow-y:auto;padding:10px}.messages-wrapper,.poleVvoda{box-sizing:border-box;display:flex}.poleVvoda{background-color:#2c303b;flex-shrink:0;gap:6px;padding:10px 7px}.poleVvoda input{background-color:#2c303b;flex:1 1;font-size:16px}.poleVvoda button,.poleVvoda input{border:none;color:#f0f8ff;outline:none}.poleVvoda button{background-color:#1f2430;border-radius:50%;cursor:pointer;flex:0 0 40px}.poleVvoda button:hover{background-color:#03413d}}*{margin:0;padding:0}.UserRegister{align-items:center;background-color:#1f2430;display:flex;height:100vh;justify-content:center}.UserRegister_Container{background-color:#242936;border-radius:12px;display:flex;flex-direction:column;height:60vh;padding:2rem;width:30vw}.btn{display:flex;justify-content:space-between;padding:2rem}#register_btn{background-color:#242936;border:1px solid;font-size:14px;height:40px;width:45%}.style_form{height:100%}.style_form button{font-size:14px;margin-top:20px}.style_form input{appearance:none;background-color:#1f2430;border:none;color:#f0f8ff;font-size:16px;margin-bottom:10px;outline:none;padding:10px}@media (max-width:768px){body,html{height:100%;margin:0;overflow:hidden;padding:0}.UserRegister_Container{height:100vh;width:100vw}form{gap:22rem}#register input{height:4vh;width:90vw}}
/*# sourceMappingURL=main.cacfc2a8.css.map*/