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}body,html{position:fixed}#root,.App,.auth,.auth-container,body,html{height:100%;margin:0;width:100%}.signedInView{display:flex;flex-direction:row;height:100vh}.main_view{flex:1 1}.gradient{background:linear-gradient(150deg,#833ab4,#1db2fd)}.service-name{color:#fff;font-family:Silkscreen,sans-serif}*{-webkit-user-select:none;user-select:none}.caption{color:#565656;font-size:13px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.card-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;z-index:10}.card-container-float{left:0;position:absolute;top:0}.card-container-blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card{background-color:#fff;border-radius:30px;box-shadow:0 0 30px 10px hsla(0,0%,85%,.382);display:flex;flex-direction:column;justify-content:flex-start;max-width:600px;min-width:500px;padding:2rem;transition:.8s ease}.pill{border-radius:4px;color:#fff;margin:4px;padding:4px}.pill-you{background-color:#833ab4}.pill-admin{background-color:#e63232}.form-field{display:flex;flex-direction:column;margin:1rem 0;position:relative}.form-field label{color:#2397d1;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.7px;line-height:1.3;margin-bottom:.45rem}.form-field-input-container{align-items:center;display:flex;flex-direction:row;height:40px}.form-field-input{background:#fff;border:1px solid #dcdddd;border-radius:4px;display:inline-block;flex:1 1;font-size:14px;outline:none;padding:.55rem .4rem;transition:all .15s ease-in-out 0s}.form-field-input::placeholder{color:#9b9b9b;font-weight:inherit;width:100%}.form-field-input:hover{border-color:#2397d1}.form-field-input:active,.form-field-input:focus{border-color:#2397d1;box-shadow:0 0 0 1.5px #2397d1}.form-field-input{color:#242424}.form-error-message{color:#2397d1;font-family:Arial,Helvetica,sans-serif;font-size:13px;text-align:center}.form-button{display:flex;justify-content:center;margin-top:2rem}.form-button button{background:#2397d1;border:3px solid #2397d1;border-radius:25px;color:#fff;cursor:pointer;font-weight:800;outline:none;padding:.7rem 1.2rem;transition:.3s ease;width:50%}.form-button button:hover{background:#1d7aa9}.form-button button:disabled{background:#939393;border-color:#939393;cursor:default}
/* !!! this likely does not work perfectly because the other styles also change other aspects of the border like the width */.form-field-input.field-valid,.form-field-input.field-valid:active,.form-field-input.field-valid:focus,.form-field-input.field-valid:hover{border-color:green!important}.form-field-input.field-invalid,.form-field-input.field-invalid:active,.form-field-input.field-invalid:focus,.form-field-input.field-invalid:hover{border-color:red!important}.form-field-input-side-button-container{align-items:center;color:#3a3a3a;display:inline-flex;height:40px;justify-content:center;margin-left:7px;width:40px}.form-field-input-side-button-container:hover{background-color:#dad8d8;border-radius:50%}

/* ! these below don't appear to be included anywhere */.auth__form-container_image{box-shadow:1px 0 5px #0000000d;display:flex;flex:3 1}.auth__form-container_image img{height:100%;width:100%}.auth__form-container_fields-content p{color:#05245a;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:900}.auth__form-container_fields-account{align-items:center;display:flex;justify-content:flex-start;margin-top:.2rem}.auth__form-container_fields-account p{color:#000;font-size:14px;font-weight:500}.auth__form-container_fields-account span{color:#ee230c;cursor:pointer;font-weight:700}@media screen and (max-width:800px){.auth__form-container{flex-direction:column-reverse}.auth__form-container_fields{justify-content:flex-start}.auth__form-container_image{box-shadow:none;flex:none;height:100px}.auth__form-container_image img{object-fit:cover}}@media screen and (max-width:375px){.auth__form-container_fields{padding:2rem .5rem}.auth__form-container_fields-content_input input{width:95%}.auth__form-container_fields-content_input-password{right:3%}}.auth{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.auth-service-name{font-size:80px;margin:40px auto;position:absolute;text-align:center;top:0;width:100%}.auth-card-container{height:400px;max-height:50%;max-width:50%;width:500px}.auth-card,.auth-card-container{align-items:center;display:flex;justify-content:center}.auth-card{background-color:#fff;border-radius:30px;box-shadow:0 0 30px 10px hsla(0,0%,85%,.382);flex-direction:column;padding:35px;width:100%}.auth-card-item{text-align:center;width:100%}.login-text{font-size:25px;margin:30px 0}.google-sign-in-button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#757575;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.google-sign-in-button:hover{background-color:#f7f7f7;box-shadow:0 2px 4px #0003}.google-sign-in-button:active{background-color:#eee;box-shadow:0 1px 3px #0000001a}.google-logo{height:20px;margin-right:10px;width:20px}.chat{display:flex;flex-direction:column;height:100%;margin:0;position:relative}.header-background{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:block;height:60px;left:-10px;-webkit-mask:linear-gradient(#000 95%,#0000);position:absolute;top:0;width:120%;z-index:7}.header{background-color:#fff;border-radius:0 0 15px 15px;box-shadow:0 0 12px 10px #eaeaea;color:#000;height:50px;margin:0 10px;padding:0 10px;text-align:center;width:auto;z-index:8}.header-item{display:inline-block;height:100%}.leave-chat-icon{border-radius:50%;line-height:40px;margin:5px;vertical-align:middle;width:40px}.leave-chat-icon:hover{background-color:#dadada}.chat-name{display:inline-block;height:100%;line-height:50px;margin-left:auto;margin-right:auto;overflow:hidden;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:50%}.messages-container{flex:1 1;overflow-y:scroll;padding-bottom:60px}.messages{align-items:flex-start;display:flex;flex-direction:column;max-height:auto;padding:20px 20px 0}.message-row{margin-bottom:10px;width:100%}.message{max-width:400px;width:fit-content}.own-message{float:right}.message-user{font-size:small}.message-text{background-color:#2397d1;color:#fff;margin:3px 0;padding:10px;width:fit-content}.message-timestamp{font-size:x-small}.new-message-form-container-background{bottom:0;display:block;height:60px;position:absolute;width:100%;z-index:7;&:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);bottom:0;content:"";left:-10px;-webkit-mask:linear-gradient(#0000,#000 30%);position:absolute;right:0;top:-20px;width:120%}}.new-message-form-container{background-color:#0000;bottom:0;display:block;height:60px;position:absolute;width:100%;z-index:8}.new-message-form{background-color:#fff;border-radius:15px;box-shadow:0 0 12px 5px #eaeaea;display:flex;margin:10px;width:auto}.new-message-input{background:#0000;border:none;border-radius:5px 0 0 5px;color:#333;flex:1 1}.new-message-input,.send-button{font-size:16px;outline:none;padding:10px}.send-button{background:#2397d1;border:none;border-radius:15px;color:#fff;font-weight:700}.sidebars{align-items:center;display:flex;flex-direction:column;max-height:100vh;z-index:100}.sidebar{border-radius:15px;box-shadow:0 0 12px 5px #eaeaea;color:#242424;margin:10.75px;padding:10px;width:300px}.sidebar-chatlist{display:flex;flex:1 1;flex-direction:column;margin-bottom:0;padding-bottom:0}.sidebar-header{align-items:center;border-radius:15px;color:#fff;display:flex;flex-direction:row;line-height:40px;max-height:40px;padding:10px}.sidebar-header-service-name{flex:1 1;font-size:27px}.sidebar-header-button{border-radius:9999px;cursor:pointer;display:inline-block;height:40px;width:40px}.sidebar-header-button:hover{background-color:hsla(0,0%,100%,.129)}.sidebar-header-button-icon{align-items:center;display:flex;height:100%;justify-content:center}.sidebar-chat-item{border-radius:8px;display:flex;flex-direction:row;height:50px;margin:10px;padding:10px}.sidebar-chat-item:hover{background-color:#f0f0f0}.sidebar-chat-item-pfp-container{display:inline-block;height:50px;width:50px}.sidebar-chat-item-pfp{border-radius:50%;height:100%;width:100%}.chat-icon-container{align-items:center;background-color:#d7d7d7;border-radius:50%;display:flex;height:100%;justify-content:center;text-align:center;width:50px}.group-icon{height:100%;line-height:50px;vertical-align:middle;width:100%}.sidebar-chat-item-list{-ms-overflow-style:none;flex:1 1;flex-basis:0px;overflow-y:auto;scrollbar-width:none}.sidebar-chat-item-list::-webkit-scrollbar{display:none}.sidebar-chat-item-text{display:inline-block;height:50px;margin-left:10px;overflow:hidden;vertical-align:bottom;white-space:nowrap}.sidebar-chat-item-header{align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-chat-item-header-id{color:#7a7a7a;font-size:10px;margin-left:10px}.sidebar-chat-item-last-message{color:grey;font-size:medium;text-overflow:ellipsis}.sidebar-bottom-text,.sidebar-chat-item-last-message{overflow:hidden;white-space:nowrap}.sidebar-bottom{align-items:center;display:flex;flex-direction:row;height:45px}.sidebar-bottom img{height:45px;margin-right:10px}.user-name{font-size:medium}.sidebar-bottom .global-id,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom .global-id{background-color:#efeeee;border-radius:5px;font-size:x-small;padding:5px}.sidebar-bottom .global-id:hover{background-color:#ccc}h4{color:#2397d1}.background{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.floating-card{background-color:#fff;border-radius:15px;box-shadow:0 0 30px 10px hsla(0,0%,85%,.382);height:600px;padding:25px;text-align:center;width:500px}.pfp{border-radius:50%}
/*# sourceMappingURL=main.da19970f.css.map*/