@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);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{background-image:url(/static/media/bg.ff054f5c936d524aadb2.jpg);background-position:50%;display:flex;font-family:Poppins,sans-serif;min-height:100vh}::-webkit-scrollbar{width:0}::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.281)}::-webkit-scrollbar-thumb:hover{background:#555}body{background-image:url(/static/media/bg.ff054f5c936d524aadb2.jpg)}::selection{background:#1a75ff;color:#fff}.wrapper{background:#fff;border-radius:15px;box-shadow:0 15px 20px rgba(0,0,0,.1);left:50%;max-width:600px;overflow:hidden;padding:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:600px){.wrapper{width:100%}}.wrapper .title-text{display:flex;width:200%}.wrapper .title{font-size:35px;font-weight:600;text-align:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%}.wrapper .slide-controls{border:1px solid #d3d3d3;border-radius:15px;display:flex;height:50px;justify-content:space-between;margin:30px 0 10px;overflow:hidden;position:relative;width:100%}.slide-controls .slide{color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:100%;line-height:48px;text-align:center;transition:all .6s ease;width:100%;z-index:1}.slide-controls label.signup{color:#000}.slide-controls .slider-tab{background:-webkit-linear-gradient(left,#036,#004080,#0059b3,#0073e6);border-radius:15px;height:100%;left:0;position:absolute;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%;z-index:0}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#fff;cursor:default;-webkit-user-select:none;user-select:none}#login:checked~label.signup,#signup:checked~label.login{color:#000}#login:checked~label.login{cursor:default;-webkit-user-select:none;user-select:none}.wrapper .form-container{overflow:hidden;width:100%}.form-container .form-inner{display:flex;width:200%}.form-container .form-inner form{transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%}.form-inner form .field{height:50px;margin-top:20px;width:100%}.form-inner form .field input{border:solid #d3d3d3;border-radius:15px;border-width:1px 1px 2px;font-size:17px;height:100%;outline:none;padding-left:15px;transition:all .3s ease;width:100%}.form-inner form .field input:focus{border-color:#1a75ff}.form-inner form .field input::-webkit-input-placeholder{color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.form-inner form .field input::placeholder{color:#999;transition:all .3s ease}form .field input:focus::-webkit-input-placeholder{color:#1a75ff}form .field input:focus::placeholder{color:#1a75ff}.form-inner form .pass-link{margin-top:5px}.form-inner form .signup-link{margin-top:30px;text-align:center}.form-inner form .pass-link a,.form-inner form .signup-link a{color:#1a75ff;text-decoration:none}.form-inner form .pass-link a:hover,.form-inner form .signup-link a:hover{text-decoration:underline}form .btn{border-radius:15px;height:50px;overflow:hidden;position:relative;width:100%}form .btn .btn-layer{background:-webkit-linear-gradient(right,#036,#004080,#0059b3,#0073e6);border-radius:15px;height:100%;left:-100%;position:absolute;transition:all .4s ease;width:300%}form .btn:hover .btn-layer{left:0}form .btn input[type=submit]{background:none;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:100%;padding-left:0;position:relative;width:100%;z-index:1}.flex-row{display:flex;flex-direction:row}.msgs{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:none}:root{--body-bg:linear-gradient(135deg,#f5f7fa,#c3cfe2);--msger-bg:#ebe6e6;--border:2px solid #ddd;--left-msg-bg:#fff;--right-msg-bg:#579ffb}.msger{background:#ebe6e6;background:var(--msger-bg);border:2px solid #ddd;border:var(--border);border-radius:5px;box-shadow:0 15px 15px -5px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;height:calc(100% - 50px);justify-content:space-between;margin:25px 10px;max-width:867px;width:100%}.msger-chat{flex:1 1;overflow-y:auto;padding:10px}.msger-chat::-webkit-scrollbar{width:6px}.msger-chat::-webkit-scrollbar-track{background:#ebe6e6}.msger-chat::-webkit-scrollbar-thumb{background:#bdbdbd}.msg{align-items:flex-end;display:flex;margin-bottom:10px}.msg:last-of-type{margin:0}.msg-img{background:#ddd;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:50px;margin-right:10px;width:50px}.msg-bubble{background:#fff;background:var(--left-msg-bg);border-radius:15px;max-width:450px;padding:15px}.msg-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.msg-info-name{font-weight:700;margin-right:10px}.msg-info-time{font-size:.85em}.left-msg .msg-bubble{border-bottom-left-radius:0}.right-msg{flex-direction:row-reverse}.right-msg .msg-bubble{background:#579ffb;background:var(--right-msg-bg);border-bottom-right-radius:0;color:#fff}.right-msg .msg-img{margin:0 0 0 10px}.msger-inputarea{background:#eee;border-top:2px solid #ddd;border-top:var(--border);display:flex;padding:10px}.msger-inputarea *{border:none;border-radius:3px;font-size:1em;padding:10px}.msger-input{background:#ddd;flex:1 1}.msger-send-btn{background:#00c441;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;transition:background .23s}.msger-send-btn:hover{background:#00b432}.msger-chat{background-color:#ebe6e6}.chat-bubble{-moz-border-radius-bottomleft:2px;background-color:#e6f8f1;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;border-radius:20px;border-bottom-left-radius:2px;display:inline-block;padding:16px 28px}.typing{align-items:center;display:flex;height:17px}.typing .dot{-webkit-animation:mercuryTypingAnimation 1.8s ease-in-out infinite;animation:mercuryTypingAnimation 1.8s ease-in-out infinite;background-color:#6cad96;border-radius:50%;display:inline-block;height:7px;margin-right:4px;vertical-align:middle;width:7px}.typing .dot:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.typing .dot:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.typing .dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.typing .dot:last-child{margin-right:0}@-webkit-keyframes mercuryTypingAnimation{0%{background-color:#6cad96;-webkit-transform:translateY(0);transform:translateY(0)}28%{background-color:#9ecab9;-webkit-transform:translateY(-7px);transform:translateY(-7px)}44%{background-color:#b5d9cb;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mercuryTypingAnimation{0%{background-color:#6cad96;-webkit-transform:translateY(0);transform:translateY(0)}28%{background-color:#9ecab9;-webkit-transform:translateY(-7px);transform:translateY(-7px)}44%{background-color:#b5d9cb;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.7a671baf.css.map*/