::-moz-selection{background-color:#20b2aa;color:#fff}::selection{background-color:#20b2aa;color:#fff}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;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.default-btn{min-width:40px;display:flex;justify-content:center;align-items:center;background-color:teal;color:#fff;padding:8px;font-weight:700;border-radius:7px;margin:4px;cursor:pointer;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.default-btn img{height:16px;margin-right:6px}.default-btn.disabled,.default-btn:disabled{background-color:grey;opacity:.7;cursor:default;pointer-events:none}.default-btn:hover{background-color:#3eadad}.default-btn.red{background-color:#dc143c}.default-btn.red:hover{background-color:red}.error{color:#dc143c}.navbar{justify-content:space-between;border-bottom:1px solid #20b2aa;box-shadow:0 0 8px -2px grey;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:9.9vh;z-index:1}.navbar,.navbar .left{display:flex;align-items:center}.navbar .left .title{margin:16px 24px;font-size:32px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;cursor:pointer}.navbar .left .btn,.navbar .left a{cursor:pointer;text-decoration:none;color:#000;font-weight:700;margin:6px;padding:10px;border-radius:7px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.navbar .left .btn:hover,.navbar .left a:hover{background-color:#a6e7e4}.navbar .left .btn.no-hover:hover,.navbar .left a.no-hover:hover{background-color:#fff}.navbar .left .active-item{background-color:#20b2aa;color:#fff}.navbar .left .active-item:hover{background-color:#20b2aa}.navbar .right .username{margin:20px 24px}.new-transcript{display:flex;flex-direction:column;min-height:100%;padding:16px}.new-transcript .controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:space-between;height:-webkit-max-content;height:-moz-max-content;height:max-content;padding-bottom:5px;margin:.5rem 2.5rem 5px;border-bottom:1px solid grey}.new-transcript .controls .directory{color:teal;margin-right:1rem}.new-transcript .controls .left{width:50%}.new-transcript .controls .left .buttons{display:flex;width:100%;justify-content:flex-start}.new-transcript .controls .right{align-items:flex-end}.new-transcript .controls .right,.new-transcript .controls .right .recording{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;flex-direction:row;justify-content:flex-end}.new-transcript .controls .right .recording{color:#dc143c;align-items:center;margin-right:32px}.new-transcript .controls .right .recording .rec{background-color:#dc143c;margin-right:8px;width:24px;height:24px;align-self:center;border-radius:50%;-webkit-transition:all 1s linear;transition:all 1s linear}.new-transcript .controls .right .recording .rec.dim{opacity:.7}.new-transcript .controls .right .buttons{display:flex;justify-content:flex-end;align-items:center}.new-transcript .controls .right p{width:100%;text-align:center;color:#dc143c;font-weight:700}.new-transcript .controls h1,.new-transcript .controls p,.new-transcript .controls select{margin:8px}.new-transcript .controls .button{cursor:pointer;background-color:#20b2aa;color:#fff;padding:12px;border-radius:12px;margin:8px;flex-grow:500;text-align:center;font-size:24px;min-width:120px;max-width:140px;height:32px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.new-transcript .controls .button.disabled{pointer-events:none;opacity:.7;background-color:grey;cursor:default}.new-transcript .controls .button.discard{background-color:#dc143c}.new-transcript .controls .button.discard:hover{background-color:red}.new-transcript .controls .button:hover{background-color:#2ed1c9}.new-transcript .text-container{width:100%;max-width:1440px;display:flex;flex-direction:column;align-self:center;align-items:center;box-sizing:border-box;margin-top:1rem}.new-transcript .text-container .title{width:100%;height:40px;font-size:20px;margin:0 2.5rem;border:1px solid #9e9e9e;border-radius:12px;text-align:left;padding:12px 1rem;box-sizing:border-box;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.new-transcript .text-container .text{width:100%;line-height:1.5;border:1px solid #9e9e9e;resize:none;border-radius:12px;margin-top:1rem;padding:16px;min-height:50vh;box-sizing:border-box}.new-transcript .text:focus,.new-transcript .title:focus{outline:none}.new-transcript .text.read-only,.new-transcript .title.read-only{background-color:#e4e4e4;pointer-events:none}.transcript-card{box-sizing:border-box;border-top:1px solid grey;width:100%;height:72px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.transcript-card .hidden{opacity:0;pointer-events:none}.transcript-card.creating{border:1px dashed #20b2aa;cursor:default}.transcript-card .icon{height:40px;width:40px;margin:4px;padding:4px}.transcript-card .icon.mini{height:24px;width:24px;margin:10px;padding:10px;border-radius:50%;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.transcript-card .icon.mini.active,.transcript-card .icon.mini:hover{background-color:#ececec}.transcript-card .title{display:flex;align-items:center;justify-content:space-between;width:50%;min-width:132px;text-overflow:ellipsis;margin:8px}.transcript-card .title h3{padding:0;display:block;white-space:nowrap;height:25px;width:100%;overflow:hidden;text-overflow:ellipsis}.transcript-card .title .create{color:#20b2aa}.transcript-card h3{width:100%;margin:.5em 0}.transcript-card .date-created{margin:8px;width:35%;min-width:96px}.transcript-card .new-title{width:100%;display:flex;flex-shrink:500;border-radius:7px;border:2px solid grey;padding:5px;font-size:16px;font-weight:700;margin:.5em 0;box-sizing:border-box;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.transcript-card .new-title:focus{outline:none;border:2px solid #20b2aa}.transcript-card .length{margin:8px;min-width:70px;width:8%;color:grey;text-align:right}.transcript-card.active,.transcript-card:hover{background-color:#fff}.transcript-card.disabled{cursor:default;color:grey;background-color:#cecece;pointer-events:none}.options{height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;box-shadow:0 0 3px -1px grey;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform:translateX(-130px);transform:translateX(-130px);background-color:#fff;border-radius:5px}.options .option{width:100%;box-sizing:border-box;padding:8px 16px 8px 8px;display:flex;height:32px;align-items:center}.options .option .icon,.options .option img{width:20px;height:20px;padding:4px;margin:8px}.options .option:hover{background-color:#e0e0e0}.transcript{display:flex;flex-direction:column}.transcript .toolbar{display:flex;justify-content:space-between;width:100%;height:46px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid grey;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.transcript .toolbar .left,.transcript .toolbar .right{display:flex;align-items:center}.transcript .toolbar .shared-with{font-weight:700;opacity:.7;margin-right:16px}.transcript .text{box-sizing:border-box;width:100%;max-width:1440px;line-height:1.5;border:1px solid #d3d3d3;resize:none;border-radius:12px;margin-top:1rem;padding:16px;min-height:50vh;align-self:center}.transcript .text:focus{outline:none}.dropdown{cursor:pointer}.dropdown .value{min-width:92px;padding:8px;font-weight:700;text-decoration:underline;-webkit-text-decoration-style:dashed;text-decoration-style:dashed;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown .value:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.dropdown .value .drawer{width:90px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:2px;display:flex;flex-direction:column;position:fixed;background-color:#fff;border:1px solid #d3d3d3;border-radius:6px;box-shadow:0 0 6px -2px grey}.dropdown .value .drawer .option{padding:8px;font-size:16px;font-weight:bolder;font-family:Arial,Helvetica,sans-serif;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.dropdown .value .drawer .option:hover{background-color:#20b2aa;color:#fff}.dropdown .value .drawer .option:active{background-color:#2f4f4f}.dropdown .value .hidden{display:none}.saved-transcripts{display:flex;flex-direction:column;margin:16px}.saved-transcripts .stretch{width:100%;min-height:50vh;display:flex;justify-content:center;align-items:center}.saved-transcripts .list{display:flex;flex-flow:column nowrap;width:100%}.saved-transcripts .list .toolbar{display:flex;justify-content:space-between;width:100%;height:46px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid grey;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.saved-transcripts .list .toolbar .left .filter,.saved-transcripts .list .toolbar .right{display:flex;align-items:center}.saved-transcripts .list .viewer{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.saved-transcripts .list .viewer .date-created,.saved-transcripts .list .viewer .duration,.saved-transcripts .list .viewer .icon,.saved-transcripts .list .viewer .name{margin:8px;cursor:pointer;text-decoration:underline}.saved-transcripts .list .viewer .icon{width:40px;margin:8px}.saved-transcripts .list .viewer .name{width:50%;margin:8px;min-width:132px;text-overflow:ellipsis;cursor:pointer;font-weight:700}.saved-transcripts .list .viewer .date-created{margin:8px;width:35%;min-width:96px;cursor:pointer;font-weight:700}.saved-transcripts .list .viewer .duration{font-weight:700;text-align:right;margin:8px;min-width:70px;width:8%;cursor:pointer}.saved-transcripts .list .empty{width:100%;text-align:center;padding:16px}.login{height:90vh;display:flex;width:100%}.login .left{background-color:#d3d3d3;height:100%;width:70%;display:flex;align-items:center;box-shadow:inset -10px 0 10px -8px #363636}.login .left .form-container{margin:auto;padding:24px;background-color:#fff}.login .left .form-container .heading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .left .form-container .error{color:#dc143c;padding:8px 0}.login .left .form-container .login-form{display:flex;flex-direction:column;min-width:350px}.login .left .form-container .login-form .form-input{border:1.5px solid grey;border-radius:7px;padding:8px;margin:6px 0;font-size:16px;color:#292929;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.login .left .form-container .login-form .form-input:focus{border-color:#3bc2c2;outline:none}.login .left .form-container .login-form .form-input:disabled{background-color:grey}.login .left .form-container .login-form button{width:100%;cursor:pointer;border:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.login .left .form-container .login-form button:disabled{background-color:grey}.login .right{height:100%;width:30%;background-color:#20b2aa;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 16px}.login .right p{color:#fafafa}.login .right a{width:100%}.login .right a button{width:100%;cursor:pointer;border:2px solid #fff}.signup{height:90vh;display:flex;width:100%}.signup .right{background-color:#d3d3d3;height:100%;width:70%;display:flex;align-items:center;box-shadow:inset 10px 0 10px -8px #363636}.signup .right .form-container{margin:auto;padding:24px;background-color:#fff}.signup .right .form-container .heading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.signup .right .form-container .error{color:#dc143c;padding:8px 0;width:100%}.signup .right .form-container .signup-form{display:flex;flex-direction:column;min-width:350px}.signup .right .form-container .signup-form .form-input{border:1.5px solid grey;border-radius:7px;padding:8px;margin:6px 0;font-size:16px;color:#292929;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.signup .right .form-container .signup-form .form-input:focus{border-color:#3bc2c2;outline:none}.signup .right .form-container .signup-form .help{font-style:italic;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#555}.signup .right .form-container .signup-form button{width:100%;cursor:pointer;border:none}.signup .left{height:100%;width:30%;background-color:#20b2aa;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 16px}.signup .left strong{text-align:center}.signup .left p{color:#fafafa}.signup .left a{width:100%}.signup .left a button{width:100%;cursor:pointer;border:2px solid #fff}.history{padding:0 32px;font-weight:700;color:#20b2aa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;opacity:0;display:flex;align-items:center;overflow:hidden;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.history.active{height:64px;opacity:1}.history .content{display:flex;flex-direction:row;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer}.history .content .arrow{padding:8px;height:32px}.history .content p{font-size:20px;margin:0}.history .content img,.history .content p{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.history .content:hover img,.history .content:hover p{opacity:.7}
/*# sourceMappingURL=main.3a4c849b.chunk.css.map */