@import"https://fonts.googleapis.com/css2?family=Flow+Circular&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.navigation-frame{display:grid;grid-template-columns:60px 1fr 1fr;grid-template-rows:60px 30px 1fr;grid-template-areas:"header header header" "navigation breadcrumbs breadcrumbs" "navigation content content";height:100vh;width:100vw;overflow:hidden;background-color:#f5f9fa}.navigation-frame .header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#fff;border-bottom:1px solid #e5e7eb}.navigation-frame .header img{height:40px}.navigation-frame .header .profile-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#eff4f6;color:#035668;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.navigation-frame .header .profile-icon:hover{background-color:#035668;color:#fff}.navigation-frame .header .search-bar{display:flex;align-items:center;background-color:#f5f9fa;gap:.5rem;border:1px solid #e5e7eb;padding:0 .5rem;height:35px;min-width:300px;border-radius:.75rem;margin:0 auto}.navigation-frame .header .search-bar p{color:#1c1d1f;font-size:.9rem;opacity:.4}.navigation-frame>.breadcrumbs{grid-area:breadcrumbs;display:flex;align-items:center;padding:0 .5rem;background-color:#f5f9fa;border-bottom:1px solid #e5e7eb;font-size:.9rem}.navigation-frame .navigation{grid-area:navigation;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;overflow-y:auto;min-width:60px;max-width:200px}.navigation-frame .navigation .navigation-item{padding:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#838d9a}.navigation-frame .navigation .navigation-item.active{color:#035668;background-color:#f5f9fa}.navigation-frame .navigation .navigation-item:hover{background-color:#eff4f6}.navigation-frame .navigation .navigation-item svg{width:24px;height:24px}.navigation-frame .content{grid-area:content;overflow-y:auto;padding:1rem;background-color:#f5f9fa}.breadcrumbs{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#666}.breadcrumbs a{color:#035668;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{margin:0 .5rem;color:#aaa}.breadcrumbs .active{color:#000;font-weight:700}.account-page{display:flex;gap:1rem}.account-page .side-panel{width:300px}.account-page .side-panel .side-panel-item{display:flex;align-items:center;padding:1rem;gap:1rem;background-color:#f5f9fa;cursor:pointer;border:none;text-decoration:none;color:#035668;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);border-radius:.75rem;width:100%}.account-page .side-panel .side-panel-item:hover{background-color:#eff4f6;color:#035668}.account-page .side-panel .side-panel-item.logout{color:#dc2626}.account-page .main-panel{flex:1;display:flex;flex-direction:column;gap:1rem}.account-page .main-panel>h2{text-transform:capitalize}.account-page .main-panel .content{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:visible}.input,.select-input{background-color:#f5f9fa;border-radius:.75rem;border:1px solid #e5e7eb;color:#1c1d1f;display:flex;transition:all .3s cubic-bezier(.16,1,.3,1);align-items:center;position:relative}.input.password,.select-input.password{padding-right:1rem}.input.raised,.select-input.raised{background-color:#fff}.input .password-icon,.select-input .password-icon{color:#1c1d1f;opacity:.4;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.input .password-icon:hover,.select-input .password-icon:hover{opacity:1}.input>span,.select-input>span{display:flex;align-items:center;justify-content:center;padding-left:1rem}.input input,.input textarea,.select-input input,.select-input textarea{padding:.75rem 1rem;background-color:transparent;border:none;flex:1;font-family:system-ui,Inter,Avenir,Helvetica,Arial,sans-serif}.input label,.select-input label{font-size:.75rem;color:#1c1d1f;font-weight:600;position:absolute;bottom:calc(100% + .25rem);left:.5rem}.input .error,.select-input .error{color:#dc2626;font-size:.75rem;font-weight:600;position:absolute;top:calc(100% + .25rem);left:0}.input.with-label,.select-input.with-label{position:relative;margin-top:.75rem}.input.error,.select-input.error{margin-bottom:.75rem}.select-input{padding:.6rem 1rem}.select-menu{background-color:#fff;border-radius:.75rem;padding:.5rem;border:1px solid #e5e7eb;color:#1c1d1f;margin-top:.5rem}.select-option{background-color:#fff;border-radius:.75rem;padding:.5rem;color:#1c1d1f}.select-option:hover{background-color:#eff4f6;color:#1c1d1f}.placeholder{color:#1c1d1f;font-size:.875rem!important;opacity:.6}.select-dropdown-indicator{color:#1c1d1f;opacity:.4}.select-trigger{background-color:#f5f9fa;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;line-height:1;color:#1c1d1f;font-weight:500;border:1px solid #e5e7eb;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease-in-out;text-align:left;width:100%}.select-trigger.md{padding:.75rem 1rem}.select-trigger>span:first-child{flex:1;width:100%}.select-trigger:hover{background-color:#f5f9fa}.select-content{overflow:hidden;background-color:#fff;border-radius:6px;z-index:9999;border:1px solid #e5e7eb;text-align:center;position:absolute;width:max-content;animation:fade-down .1s ease-in-out;cursor:pointer}.select-viewport{padding:5px;text-align:center}.select-item{font-size:13px;line-height:1;color:#1c1d1f;border-radius:3px;display:flex;align-items:center;padding:.5rem;position:relative;-webkit-user-select:none;user-select:none;text-align:center;gap:1rem}.select-item:hover{background-color:#f5f9fa}.select-label{padding:0 .25rem;font-size:12px;line-height:25px;color:#1c1d1f;text-align:center;width:100%}.select-scroll-button{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:#1c1d1f;cursor:default}.select.with-label{position:relative;margin-top:.75rem;width:100%}.select label{font-size:.75rem;color:#1c1d1f;font-weight:600;position:absolute;bottom:calc(100% + .25rem);left:.5rem}.university-option{display:flex;align-items:center;gap:.5rem}.university-option .flag{width:20px;border-radius:3px;border:1px solid #e5e7eb}.profile-page{display:flex;flex-direction:column;gap:1rem}.button{background-color:#035668;border:none;color:#fff;padding:1rem;border-radius:.75rem;font-weight:700;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease}.button:hover{background-color:#047f9a;color:#fff}.button.secondary{background-color:#f5f9fa;color:#1c1d1f;border:1px solid #e5e7eb}.button.secondary:hover{background-color:#f5f9fa;color:#1c1d1f}.button.tertiary{background-color:#fff;color:#1c1d1f;border:1px solid #e5e7eb}.button.tertiary:hover{background-color:#f5f9fa;color:#1c1d1f}.button.danger{background-color:#dc2626;color:#fff}.button.danger:hover{background-color:#e35252;color:#fff}.button:disabled{background-color:#e5e7eb;color:#838d9a;cursor:not-allowed}.security{display:flex;flex-direction:column;gap:1.5rem}.notification{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 0 20px #02426d1a;display:flex;gap:1rem}.notification>div{display:flex;flex-direction:column;gap:1rem}.voice-page{display:flex;flex-direction:column;gap:1rem}.voice-page button{min-width:200px}.assignment-details-page{display:flex;gap:1rem}.assignment-details-page .input,.assignment-details-page .select-input{background-color:#fff}.assignment-details-page .assignment-details{flex:2;display:flex;flex-direction:column;gap:1rem}.assignment-details-page .assignment-details .assignment-description{text-align:justify}.assignment-details-page .assignment-details .questions{display:flex;flex-direction:column;gap:1rem}.assignment-details-page .assignment-details .questions .questions-header{display:flex;gap:1rem}.assignment-details-page .assignment-details .questions .questions-header .input,.assignment-details-page .assignment-details .questions .questions-header .select-input{flex:1;height:50px}.assignment-details-page .assignment-details .action-button{background-color:#eff4f6;color:#035668;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;border:none;font-size:1.125rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.assignment-details-page .assignment-details .action-button:hover{background-color:#035668;color:#fff}.assignment-details-page .assignment-overview{flex:1;display:flex;flex-direction:column;gap:1rem}.assignment-details-page .assignment-overview .temp-overview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;background-color:#fff;border:1px solid #e5e7eb;height:300px;top:0}.assignment-details-page .assignment-overview .temp-overview p{font-weight:700;color:#838d9a;text-align:center;font-size:.875rem}.assignment-details-page .assignment-overview .chart{background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.assignment-details-page .assignment-overview .chart h4{margin-top:0;margin-bottom:12px;font-size:14px}.assignment-details-page .skeleton-questions{display:flex;flex-direction:column;gap:1rem}.assignment-details-page .skeleton-questions .skeleton-question{animation:fade-up .3s ease-in-out both;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.assignment-details-page .skeleton-questions .skeleton-question:nth-child(1){animation-delay:.1s}.assignment-details-page .skeleton-questions .skeleton-question:nth-child(2){animation-delay:.2s}.assignment-details-page .skeleton-questions .skeleton-question:nth-child(3){animation-delay:.3s}.assignment-details-page .skeleton-questions .skeleton-question .skeleton-title{height:10px;width:100px;background-color:#838d9a33;border-radius:.75rem;margin-bottom:.5rem}.assignment-details-page .skeleton-questions .skeleton-question .skeleton-description{height:14px;width:100%;background-color:#838d9a33;border-radius:.75rem}.assignment-details-page .skeleton-questions .skeleton-question .skeleton-description:last-child{width:70%}.tabs{display:flex;width:100%;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.tabs .tab{padding:.8rem 2rem;position:relative;cursor:pointer;animation:fade-in .3s ease-in-out both}.tabs .tab:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#035668;transform:scaleX(0);transition:transform .3s ease-in-out}.tabs .tab.active{color:#035668}.tabs .tab.active:after{transform:scaleX(1)}.editable-text{transition:all .3s cubic-bezier(.16,1,.3,1);padding:.5rem;position:relative;cursor:text}.editable-text>span{font-size:.875rem;color:#fff;font-weight:600;position:absolute;right:.5rem;top:.5rem;z-index:2;height:30px;width:30px;background-color:#035668;display:flex;justify-content:center;align-items:center;border-radius:.25rem;scale:0;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0}.editable-text:hover{background-color:#eff4f6;border-radius:.75rem;color:#035668}.editable-text:hover>span{scale:1;opacity:1}.editable-text-editor{display:flex;gap:.5rem}.editable-text-editor .input{flex:1}.editable-text-editor button{max-height:50px;aspect-ratio:1;border:1px solid #e5e7eb;border-radius:.75rem;background-color:#fff;color:#035668;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:1rem;font-weight:700}.editable-text-editor button:hover{background-color:#eff4f6}.table-container{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.table-container table{width:100%;table-layout:auto;border-collapse:collapse;font-size:.95rem}.table-container table thead th{position:relative;text-align:left;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none;transition:background .2s ease}.table-container table thead th .header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.table-container table thead th .header-content:hover{color:#035668}.table-container table thead th .resizer{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;background:transparent;transition:background .2s}.table-container table thead th .resizer:hover,.table-container table thead th .resizer.isResizing{background:#035668;opacity:.4}.table-container table tbody tr{transition:background .2s ease}.table-container table tbody tr:hover{background-color:#f5f9fa}.table-container table tbody tr:not(:last-child) td{border-bottom:1px solid #e5e7eb}.table-container table tbody tr td{padding:.5rem 1rem;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-container table .action-buttons{display:flex;justify-content:flex-end;gap:1rem}.table-container table .action-buttons button{background-color:transparent;border:none;cursor:pointer;color:#1c1d1f;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;transition:background .2s ease}.table-container table .action-buttons button:hover{color:#035668;background-color:#eff4f6}.table-container .table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb}.table-container .table-pagination button{background-color:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:background .2s ease;color:#1c1d1f}.table-container .table-pagination button:disabled{cursor:not-allowed;display:none}.table-container .table-pagination span{font-size:.95rem;color:#1c1d1f}.table-container .skeleton{font-family:Flow Circular,system-ui;font-weight:700;font-size:1.125rem;color:#e5e7eb;padding:.9rem 1rem}.accordion-root{width:100%}.accordion-item{overflow:hidden;margin-top:1px}.accordion-item:first-child{margin-top:0;border-top-left-radius:4px;border-top-right-radius:4px}.accordion-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.accordion-item:focus-within{position:relative;z-index:1}.accordion-item .accordion-header{display:flex}.accordion-trigger{font-family:inherit;background:none;border:none}.accordion-content{overflow:hidden;font-size:15px;transition:all .3s cubic-bezier(.16,1,.3,1)}.accordion-content[data-state=open]{animation:slide-down .3s cubic-bezier(.87,0,.13,1) forwards;margin-top:1rem}.accordion-content[data-state=closed]{animation:slide-up .3s cubic-bezier(.87,0,.13,1) forwards;margin-top:0}.accordion-chevron{transition:transform .3s cubic-bezier(.87,0,.13,1)}.accordion-trigger[data-state=open]>.accordion-chevron{transform:rotate(180deg)}@keyframes slide-down{0%{height:0;margin-top:0}to{height:var(--radix-accordion-content-height);margin-top:1rem}}@keyframes slide-up{0%{height:var(--radix-accordion-content-height);margin-top:1rem}to{height:0;margin-top:0}}.question-template{display:flex;flex-direction:column;padding:1rem;border-radius:.75rem;background-color:#fff;border:1px solid #e5e7eb}.question-template .question-template-header{display:flex;text-align:left;gap:1rem;justify-content:space-between;align-items:flex-end}.question-template .question-template-header>div{display:flex;flex-direction:column;flex:1}.question-template .question-template-header .actions{display:flex;flex-direction:row;gap:1rem;flex:unset}.question-template .question-template-header button{background-color:#f5f9fa;color:#1c1d1f;border:1px solid #e5e7eb;border-radius:.75rem;padding:.25rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px}.question-template .question-template-header button:hover{background-color:#035668;color:#fff;transition:all .3s ease-in-out}.question-template .level{font-weight:700;text-transform:capitalize}.question-template .level.Remembering{color:#18a2b7}.question-template .level.Understanding{color:#f0ad4e}.question-template .level.Applying{color:#5cb85c}.question-template .level.Analyzing{color:#d9534f}.question-template .level.Evaluating{color:#5bc0de}.question-template .level.Creating{color:#7e3f14}.question-template .question{font-size:1.125rem;font-weight:600;color:#1c1d1f}.question-template .question span{font-size:.875rem;background-color:#eff4f6;padding:.25rem;border-radius:.25rem;color:#035668;border:1px solid #035668}.question-template .question-template-details{display:flex;flex-direction:column;gap:1rem;background-color:#fff}.question-template .question-template-details>div{display:flex;gap:1rem}.question-template .question-template-details .question-template-detail{flex:1;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.question-template .question-template-details .question-template-detail label{font-size:.875rem;font-weight:700;color:#1c1d1f;padding:1rem;background-color:#f5f9fa}.question-template .question-template-details .question-template-detail p{padding:1rem}.question-template .loader{animation:opacity-pulse 1s ease-in-out infinite}.uploader{cursor:pointer}.uploader:not(.no-style){background-color:#eff4f6;border-radius:.75rem;border:1px solid #035668;padding:4.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#035668;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center}.uploader .file-input{display:none}.uploader p{font-size:.875rem}.uploader .icon{position:relative;height:5rem;width:5rem}.uploader .icon>span{font-size:4rem;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#eff4f6;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5}.uploader .icon .main{opacity:1;z-index:2;color:#035668;transform-origin:bottom}.uploader:hover .icon .main{font-size:5rem;transform:translate(-50%,-60%)}.uploader:hover .icon>span{color:#035668}.uploader:hover .icon>span.left{transform:translate(-110%,-50%) rotate(-20deg)}.uploader:hover .icon>span.right{transform:translate(10%,-50%) rotate(20deg)}.uploader.file-added{background-color:#fff;border:1px solid #e5e7eb;padding:1rem;flex-direction:row;justify-content:flex-start;gap:1rem;text-align:left}.uploader.file-added .file-info{display:flex;justify-content:space-between;align-items:center;flex:1}.uploader.file-added .file-info button{background-color:#f5f9fa;border:1px solid #e5e7eb;height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1)}.uploader.file-added .file-info button:hover{color:#035668;background-color:#eff4f6}.uploader .uploaded-icon{width:50px;height:50px;border-radius:50%;background-color:#eff4f6;display:flex;align-items:center;justify-content:center;color:#035668;font-size:1.4rem}.avatar-root{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:100%;background-color:#eff4f6}.avatar-root .avatar-image{min-width:100%;min-height:100%;object-fit:cover}.avatar-root .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#eff4f6;color:#035668;font-size:15px;line-height:1;font-weight:500}.avatar-root.sm{width:32px;height:32px}.avatar-root.md{width:48px;height:48px}.avatar-root.lg{width:56px;height:56px}.assignments-screen{display:flex;flex-direction:column;gap:1rem}.assignments-screen .actions{display:flex;justify-content:flex-end}.upload-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#03566833;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.upload-modal-backdrop .upload-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;border:1px solid #e5e7eb;padding:1rem;width:100vw;max-width:700px;display:flex;flex-direction:column;gap:1rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);transform:scale(.9);opacity:0}.upload-modal-backdrop .upload-modal form{display:flex;flex-direction:column;gap:1rem}.upload-modal-backdrop .upload-modal .upload-modal-footer{display:flex;justify-content:flex-end;gap:1rem}.upload-modal-backdrop .upload-modal .upload-modal-footer button{min-width:200px}.upload-modal-backdrop.active{opacity:1;pointer-events:all}.upload-modal-backdrop.active .upload-modal{transform:scale(1);opacity:1}.dropdown-menu-content,.dropdown-menu-sub-content{min-width:220px;background-color:#fff;border-radius:.75rem;padding:.5rem;box-shadow:0 0 20px #02426d1a;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:100}.dropdown-menu-content[data-side=top],.dropdown-menu-sub-content[data-side=top]{animation-name:slide-down-and-fade}.dropdown-menu-content[data-side=right],.dropdown-menu-sub-content[data-side=right]{animation-name:slide-left-and-fade}.dropdown-menu-content[data-side=bottom],.dropdown-menu-sub-content[data-side=bottom]{animation-name:slide-up-and-fade}.dropdown-menu-content[data-side=left],.dropdown-menu-sub-content[data-side=left]{animation-name:slide-right-and-fade}.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger{font-size:13px;line-height:1;color:#1c1d1f;border-radius:3px;display:flex;align-items:center;height:25px;position:relative;padding:0 5px 0 25px;-webkit-user-select:none;user-select:none;outline:none;cursor:pointer}.dropdown-menu-sub-trigger[data-state=open]{background-color:#e5e7eb;color:#035668}.dropdown-menu-item[data-disabled],.dropdown-menu-checkbox-item[data-disabled],.dropdown-menu-radio-item[data-disabled],.dropdown-menu-sub-trigger[data-disabled]{color:#838d9a;pointer-events:none}.dropdown-menu-item[data-highlighted],.dropdown-menu-checkbox-item[data-highlighted],.dropdown-menu-radio-item[data-highlighted],.dropdown-menu-sub-trigger[data-highlighted]{background-color:#0356681a;color:#035668}.dropdown-menu-label{padding-left:25px;font-size:12px;line-height:25px;color:#838d9a}.dropdown-menu-separator{height:1px;background-color:#e5e7eb;margin:5px}.dropdown-menu-item-indicator{position:absolute;left:0;width:25px;display:inline-flex;align-items:center;justify-content:center}.dropdown-menu-arrow{fill:#fff}.right-slot{margin-left:auto;padding-left:20px;color:#838d9a}[data-highlighted]>.right-slot{color:#fff}[data-disabled] .right-slot{color:#838d9a}@keyframes slide-up-and-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-and-fade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slide-down-and-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-and-fade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.drawer-overlay{background-color:#03566833;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlay-show .3s cubic-bezier(.16,1,.3,1)}.drawer-content{background-color:#fff;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;border:1px solid #e5e7eb;position:fixed;top:.5rem;right:.5rem;width:100vw;height:calc(100vh - 1rem);padding:1rem;z-index:1000;animation:content-show .15s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1rem}.drawer-content.sm{max-width:400px}.drawer-content.md{max-width:500px}.drawer-content.lg{max-width:600px}.drawer-content .drawer-header{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;height:60px;display:flex;flex-direction:column;justify-content:center}.drawer-content .drawer-header .drawer-title{font-weight:600;font-size:1.125rem}.drawer-content .drawer-header .drawer-description{color:#838d9a;font-size:.875rem;line-height:1.5}.drawer-content form{display:flex;flex-direction:column;flex:1;height:calc(100vh - 120px - 2rem)}.drawer-content form .form-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;padding-top:4px;padding-bottom:1rem}.drawer-content form .form-footer{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e5e7eb;padding-top:1rem;height:60px}.icon-button{all:unset;font-family:inherit;border-radius:100%;height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;color:#1c1d1f;position:absolute;top:10px;right:10px;background-color:#f5f9fa;border:1px solid #e5e7eb;cursor:pointer}@keyframes overlay-show{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes content-show{0%{transform:translate(100%)}to{transform:translate(0)}}.checkbox-field{display:flex;gap:.5rem;align-items:center;cursor:pointer}.checkbox-field .checkbox{border:1px solid #e5e7eb;border-radius:.75rem;height:20px;min-width:20px;display:flex;justify-content:center;align-items:center;font-size:.75rem;color:#fff}.checkbox-field .checkbox.checked{background-color:#035668;border:none}.checkbox-field label{cursor:pointer}.home-page{display:flex;flex-direction:column;gap:1rem}.home-page .stats{display:flex;gap:1rem}.home-page .stats .stat{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.75rem;background-color:#fff;border:1px solid #e5e7eb}.home-page .stats .stat:nth-child(1){animation-delay:.1s}.home-page .stats .stat:nth-child(2){animation-delay:.2s}.home-page .stats .stat:nth-child(3){animation-delay:.3s}.home-page .stats .stat:nth-child(4){animation-delay:.4s}.home-page .stats .stat .stat-header{display:flex;gap:.5rem;align-items:center;font-weight:600;font-size:.875rem;color:#838d9a}.home-page .stats .stat .stat-header .icon{font-size:1.125rem}.home-page .charts{display:flex;gap:1rem}.home-page .charts>div{flex:1}.home-page .charts>div:nth-child(1){animation-delay:.1s}.home-page .charts>div:nth-child(2){animation-delay:.2s}.home-page .charts>div:nth-child(3){animation-delay:.3s}.home-page .charts>div:nth-child(4){animation-delay:.4s}.home-page .tile{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.75rem;background-color:#fff;border:1px solid #e5e7eb}.home-page .tile .tile-header{display:flex;gap:.5rem;align-items:center;font-weight:600;font-size:.875rem;color:#838d9a}.home-page .tile .tile-header .icon{font-size:1.125rem}.login-screen{display:flex;flex-direction:column;width:100vw;height:100vh;justify-content:center;align-items:center;gap:1.5rem}.login-screen .logo{max-width:300px;position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:-1}.login-screen .login-container{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;padding:.25rem;min-width:500px}.login-screen .login-container h2{padding:1.5rem;padding-bottom:0}.login-screen .login-container form{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem}.login-screen .login-container .register-footer{background-color:#f5f9fa;padding:1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.meeting-container{height:100vh;width:100vw;max-height:100vh;max-width:100vw;overflow:hidden;background-color:#fff;display:grid;grid-template-columns:1fr 500px;grid-template-rows:60px 1fr;grid-template-areas:"header header" "video-container side-panel"}.meeting-container .streaming-status{position:fixed;top:20px;right:20px;background-color:#f5f9fa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;font-size:.875rem;font-weight:600;z-index:1000}.meeting-container .streaming-status.active{color:#fff;animation:pulse 2s infinite}.meeting-container .streaming-status.inactive{background-color:#838d9a;color:#fff}.meeting-container .transcription-display{background-color:#f5f9fa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-top:1rem;font-family:monospace;font-size:.875rem;line-height:1.6;max-height:200px;overflow-y:auto}.meeting-container .transcription-display.empty{color:#838d9a;font-style:italic}.meeting-container .header{grid-area:header;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem}.meeting-container .header .meeting-info{display:flex;align-items:center;gap:1rem}.meeting-container .header .meeting-info span{background-color:#0356681a;padding:.5rem;border-radius:300px;display:flex;justify-content:center;align-items:center}.meeting-container .header .meeting-info span svg{color:#035668;width:24px;height:24px}.meeting-container .header .text-container{display:flex;flex-direction:column}.meeting-container .header .recording-length{display:flex;justify-content:center;align-items:center;font-size:.875rem;color:#dc2626;font-weight:700;background-color:#dc26261a;padding:.5rem 0;border-radius:300px;width:90px}.meeting-container .header .recording-length svg{margin-right:5px}.meeting-container .header .status-container{display:flex;align-items:center;font-size:.875rem;gap:.5rem}.meeting-container .connection-status{display:flex;align-items:center;background-color:#fff;padding:.5rem 1rem;border-radius:300px;border:1px solid #e5e7eb}.meeting-container .connection-status .status-indicator{width:10px;height:10px;border-radius:50%;margin-right:.5rem;background-color:red}.meeting-container .connection-status .status-indicator.connected{background-color:green;animation:pulse 2s infinite}.meeting-container .connection-status .status-indicator.disconnected{background-color:red}.meeting-container .side-panel{max-height:calc(100vh - 60px);grid-area:side-panel;transition:all .3s .3s ease;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"side-panel-header" "side-panel-content" "side-panel-footer"}.meeting-container .side-panel>div{padding:1rem}.meeting-container .side-panel .side-panel-header{grid-area:side-panel-header;border-bottom:1px solid #e5e7eb}.meeting-container .side-panel .side-panel-body{grid-area:side-panel-content;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.meeting-container .side-panel .side-panel-body::-webkit-scrollbar{width:0px;background-color:#f5f9fa;border-radius:.75rem}.meeting-container .side-panel .side-panel-body::-webkit-scrollbar-thumb{width:0px;background-color:#838d9a;border-radius:.75rem}.meeting-container .side-panel .side-panel-body .message{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:.75rem;background-color:#f5f9fa;border:1px solid #e5e7eb;max-width:90%}.meeting-container .side-panel .side-panel-body .message .message-content{flex:1;display:flex;flex-direction:column;gap:1rem;font-size:.875rem}.meeting-container .side-panel .side-panel-body .message .message-content .message-time{font-size:.875rem;color:#838d9a}.meeting-container .side-panel .side-panel-body .message.ai{background-color:#f5f9fa;border-bottom-left-radius:4px;margin-right:auto;animation:fade-from-left .2s ease-in-out}.meeting-container .side-panel .side-panel-body .message.user{background-color:#035668;border-color:#035668;color:#fff;font-weight:600;border-bottom-right-radius:4px;margin-left:auto;animation:fade-from-right .2s ease-in-out}.meeting-container .side-panel .side-panel-body .message.action{font-weight:600;font-size:.875rem}.meeting-container .side-panel .side-panel-body .message.loading{background-color:#fff;color:#838d9a;border:1px dashed #838d9a;opacity:.7;animation:pulse 2s infinite}.meeting-container .side-panel .side-panel-footer{grid-area:side-panel-footer;border-top:1px solid #e5e7eb}.meeting-container .side-panel .side-panel-footer .hold-to-speak{display:flex;justify-content:center;align-items:center;background-color:#f5f9fa;cursor:pointer;transition:all .2s ease;color:#035668;padding:1rem;border-radius:.75rem;gap:.5rem}.meeting-container .side-panel .side-panel-footer .hold-to-speak.disabled{opacity:.5;cursor:not-allowed;color:#838d9a}.meeting-container .main-panel{grid-area:video-container;padding:.5rem;border-right:1px solid #e5e7eb}.meeting-container .video-container{transition:all .3s .2s ease;height:100%}.meeting-container.inactive .main-panel-title{opacity:0;transform:translateY(-10px)}.meeting-container.inactive .side-panel{opacity:0;transform:translate(20px)}.meeting-container.inactive .video-container{transform:scale(.98);opacity:0}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.ellipse-loader{display:flex;justify-content:center;align-items:center;gap:5px}.ellipse-loader span{width:10px;height:10px;background-color:#abb2bf;border-radius:50%;animation:dot-jump 1.5s infinite}.ellipse-loader span:nth-child(1){animation-delay:0s}.ellipse-loader span:nth-child(2){animation-delay:.3s}.ellipse-loader span:nth-child(3){animation-delay:.6s}.ellipse-loader.sm{gap:3px}.ellipse-loader.sm span{width:6px;height:6px}@keyframes dot-jump{0%,to{transform:translateY(0) scaleY(.7)}50%{transform:translateY(-100%)}}.video-container{display:flex;gap:1rem;flex:1;overflow:hidden;border-radius:.75rem;background-color:#f5f9fa;border:1px solid #e5e7eb;position:relative}.video-container .local-video{z-index:10;flex:1;transform:scaleX(-1);border-radius:.75rem;object-fit:cover;max-width:100%;height:100%}.video-container .something-wrong{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#838d9a;font-weight:600;text-align:center}.meeting-completed{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative}.meeting-completed .content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;text-align:center;animation:fade-up .3s ease-in-out;position:relative;z-index:10}.meeting-completed .content .logo{width:50px;height:auto;margin:0 auto}.meeting-completed .content .logo-container{display:flex;justify-content:center;align-items:center;background-color:#f5f9fa;width:100px;height:100px;border-radius:300px;align-self:center}.meeting-completed .content .content-header{display:flex;flex-direction:column;gap:.5rem}.meeting-completed .content .details{display:flex;flex-direction:column;gap:1rem}.meeting-completed .content .details .detail{display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:#f5f9fa;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb}.microphone-check{display:flex;flex-direction:column}.microphone-check .audio-level-container{margin:20px 0}.microphone-check .audio-level-container label{display:block;margin-bottom:8px;font-weight:500}.microphone-check .audio-level-container .audio-level-bar{width:100%;height:10px;background-color:#e5e7eb;border-radius:10px;overflow:hidden}.microphone-check .audio-level-container .audio-level-bar .audio-level-fill{height:100%;transition:width .1s ease-out;border-radius:10px}.microphone-check .audio-level-container .audio-level-text{display:block;margin-top:8px;font-size:14px;color:#838d9a}.microphone-check .recording-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.microphone-check .step-header{margin-bottom:24px}.microphone-check .step-header h2{margin-bottom:8px}.microphone-check .step-header p{color:#838d9a;margin-bottom:0}.onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;text-align:center}.onboarding-container .onboarding-step{display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;background-color:#fff;box-shadow:0 0 20px #02426d1a;animation:fade-up .3s ease-in-out;width:700px}.onboarding-container .onboarding-step .step-header{display:flex;flex-direction:column;gap:.5rem}.onboarding-container .onboarding-step video{width:100%;height:400px;object-fit:cover;border-radius:.75rem;transform:scaleX(-1);background-color:#f5f9fa}.onboarding-container .onboarding-step .onboarding-navigation{display:flex;justify-content:space-between}.onboarding-container .onboarding-step .onboarding-navigation .actions{display:flex;gap:1rem}.onboarding-container .onboarding-step .onboarding-navigation .progress{display:flex;align-items:center;width:150px;gap:1rem}.onboarding-container .onboarding-step .onboarding-navigation .progress .step{flex:1;padding:.25rem;border-radius:.75rem;background-color:#e5e7eb}.onboarding-container .onboarding-step .onboarding-navigation .progress .step.active{background-color:#035668}.permissions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;text-align:center;gap:1.5rem}.permissions-container img{width:300px;animation:fade-up .3s ease-in-out}.permissions-container>div{display:flex;flex-direction:column;gap:1.5rem;animation:fade-up .3s ease-in-out}.permissions-container p{max-width:450px}.permissions-container .permissions-box{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;padding:1.5rem;gap:1.5rem}.permissions-container .permissions-box .permission-item{display:flex;align-items:center;gap:1rem}.permissions-container .permissions-box .permission-item>div{display:flex;align-items:center;gap:1rem;flex:1}.permissions-container .permissions-box .permission-item>div svg{font-size:1.25rem;fill:#035668}.permissions-container .permissions-box .permission-item span{font-size:1rem;color:#838d9a}.register-screen{display:flex;width:80vw;height:100vh;justify-content:space-between;margin:0 10vw;align-self:center;position:relative;gap:1.5rem}.register-screen>div{display:flex;align-items:center}.register-screen>div.register-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:500px}.register-screen>div .info-section{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.register-screen>div .info-section h4{font-size:1rem;color:#035668}.register-screen>div .info-section p{font-size:.875rem}.register-screen>div .logo{position:absolute;top:1.5rem;left:0;width:200px}.register-screen>div .register-container{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;padding:.25rem;min-width:500px}.register-screen>div .register-container h2{padding:1.5rem;padding-bottom:0}.register-screen>div .register-container form{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem}.register-screen>div .register-container .register-footer{background-color:#f5f9fa;padding:1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.student-page{display:flex;flex-direction:column;gap:1rem}.student-page .student-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.student-assignments-page{display:flex;flex-direction:column;gap:1rem}.student-assignments-page .student-assignments-header{display:flex;justify-content:space-between;align-items:center}.student-assignment-details{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto}.student-assignment-details .student-assignment-header{display:flex;justify-content:space-between}.student-assignment-details .student-assignment-actions{display:flex;gap:.5rem;background-color:#fff;padding:.5rem;border-radius:.75rem;align-items:stretch;border:1px solid #e5e7eb}.student-assignment-details .student-assignment-actions .divider{width:2px;background-color:#e5e7eb}.student-assignment-details .student-assignment-actions button,.student-assignment-details .student-assignment-actions a{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:none;color:#1c1d1f;font-size:1rem;font-weight:400;transition:all .3s cubic-bezier(.16,1,.3,1)}.student-assignment-details .student-assignment-actions button:hover,.student-assignment-details .student-assignment-actions a:hover{background-color:#f5f9fa;border-radius:.25rem}.example{display:flex;flex-direction:column;gap:1rem}.example>p{font-size:.875rem;font-weight:600;color:#1c1d1f}.example .question-example{display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.example .question-example>p{font-size:.875rem;color:#1c1d1f}.example .question-example hr{border-color:#1c1d1f;margin-top:.5rem}.example .question-example .multiple-choice{display:flex;flex-direction:column;gap:1rem}.example .question-example .multiple-choice>p{font-size:.875rem;color:#1c1d1f}.question-report{background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.question-report .question-report-header{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:transparent;border:none}.question-report .question-report-header>div{display:flex;align-items:center;gap:1.5rem}.question-report .question-report-header>span{font-weight:600;font-size:.75rem;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:15rem;background-color:#f5f9fa}.question-report .answer-detail{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;gap:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}.question-report .answer-detail>div{display:flex;justify-content:space-between}.question-report .answer-detail .bar{display:flex;align-items:center;gap:.5rem;border-radius:.75rem;background-color:#0356681a;color:#035668;font-weight:600}.question-report .answer-detail .bar .fill{height:8px;background-color:#035668;border-radius:.75rem}.question-report .answer-detail.low .fill{background-color:#dc2626}.question-report .answer-detail.medium .fill{background-color:#f59e0b}.question-report .answer-detail.high .fill{background-color:#10c954}.question-report .question-text{font-weight:600;color:#838d9a;margin:0}.question-report .question-answers{display:flex;flex-direction:column;gap:1rem}.question-report .question-answers .question-answer{display:flex;gap:.5rem;flex:1;border-top:1px solid #e5e7eb;padding-top:1rem}.question-report .question-answers .question-answer label{font-weight:600;font-size:.875rem;color:#838d9a;min-width:200px}.question-report .question-answers .question-answer p{margin:0;font-weight:400;text-align:justify}.question-report .answer-details,.question-report .question-report-content{display:flex;flex-direction:column;gap:1rem}.assignment-report{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.assignment-report .report-header{display:flex;gap:1rem}.assignment-report .report-header .report-header-overview{display:flex;flex-direction:column;flex:1}.assignment-report .report-header .report-header-overview>div{display:flex;padding:1rem 0;border-top:1px solid #e5e7eb}.assignment-report .report-header .report-header-overview>div>p{flex:1}.assignment-report .report-header .report-header-overview>div>p:nth-child(1){color:#838d9a;max-width:200px}.assignment-report .report-container{display:flex;gap:1.5rem;background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.assignment-report .report-container.radar{width:fit-content}.assignment-report .report-container .similarity-chart{flex:1;display:flex;flex-direction:column;gap:1rem}.assignment-report .exam-verdicts{display:flex;gap:1rem}.assignment-report .exam-verdicts .exam-verdict{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;gap:1rem;background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.assignment-report .exam-verdicts .exam-verdict .exam-verdict-title{display:flex;align-items:center;gap:.5rem}.assignment-report .exam-verdicts .exam-verdict .exam-verdict-title span{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#03566833;color:#035668}.assignment-report .exam-verdicts .exam-verdict .exam-verdict-title p{font-weight:600;font-size:.875rem}.alert-overlay{background-color:#03566833;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:alert-overlay-show .3s cubic-bezier(.16,1,.3,1)}.alert-content{background-color:#fff;border-radius:.75rem;box-shadow:0 0 20px #02426d1a;border:1px solid #e5e7eb;position:fixed;top:50%;right:50%;padding:1rem;z-index:1000;animation:alert-content-show .15s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:1rem;max-width:500px;width:calc(100% - 2rem)}.alert-content .alert-header{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;display:flex;flex-direction:column;justify-content:center}.alert-content .alert-header .alert-title{font-weight:600;font-size:1.125rem}.alert-content .alert-header .alert-description{color:#838d9a;font-size:.875rem;line-height:1.5;max-width:85%}.alert-content .actions{display:flex;justify-content:flex-end;gap:1rem}.alert-content .actions button{width:100%;max-width:150px}@keyframes alert-overlay-show{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes alert-content-show{0%{transform:translate(50%,-50%) scale(.8);opacity:0}to{transform:translate(50%,-50%) scale(1);opacity:1}}.students-page{display:flex;flex-direction:column;gap:1rem}.students-page>.actions{display:flex;justify-content:flex-end;gap:1rem}.name-cell{display:flex;align-items:center;gap:1rem;cursor:pointer}.upload-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.upload-container .or-divider{display:flex;align-items:center;justify-content:center;gap:1.5rem}.upload-container .or-divider:before,.upload-container .or-divider:after{content:"";flex-grow:1;height:2px;background-color:#838d9a;border-radius:.75rem;opacity:.3}.upload-container .or-divider span{font-size:.875rem;color:#838d9a;font-weight:600}.upload-container .create-user{background-color:#f5f9fa;border-radius:.75rem;display:flex;gap:1.5rem;padding:1rem;justify-content:space-between;align-items:center}.upload-container .create-user>div{display:flex;flex-direction:column}.voice-visualizer__buttons-container{display:flex;justify-content:center;align-items:center;column-gap:20px;row-gap:15px;flex-wrap:wrap;margin-bottom:40px}.voice-visualizer__btn-center{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s}.voice-visualizer__btn-center:disabled{opacity:.85;cursor:default}.voice-visualizer__btn-center:hover{background-color:#eaeaea;border:4px solid #9f9f9f}.voice-visualizer__btn-center>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause{background-color:#ff3030}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause:hover{background-color:#ff4f4f}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause>img{height:50%;max-height:16px}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent{border-color:transparent}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent:hover{background-color:#fff}.voice-visualizer__btn-left{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#ff3030;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s,opacity .3s}.voice-visualizer__btn-container{min-width:100px;display:flex;justify-content:flex-end}.voice-visualizer__btn-left:hover{background-color:#ff4f4f}.voice-visualizer__btn-left:disabled{opacity:.6;background-color:#ff3030;cursor:default}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone{background-color:#fff}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-left>img{width:auto;height:50%;max-height:16px}.voice-visualizer__btn-left:hover{border:4px solid #9f9f9f}.voice-visualizer__btn{box-sizing:border-box;min-width:100px;min-height:60px;padding:5px 20px;border-radius:40px;font-size:15px;background-color:#f0f0f0;transition:background-color .3s,opacity .3s}.voice-visualizer__btn:disabled{opacity:.8;background-color:#f0f0f0;cursor:default}.voice-visualizer__btn:hover{background-color:#bebebe}.voice-visualizer__canvas-container{position:relative;width:fit-content;margin:0 auto;overflow:hidden}.voice-visualizer__canvas-container canvas{display:block}.voice-visualizer__canvas-microphone-btn{position:absolute;top:50%;left:50%;width:auto;max-width:12%;min-width:24px;height:50%;max-height:100px;background-color:transparent;border:none;outline:none;transform:translate(-50%,-50%)}.voice-visualizer__canvas-microphone-icon{width:100%;height:100%;will-change:transform;transition:transform .3s}.voice-visualizer__canvas-microphone-btn:hover .voice-visualizer__canvas-microphone-icon{transform:scale(1.03)}.voice-visualizer__canvas-audio-wave-icon{position:absolute;top:50%;left:50%;width:auto;max-width:40%;height:40%;max-height:100px;transform:translate(-118%,-50%) scale(-1)}.voice-visualizer__canvas-audio-wave-icon2{transform:translate(18%,-50%)}.voice-visualizer__canvas-audio-processing{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}.voice-visualizer__progress-indicator-hovered{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#85858599}.voice-visualizer__progress-indicator-hovered-time{position:absolute;top:3%;left:1px;width:fit-content;margin:0;padding:0 7px;opacity:.8;font-size:12px;border-radius:0 4px 4px 0;background-color:#575757;text-align:left}.voice-visualizer__progress-indicator-hovered-time.voice-visualizer__progress-indicator-hovered-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__progress-indicator{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#efefef}.voice-visualizer__progress-indicator-time{position:absolute;top:3%;left:1px;width:fit-content;box-sizing:border-box;min-width:37px;margin:0;padding:0 7px;font-size:12px;border-radius:0 4px 4px 0;text-align:left;color:#000;font-weight:500;background-color:#efefef}.voice-visualizer__progress-indicator-time.voice-visualizer__progress-indicator-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__audio-info-container{box-sizing:border-box;height:55px;display:flex;align-items:center;justify-content:center;gap:30px}.voice-visualizer__audio-info-time{margin:15px 0;min-width:38px;text-align:left}.voice-visualizer__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:4px solid #c5c5c5;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.voice-visualizer__relative{position:relative}.voice-visualizer__spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;justify-content:center;align-items:center}.voice-visualizer__spinner{flex-shrink:0;width:100%;height:100%;border:4px solid rgba(197,197,197,.5);border-radius:50%;border-top-color:#b7b7b7;animation:voice-visualizer__spin 1s ease-in-out infinite;-webkit-animation:voice-visualizer__spin 1s ease-in-out infinite}.voice-visualizer{flex:1}@keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}@-webkit-keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}.voice-recorder-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.voice-recorder-screen .voice-recorder-container{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;max-width:700px}.voice-recorder-screen .voice-recorder-container .prompt{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.voice-recorder-screen .voice-recorder-container .prompt p{font-size:1.125rem;color:#838d9a;text-align:justify}.voice-recorder-screen .voice-recorder-container .recorder{padding:1rem;display:flex;align-items:center;background-color:#eff4f6;gap:1rem}.voice-recorder-screen .voice-recorder-container .recorder button{background-color:#1c1d1f;color:#fff;border:none;border-radius:100%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.voice-recorder-screen .voice-recorder-container .recorder button.record-button{background-color:#dc2626;width:50px;height:50px;font-size:1.25rem}.voice-recorder-screen .voice-recorder-container .recorder p{font-size:.875rem;color:#838d9a;font-family:monospace}.voice-recorder-screen .voice-recorder-container .recorder .temp-line{height:4px;background-color:#838d9a;border-radius:.75rem;position:relative;flex:1;opacity:.5}.voice-recorder-screen .voice-recorder-container .actions{display:flex;gap:1rem;padding:1rem}.voice-recorder-screen .voice-recorder-container .actions>button{flex:1}:root{--primary: #035668}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-from-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-from-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes opacity-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes scale-in{0%{filter:blur(10px);transform:scale(.8);opacity:0}to{filter:blur(0px);transform:scale(1);opacity:1}}:root{font-family:system-ui,Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1c1d1f;background-color:#f5f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--toastify-color-light: transparent;--toastify-toast-width: 400px;--toastify-toast-offset: 1rem;--toastify-toast-background: #fff;--toastify-toast-padding: 0;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 0;--toastify-toast-shadow: none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{box-sizing:border-box;outline:none;margin:0;line-height:1.1}hr{border:none;border-top:2px solid #e5e7eb}a{text-decoration:none;color:#035668;font-weight:600}button{cursor:pointer}.subtitle{font-size:.875rem;color:#838d9a}.text-light{color:#838d9a}@media (prefers-color-scheme: light){:root{color:#1c1d1f;background-color:#f5f9fa}}.status{font-size:.75rem;padding:4px 8px;border-radius:8px;font-weight:600;border:1px solid #e5e7eb;width:fit-content;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.status.submitted,.status.processed,.status.success,.status.completed{background-color:#eff4f6;color:#035668;border-color:#035668}.status.outstanding,.status.in-progress,.status.processing,.status.pending{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b}.status.error,.status.failed{background-color:#dc26261a;color:#dc2626;border-color:#dc2626}.status.action{cursor:pointer}.status.action:hover{background-color:#fff;color:#035668}.mobile-unsupported{display:none;flex-direction:column;background-color:#f5f9fa;gap:1rem;align-items:center;justify-content:center;padding:1.5rem;text-align:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.mobile-unsupported p{font-size:.875rem;color:#838d9a;max-width:400px}.mobile-unsupported img{width:100%;max-width:300px;height:auto}.mobile-unsupported>*{flex:1}@media (max-width: 768px){.mobile-unsupported{padding:1rem}}