@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Codystar&display=swap";@import"https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=Allura&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";html,body,#root,.app{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif;height:100%;width:100%;font-size:1em;background:#fff;color:#222}.app{display:flex;flex-direction:column}.app .loadingContainer{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.app .page{flex:1;height:100%}.app *,.app *:before,.app *:after{box-sizing:inherit}.app a,.app a:link,.app a:visited,.app a:active,.app .fakeLink{color:#806fd7;font-weight:700;text-decoration:none;transition:color .2s;cursor:pointer}.app a:hover,.app a:link:hover,.app a:visited:hover,.app a:active:hover,.app .fakeLink:hover{color:#aa9fe4}.app img,.app svg{vertical-align:top}.app img{transition:opacity .2s}.app select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;padding:8px 30px 8px 8px;margin:0;border-radius:16px;font-weight:700;border:1px solid #dddddd;background:#fcfcfc url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20viewBox='0%200%20320%20512'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z'%20fill='currentColor'/%3e%3c/svg%3e") right 8px center/14px 14px no-repeat;color:transparent;text-shadow:0 0 0 #222222;max-width:100%}.app select option{color:#fff;background:#111}.app select::-ms-expand{display:none}.app select::-ms-value{background:transparent;color:#111}.app select:focus{outline:none}.app input[type=text],.app input[type=number]{background:#fcfcfc;font-family:inherit;color:#111;padding:8px;margin:0;border-radius:16px;border:1px solid #dddddd;transition:border .2s;height:40px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.app input[type=text]:focus,.app input[type=number]:focus{outline:none;border:1px solid #806fd7}.app input[type=text].error,.app input[type=number].error{border:1px solid #ff4d58}.app textarea{background:#fcfcfc;font-family:inherit;color:#111;padding:8px;margin:0;border-radius:16px;border:1px solid #dddddd;transition:border .2s}.app textarea:focus{outline:none;border:1px solid #806fd7}.app div{-ms-overflow-style:-ms-autohiding-scrollbar}.annotateAudio{background-color:#fff;height:calc(100vh - 92px);display:flex;flex-direction:column}.annotateAudio .content{position:relative;flex:1;height:100%;display:flex;flex-direction:column}.annotateAudio .content .loadingContainer,.annotateAudio .content .uploadContainer{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f3f2ff;z-index:999;display:flex;align-items:center;justify-content:center}.annotateAudio .content .annotationPlayer{height:240px;background:#ddd;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.annotateAudio .content .annotationPlayer div::part(marker){overflow:hidden}.annotateAudio .content .annotationPlayer div::part(region-content){font-weight:700;padding:8px;margin-top:0}.annotateAudio .content .annotationPlayer div::part(region-handle){border-color:transparent}.annotateAudio .content .annotationPlayer div::part(region),.annotateAudio .content .annotationPlayer div::part(cursor){transition:background-color .2s}.annotateAudio .content .annotationPlayer.disableRegionEditing div::part(region){pointer-events:none}.annotateAudio .content .annotationPlayer.recording div::part(cursor){background-color:#ff4d58}.annotateAudio .content .filename{font-weight:700;padding:16px;text-align:center}.annotateAudio .content .controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 auto 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.annotateAudio .content .controls .controlButton{cursor:pointer;transition:background-color .2s}.annotateAudio .content .controls .controlButton svg{width:48px;height:48px}.annotateAudio .content .controls .controlButton:hover svg{fill:#806fd7}.annotateAudio .content .annotationList{flex:1;overflow-y:scroll}.annotateAudio .content .annotationList .noAnnotations{max-width:400px;margin:0 auto}.annotateAudio .content .annotationList .noAnnotations .instructions{text-align:center;font-weight:700;margin-top:16px;color:#806fd7}.annotateAudio .content .annotationList .noAnnotations .instructionsRow{display:flex;justify-content:center;align-items:center;margin-top:8px}.annotateAudio .content .annotationList .noAnnotations .instructionsRow .instructionsKey{font-weight:700}.annotateAudio .content .annotationList .noAnnotations .instructionsRow .instructionsDescription{opacity:.6}.annotateAudio .content .annotationList .noAnnotations .instructionsRow.orRow{opacity:.6;margin:16px 0}.annotateAudio .content .annotationList .noAnnotations .instructionsRow.orRow .divider{height:1px;background-color:#111;flex:1;margin:0 16px}.annotateAudio .content .moreInstructions{max-width:600px;margin:16px auto auto;text-align:center;opacity:.6}.annotateAudio .content .moreInstructions.error{color:#ff4d58;font-weight:700;opacity:1}.annotateAudio .content .completeButtons{display:flex;justify-content:center;gap:16px;margin:16px}.annotateAudio .recoverData{text-align:center}.annotateAudio .recoverData .recoverDataTitle,.annotateAudio .recoverData .submittedTitle{font-weight:700;margin-bottom:24px;font-size:1.2rem}.annotateAudio .recoverData .recoverButtons,.annotateAudio .recoverData .submittedButtons{display:flex;justify-content:center;gap:16px;margin-top:24px}.annotateAudio .preAnnotateModal{text-align:center;padding:24px}.annotateAudio .preAnnotateModal .preAnnotateTitle{font-weight:700;font-size:1.2rem}.annotateAudio .preAnnotateModal .preAnnotateDescription{margin-top:24px}.annotation{border-bottom:1px solid #F3F2FF}.annotation .primaryAnnotation{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:8px;padding:16px}.annotation .primaryAnnotation svg{width:24px;height:24px}.annotation .primaryAnnotation .annotationButton{border-radius:50%;padding:8px;background-color:#f3f2ff;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s}.annotation .primaryAnnotation .annotationButton .annotationButtonTooltip{position:absolute;text-align:center;width:auto;max-width:1000px;bottom:-40px;background-color:#f3f2ff;border-radius:16px;padding:4px 8px;opacity:0;pointer-events:none;z-index:9999;transition:opacity .2s}.annotation .primaryAnnotation .annotationButton.duplicate svg{width:18px;height:18px}.annotation .primaryAnnotation .annotationButton:hover{background-color:#d7d3ff}.annotation .primaryAnnotation .annotationButton:hover .annotationButtonTooltip{opacity:1}.annotation .primaryAnnotation .annotationButton.active{background-color:#d7d3ff}.annotation .primaryAnnotation .annotationTime{display:flex;align-items:center;border-radius:16px;padding:8px;background-color:#f3f2ff;transition:background-color .2s}.annotation .primaryAnnotation .annotationTime .time{cursor:pointer;position:relative;margin:0 8px}.annotation .primaryAnnotation .annotationTime .time input[type=text]{position:absolute;top:-4px;bottom:-4px;left:0;right:0;height:auto;padding:4px;text-align:center}.annotation .primaryAnnotation .annotationTime .nudge{cursor:pointer}.annotation .primaryAnnotation .annotationValue{flex:1}.annotation .annotationWords{display:none}.annotation .annotationWords .primaryAnnotation{padding:0 16px 16px;justify-content:flex-start}.annotation .annotationWords .primaryAnnotation .annotationButton{background-color:#e5f7ee}.annotation .annotationWords .primaryAnnotation .annotationButton.active,.annotation .annotationWords .primaryAnnotation .annotationButton:hover{background-color:#bdecd4}.annotation .annotationWords .primaryAnnotation .annotationButton .annotationButtonTooltip{background-color:#e5f7ee}.annotation .annotationWords .primaryAnnotation .annotationButton.hidden{opacity:0;pointer-events:none}.annotation .annotationWords .primaryAnnotation .annotationTime{background-color:#e5f7ee}.annotation .annotationWords .primaryAnnotation .annotationValue{max-width:200px}.annotation .annotationWords .primaryAnnotation.inserting .annotationButton{background-color:#fff5d1}.annotation .annotationWords .primaryAnnotation.inserting .annotationButton.active{background-color:#ffe894}.annotation .annotationWords .primaryAnnotation.inserting .annotationTime{background-color:#fff5d1}.annotation .annotationWords .primaryAnnotation.inserting .insertInstructions{font-weight:700;color:#666}.annotation .annotationWords .addWord{height:40px;margin:0 16px;background:#f3f2ff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:16px}.annotation .annotationWords .addWord:hover{background:#d7d3ff}.annotation .annotationWords.show{display:block}.button{display:flex;align-items:center;justify-content:center;background-color:#806fd7;padding:24px;border-radius:32px;color:#fff;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background-color .2s,opacity .2s!important}.button svg{width:24px;height:24px;fill:#fff;margin-right:8px}.button .buttonText{line-height:1em;color:#fff;text-align:center}.button:hover{background-color:#aa9fe4}.button.small{padding:16px;border-radius:16px;max-height:48px}.button.disabled{pointer-events:none;opacity:.5}.button.secondary{background-color:#fff;border:2px solid #806fd7}.button.secondary .buttonText{color:#806fd7}.button.secondary svg{fill:#806fd7}.button.secondary:hover{background-color:#f3f2ff}.button.secondary.disabled{color:#666}.button.secondary.disabled svg{fill:#666}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1119;display:flex;align-items:center;justify-content:center;z-index:9999}.modal .modalContent{background:#fff;border-radius:16px;padding:16px;width:100%;max-width:600px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s infinite linear;border:solid 12px transparent;border-radius:50%;border-right-color:#806fd7;border-top-color:#806fd7;height:96px;width:96px;position:relative}.spinner:before{content:"";animation:spin 2s infinite linear;border:solid 12px transparent;border-radius:50%;border-right-color:#a397e2;border-top-color:#a397e2;height:72px;width:72px;position:absolute;top:0;left:0}.spinner:after{content:"";animation:spin 3s infinite linear;border:solid 12px transparent;border-radius:50%;border-right-color:#c6bfed;border-top-color:#c6bfed;height:48px;width:48px;position:absolute;top:12px;left:12px}.dashboard{background-color:#f3f2ff;min-height:calc(100vh - 92px);display:flex;gap:16px;padding:16px}.dashboard .dashboardSidebar{width:300px}.dashboard .dashboardSidebar .uploadButton{display:flex;align-items:center;gap:8px;background:#fff;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;border-radius:16px;padding:16px}.dashboard .dashboardSidebar .sidebarNavigation{display:flex;flex-direction:column;gap:8px;margin-top:16px}.dashboard .dashboardSidebar .sidebarNavigation .navigationItem{display:flex;align-items:center;color:#222;border-radius:16px;gap:16px;padding:16px;cursor:pointer}.dashboard .dashboardSidebar .sidebarNavigation .navigationItem .navigationIcon{width:24px;height:24px}.dashboard .dashboardSidebar .sidebarNavigation .navigationItem:hover{background-color:#e2def9}.dashboard .dashboardSidebar .sidebarNavigation .navigationItem.active{background-color:#d6d1f5;color:#806fd7}.dashboard .dashboardSidebar .sidebarNavigation .navigationItem.active svg{fill:#806fd7}.dashboard .dashboardContent{background:#fff;border-radius:16px;flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;position:relative}.dashboard .dashboardContent .overlayContainer{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard .dashboardContent .overlayContainer .noDataTitle{font-size:2rem;font-weight:700}.dashboard .upload{display:flex;flex-direction:column;gap:16px}.dashboard .upload .uploadTitle{font-weight:700}.dashboard .upload input::file-selector-button{background-color:#806fd7;color:#fff;border:none;padding:12px;border-radius:16px;cursor:pointer;margin-right:8px;transition:background-color .2s}.dashboard .upload input::file-selector-button:hover{background-color:#aa9fe4}.dashboardHome{padding:16px;height:100%;display:flex;flex-direction:column}.dashboardHome .dashboardHomeTitle{font-size:2rem;text-align:center;font-weight:700;margin-bottom:16px}.dashboardHome .slides{flex:1}.dashboardHome .slides .dashboardHomeSlide{height:100%;display:flex;flex-direction:column}.dashboardHome .slides .dashboardHomeSlide .dashboardHomeSlideImageContainer{flex:1;position:relative}.dashboardHome .slides .dashboardHomeSlide .dashboardHomeSlideImageContainer img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dashboardHome .slides .dashboardHomeSlide .dashboardHomeSlideTitle{font-weight:700;font-size:1.4rem;text-align:center}.dashboardHome .slides .dashboardHomeSlide .dashboardHomeSlideDescription{margin-top:16px;text-align:center;opacity:.8}.slides{position:relative}.slides .slideContainer{position:relative;height:100%;overflow:hidden}.slides .slideContainer .slide{position:absolute;top:0;left:0;right:0;bottom:0;transition:left .2s,right .2s}.slides .slideContainer .slide.prev{left:-100%;right:100%;opacity:.5}.slides .slideContainer .slide.next{left:100%;right:-100%;opacity:.5}.slides .controlButton{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer}.slides .controlButton svg{fill:#222;width:48px;height:48px}.slides .controlButton.prev{left:8px}.slides .controlButton.next{right:8px}.slides .controlButton.disabled{opacity:.5;pointer-events:none}.pagination{display:flex;justify-content:center;align-items:center;margin-top:24px}.pagination .pageNumber{font-size:.8em;padding:8px 16px;transition:background-color .2s;cursor:pointer;border-top:4px solid transparent;border-bottom:4px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:16px}.pagination .pageNumber.spacer{pointer-events:none}.pagination .pageNumber:hover{background-color:#d7d3ff}.pagination .pageNumber.active{border-radius:0;border-bottom:4px solid #806fd7;color:#806fd7;background-color:transparent}.pagination .back,.pagination .next{opacity:.4;pointer-events:none;font-size:1.2em;padding:0 16px 2px}.pagination .back.enabled,.pagination .next.enabled{opacity:1;pointer-events:fill}.pagination .back:hover,.pagination .next:hover{background-color:transparent}.trackListItem{background:#fff;padding:16px;display:flex;align-items:center;cursor:pointer;gap:16px;border-radius:16px}.trackListItem .trackIndex,.trackListItem .playIcon{width:24px;text-align:center}.trackListItem .playIcon{display:none}.trackListItem .playIcon svg{width:24px;height:24px}.trackListItem .trackDetails{flex:1}.trackListItem .trackDetails .trackName{font-weight:700}.trackListItem .duration{opacity:.6}.trackListItem .trackMenu{opacity:0}.trackListItem .trackMenu svg{width:24px;height:24px}.trackListItem:hover{background-color:#f3f2ff}.trackListItem:hover .trackIndex{display:none}.trackListItem:hover .playIcon{display:block}.trackListItem:hover .trackMenu{opacity:1}.trackListItem.playing .trackIndex,.trackListItem.playing .trackDetails .trackName{color:#806fd7}.dropdown{position:relative}.dropdown .dropdownContainerCustom{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown .dropdownContainer{height:40px;padding:8px;display:flex;align-items:center;background:#fff;border:1px solid #dddddd;border-radius:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown .dropdownContainer .dropdownTitle{max-width:120px;align-items:center;font-size:.8em;white-space:nowrap}.dropdown .dropdownContainer .dropdownTitle .hiddenTitleOption{opacity:0;height:0;line-height:0}.dropdown .dropdownContainer .dropdownTitle .dropdownTitleValue{overflow:hidden;text-overflow:ellipsis}.dropdown .dropdownContainer svg{width:14px!important;height:14px!important;margin-left:8px}.dropdown .dropdownContainer.active{border-color:#806fd7}.dropdown .dropdownContainer.active .dropdownTitle{font-weight:700}.dropdown .dropdownContainer.error{border-color:#ff4d58;color:#ff4d58}.dropdown .dropdownContainer.error svg{fill:#ff4d58}.dropdown .popup{position:fixed;margin:auto;z-index:10001;max-height:0;border-radius:16px;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;overflow:hidden;overflow-y:auto;transition:max-height .2s}.dropdown.expanded .popup{max-height:280px}.suggestions{z-index:99999;background:#fff;border-radius:0 16px 16px;overflow-y:scroll;width:180px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestions .suggestion,.suggestions a.suggestion{padding:0 24px;height:40px;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;color:#222;transition:none}.suggestions .suggestion svg,.suggestions a.suggestion svg{width:14px;height:14px}.suggestions .suggestion:hover,.suggestions a.suggestion:hover{background:#806fd7;color:#fff}.suggestions .suggestion:hover svg,.suggestions a.suggestion:hover svg{fill:#fff}.suggestions .divider{height:1px;background:#ddd;margin:8px 0}.videoListItem{background:#fff;padding:16px;display:flex;align-items:center;cursor:pointer;gap:16px;border-radius:16px}.videoListItem .videoDetails{flex:1}.videoListItem .videoDetails .videoName{font-weight:700}.videoListItem .videoStatus{opacity:.6}.videoListItem .videoMenu{opacity:0}.videoListItem .videoMenu svg{width:24px;height:24px}.videoListItem:hover{background-color:#f3f2ff}.videoListItem:hover .videoMenu{opacity:1}.home{background-color:#fff}.home .hero{margin:0 16px 16px;height:800px;border-radius:16px;overflow:hidden;background-color:#806fd7;position:relative}.home .hero .heroImageContainer{position:absolute;top:0;left:0;right:0;bottom:0}.home .hero .heroImageContainer{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.home .hero .heroImageContainer img{-o-object-fit:cover;object-fit:cover;width:110%;height:110%}.home .hero .heroContent{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(17,17,17,.8) 0%,rgba(17,17,17,.8) 20%,transparent 50%);display:flex;flex-direction:column;justify-content:center;color:#fff;font-weight:700;font-size:6rem;line-height:1.1em;padding-left:10%}.home .hero .heroContent .heroTitle .heroTitleWord{opacity:0;transition:opacity .2s}.home .hero .heroContent .heroTitle .heroTitleWord.show{opacity:1}@media only screen and (max-width: 980px){.home .hero{height:520px}.home .hero .heroContent{background:#111c;font-size:4rem}}.home .section{padding:48px 16px}.home .section .sectionTitle{font-weight:700;font-size:2rem;text-align:center}.home .section .sectionGrid{display:flex;flex-wrap:wrap;gap:16px;max-width:1200px;margin:24px auto 0}.home .section .sectionGrid .feature{flex:1;min-width:240px;padding:16px;border-radius:16px;color:#fff;font-weight:700}.home .section .sectionGrid .feature .featureIcon{margin-bottom:16px}.home .section .sectionGrid .feature .featureIcon svg{width:48px;height:48px;fill:#fff}.home .section .sectionGrid .feature .featureTitle{font-size:1.4rem}.home .section .sectionGrid .feature .featureDescription{opacity:.8}.home .section .sectionGrid .feature:first-child{background:linear-gradient(to top,#806fd7,#c6bfed)}.home .section .sectionGrid .feature:nth-child(2){background:linear-gradient(to top,#2d9c62,#5ed195)}.home .section .sectionGrid .feature:nth-child(3){background:linear-gradient(to top,#5b96ff,#c1d7ff)}.home .section .sectionGrid .feature:nth-child(4){background:linear-gradient(to top,#ff4d58,#ffb3b8)}.home .section .sectionList{display:flex;flex-direction:column;max-width:1200px;margin:24px auto 0;gap:16px}.home .section .sectionList .feature{background:#f3f2ff;padding:16px;border-radius:16px;display:flex}.home .section .sectionList .feature .featureText{flex:1;align-self:center;padding:0 24px;font-weight:700}.home .section .sectionList .feature .featureText .featureTitle{font-size:1.4rem}.home .section .sectionList .feature .featureText .featureDescription{margin-top:24px;font-weight:400;opacity:.8}.home .section .sectionList .feature .featureText .button{margin-top:24px;display:inline-block}.home .section .sectionList .feature .featureImage{padding:0 24px}.home .section .sectionList .feature .featureImage img{width:240px;height:240px}@media only screen and (max-width: 980px){.home .section .sectionList .feature{flex-direction:column}.home .section .sectionList .feature .featureImage{text-align:center;order:0}.home .section .sectionList .feature .featureImage img{width:240px;height:240px}.home .section .sectionList .feature .featureText{order:1}}.home .section.transcription{background:#f3f2ff}.home .section.transcription .feature{max-width:1000px;margin:24px auto 0;display:flex;align-items:center}.home .section.transcription .feature .featureTitle{font-weight:700}.home .section.transcription .feature .featureImage{max-width:400px}.home .section.transcription .feature .featureImage img{width:400px}.home .section.transcription .feature .featureText{padding:24px}@media only screen and (max-width: 980px){.home .section.transcription .feature{flex-direction:column}.home .section.transcription .feature .featureImage{text-align:center;order:0}.home .section.transcription .feature .featureImage img{width:240px}.home .section.transcription .feature .featureText{order:1}}.home .footer{background:#fff;padding:24px;display:flex;align-items:center;height:72px}.home .footer .copyright{text-align:center;flex:1;min-width:0;opacity:.6;font-weight:700;font-size:.8rem}.notFound{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.notFound h1{color:transparent;font-size:12rem;line-height:1em;font-weight:700;background-size:cover;background-position:center;background:url(/assets/hero-BtHo4KPd.jpg);-webkit-background-clip:text;background-clip:text;margin:0}.notFound .title{font-weight:700;font-size:1.4rem;text-transform:uppercase;margin-top:8px}.notFound .description{max-width:400px;opacity:.6;text-align:center;margin-top:8px}.notFound .button{margin-top:24px}.form{height:calc(100vh - 92px);background-color:#f3f2ff;display:flex;flex-direction:column;justify-content:center;align-items:center}.form .formContainer{background-color:#fff;position:relative;border-radius:16px;overflow:hidden;padding:48px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px}.form .formContainer .formTitle{text-align:center;font-size:2rem;line-height:1em}.form .formContainer .formSubTitle{text-align:center;color:#666}.form .formContainer .spinnerContainer{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.form .formContainer .spinnerContainer.show{opacity:1}.form .formLink{text-align:center}.form a.altContainer,.form a.altContainer:link,.form a.altContainer:visited,.form a.altContainer:active{margin-top:16px;text-align:center}.form a.altContainer span:not(.bold),.form a.altContainer:link span:not(.bold),.form a.altContainer:visited span:not(.bold),.form a.altContainer:active span:not(.bold){font-weight:400}.inputWithLabel{padding-top:16px;margin:8px 0;position:relative}.inputWithLabel input[type=text],.inputWithLabel input[type=email],.inputWithLabel input[type=password],.inputWithLabel input[type=number]{height:48px;color:#222;font-size:1rem;border-radius:0;padding:16px 0;border:none!important;border-bottom:1px solid #dddddd!important;background-color:transparent!important;width:100%;font-family:inherit;transition:border .2s}.inputWithLabel input[type=text]:focus,.inputWithLabel input[type=email]:focus,.inputWithLabel input[type=password]:focus,.inputWithLabel input[type=number]:focus{outline:none;border-color:#806fd7!important}.inputWithLabel .label{position:absolute;top:0;left:0;right:0;bottom:0;top:calc(50% - .3em);opacity:.7;pointer-events:none;transition:top .2s,opacity .2s,font-size .2s,color .2s}.inputWithLabel.focused .label,.inputWithLabel.filled .label,.inputWithLabel.hasError .label{top:0!important;font-size:.8rem}.inputWithLabel.focused .label{opacity:1;color:#806fd7}.inputWithLabel.filled:not(.focused):not(.hasError) .label{opacity:.5}.inputWithLabel.hasError .label{color:#ff4d58;opacity:1}.inputWithLabel.hasError input,.inputWithLabel.hasError input:focus{border-color:#ff4d58!important}.settings{background:#f3f2ff;min-height:calc(100vh - 92px);display:flex;flex-direction:column;align-items:center;padding:16px}.settings .profilePictureUpload{width:248px;height:248px;cursor:pointer;border-radius:50%;overflow:hidden;position:relative;border:8px solid #806fd7;background-color:#222}.settings .profilePictureUpload img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings .profilePictureUpload img.tempPicture{opacity:.5}.settings .profilePictureUpload .uploadIcon{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.settings .profilePictureUpload .uploadIcon svg{fill:#fff;width:72px;height:72px}.settings .profilePictureUpload .uploadIcon:hover,.settings .profilePictureUpload .uploadIcon.noPic{opacity:1}.settings input[type=file]{display:none}.settings .displayName{font-size:2rem;font-weight:700;margin-top:16px}.settings .deleteAccount{color:#ff4d58;cursor:pointer;font-weight:700;margin-top:16px}.settings .deleteAccount:hover{color:#ff8088}.video{height:calc(100vh - 92px);background:#111;display:flex;align-items:center;justify-content:center;position:relative}.video .playIcon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.video .playIcon svg{width:48px;height:48px}.video .export{position:absolute;padding:16px;background:#111;border-radius:16px;top:16px;right:16px;cursor:pointer}.player{padding:24px;position:relative;transition:background-color .2s}.player .playerContent{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:24px;container-type:size;transition:background-color .2s}.player .playerContent .lyric{font-size:4cqw;line-height:1em;transition:color .2s}.player .playerContent .lyric.uppercase{text-transform:uppercase}.player .playerContent .lyric .lyricBlock{display:flex;flex-direction:column}.player .playerContent .lyric .lyricBlock.center{text-align:center}.player .playerContent .lyric .lyricBlock .lyricBlockLine{display:flex}.player .playerContent .lyric .lyricBlock .lyricBlockLine .lyricWord{opacity:0}.player .playerContent .lyric .lyricBlock .lyricBlockLine .lyricWord.alwaysShow{opacity:.5}.player .playerContent .lyric .lyricBlock .lyricBlockLine .lyricWord.show{opacity:1}.player .playerContent .lyric .lyricBlock .lyricBlockLine:nth-child(2n){font-size:8cqw;line-height:1em}.player.full{width:100%;height:100%}.player.video{width:100%;height:auto;aspect-ratio:16/9}.player.mobile{width:auto;height:100%;aspect-ratio:9/16}.player.mobile .lyric{font-size:7cqw;line-height:1em}.player.mobile .lyric .lyricBlock .lyricBlockLine:nth-child(2n){font-size:12cqw;line-height:1em}.player.wide{width:100%;height:auto;aspect-ratio:2/1}.player.square{width:auto;height:100%;aspect-ratio:1/1}.player audio{position:absolute;bottom:8px;left:8px;right:8px;width:calc(100% - 16px);opacity:0;transition:opacity .2s}.player:hover audio{opacity:1}.videoEditor{height:calc(100vh - 92px);position:relative;display:flex}.videoEditor .uploadContainer{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f3f2ff;display:flex;align-items:center;justify-content:center}.videoEditor .playerContainer{flex:1;background:#111;display:flex;align-items:center;justify-content:center}.videoEditor .editorSidebar{width:400px;background:#f3f2ff;padding:24px}.videoEditor .editorSidebar .editorSection{margin-bottom:24px}.videoEditor .editorSidebar .editorSection .sectionTitle{font-size:1.2rem;font-weight:700;margin-bottom:8px}.videoEditor .editorSidebar .editorSection .colorSelector{display:flex;flex-wrap:wrap;gap:8px;cursor:pointer}.videoEditor .editorSidebar .editorSection .colorSelector .color{width:48px;height:48px}.videoEditor .editorSidebar .editorSection .colorSelector .color:hover{opacity:.8}.videoEditor .editorSidebar .editorSection .colorSelector .color.custom{background:linear-gradient(to bottom right,#ff4d58,#ffd22e,#2d9c62,#5b96ff,#806fd7);position:relative}.videoEditor .editorSidebar .editorSection .colorSelector .color.custom .colorPicker{position:absolute;top:64px;z-index:99999}.videoEditor .editorSidebar .editorSection .colorSelector .color.custom:hover{opacity:1}.videoEditor .editorSidebar .editorSection .colorSelector .color.addImage{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1em;font-weight:700;background:#ddd;color:#666}.videoEditor .editorSidebar .editorSection .colorSelector input[type=file]{display:none}.toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:64px;height:32px;background-color:#666;border-radius:20px;border:1px solid #ffffff;position:relative;transition:background-color .2s;cursor:pointer}.toggle .switch{position:absolute;top:2px;left:2px;bottom:2px;width:27px;border-radius:50%;background:#fff;transition:left .2s}.toggle.on{background:#806fd7}.toggle.on .switch{left:33px}.error{background:#ff4d58;color:#fff;display:flex;align-items:center;font-weight:700;height:0px;width:100%;z-index:9999;transition:height .2s}.error .errorMessage{flex:1;padding:0 24px}.error .closeError{cursor:pointer;font-size:1.4rem;line-height:1em;padding:0 24px;height:48px;display:flex;align-items:center}.error.hasError{height:48px}.header{min-height:92px;max-height:92px;height:92px;display:flex;align-items:center;justify-content:space-between;padding:16px}.header svg{height:52px}.header .buttons{display:flex;gap:8px}.avatar{border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;overflow:hidden;border:4px solid #806fd7;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.avatar .initial{font-size:1.4rem;font-weight:700;text-transform:uppercase;color:#806fd7}.avatar img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar.small{width:48px;height:48px}.avatar.large{width:64px;height:64px}