@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600;700;800;900&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}*,body{margin:0;padding:0}*{box-sizing:border-box}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{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}@-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)}}*{font-family:Inter,sans-serif}.form__container{background-color:#007aff;height:100vh;justify-content:space-between;width:100%}.form__container,.form__container__header{display:flex;flex-direction:column;position:relative}.form__container__header{color:#fff;height:35%;justify-content:center;overflow:hidden;padding:1rem;text-align:left}.form__container__header p{font-weight:600}.form__container__header .pattern{bottom:0;height:25%;left:0;position:absolute;width:100%}.form__container__header .pattern img{-webkit-filter:invert(.9);filter:invert(.9);width:100%}.form__container__header .pattern .bg{background:transparent;background:linear-gradient(#007aff,transparent);height:100%;position:absolute;width:100%;z-index:10}.form__container .userform{align-items:center;align-self:flex-end;background-color:#fff;border-top-left-radius:25px;border-top-right-radius:25px;display:flex;flex-direction:column;height:65%;justify-content:center;padding:1rem;width:100%}.form__container h2{margin-bottom:2rem}.form__container label{position:relative;width:100%}.form__container label .input-placeholder{bottom:50%;color:#b6b6b6;left:1rem;pointer-events:none;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);transition:.3s ease}.form__container label input.username__input:valid+span,.form__container label input:focus+span{bottom:100%;font-size:85%;font-weight:700}.form__container input{display:block;width:100%}.form__container input[type=text]{border:none;border-bottom:2px solid #e4e4e4;margin-bottom:2rem;margin-top:1rem;padding:1rem}.form__container input[type=text]:focus{background-color:#f5f5f5;outline-color:transparent}.form__container input[type=submit]{background-color:#007aff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:1rem}.form__container select{background:#f1f1f1;border-radius:5px;color:#000;margin-bottom:1rem;padding:.5rem;width:100%}.form__container .radio-buttons{grid-gap:3rem;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.form__container .radio-buttons *{width:100%}.form__container .radio-buttons label{aspect-ratio:1/1;border:2px solid #414141;border-radius:5px;cursor:pointer;margin:0 auto;max-width:66px;padding:.35rem;position:relative}.form__container .radio-buttons label input{left:2px;position:absolute;top:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form__container .radio-buttons label:has(input:checked){border-color:#007aff}.logo-container{display:flex;margin:0 auto;position:absolute;right:2rem;top:2rem}.logo-container img,.logo-container svg{height:25px;width:25px}.logo-container img #svg-path,.logo-container svg #svg-path{fill:blue}.logo-container img #svg-path:first-child,.logo-container svg #svg-path:first-child{fill:#fff}.logo-container p{color:#fff;display:inline;font-weight:500;margin-right:.5rem}.chat__body__header{align-items:center;justify-content:space-between}.chat__body__header .logo-container{position:static;right:auto;top:auto}.chat__body__header .logo-container img #svg-path:first-child,.chat__body__header .logo-container svg #svg-path:first-child{fill:#007aff}.chat__body__header .logo-container p{color:#007aff;display:none}@media(min-width:900px){.form__container{display:grid;grid-auto-columns:1fr 1fr}.form__container .userform,.form__container__header{grid-row:1;padding:4rem}.form__container .userform{border-radius:0;height:100%}.form__container__header{height:100%}.form__container h1{font-size:4rem}.form__container .logo-container img #svg-path,.form__container .logo-container svg #svg-path{fill:#007aff}.form__container .logo-container img #svg-path:first-child,.form__container .logo-container svg #svg-path:first-child{fill:blue}.form__container .logo-container p{color:blue}}.chat{background-color:#007aff;display:grid;grid-template-columns:minmax(120px,250px) 1fr;height:100vh;margin:0 auto;max-width:1500px}.chat__mainsection{background-color:#fff;display:grid;grid-template-rows:1fr 60px;height:100%;position:relative}.chat__mainsection:before{background:url(/static/media/pattern.b0044dee5e2a7c521b55.png);content:"";-webkit-filter:contrast(.4) opacity(.8) invert(34%) sepia(79%) saturate(4376%) hue-rotate(202deg) brightness(104%) contrast(103%);filter:contrast(.4) opacity(.8) invert(34%) sepia(79%) saturate(4376%) hue-rotate(202deg) brightness(104%) contrast(103%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.chat__body{display:flex;height:100%;z-index:10}.chat__body .hamburger__bars{cursor:pointer;display:inline-block;max-width:25px;visibility:hidden}.chat__body__header{background:#fff;box-shadow:0 0 3px #6f6f6f;display:grid;grid-template-columns:1fr 1fr 1fr;height:50px;left:0;padding:0 1rem;position:fixed;width:100%;z-index:100}.chat__body__header button{font-weight:700}.chat__input{background-color:#eaeaea;box-shadow:2px -1px 5px #9c9c9c;padding:.5rem;width:100%;z-index:10}.chat__input form{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 50px;width:100%}.chat__input form input{background-color:#eaeaea;border:none;border-radius:10px;outline:none;padding:.5rem;z-index:10}.chat__input button{background-color:#007aff;border:none;border-radius:100px;width:40px}.chat__input img{padding:.5rem;width:100%}.chat__body{display:grid;grid-template-rows:50px 1fr}.chat__body__message__chat__container{display:flex;flex-direction:column;grid-row:2;justify-content:end;overflow:hidden;position:relative}.chat__body__message__chat__container .hero{bottom:22px;display:flex;flex-direction:column;left:0;overflow:hidden;overflow-y:auto;padding:10px;position:absolute;right:4px;top:0}@-webkit-keyframes smsani{0%{opacity:0}to{opacity:1}}@keyframes smsani{0%{opacity:0}to{opacity:1}}.chat__body__message__chat__container .hero .message{-webkit-animation:smsani .1s ease-in;animation:smsani .1s ease-in;border-radius:13px;box-shadow:-1px 2px 3px #c7c7c7;margin-bottom:1.2rem;padding:.75rem;position:relative}.chat__body__message__chat__container .hero .message_time{color:gray;font-size:12px;position:absolute;right:0;top:calc(100% + 2px)}.chat__body__message__chat__container .hero .message__img{height:35px;position:absolute;top:50%;width:35px}.chat__body__message__chat__container .hero .sender{align-self:flex-end;background-color:#007aff;border-bottom-right-radius:0;color:#fff;text-align:right;width:42%}.chat__body__message__chat__container .hero .sender .message__img{left:0;-webkit-transform:translateX(-120%) translateY(-50%);transform:translateX(-120%) translateY(-50%)}.chat__body__message__chat__container .hero .receiver{background-color:#f1f1f1;border-bottom-left-radius:0;min-width:250px;text-align:left;width:42%}.chat__body__message__chat__container .hero .receiver .message__img{right:0;-webkit-transform:translateX(120%) translateY(-50%);transform:translateX(120%) translateY(-50%)}.chat .leave__chat{background:none;border:none;text-align:left}.chat .leave__chat:hover{color:#007aff;cursor:pointer;text-decoration:underline}.chat .chat_bar{color:#fff;padding:calc(50px + 1rem) 1rem;z-index:10}.chat .chat_bar h4{font-size:1.7rem;font-weight:500;margin-bottom:1rem;padding:1rem}.chat .chat__users__user{align-items:center;background:#fff;border-radius:5px;box-shadow:inset -1px 5px 5px #cdcdcd;color:#404040;display:flex;font-weight:700;margin-bottom:1rem;padding:1rem}.chat .icon-img{margin-right:10px;width:40px}.chat .close__user__bar{display:none}.chat .send-sms{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.chat .send-sms p{background-color:#eaeaea;border-radius:15px;box-shadow:-1px 2px 3px #c7c7c7;font-size:12px;font-weight:700;padding:.25rem .5rem}@media(max-width:600px){.chat{display:flex}.chat .chat_bar{background-color:#007aff;height:100%;padding-top:1rem;position:fixed;right:-100%;transition:.5s ease;width:100%;z-index:12}.chat .chat_bar .close__user__bar{margin-bottom:1rem}.chat .chat_bar--active{height:100%;right:0;transition:.5s ease}.chat__mainsection{width:100%}.chat__body .chat__body__header{box-shadow:0 0 3px #6f6f6f;display:grid;justify-content:space-between}.chat__body .hamburger__bars{display:inline-block;margin-left:auto;max-width:25px;visibility:visible}.chat .close__user__bar{cursor:pointer;display:block;padding-left:1rem}}
/*# sourceMappingURL=main.2d6c4657.css.map*/