@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.welcome-container,.about-container,.invite-container,.micro-container,.done-container,.audio-quality-container{max-width:58vw;padding:2rem}.welcome-container h1,.about-container h1,.invite-container h1,.micro-container h1,.done-container h1,.audio-quality-container h1{font-size:2.5rem}.welcome-container .subtitle,.welcome-container li,.about-container .subtitle,.about-container li,.invite-container .subtitle,.invite-container li,.micro-container .subtitle,.micro-container li,.done-container .subtitle,.done-container li,.audio-quality-container .subtitle,.audio-quality-container li{color:var(--app-secondary-txt);font-size:var(--app-20px);font-weight:var(--mat-sys-headline-small-weight);line-height:var(--mat-sys-headline-small-line-height)}.welcome-container .subtitle,.about-container .subtitle,.invite-container .subtitle,.micro-container .subtitle,.done-container .subtitle,.audio-quality-container .subtitle{margin-bottom:2rem}.welcome-container h2,.about-container h2,.invite-container h2,.micro-container h2,.done-container h2,.audio-quality-container h2{font-size:var(--mat-sys-headline-medium-size);font-weight:var(--mat-sys-headline-medium-weight);line-height:var(--mat-sys-headline-medium-line-height);margin-bottom:1rem}.welcome-container .form-row,.about-container .form-row,.invite-container .form-row,.micro-container .form-row,.done-container .form-row,.audio-quality-container .form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.welcome-container .form-row.full-width,.about-container .form-row.full-width,.invite-container .form-row.full-width,.micro-container .form-row.full-width,.done-container .form-row.full-width,.audio-quality-container .form-row.full-width{flex-direction:column}.welcome-container .form-control,.about-container .form-control,.invite-container .form-control,.micro-container .form-control,.done-container .form-control,.audio-quality-container .form-control{flex:1;display:flex;flex-direction:column}.welcome-container .input-label,.about-container .input-label,.invite-container .input-label,.micro-container .input-label,.done-container .input-label,.audio-quality-container .input-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.welcome-container mat-form-field,.about-container mat-form-field,.invite-container mat-form-field,.micro-container mat-form-field,.done-container mat-form-field,.audio-quality-container mat-form-field{width:100%}.welcome-container .role-header,.about-container .role-header,.invite-container .role-header,.micro-container .role-header,.done-container .role-header,.audio-quality-container .role-header{display:flex;justify-content:space-between;align-items:center}.welcome-container .remove-icon,.about-container .remove-icon,.invite-container .remove-icon,.micro-container .remove-icon,.done-container .remove-icon,.audio-quality-container .remove-icon{color:var(--app-warn)!important}.welcome-container .actions,.about-container .actions,.invite-container .actions,.micro-container .actions,.done-container .actions,.audio-quality-container .actions{margin-top:20px;display:flex;gap:15px}.welcome-container .email-header,.about-container .email-header,.invite-container .email-header,.micro-container .email-header,.done-container .email-header,.audio-quality-container .email-header{display:flex;justify-content:space-between;align-items:center}.welcome-container .option-list,.about-container .option-list,.invite-container .option-list,.micro-container .option-list,.done-container .option-list,.audio-quality-container .option-list{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.welcome-container .option-card,.about-container .option-card,.invite-container .option-card,.micro-container .option-card,.done-container .option-card,.audio-quality-container .option-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;background-color:var(--input-field-background-color);box-shadow:0 0 0 1px #0000000d;border:1px solid var(--mdc-outlined-text-field-outline-color);cursor:pointer;transition:background-color .2s ease;height:80px}.welcome-container .option-card:hover,.about-container .option-card:hover,.invite-container .option-card:hover,.micro-container .option-card:hover,.done-container .option-card:hover,.audio-quality-container .option-card:hover{background-color:#eef4f8}.welcome-container .option-card img,.about-container .option-card img,.invite-container .option-card img,.micro-container .option-card img,.done-container .option-card img,.audio-quality-container .option-card img{width:32px;height:32px}.welcome-container .option-card span,.about-container .option-card span,.invite-container .option-card span,.micro-container .option-card span,.done-container .option-card span,.audio-quality-container .option-card span{font-size:var(--app-20px);font-weight:var(--mat-sys-body-medium-weight);color:var(--app-primary-txt)}.mdc-text-field--outlined{height:40px!important}.mat-mdc-form-field-infix{padding:8px 0!important;min-height:40px!important;font-size:14px!important}.mdc-floating-label.mat-mdc-floating-label{top:18.5px!important}.mdc-floating-label.mat-mdc-floating-label.mdc-floating-label--float-above{top:28px!important}.gradient-btn{background:linear-gradient(143.65deg,var(--app-primary) 10.22%,var(--app-othisis-success) 99.64%)!important}.header-card{background:linear-gradient(180deg,var(--app-primary) 0%,var(--select-arrow-icon) 100%)}.start-session-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 87px);border:1px solid var(--mat-divider-color);border-radius:8px}.start-session-panel h1{color:var(--app-note-txt);text-align:center}html body{margin:0;font-family:Inter}html{--mat-sys-background: #f9f9ff;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f0f0f7;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3035;--mat-sys-on-background: #1a1c20;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #0e458a;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #0e458a;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #332bc1;--mat-sys-on-secondary-fixed: #0c006a;--mat-sys-on-secondary-fixed-variant: #332bc1;--mat-sys-on-surface: #1a1c20;--mat-sys-on-surface-variant: #434751;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #454747;--mat-sys-on-tertiary-fixed: #1a1c1c;--mat-sys-on-tertiary-fixed-variant: #454747;--mat-sys-outline: #737782;--mat-sys-outline-variant: #c3c6d2;--mat-sys-primary: #305ea4;--mat-sys-primary-container: #d7e2ff;--mat-sys-primary-fixed: #d7e2ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #4d48d8;--mat-sys-secondary-container: #e2dfff;--mat-sys-secondary-fixed: #e2dfff;--mat-sys-secondary-fixed-dim: #c2c1ff;--mat-sys-shadow: #000000;--mat-sys-surface: #f9f9ff;--mat-sys-surface-bright: #f9f9ff;--mat-sys-surface-container: #ededf4;--mat-sys-surface-container-high: #e8e7ee;--mat-sys-surface-container-highest: #e2e2e8;--mat-sys-surface-container-low: #f3f3fa;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d9d9e0;--mat-sys-surface-tint: #305ea4;--mat-sys-surface-variant: #dfe2ef;--mat-sys-tertiary: #5d5f5f;--mat-sys-tertiary-container: #e2e2e2;--mat-sys-tertiary-fixed: #e2e2e2;--mat-sys-tertiary-fixed-dim: #c6c6c7;--mat-sys-neutral-variant20: #2c303a;--mat-sys-neutral10: #1a1c20}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.mdc-text-field{background:var(--input-field-background-color)}label{font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-title-large-weight);line-height:var(--mat-sys-body-large-line-height);color:var(--input-label-color);display:block}.required{color:#000}.mat-mdc-select-arrow svg{fill:var(--select-arrow-icon)!important}.mat-mdc-select-arrow{display:none!important}.mat-mdc-select-trigger:after{content:"keyboard_arrow_down";font-family:Material Symbols Outlined;font-size:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--select-arrow-icon)!important}.icons{color:var(--app-primary)}.layout-container .mat-mdc-unelevated-button{height:40px}.icon-btn{padding:7px!important;cursor:pointer;background:transparent;border:1px solid var(--mat-divider-color)!important;border-radius:10px!important}.icon-btn mat-icon{color:var(--select-arrow-icon)!important}.mat-mdc-icon-button{border-radius:10px!important;overflow:hidden!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0!important}.delete-btn{color:var(--app-error-color)!important}.as-split-gutter{background-color:var(--app-white)!important}:root,:host{--mat-sys-primary: #003f84;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #d7e2ff;--mat-sys-on-primary-container: #001b3f;--mat-sys-inverse-primary: #abc7ff;--mat-sys-primary-fixed: #d7e2ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #0e458a;--mat-sys-secondary: #605dec;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #e5f2ff;--mat-sys-on-secondary-container: #000c1a;--mat-sys-secondary-fixed: #e2dfff;--mat-sys-secondary-fixed-dim: #c2c1ff;--mat-sys-on-secondary-fixed: #000c1a;--mat-sys-on-secondary-fixed-variant: #332bc1;--mat-sys-tertiary: #5d5f5f;--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #e2e2e2;--mat-sys-on-tertiary-container: #1a1c1c;--mat-sys-tertiary-fixed: #e2e2e2;--mat-sys-tertiary-fixed-dim: #c6c6c7;--mat-sys-on-tertiary-fixed: #1a1c1c;--mat-sys-on-tertiary-fixed-variant: #454747;--mat-sys-background: #fcf8f8;--mat-sys-on-background: #1c1b1c;--mat-sys-surface: #fcf8f8;--mat-sys-surface-dim: #ddd9d9;--mat-sys-surface-bright: #fcf8f8;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container-low: #f6f3f3;--mat-sys-surface-container: #f1eded;--mat-sys-surface-container-high: #ebe7e7;--mat-sys-surface-container-highest: #e5e2e2;--mat-sys-on-surface: #1c1b1c;--mat-sys-shadow: #000000;--mat-sys-scrim: #000000;--mat-sys-surface-tint: #5d5e64;--mat-sys-inverse-surface: #313030;--mat-sys-inverse-on-surface: #f4f0f0;--mat-sys-outline: #76777b;--mat-sys-outline-variant: #c6c6cc;--mat-sys-error: #ff3b30;--mat-sys-error-container: #ffdad6;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #410002;--mat-sys-surface-variant: #e2e2e8;--mat-sys-on-surface-variant: #45474b}.dark{--mat-sys-primary: #abc7ff;--mat-sys-on-primary: #002f66;--mat-sys-primary-container: #0e458a;--mat-sys-on-primary-container: #d7e2ff;--mat-sys-inverse-primary: #305ea4;--mat-sys-primary-fixed: #d7e2ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #0e458a;--mat-sys-secondary: #c2c1ff;--mat-sys-on-secondary: #1a00a7;--mat-sys-secondary-container: #332bc1;--mat-sys-on-secondary-container: #e2dfff;--mat-sys-secondary-fixed: #e2dfff;--mat-sys-secondary-fixed-dim: #c2c1ff;--mat-sys-on-secondary-fixed: #000c1a;--mat-sys-on-secondary-fixed-variant: #332bc1;--mat-sys-tertiary: #c6c6c7;--mat-sys-on-tertiary: #2f3131;--mat-sys-tertiary-container: #454747;--mat-sys-on-tertiary-container: #e2e2e2;--mat-sys-tertiary-fixed: #e2e2e2;--mat-sys-tertiary-fixed-dim: #c6c6c7;--mat-sys-on-tertiary-fixed: #1a1c1c;--mat-sys-on-tertiary-fixed-variant: #454747;--mat-sys-background: #141314;--mat-sys-on-background: #e5e2e2;--mat-sys-surface: #141314;--mat-sys-surface-dim: #141314;--mat-sys-surface-bright: #3a3939;--mat-sys-surface-container-lowest: #0e0e0e;--mat-sys-surface-container-low: #1c1b1c;--mat-sys-surface-container: #201f20;--mat-sys-surface-container-high: #2a2a2a;--mat-sys-surface-container-highest: #353435;--mat-sys-on-surface: #e5e2e2;--mat-sys-shadow: #000000;--mat-sys-scrim: #000000;--mat-sys-surface-tint: #c6c6cc;--mat-sys-inverse-surface: #e5e2e2;--mat-sys-inverse-on-surface: #313030;--mat-sys-outline: #909095;--mat-sys-outline-variant: #45474b;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-surface-variant: #45474b;--mat-sys-on-surface-variant: #c6c6cc}:root,:host{--app-primary: #003f84;--app-secondary-txt: #8a8894;--app-secondary: #605dec;--app-white: white;--app-black: black;--app-warn: #ff3b30;--app-primary-txt: #212121;--app-success-txt: #3c9052;--app-note-txt: #001933;--app-bg-color: #f3f6fe;--app-nav-txt: #888d94;--app-inner-side-nav-txt: #004084;--app-type-bg-color: #f5f5f5;--app-type-txt-color: #444444;--app-error-color: #b3261e;--app-secondary-container: #e5f2ff;--app-summary-highlight-txt: #191919;--app-sumarry-sub-txt: #565656;--app-txt-bg-color: #cce5ff;--app-letter-header: #f7f7f7;--app-table-body-bg: #f2f2f7;--app-table-body-color: #585858;--app-table-body-header-color: #1a1919;--app-othisis-success: #51b76c;--app-high-score: #b0ffc4;--app-medium-priority: #ffeeab;--app-low-score-warn: #ffbdb9;--app-highlight-warn-txt: #ffdcdc;--app-disabled-bg-color: #f4f4f4;--app-blue-shade: #3396ff;--app-grey-shade: #848199;--app-price-txt: #231d4f;--app-green-shade: #edf8f0;--app-green-txt: #2d6c3e;--app-disabled-txt: #999999;--app-othisis-badge: #055fc2;--app-checkout-color: #868686;--app-secondary-fixed: #000c1a;--app-file-chips-bg-color: #e4e2ee;--app-markdown-even-row-bg: #f9f9f9;--app-icon-success: #34c759;--app-icon-warn: #efad05;--app-credits-bg: #fff3c4;--app-credits-txt: #735d03;--mat-sys-brand-font-family: Inter;--mat-sys-plain-font-family: Inter;--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mdc-filled-button-container-shape: 8px;--mdc-outlined-button-container-shape: 8px;--mdc-protected-button-container-shape: 8px;--mdc-text-button-container-shape: 8px;--mdc-filled-button-container-height: 56px;--mdc-outlined-button-container-height: 56px;--mdc-protected-button-container-height: 56px;--mdc-text-button-container-height: 56px;--mdc-outlined-text-field-container-shape: 8px;--mdc-outlined-text-field-outline-color: #e6edf8;--mdc-outlined-text-field-hover-outline-color: #004084;--mdc-outlined-text-field-input-text-color: #6e7780;--input-field-background-color: #f7fafd;--input-label-color: #212121;--mat-select-panel-background-color: var(--app-white);--select-arrow-icon: #0063cc;--mdc-outlined-card-container-color: var(--app-white);--mdc-outlined-card-container-shape: 8px;--mat-divider-color: #cee6f380;--mdc-dialog-container-color: var(--app-white);--mat-dialog-container-max-width: 800px;--mat-sidenav-container-background-color: var(--app-white);--mat-sidenav-container-shape: 0;--mdc-linear-progress-track-height: 8px;--mdc-linear-progress-track-shape: 8px;--mdc-linear-progress-active-indicator-height: 8px;--mat-autocomplete-background-color: var(--app-white);--mat-option-focus-state-layer-color: var(--app-secondary-container);--mat-sys-surface-container-high: var(--input-field-background-color);--app-20px: 1.25rem;--pricing-row-height: 48px}
