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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#1a1a1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.registration{height:100vh;width:100vw;background:linear-gradient(-45deg,#0f0f0f,#62ac94,#0d0e0e,#393f3c);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;display:flex;flex-direction:row;.registration-left{padding-right:25px;width:70%;.page-top{height:30%}.page-bottom{height:60%;.page-header{height:200px}.create-user{height:300px;display:flex;flex-direction:column;width:100%;justify-content:center;padding-left:25px;.email{>label{width:30%;justify-content:right}.ant-input{margin-left:0;width:360px}}.email,.password{display:flex;padding-bottom:20px}.password{>label{width:30%;.anticon-info-circle{padding-left:5px}}>span{width:360px;.ant-input{width:350px}}}.register-button{align-self:center;width:200px;margin-right:0;.ant-btn{align-items:center;width:100%;background-color:#25cc2d;border-color:#1a1a1a}.ant-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#f0f8ff;color:#1a1a1a}.ant-btn:disabled{background-color:grey}.ant-btn:disabled:hover{-webkit-transform:scale(1);transform:scale(1)}}}}}.registration-right{background-color:#f0f8ff;width:40%;height:100%;.registration-pic{background-image:url(https://png.pngtree.com/png-vector/20220425/ourlarge/pngtree-sending-message-concept-png-image_4556462.png);height:70%;background-size:cover}.registration-login{opacity:.5;>p{color:#1a1a1a}.link-login{width:200px}.link-login:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}}}.login{height:400px;display:flex;flex-direction:row;justify-content:space-between;background:linear-gradient(-45deg,#615c5a,#30584b,#0d0e0e,#23d579);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;height:100vh;width:100vw;.left-side{width:60%;height:100%;.left-data{margin-top:150px;.page-header{height:200px;margin-top:200px}.create-user{height:350px;display:flex;flex-direction:column;width:100%;justify-content:center;.email{>label{width:30%;justify-content:right}.ant-input{width:350px}}.email,.password{display:flex;padding-bottom:20px}.password{>label{width:30%}}.login-button{align-self:center;width:350px;.ant-btn{align-items:center;width:50%;background-color:#25cc2d;border-color:#1a1a1a;color:#0d0e0e}.ant-btn:disabled{background-color:#fff;color:rgba(0,0,0,.25)}}.login-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#f0f8ff}}}}.right-side{width:40%;height:100%;background:#1a1a1a;opacity:.9;border-radius:10px;.right-text{margin-right:20px;margin-top:40px;opacity:1;width:100%;border-radius:20px;height:90%;.right-image{margin-left:150px;display:block;width:200px;height:200px!important;color:#f0f8ff;background-size:cover;background-image:url(https://www.pngmart.com/files/16/Speech-Chat-Icon-Transparent-PNG.png)}.link-button{width:200px;background-color:#1da024;opacity:.9;border-color:#1a1a1a;color:#0d0e0e}.link-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#f0f8ff}}}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes textColor{0%{color:#7e0fff}50%{color:#0fffc1}to{color:#7e0fff}}@keyframes textColor{0%{color:#7e0fff}50%{color:#0fffc1}to{color:#7e0fff}}.home-page{width:100vw;height:100vh;font-family:"Dosis",sans-serif;.left-side-bar{height:99.6vh;border:1px solid #4f5454;.top-bar{flex-direction:column;height:150px;border-bottom:1px solid #4f5454;.section1{height:50%;font-family:"Dosis",sans-serif;justify-content:space-between;padding:20px;>h3{font-size:1.3em;background:-webkit-linear-gradient(#eee,#0cad26);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.anticon-user-add{>svg{width:25px;height:25px}>svg:hover{fill:#6aa602;-webkit-transform:scale(1.2);transform:scale(1.2)}}.anticon-logout{>svg{width:25px;height:25px}>svg:hover{fill:#6aa602;-webkit-transform:scale(1.2);transform:scale(1.2)}}}.section2{height:50%}.search-bar{.ant-select-selection-item{display:none}}}.spin-loader{height:calc(100% - 160px);.ant-spin{padding-top:calc(100% - 100px)}}.list-contacts{font-family:"Dosis",sans-serif;.contact-card{border-bottom:1px solid #4f5454;height:60px;width:100%;.profile-container{display:flex;flex-direction:row;height:100%;.image-container{width:20%;align-self:center;background-color:#282c34;margin-left:10px}.data-container{width:80%;padding:5px;align-self:center;>span{display:flex;flex-direction:column}}}transition:background-color .5s linear}&.selected,.contact-card:hover{background-color:#6aa602}.contact-card:hover{color:#000}}}.ant-row{flex-direction:row;flex-wrap:nowrap;.chat-window{width:100%;min-height:100vh;.spin-loader{height:570px;.ant-spin{padding-top:calc(100% - 650px)}}.chat-top-bar{height:80px;font-family:"Dosis",sans-serif;.message-top-bar{height:100%;border:1px solid #4f5454;.top-bar-container{padding:25px;display:flex;justify-content:flex-start;.user-name{margin-left:20px;align-self:center}}}}.message-window{height:calc(100vh - 150px);border:1px solid #4f5454;overflow:auto;font-family:"Dosis",sans-serif;.ant-empty{align-self:center;padding:50px;.ant-empty-description{color:#fff}}.message-list{max-height:570px;.rce-container-mbox{.rce-mbox{.rce-mbox-body{.rce-mbox-title{color:#6aa602}.rce-mbox-text{color:#282c34}}}}}}.message-input-container{width:calc(80% - 50px);padding:10px;.message-box{width:100%;.ant-input-affix-wrapper{margin-left:50px;.ant-input-suffix{width:30px;.anticon-loading{width:auto}>span{width:25px;height:25px}>span:hover{fill:#6aa602;-webkit-transform:scale(1.2);transform:scale(1.2)}}}.ant-input-affix-wrapper-disabled{background-color:#f0f8ff;margin-left:50px;color:#282c34;.ant-input-suffix{width:30px;.anticon-loading{width:auto}>span{width:25px;height:25px}>span:hover{fill:#6aa602;-webkit-transform:scale(1.2);transform:scale(1.2)}}:hover{cursor:not-allowed}}}}}}.ant-skeleton-image{background:linear-gradient(90deg,rgba(78,224,0,.06) 25%,rgba(31,255,9,.15) 37%,rgba(0,255,6,.06) 63%)!important}}.rc-virtual-list{.rc-virtual-list-holder{.rc-virtual-list-holder-inner{.ant-select-item-option{.ant-select-item-option-content{.ant-space{display:flex;flex-direction:row;justify-content:space-between;.ant-space-item{.username{max-width:80%;overflow:hidden;text-overflow:ellipsis}}}}}}}}
/*# sourceMappingURL=main.1b922c98.chunk.css.map */