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%}*{user-select:none;-webkit-user-select:none;-ms-user-select:none}.signed_in_view{display:flex;flex-direction:row;height:100vh;width:100%}.main_view{flex:1 1}.gradient{background:linear-gradient(150deg,#fcca0b,#cc9201 100%)}.service-name{color:#fff;font-family:Inconsolata,sans-serif}.caption{color:#565656;font-size:13px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.buttons-container{display:flex;
    /* ! can be problematic if another class also wants to impose display: inline-block onto the same element (but generally those shouldn't be needed)*/flex-direction:row;gap:5px;height:100%}.button-container{height:100%}.button,.button-container{align-items:center;display:flex;justify-content:center}.button{border-radius:50%;cursor:pointer}.button-medium{height:40px;width:40px}.button-hover-light:hover{background-color:hsla(0,0%,100%,.129)}.button-hover-dark:hover{background-color:#dadada}.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:#dda601;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:#dda601}.form-field-input:active,.form-field-input:focus{border-color:#dda601;box-shadow:0 0 0 1.5px #dda601}.form-field-input{color:#242424}.form-error-message{color:#dda601;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:#dda601;border:3px solid #dda601;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:#ba8c02}.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}.sidebar-container{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-top{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-buttons{float:right}.sidebar-stream-list{-ms-overflow-style:none;flex:1 1;flex-basis:0px;overflow-y:auto;scrollbar-width:none}.sidebar-stream-list::-webkit-scrollbar{display:none}.sidebar-bottom{align-items:center;display:flex;flex-direction:row;height:45px}.user_tile{height:100%;width:100%}.user_tile-info,.user_tile-info-pfp{display:inline-block;height:100%}.user_tile-info-pfp img{height:45px;margin-right:10px}.user_tile-info-text{display:inline-block;height:100%;overflow:hidden;white-space:nowrap}.user_tile-info-display_name{font-size:medium;height:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user_tile-info-user_id-container{height:50%}.user_tile-info-user_id{background-color:#efeeee;border-radius:7px;cursor:pointer;font-size:x-small;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.user_tile-info-user_id:hover{background-color:#ccc}.user_tile-buttons{float:right;margin-right:2.5px}.stream-icon-container{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;text-align:center;width:50px}.sidebar-stream_list-item-custom-icon{border-radius:50%;height:100%;width:100%}.material-symbols-outlined.icon-filled{font-size:30px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar-stream_list-item{border-radius:8px;cursor:pointer;display:flex;flex-direction:row;margin:10px;padding:10px}.sidebar-stream_list-item:hover{background-color:#f0f0f0}.sidebar-stream_list-item-icon-container{display:inline-block;height:100%}.sidebar-stream_list-item-selected{background-color:#d2d2d2}.sidebar-stream_list-item-selected:hover{background-color:#c5c5c5}.sidebar-stream_list-item-text{display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:10px;overflow:hidden;white-space:nowrap}.sidebar-stream_list-item-header{align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-stream_list-item-last-note{color:grey;font-size:medium;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reserved-user_defined-separator{background-color:#b4b4b4;border-radius:1px;height:2px;margin:0 10px}.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%}.header-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:"";height:70px;left:-10px;mask:linear-gradient(#000 75%,#0000);-webkit-mask:linear-gradient(#000 75%,#0000);z-index:7}.header,.header-background{position:absolute;right:0;top:0}.header{background-color:#fff;border-radius:0 0 15px 15px;box-shadow:0 0 12px 10px #eaeaea;height:50px;left:0;margin:0 10px;padding:0 10px;z-index:8}.header-inner{height:100%}.stream-header-buttons-left{float:left}.stream-header-buttons-right{float:right}.stream-header-name-icon-container{display:flex;height:100%;justify-content:center;left:150px;overflow:hidden;position:absolute;right:150px;white-space:nowrap}.stream-header-icon-container{display:inline-block;height:100%;vertical-align:top /* ! necessary as the position will change if the stream name is present (for some reason); the goal is for the two elements to be independent */}.stream-header-name{align-items:center;display:flex;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-actions{display:block;height:100%}.note-action-container{display:inline-block;height:100%;vertical-align:top}.note-action{align-items:center;border-radius:10px;color:orange;cursor:pointer;display:flex;height:100%;justify-content:center;width:35px}.note-action:hover{background-color:#ffdfa3}.favorite-highlight{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px orange,0 0 30px orange,0 0 40px orange,0 0 50px orange}.priority-none{color:grey}.priority-none-highlight{text-shadow:0 0 10px grey,0 0 20px grey,0 0 25px grey,0 0 30px grey,0 0 40px grey}.priority-low{color:#195ddc}.priority-low-highlight{text-shadow:0 0 10px #195ddc,0 0 20px #195ddc,0 0 25px #195ddc,0 0 30px #195ddc,0 0 40px #195ddc}.priority-medium{align-items:center;color:#ffc710;display:flex;justify-self:center}.priority-medium-highlight{text-shadow:0 0 10px #ffd000,0 0 20px #ffd000,0 0 25px #ffd000,0 0 30px #ffd000,0 0 40px #ffd000}.priority-high{color:red}.priority-high-highlight{text-shadow:0 0 10px red,0 0 20px red,0 0 25px red,0 0 30px red,0 0 40px red}.note-text-copied{align-items:center;color:orange;display:flex;font-weight:700;height:100%;justify-content:center;margin:0 10px}.note-row .note-actions-container{visibility:hidden}.note-row .show-anyway,.note-row:hover .note-actions-container{visibility:inherit}.note-row .show-anyway .note-action-container{display:none}.note-row .show-anyway .note-action-container.show-anyway,.note-row:hover .show-anyway .note-action-container{display:inline-block}.note-row{max-width:100%;width:100%}.note-metadata{font-size:small;padding:5px 15px;z-index:10}.note-metadata-author-name,.note-metadata-timestamp{display:inline-block}.note-metadata-author-name{float:right}.note-container{background-color:#78ff3f}.note-bubble{background-color:#fff;border-radius:15px;box-shadow:0 0 12px 10px #eaeaea;padding:10px 10px 0;word-break:break-all}.note-metadata-timestamp{font-size:x-small}.note-bubble-spacer{height:3px}.note-actions-container-container{height:17.5px;width:100%}.note-actions-container{background-color:#fff;border-radius:10px;box-shadow:0 0 12px 5px #eaeaea;float:right;height:35px;position:relative;right:0;top:0}.notes-container{height:100%;overflow-y:scroll;padding-top:50px}.notes-container-composer-padding{padding-bottom:50px}.notes{padding:10px 20px}.notes-frame{display:flex;flex-direction:column;gap:5px}.new-note-form-container-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;content:"";height:80px;left:-10px;mask:linear-gradient(#0000,#000 30%);-webkit-mask:linear-gradient(#0000,#000 30%);position:absolute;right:0;z-index:7}.new-note-form-container{background-color:#0000;bottom:0;display:block;height:60px;position:absolute;width:100%;z-index:8}.new-note-form{background-color:#fff;border-radius:15px;box-shadow:0 0 12px 5px #eaeaea;display:flex;margin:10px;width:auto}.new-note-input{background:#0000;border:none;border-radius:5px 0 0 5px;color:#333;flex:1 1}.add-note-button,.new-note-input{font-size:16px;outline:none;padding:10px}.add-note-button{background:#dda601;border:none;border-radius:15px;color:#fff;font-weight:700}.stream{display:flex;flex-direction:column;height:100%;margin:0;position:relative}h4{color:#dda601}
/*# sourceMappingURL=main.32ebae9f.css.map*/