@import url(https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@400;900&display=swap);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}.App{width:100%;min-height:100vh;display:flex;align-items:center;background-color:#f8f8f8;font-family:"Sansita Swashed",cursive}.auth-form{width:500px;border:none;border-radius:10px;margin:0 auto;background-color:#fff;color:#0c2551;box-shadow:0 0 40px rgba(0,0,0,.1);display:flex;overflow:hidden;flex-direction:column;position:relative;padding-bottom:80px}.auth-form:after{top:0;right:0;transform:translateX(60%) translateY(-50%);background-color:#0c2551;z-index:2}.auth-form:after,.auth-form:before{-webkit-clip-path:ellipse(49% 35% at 50% 50%);clip-path:ellipse(49% 35% at 50% 50%);position:absolute;content:"";width:300px;height:200px}.auth-form:before{bottom:0;left:0;z-index:1;transform:translateX(-50%) translateY(55%);background-color:#0962ff}.auth-form__content{margin:10px 20px;display:flex;flex-direction:column}.auth-form__content:last-child{margin-top:40px}.auth-form__content label{margin-bottom:7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.auth-form__input{width:100%;height:40px;box-sizing:border-box;font-family:"Sansita Swashed",cursive;font-size:20px;padding:1px 5px;transition:.5s;outline:none;border-radius:4px;border:2px solid #0c2551;color:#0c2551}.auth-form__input:focus{border-color:#0962ff}.auth-form__button{font-family:"Sansita Swashed",cursive;height:40px;width:100%;border:none;border-radius:4px;cursor:pointer;color:#fff;font-size:20px;transition:.5s;background-color:#0962ff}.auth-form__button:hover{background-color:#0c2551}@media (max-width:520px){.auth-form{margin:0 10px}}@media (max-width:370px){.auth-form:after{transform:translateY(-70%) translateX(50%)}}.message-field{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 5px 10px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.message-field__input{resize:none;outline:none;margin:0;flex:1 1;min-height:36px;max-height:108px;overflow-y:auto;padding:5px;position:relative;box-sizing:border-box;font-family:"Sansita Swashed",cursive;word-wrap:break-word;font-size:16px;max-width:710px;border-radius:4px;border:2px solid #0c2551;color:#0c2551}.message-field__input_empty:before{position:absolute;content:"Type your message...";color:#8e8e8e;top:5px;left:5px;cursor:text}.message-field__input:focus{border-color:#0962ff}.message-field__button{border:none;outline:none;width:30px;height:30px;background-repeat:no-repeat;background-color:#fff;cursor:pointer;display:flex;align-items:center;padding:0}.message-field__button svg{transition:.5s;fill:#0c2551;width:30px;height:30px}.message-field__button svg:hover{fill:#0962ff}@media (max-width:1020px){.message-field__input{max-width:calc(100vw - 55px)}}.messages{background-image:url(/static/media/mountains.f9d5f3c0.webp);background-position-y:-30px;max-height:444px;box-sizing:border-box;overflow:hidden;flex:1 1;padding:20px 10px 20px 20px}.messages-container{display:flex;height:100%;flex-direction:column;overflow-y:auto;position:relative;padding-right:10px}.messages-container::-webkit-scrollbar{-webkit-transition:.5s;transition:.5s;position:absolute;top:0;left:0;width:6px}.messages-container::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background-color:#0c2551;border-radius:3px}.message-wrapper{padding:5px 0;display:flex;justify-content:flex-start}.message-wrapper_user{justify-content:flex-end}.message-wrapper_admin{justify-content:center}.message{display:flex;flex-direction:column;box-sizing:border-box;max-width:250px;color:#0c2551}.message__text{max-width:230px;word-wrap:break-word}.message_admin{box-sizing:border-box;max-width:100%;flex:1 1;text-align:center}.message_user{align-items:flex-end}.message__username{max-width:230px;text-overflow:ellipsis;font-size:12px;font-weight:700;text-align:right}.message__username_left{text-align:left}.message__body{padding:10px;border-radius:4px;background-color:#0962ff;display:flex;flex-direction:column;color:#fff;position:relative;box-sizing:border-box;max-width:250px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__body .message__text{text-align:left}.message__body_user{background-color:#0c2551}.message__body_user .message__text{text-align:right}.message__body_admin{background-color:transparent;color:#0c2551;width:100%;max-width:none;display:block}.message__body_admin__text{text-overflow:clip;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__body_admin .message__text{text-align:center}.message__date{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:360px){.message{max-width:200px;font-size:14px}.message__text{max-width:180px}.message__username{max-width:180px;font-size:10px}.message__body{max-width:180px}.message__body__admin{width:100%;max-width:none}}.users{width:25%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column}.users__header{color:#0c2551;margin:0 0 10px 10px}.users-list{box-sizing:border-box;list-style:none;padding:0 16px 10px 10px;margin:0;height:100%;overflow-y:auto;position:relative;transition:.5s;z-index:1}.users-list::-webkit-scrollbar{-webkit-transition:.5s;transition:.5s;position:absolute;z-index:2;display:block;top:0;right:0;width:6px}.users-list::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:3px}.users-list::-webkit-scrollbar-thumb{background-color:#0c2551;border-radius:3px}.chat__user{box-sizing:border-box;width:100%;height:50px;background-color:#0c2551;color:#fff;display:flex;align-items:center;padding:0 10px;border-radius:4px;margin:5px 0}@media (max-width:700px){.users{display:none}}.chat{width:1000px;height:500px;margin:0 auto;border-radius:4px;box-shadow:0 0 40px rgba(0,0,0,.1);background-color:#fff;display:flex;box-sizing:border-box}.messages-wrapper{display:flex;flex-direction:column;flex:1 1}@media (max-width:1020px){.chat{margin:0 10px;width:100%}}
/*# sourceMappingURL=main.b119efd2.chunk.css.map */