@charset "UTF-8";@import url("https://p.typekit.net/p.css?s=1&k=qol4vxu&ht=tk&f=53656.53657&a=183298540&app=typekit&e=css");.toast-stack {
  position: fixed;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  pointer-events: none;
}
.toast {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: min(90%, 480px);
  padding: 12px 20px;
  border-radius: var(--radius-toast-text);
  background: var(--ui-grey-darkest);
  color: var(--ui-white);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  box-shadow: var(--shadow-toast);
  animation: toastIn 0.22s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.22s ease-in, transform 0.22s ease-in;
}
.toast.is-leaving {
  opacity: 0;
  transform: translateY(-8px);
}
.toast.is-full {
  gap: 16px;
  justify-content: flex-start;
  width: auto;
  min-width: 240px;
  min-height: 60px;
  padding: 12px 20px;
  border-radius: var(--radius-toast-full);
  text-align: left;
}
.toast.is-full.has-action {
  padding-right: 12px;
}
.toast .toast-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.toast .toast-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.toast.success .toast-icon {
  color: var(--status-success);
}
.toast.warning .toast-icon {
  color: var(--status-warning);
}
.toast.error .toast-icon {
  color: var(--status-error);
}
.toast.loading .toast-icon {
  color: var(--ui-white);
  animation: toastSpin 0.8s linear infinite;
}
.toast-body {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.toast-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ui-white);
}
.toast-desc {
  font-size: 13px;
  font-weight: 400;
  color: var(--ui-grey-lighter);
}
.toast-action {
  flex-shrink: 0;
  padding: 8px 12px;
  background: none;
  border: none;
  border-radius: 8px;
  color: var(--ui-white);
  font-family: inherit;
  font-size: 14px;
  font-weight: 510;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
}
.toast-action:hover {
  background: rgba(255, 255, 255, 0.12);
}
.toast-action:active {
  background: rgba(255, 255, 255, 0.2);
}
@keyframes toastSpin {
to {
    transform: rotate(360deg);
}
}
@keyframes toastIn {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 500px) {
.toast.is-full {
    max-width: calc(100% - 32px);
}
}
@media (prefers-reduced-motion: reduce) {
.toast {
    animation: none;
    transition: opacity 0.22s linear;
}
.toast.is-leaving {
    transform: none;
}
.toast.loading .toast-icon {
    animation: none;
}
}
.is-loading .language-item,
.is-loading .star-button {
  pointer-events: none;
}
.is-loading button:disabled {
  opacity: 0.45;
  cursor: default;
}ion-header {
  flex-shrink: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
ion-header .top-bar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-height);
  width: calc(100% - 32px);
  max-width: var(--content-max-width);
  margin: 0 auto;
  background-color: var(--ui-page);
}
ion-header .top-bar .logo,
ion-header .top-bar .nav-right-container {
  flex-shrink: 0;
}
ion-header .top-bar .logo {
  padding-left: 0;
}
ion-header .top-bar .logo img {
  display: block;
}
ion-header .top-bar .logo .logo-full {
  width: 96px;
  height: 27.6px;
}
ion-header .top-bar .logo .logo-mark {
  display: none;
  width: 27.6px;
  height: 27.6px;
}
ion-header .top-bar .header-code {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--text-body-01);
  white-space: nowrap;
}
ion-header .top-bar .nav-right-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
ion-header .top-bar.is-compact .logo-full {
  display: none;
}
ion-header .top-bar.is-compact .logo-mark {
  display: block;
}
ion-header .top-bar.hide-code .header-code {
  display: none;
}
.nav-right-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  font-size: 14px;
  font-family: inherit;
  background-color: var(--ui-white);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: var(--radius-header-button);
  cursor: pointer;
  transition: all 0.3s ease;
}
.nav-right-button:hover {
  background-color: var(--ui-grey-lightest);
  border-color: #ccc;
}
.nav-right-button:active, .nav-right-button.is-open {
  background-color: var(--ui-grey-lighter);
  border-color: var(--ui-grey-lighter);
}
.nav-right-button .meet-title-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--text-body-01);
  white-space: nowrap;
}
.nav-right-button > .nav-icon {
  color: var(--text-body-01);
}
.nav-icon {
  display: inline-flex;
  flex-shrink: 0;
}
.nav-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-icon.icon-share {
  width: 1.15em;
  height: 1.15em;
}
.nav-icon.icon-globe {
  width: 13.34px;
  height: 13.34px;
}.qr-code-img {
  padding: 4px;
  border-radius: 16px;
}.share-link-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 40px;
  font-size: 20px;
  font-family: inherit;
  background: var(--ui-white);
  border: 0.5px solid rgba(0, 0, 0, 0.3);
  border-radius: 16px;
  color: var(--ui-grey-darkest);
  cursor: pointer;
  transition: background 0.2s ease;
}
.share-link-button:hover {
  background: #f1f1ef;
}
.share-link-button .share-link-text {
  padding-top: 2px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.3px;
  white-space: nowrap;
}.overlay {
  position: fixed;
  z-index: 1000;
  min-width: 300px;
  background: var(--ui-white);
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-popover);
  box-shadow: var(--shadow-popover);
}
.overlay.overlay-speed {
  min-width: 0;
}.font-size-slider-container {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
}
.font-size-slider-container .range {
  padding: 4px 0;
  width: 100%;
}
.range-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: none;
  color: var(--text-body-01);
  cursor: pointer;
}
.range-step:hover {
  background: rgba(21, 21, 21, 0.06);
}
.range-step:active {
  background: rgba(21, 21, 21, 0.12);
}
.range-step .range-step-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.range-step .range-step-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.custom-range-container {
  width: 100%;
}
.custom-range-container .range-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}
.custom-range-container .range-track {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: rgba(var(--range-background-color), 0.3);
  border-radius: 999px;
  cursor: pointer;
  touch-action: none;
}
.custom-range-container .range-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--text-body-01);
  border-radius: 8px;
  transition: width 0.1s ease;
}
.custom-range-container .range-ticks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.custom-range-container .range-ticks span {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 3px;
  margin-left: -1.5px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}
.custom-range-container .range-ticks span:first-child {
  margin-left: 3px;
}
.custom-range-container .range-ticks span:last-child {
  margin-left: -6px;
}
.custom-range-container .range-thumb {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  background-color: var(--text-body-01);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  box-shadow: var(--shadow-slider-knob);
}
.custom-range-container .range-thumb:active {
  cursor: grabbing;
}
.custom-range-container .range-pin {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 4px 8px;
  min-width: 24px;
  border-radius: 4px;
  background-color: var(--text-body-01);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  animation: pinFadeIn 0.2s ease-out;
}
.custom-range-container .range-pin::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--text-body-01);
}
@keyframes pinFadeIn {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
}
to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
}.speed-options {
  display: flex;
  gap: 4px;
  padding: 8px;
}
.speed-option {
  flex: 1 1 0;
  min-width: 48px;
  height: 32px;
  padding: 0 4px;
  border: none;
  border-radius: 8px;
  background: none;
  color: var(--text-body-01);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.speed-option:hover {
  background: rgba(21, 21, 21, 0.06);
}
.speed-option.is-active {
  background: var(--ui-grey-darkest);
  color: #fff;
}.live-label[data-v-56a9ca2f] {
  display: flex;
  height: 28px;
  padding: 0 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--radius-header-button);
}
.live-label--active[data-v-56a9ca2f] {
  background-color: var(--ui-ignite);
  border: 1px solid var(--ui-ignite);
}
.live-label--active .live-indicator[data-v-56a9ca2f] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  animation: pulse-56a9ca2f 2s ease-out infinite;
}
.live-label--inactive[data-v-56a9ca2f] {
  background-color: var(--ui-grey-lighter);
  border: 1px solid var(--ui-grey-lighter);
}
.live-label--inactive .live-indicator[data-v-56a9ca2f] {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: var(--ui-page);
}
.live-label .live-text[data-v-56a9ca2f] {
  color: var(--ui-page);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
}
@keyframes pulse-56a9ca2f {
0% {
    transform: scale(1);
    opacity: 1;
}
25% {
    transform: scale(1.25);
    opacity: 0.7;
}
50% {
    transform: scale(1);
    opacity: 1;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}.loading-overlay[data-v-ffb34a24] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.loading-overlay .loader[data-v-ffb34a24] {
  width: 64px;
  height: 64px;
  border: 8px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation-ffb34a24 1s linear infinite;
}
@keyframes rotation-ffb34a24 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * mae-variable:
 *   - http://typekit.com/eulas/000000000000000077508a93
 *   - http://typekit.com/eulas/000000000000000077508a92
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-03-19 03:48:33 UTC"}*/
@font-face {
  font-family: "mae-variable";
  src: url("https://use.typekit.net/af/46c5cf/000000000000000077508a93/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/46c5cf/000000000000000077508a93/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: normal;
}
@font-face {
  font-family: "mae-variable";
  src: url("https://use.typekit.net/af/2173b5/000000000000000077508a92/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/2173b5/000000000000000077508a92/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  font-stretch: normal;
}
:root {
  --brand-rocket: #FF0000;
  --brand-midnight: #151515;
  --brand-ash: #D7D7CA;
  --brand-cement: #F7F7F5;
  --ui-ignite: #E83D37;
  --ui-grey-darkest: #151515;
  --ui-grey-light: #868686;
  --ui-grey-lighter: #BEBEBE;
  --ui-grey-lightest: #ECECEC;
  --ui-page: #F7F7F5;
  --ui-white: #FFFFFF;
  --status-success: #00C920;
  --status-warning: #FFC20F;
  --status-error: #E83D37;
  --translation: #1180D4;
  --translation-light: #6CB0E4;
  --translation-dark: #005599;
  --support-peach: #FF4E5D;
  --support-lime: #00C23C;
  --support-denim: #3F69C8;
  --support-orange: #FF9A21;
  --support-violet: #854BBA;
  --support-salmon: #FF9680;
  --support-mint: #18D8BB;
  --support-aqua: #44ACFF;
  --support-gold: #EEBD00;
  --support-purple: #D86ADE;
}
:root {
  --text-body-01: var(--ui-grey-darkest);
  --ellipsis-dot-color: var(--translation);
  --ellipsis-dot-active-color: var(--translation-dark);
  --range-background-color: 21, 21, 21;
  --speaker1: var(--support-peach);
  --speaker2: var(--support-lime);
  --speaker3: var(--support-denim);
  --speaker4: var(--support-orange);
  --speaker5: var(--support-violet);
  --speaker6: var(--support-salmon);
  --speaker7: var(--support-mint);
  --speaker8: var(--support-aqua);
  --speaker9: var(--support-gold);
  --speaker10: var(--support-purple);
  --translation-text-latest: var(--translation);
  --translation-text-past: var(--translation-light);
  --tts-bg: var(--translation);
  --tts-text-read: var(--ui-white);
  --tts-text-unread: var(--translation-light);
  --pane-bg: var(--ui-white);
}
:root {
  --transcript-font-size: 16px;
  --transcript-line-height: 1.2;
  --transcript-line-height-stacked: 1.5;
}
:root {
  --text-pane-title-size: 12px;
  --text-pane-title-weight: 700;
  --text-title-button-size: 12px;
  --text-title-button-weight: 600;
  --text-control-label-size: 10px;
  --text-speaker-size: 12px;
  --text-speaker-weight: 500;
}
:root {
  --paragraph-gap: 8px;
  --content-max-width: 1200px;
  --content-width: calc(100% - 32px);
  --header-height: 48px;
  --pane-gap: 10px;
  --pane-padding: 16px;
  --pane-head-height: 40px;
  --pane-head-padding-left: 16px;
  --pane-head-padding-right: 10px;
  --tts-height: 160px;
  --speaker-column: 80px;
  --speaker-column-narrow: 24px;
  --speaker-gap: 8px;
  --control-item-width: 52px;
  --control-item-padding: 4px 0;
  --control-icon-gap: 4px;
  --control-margin-y: 4px;
  --searchable-language-list-max-height: 320px;
  --radius-pane: 16px;
  --radius-popover: 12px;
  --radius-header-button: 8px;
  --radius-title-button: 6px;
  --radius-speaker-pill: 12px;
  --radius-toast-text: 24px;
  --radius-toast-full: 16px;
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-toast: 0 4px 4px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-slider-knob: 0 2px 8px rgba(0, 0, 0, 0.2);
}
:root {
  --font-family-base: "mae-variable", -apple-system, "Segoe UI", sans-serif;
  --font-family-zh-hant: "mae-variable", -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
  --font-family-zh-hans: "mae-variable", -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-family-ja: "mae-variable", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif;
  --font-family-ko: "mae-variable", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --font-family-th: "mae-variable", -apple-system, "Thonburi", "Leelawadee UI", "Noto Sans Thai", sans-serif;
  --font-family-devanagari: "mae-variable", -apple-system, "Kohinoor Devanagari", "Nirmala UI", "Noto Sans Devanagari", sans-serif;
}
#root {
  padding-top: constant(safe-area-inset-top); /* iOS 11.0-iOS 11.1 */
  padding-top: env(safe-area-inset-top); /*iOS 11.2 */
  padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0-iOS 11.1 */
  padding-bottom: env(safe-area-inset-bottom); /*iOS 11.2 */
}
* {
  font-family: var(--font-family-base);
  font-style: normal;
}
:lang(zh-TW),
:lang(zh-Hant) {
  font-family: var(--font-family-zh-hant);
}
:lang(zh-CN),
:lang(zh-Hans) {
  font-family: var(--font-family-zh-hans);
}
:lang(ja) {
  font-family: var(--font-family-ja);
}
:lang(ko) {
  font-family: var(--font-family-ko);
}
:lang(th) {
  font-family: var(--font-family-th);
}
:lang(hi),
:lang(mr),
:lang(ne) {
  font-family: var(--font-family-devanagari);
}
:lang(th) .paragraph-text,
:lang(hi) .paragraph-text,
:lang(mr) .paragraph-text,
:lang(ne) .paragraph-text {
  line-height: var(--transcript-line-height-stacked);
}
@supports (text-box-trim: trim-both) {
.text-trim {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}
}
@media (prefers-reduced-motion: reduce) {
*,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
}
}
ion-content {
  --background: var(--ui-page);
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  /* 確保 padding 不影響高度 */
  box-sizing: border-box;
  /* 讓 padding 由 .container 控制 */
  padding: 0;
}
body {
  background-color: #F7F7F5 !important;
}.home-container[data-v-2d1117dc] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.home-container .left[data-v-2d1117dc],
.home-container .right[data-v-2d1117dc] {
  width: 100%;
}
.home-container .left[data-v-2d1117dc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.home-container .right[data-v-2d1117dc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.home-container .title[data-v-2d1117dc] {
  font-weight: bold;
  text-align: left;
  color: var(--ui-grey-darkest);
  margin: 0;
}
.home-container .form-container[data-v-2d1117dc] {
  display: flex;
  align-items: center;
}
.home-container .custom-input[data-v-2d1117dc] {
  padding: calc(1px + 0.265em) 2px 1px;
  border: 2px solid var(--ui-grey-lighter);
  border-radius: 16px;
  box-sizing: border-box;
  height: 48px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  background: #fff;
  color: var(--ui-grey-darkest);
  outline: none;
}
.home-container .custom-input[data-v-2d1117dc]:hover, .home-container .custom-input[data-v-2d1117dc]:focus {
  border: 2px solid var(--ui-ignite);
  outline: none;
}
.home-container .custom-input[data-v-2d1117dc]::placeholder {
  color: var(--ui-grey-lighter);
  font-weight: bold;
}
.home-container .custom-input.underlined-text[data-v-2d1117dc] {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.home-container .continue-button[data-v-2d1117dc] {
  background: var(--ui-ignite);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  height: 48px;
  max-height: 48px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  border-radius: 16px;
  text-transform: capitalize;
  cursor: pointer;
}
.home-container .continue-button[data-v-2d1117dc]:hover {
  filter: brightness(0.95);
}
@supports (text-box-trim: trim-both) {
.home-container .continue-button > span[data-v-2d1117dc] {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}
}
@media (max-width: 499px) {
.home-container .left[data-v-2d1117dc] {
    justify-content: flex-start;
    padding: 48px 40px 0;
}
.home-container .left img[data-v-2d1117dc] {
    aspect-ratio: 10/9;
    width: 100%;
    margin: 0 auto;
}
.home-container .right[data-v-2d1117dc] {
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    padding-top: 1.5rem;
}
.home-container .title[data-v-2d1117dc] {
    font-size: 28px;
    line-height: 32px;
    width: calc(100vw - 80px);
    padding-bottom: 1rem;
}
.home-container .form-container[data-v-2d1117dc] {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.home-container .custom-input[data-v-2d1117dc],
  .home-container .continue-button[data-v-2d1117dc] {
    width: calc(100vw - 80px);
}
}
@media (min-width: 500px) and (max-width: 1279px) {
.home-container .left[data-v-2d1117dc] {
    height: 50.12vh;
    justify-content: flex-end;
}
.home-container .left img[data-v-2d1117dc] {
    height: 88%;
    margin: 0 auto;
}
.home-container .right[data-v-2d1117dc] {
    align-items: flex-start;
    padding: 2rem calc((100vw - 480px) / 2) 0;
}
.home-container .title[data-v-2d1117dc] {
    font-size: 40px;
    line-height: 48px;
}
.home-container .form-container[data-v-2d1117dc] {
    padding-top: 1.5rem;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
.home-container .custom-input[data-v-2d1117dc],
  .home-container .continue-button[data-v-2d1117dc] {
    width: 480px;
    max-width: 100%;
}
}
@media (min-width: 1280px) {
.home-container[data-v-2d1117dc] {
    flex-direction: row;
    overflow: hidden;
}
.home-container .left[data-v-2d1117dc],
  .home-container .right[data-v-2d1117dc] {
    width: 50%;
}
}
@media (min-width: 1280px) and (max-width: 1919px) {
.home-container .left img[data-v-2d1117dc] {
    padding-left: 10vw;
    width: calc(300px + 25vw);
    height: calc(270px + 22.5vw);
}
.home-container .right[data-v-2d1117dc] {
    padding-left: 5vw;
    padding-right: 10vw;
}
.home-container .title[data-v-2d1117dc] {
    font-size: 48px;
    line-height: 60px;
    width: 35vw;
}
.home-container .form-container[data-v-2d1117dc] {
    padding-top: 2.5rem;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
}
.home-container .custom-input[data-v-2d1117dc],
  .home-container .continue-button[data-v-2d1117dc] {
    width: 300px;
}
}
@media (min-width: 1920px) {
.home-container .left img[data-v-2d1117dc] {
    padding-left: 10vw;
    width: 800px;
    height: 720px;
}
.home-container .right[data-v-2d1117dc] {
    padding-left: min(5vw, 96px);
    padding-right: min(10vw, 192px);
}
.home-container .title[data-v-2d1117dc] {
    font-size: 72px;
    line-height: 90px;
    width: 35vw;
}
.home-container .form-container[data-v-2d1117dc] {
    padding-top: 3.75rem;
    flex-direction: row;
    gap: 0;
}
.home-container .custom-input[data-v-2d1117dc] {
    width: 300px;
}
.home-container .continue-button[data-v-2d1117dc] {
    width: 200px;
    flex: 0 0 200px;
    margin-left: 12px;
}
}.control-bar[data-v-98f381d4] {
  flex-shrink: 0;
  position: relative;
}
.control-scroll[data-v-98f381d4] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: var(--control-margin-y) calc(max(16px, (100% - var(--content-max-width)) / 2) + 4px);
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-x pinch-zoom;
}
.control-scroll[data-v-98f381d4]::-webkit-scrollbar {
  display: none;
}
.control-scroll.is-overflowing[data-v-98f381d4] {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 499px) {
.control-scroll[data-v-98f381d4] {
    display: flex;
    justify-content: space-between;
}
}
.control-group[data-v-98f381d4] {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
}
.control-group-left[data-v-98f381d4] {
  grid-column: 2;
  justify-self: center;
}
.control-group-right[data-v-98f381d4] {
  grid-column: 3;
  justify-self: end;
}
.control-divider[data-v-98f381d4] {
  display: none;
  flex-shrink: 0;
  width: 1px;
  height: 36px;
  background: var(--ui-grey-lighter);
}
.control-scroll.is-overflowing .control-divider[data-v-98f381d4] {
  display: block;
}
.control-item[data-v-98f381d4] {
  flex-shrink: 0;
  width: var(--control-item-width);
  padding: var(--control-item-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--control-icon-gap);
  background: none;
  border: none;
  border-radius: var(--radius-header-button);
  font-family: inherit;
  cursor: pointer;
  color: var(--text-body-01);
  transition: background-color 0.15s ease;
}
.control-item[data-v-98f381d4]:hover {
  background: rgba(21, 21, 21, 0.06);
}
.control-item[data-v-98f381d4]:active, .control-item.is-open[data-v-98f381d4] {
  background: rgba(21, 21, 21, 0.12);
}
.control-item.is-active[data-v-98f381d4] {
  color: var(--translation);
}
.control-icon[data-v-98f381d4] {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.control-icon[data-v-98f381d4] svg {
  width: 100%;
  height: 100%;
}
.control-label[data-v-98f381d4] {
  font-size: var(--text-control-label-size);
  line-height: 1.2;
  width: calc(100% + 8px);
  margin: 0 -4px;
  white-space: normal;
  overflow-wrap: break-word;
  text-align: center;
}
@supports (text-box-trim: trim-both) {
.control-label[data-v-98f381d4] {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}
}.utterance-speaker[data-v-46577942] {
  position: relative;
  margin-top: calc((1.2em - 24px) / 2);
  flex: 0 0 var(--speaker-column);
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.speaker-pill[data-v-46577942] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
  min-height: 24px;
  padding: 4px 8px;
  border: none;
  border-radius: var(--radius-speaker-pill);
  font-family: inherit;
  font-size: var(--text-speaker-size);
  font-weight: var(--text-speaker-weight);
  color: #fff;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.speaker-full[data-v-46577942] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.speaker-initial[data-v-46577942] {
  display: none;
}
.speaker-bubble[data-v-46577942] {
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  transform: translateY(-50%);
  z-index: 3;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--ui-grey-darkest);
  color: #fff;
  font-size: var(--text-speaker-size);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.utterance-speaker.is-revealed .speaker-bubble[data-v-46577942] {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
.speaker-pill.has-hidden-name:hover ~ .speaker-bubble[data-v-46577942] {
    opacity: 1;
    visibility: visible;
}
}
@container pane (max-width: 440px) {
.speaker-pill[data-v-46577942] {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: var(--radius-speaker-pill);
}
.speaker-full[data-v-46577942] {
    display: none;
}
.speaker-initial[data-v-46577942] {
    display: block;
}
}
.has-source .speaker-pill[data-v-46577942] {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: var(--radius-speaker-pill);
}
.has-source .speaker-full[data-v-46577942] {
  display: none;
}
.has-source .speaker-initial[data-v-46577942] {
  display: block;
}
.speaker-pill.speaker-1[data-v-46577942] {
  background-color: var(--speaker1);
}
.speaker-pill.speaker-2[data-v-46577942] {
  background-color: var(--speaker2);
}
.speaker-pill.speaker-3[data-v-46577942] {
  background-color: var(--speaker3);
}
.speaker-pill.speaker-4[data-v-46577942] {
  background-color: var(--speaker4);
}
.speaker-pill.speaker-5[data-v-46577942] {
  background-color: var(--speaker5);
}
.speaker-pill.speaker-6[data-v-46577942] {
  background-color: var(--speaker6);
}
.speaker-pill.speaker-7[data-v-46577942] {
  background-color: var(--speaker7);
}
.speaker-pill.speaker-8[data-v-46577942] {
  background-color: var(--speaker8);
}
.speaker-pill.speaker-9[data-v-46577942] {
  background-color: var(--speaker9);
}
.speaker-pill.speaker-10[data-v-46577942] {
  background-color: var(--speaker10);
}
.pane-tts .speaker-pill[data-v-46577942] {
  box-shadow: 0 0 0 2px #fff;
}
@supports (text-box-trim: trim-both) {
.speaker-pill > span[data-v-46577942] {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}
}.pane[data-v-68921690] {
  container-type: inline-size;
  container-name: pane-box;
  position: relative;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: var(--pane-bg);
  border-radius: var(--radius-pane);
  border: 1px solid var(--ui-grey-lightest);
  overflow: hidden;
}
.pane-head[data-v-68921690] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: var(--pane-head-height);
  padding: 0 var(--pane-head-padding-right) 0 var(--pane-head-padding-left);
  border-bottom: 1px solid var(--ui-grey-lightest);
}
.pane-title[data-v-68921690] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--text-pane-title-size);
  font-weight: var(--text-pane-title-weight);
  white-space: nowrap;
  color: var(--text-body-01);
}
.pane-title-short[data-v-68921690] {
  display: none;
}
@container pane-box (max-width: 280px) {
.pane-title-full[data-v-68921690] {
    display: none;
}
.pane-title-short[data-v-68921690] {
    display: inline;
}
}
.pane-actions[data-v-68921690] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.pane-body[data-v-68921690] {
  flex: 1;
  min-height: 0;
  container-type: inline-size;
  container-name: pane;
}
.transcript-scroll[data-v-68921690] {
  overflow-y: auto;
  padding: var(--pane-padding);
  display: flex;
  flex-direction: column;
  scrollbar-width: none;
  overscroll-behavior: contain;
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
}
.transcript-scroll[data-v-68921690]::-webkit-scrollbar {
  display: none;
}
.transcript-inner[data-v-68921690] {
  margin-top: auto;
}
.transcript-inner.is-no-speakers[data-v-68921690] {
  --speaker-column: 0px;
  --speaker-gap: 0px;
}
@container pane (max-width: 440px) {
.transcript-inner[data-v-68921690]:not(.is-no-speakers) {
    --speaker-column: var(--speaker-column-narrow);
}
}
.has-source .transcript-inner[data-v-68921690]:not(.is-no-speakers) {
  --speaker-column: var(--speaker-column-narrow);
}
.utterance[data-v-68921690] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--speaker-gap);
  font-size: var(--transcript-font-size);
}
.utterance + .utterance[data-v-68921690] {
  margin-top: var(--paragraph-gap);
}
.utterance.is-new[data-v-68921690] {
  animation: utterance-in-68921690 340ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes utterance-in-68921690 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.utterance.is-new[data-v-68921690] {
    animation: none;
}
}
.utterance-text[data-v-68921690] {
  flex: 1;
  min-width: 0;
}
.paragraph-text[data-v-68921690] {
  margin: 0;
  line-height: var(--transcript-line-height);
  color: var(--text-body-01);
}
.utterance:lang(th) .paragraph-text[data-v-68921690],
.utterance:lang(hi) .paragraph-text[data-v-68921690],
.utterance:lang(mr) .paragraph-text[data-v-68921690] {
  line-height: var(--transcript-line-height-stacked);
}
.pane-source .paragraph-text[data-v-68921690] {
  color: var(--ui-grey-light);
}
.pane-source .utterance.is-latest .paragraph-text[data-v-68921690] {
  color: var(--text-body-01);
}
.pane-translation .paragraph-text[data-v-68921690] {
  color: var(--translation-text-past);
}
.pane-translation .utterance.is-latest .paragraph-text[data-v-68921690] {
  color: var(--translation-text-latest);
}
.pane-tts[data-v-68921690] {
  background: var(--tts-bg);
  border-color: var(--tts-bg);
}
.pane-tts .pane-head[data-v-68921690] {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.pane-tts .pane-title[data-v-68921690] {
  color: #fff;
}
.pane-tts .paragraph-text[data-v-68921690] {
  color: var(--tts-text-read);
}
.pane-tts .tts-read[data-v-68921690] {
  color: var(--tts-text-read);
}
.pane-tts .tts-unread[data-v-68921690] {
  color: var(--tts-text-unread);
}
.pane-tts .utterance[data-v-68921690] {
  cursor: pointer;
}
.pane-tts .utterance-text[data-v-68921690] {
  position: relative;
}
.tts-measure[data-v-68921690] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
.pane-tts .transcript-scroll[data-v-68921690] {
  overflow: hidden;
}
.ellipsis-loader[data-v-68921690] {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 16px;
  margin-top: 12px;
  margin-left: calc(var(--speaker-column) + var(--speaker-gap) + 4px);
  opacity: 0;
  transition: opacity 180ms ease;
}
.ellipsis-loader.is-active[data-v-68921690] {
  opacity: 1;
}
.ellipsis-loader.is-plain[data-v-68921690] {
  --ellipsis-dot-color: var(--ui-grey-lighter);
  --ellipsis-dot-active-color: var(--text-body-01);
}
.ellipsis-loader span[data-v-68921690] {
  width: 6px;
  height: 6px;
  background-color: var(--ellipsis-dot-color);
  border-radius: 50%;
  transform-origin: center;
  will-change: transform, background-color;
  animation: dot-step-68921690 1800ms linear infinite;
}
.ellipsis-loader span[data-v-68921690]:nth-child(1) {
  animation-delay: 0ms;
}
.ellipsis-loader span[data-v-68921690]:nth-child(2) {
  animation-delay: 250ms;
}
.ellipsis-loader span[data-v-68921690]:nth-child(3) {
  animation-delay: 500ms;
}
@keyframes dot-step-68921690 {
0%, 44.444% {
    transform: scale(1);
    background-color: var(--ellipsis-dot-color);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
58.333% {
    transform: scale(1.3333);
    background-color: var(--ellipsis-dot-active-color);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
72.222%, 100% {
    transform: scale(1);
    background-color: var(--ellipsis-dot-color);
}
}
@media (prefers-reduced-motion: reduce) {
.ellipsis-loader[data-v-68921690] {
    transition: none;
}
.ellipsis-loader span[data-v-68921690] {
    animation: none;
}
}
.transcript-start[data-v-68921690] {
  margin-bottom: 16px;
  text-align: center;
  font-size: 12px;
  color: var(--ui-grey-lighter);
}
.transcript-fade-top[data-v-68921690] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  transition: opacity 0.18s ease;
}
.transcript-fade-top.is-visible[data-v-68921690] {
  opacity: 1;
}
.pane:has(.pane-head) .transcript-fade-top[data-v-68921690] {
  display: none;
}
.scroll-indicator[data-v-68921690] {
  position: absolute;
  right: 4px;
  width: 4px;
  border-radius: 2px;
  background: rgba(21, 21, 21, 0.25);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.scroll-indicator.is-visible[data-v-68921690] {
  opacity: 1;
}
.pane:has(.pane-head) .scroll-indicator[data-v-68921690] {
  top: var(--pane-head-height);
}
@media (prefers-reduced-motion: reduce) {
.transcript-fade-top[data-v-68921690] {
    transition: none;
}
}
.scroll-to-bottom-button[data-v-68921690] {
  position: absolute;
  bottom: 16px;
  left: 50%;
  z-index: 3;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--text-body-01);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transform: translate(-50%, 0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.scroll-to-bottom-button[data-v-68921690] svg {
  width: 24px;
  height: 24px;
}
.scroll-to-bottom-button.is-hidden[data-v-68921690] {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 6px);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.scroll-to-bottom-button[data-v-68921690],
  .scroll-to-bottom-button.is-hidden[data-v-68921690] {
    transition: opacity 0.2s linear;
    transform: translate(-50%, 0);
}
}.share-modal-overlay[data-v-9e847540] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2000;
}
.share-modal-content[data-v-9e847540] {
  display: flex;
  align-items: center;
  gap: 80px;
}
.share-modal-qr[data-v-9e847540] {
  flex-shrink: 0;
}
.qr-code-container[data-v-9e847540] {
  width: 240px;
  height: 240px;
  padding: 4px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.qr-code-container[data-v-9e847540] .qr-code-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.share-modal-info[data-v-9e847540] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 364px;
}
.share-modal-heading[data-v-9e847540] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.share-modal-title[data-v-9e847540] {
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.1px;
  overflow-wrap: break-word;
}
.share-modal-code[data-v-9e847540] {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
  font-weight: 400;
}
.share-modal-code b[data-v-9e847540] {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media (max-width: 899px) {
.share-modal-content[data-v-9e847540] {
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.share-modal-info[data-v-9e847540] {
    display: contents;
}
.share-modal-heading[data-v-9e847540] {
    order: 1;
    width: 240px;
    margin-bottom: 32px;
    align-items: center;
    text-align: center;
}
.share-modal-title[data-v-9e847540] {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.share-modal-code[data-v-9e847540] {
    font-size: 16px;
}
.share-modal-qr[data-v-9e847540] {
    order: 2;
    margin-bottom: 24px;
}
.share-modal-actions[data-v-9e847540] {
    order: 3;
}
}.searchable-language-list[data-v-ba912994] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: var(--searchable-language-list-max-height, 70vh);
  max-height: var(--searchable-language-list-max-height, 70dvh);
}
.searchable-language-list .search-bar[data-v-ba912994] {
  flex-shrink: 0;
  padding-bottom: 12px;
}
.searchable-language-list .search-bar .search-input[data-v-ba912994] {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 16px;
  color: var(--ui-grey-darkest);
  outline: none;
}
.searchable-language-list .search-bar .search-input[data-v-ba912994]:focus {
  border-color: var(--ui-ignite);
}
.searchable-language-list .language-list[data-v-ba912994] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y pinch-zoom;
  padding-bottom: env(safe-area-inset-bottom);
}
.searchable-language-list .language-list .language-item[data-v-ba912994] {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ui-grey-darkest);
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.searchable-language-list .language-list .language-item[data-v-ba912994]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.searchable-language-list .language-list .language-item.active[data-v-ba912994] {
  background-color: var(--ui-ignite);
  color: #fff;
}
.searchable-language-list .language-list .language-list-empty[data-v-ba912994] {
  padding: 24px 16px;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}.translation-language-container {
  width: 320px;
  max-width: 90vw;
  padding: 0 12px 12px;
  box-sizing: border-box;
}
.translation-language-container .translation-language-header {
  text-align: center;
  margin-bottom: 0;
  padding: 12px 6px;
  border-bottom: 1px solid #e0e0e0;
}
.translation-language-container .translation-language-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.translation-language-container .searchable-language-list {
  padding-top: 12px;
  --searchable-language-list-max-height: 50dvh;
}.download-container .download-options .download-option[data-v-c0064244] {
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
  position: relative;
}
.download-container .download-options .download-option[data-v-c0064244]:last-child {
  border-bottom: none;
}
.download-container .download-options .download-option[data-v-c0064244]:hover:not(.active) {
  background-color: rgba(221, 221, 221, 0.5);
}
.download-container .download-options .download-option.active[data-v-c0064244] {
  background-color: rgb(221, 221, 221);
}.tutorial-shell[data-v-cb08ad37] {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pane-stack[data-v-cb08ad37] {
  --pane-min: min(
  	calc(4 * 1.2 * var(--transcript-font-size, 16px) + 74px),
  	calc((100dvh - 290px) / 2)
  );
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--pane-gap);
  width: var(--content-width);
  max-width: var(--content-max-width);
  margin: 0 auto;
}
.pane-row[data-v-cb08ad37] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--pane-gap);
  min-height: var(--pane-min);
}
.pane-row[data-v-cb08ad37]:has(.pane-source) {
  min-height: calc(var(--pane-min) * 2 + var(--pane-gap));
}
.pane-source[data-v-cb08ad37],
.pane-translation[data-v-cb08ad37] {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}
.pane-tts[data-v-cb08ad37] {
  flex: 0 1 var(--tts-height);
  min-height: 140px;
}
@media (min-width: 900px) {
.pane-row[data-v-cb08ad37] {
    flex-direction: row;
}
.pane-row[data-v-cb08ad37],
  .pane-row[data-v-cb08ad37]:has(.pane-source) {
    min-height: var(--pane-min);
}
.pane-translation[data-v-cb08ad37] {
    order: 0;
}
.pane-source[data-v-cb08ad37] {
    order: 1;
}
}
.pane-catch-up[data-v-cb08ad37],
.pane-pill[data-v-cb08ad37] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px;
  border: none;
  border-radius: var(--radius-title-button);
  background: var(--translation);
  color: #fff;
  font-family: inherit;
  font-size: var(--text-title-button-size);
  font-weight: var(--text-title-button-weight);
  white-space: nowrap;
  cursor: pointer;
}
.pane-catch-up[data-v-cb08ad37]:hover:not(:disabled),
.pane-pill[data-v-cb08ad37]:hover:not(:disabled) {
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.08);
}
.pane-catch-up[data-v-cb08ad37]:active:not(:disabled), .pane-catch-up.is-open[data-v-cb08ad37],
.pane-pill[data-v-cb08ad37]:active:not(:disabled),
.pane-pill.is-open[data-v-cb08ad37] {
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.16);
}
.pane-catch-up[data-v-cb08ad37]:disabled,
.pane-pill[data-v-cb08ad37]:disabled {
  opacity: 0.45;
  cursor: default;
}
.pane-tts .pane-catch-up[data-v-cb08ad37],
.pane-tts .pane-pill[data-v-cb08ad37] {
  background: #fff;
  color: var(--translation);
}
@supports (text-box-trim: trim-both) {
.pane-catch-up > span[data-v-cb08ad37],
  .pane-pill > span[data-v-cb08ad37] {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}
}.feedback-form-container[data-v-202abeab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.feedback-form-container .logo-container[data-v-202abeab] {
  text-align: center;
  margin-bottom: 30px;
}
.feedback-form-container .logo-container .logo[data-v-202abeab] {
  width: 200px;
  margin: 0 auto 10px;
}
.feedback-form-container .feedback-card[data-v-202abeab] {
  max-width: 500px;
  width: 100%;
  border-radius: 16px;
  background: transparent;
}
.feedback-form-container .feedback-card .thank-you-message[data-v-202abeab] {
  color: var(--ui-grey-darkest);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 8px;
  text-align: center;
}
.feedback-form-container .feedback-card .session-closed-message[data-v-202abeab] {
  color: var(--ui-grey-darkest);
  font-size: 18px;
  margin-top: 0;
  text-align: center;
}
.feedback-form-container .feedback-card .feedback-section[data-v-202abeab] {
  margin-top: 30px;
}
.feedback-form-container .feedback-card .feedback-question[data-v-202abeab] {
  color: var(--ui-grey-darkest);
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
.feedback-form-container .feedback-card .star-rating[data-v-202abeab] {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.feedback-form-container .feedback-card .star-rating .star-button[data-v-202abeab] {
  background: transparent;
  border: none;
  padding: 0 5px;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.feedback-form-container .feedback-card .star-rating .star-button.active[data-v-202abeab] {
  transform: scale(1.1);
}
.feedback-form-container .feedback-card .star-rating .star-button .star-icon[data-v-202abeab] {
  font-size: 24px;
  color: #ddd;
  transition: color 0.2s ease;
}
.feedback-form-container .feedback-card .star-rating .star-button .star-icon.filled[data-v-202abeab] {
  color: var(--ui-ignite);
}
.feedback-form-container .feedback-card .button-container[data-v-202abeab] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.feedback-form-container .feedback-card .button-container .submit-button[data-v-202abeab] {
  border-radius: 24px;
  background: var(--ui-ignite);
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  height: 48px;
  max-width: 200px;
  width: 100%;
  border: none;
  cursor: pointer;
}
@media (max-width: 499px) {
.feedback-form-container .logo-container .logo[data-v-202abeab] {
    width: 150px;
}
.feedback-form-container .feedback-card .thank-you-message[data-v-202abeab] {
    font-size: 20px;
}
.feedback-form-container .feedback-card .session-closed-message[data-v-202abeab] {
    font-size: 16px;
}
.feedback-form-container .feedback-card .feedback-question[data-v-202abeab] {
    font-size: 16px;
}
.feedback-form-container .feedback-card .button-container .submit-button[data-v-202abeab] {
    font-size: 14px;
    height: 44px;
}
}.feedback-confirmation-container[data-v-9fe86cfb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 500px;
  padding: 0 16px;
}
.feedback-confirmation-container .logo[data-v-9fe86cfb] {
  width: 200px;
  margin-bottom: 30px;
}
.feedback-confirmation-container .thanks-message[data-v-9fe86cfb] {
  color: var(--ui-grey-darkest);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 8px;
}
.feedback-confirmation-container .working-message[data-v-9fe86cfb] {
  color: var(--ui-grey-darkest);
  font-size: 18px;
  margin: 0;
}
.feedback-confirmation-container .explore-button[data-v-9fe86cfb] {
  margin-top: 24px;
  border-radius: 24px;
  background: var(--ui-ignite);
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  height: 48px;
  padding: 0 32px;
  border: none;
  cursor: pointer;
}
@media (max-width: 499px) {
.feedback-confirmation-container .logo[data-v-9fe86cfb] {
    width: 150px;
}
.feedback-confirmation-container .thanks-message[data-v-9fe86cfb] {
    font-size: 20px;
}
.feedback-confirmation-container .working-message[data-v-9fe86cfb] {
    font-size: 16px;
}
.feedback-confirmation-container .explore-button[data-v-9fe86cfb] {
    font-size: 14px;
    height: 44px;
}
}.meeting-end-container[data-v-b57eae64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 16px;
}.panel-content[data-v-0d2e3e3f] {
  width: 100%;
  height: 100%;
  display: flex;
}
.panel-content .left-panel[data-v-0d2e3e3f] > * {
  margin: 0;
}
.panel-content .title[data-v-0d2e3e3f] {
  color: var(--ui-grey-darkest);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.1px;
  padding-bottom: 24px;
  width: 100%;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
  color: var(--ui-grey-darkest);
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: -0.1px;
  width: 100%;
}
@media screen and (min-width: 900px) {
.panel-content .left-panel[data-v-0d2e3e3f],
  .panel-content .right-panel[data-v-0d2e3e3f] {
    height: 100%;
    min-width: 50%;
    flex: 1;
}
.panel-content .left-panel[data-v-0d2e3e3f] {
    padding-left: 10vw;
    padding-right: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.panel-content .right-panel[data-v-0d2e3e3f] {
    display: flex;
    align-items: center;
    padding-right: 10vw;
}
.panel-content .language-panel[data-v-0d2e3e3f] {
    width: 100%;
    max-width: 480px;
    height: 70vh;
    height: 70dvh;
    --searchable-language-list-max-height: 100%;
}
}
@media screen and (min-width: 1920px) {
.panel-content .title[data-v-0d2e3e3f] {
    font-size: 75px;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
    font-size: 60px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
.panel-content .title[data-v-0d2e3e3f] {
    font-size: 56px;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
    font-size: 45px;
}
}
@media screen and (min-width: 500px) and (max-width: 1279px) {
.panel-content .title[data-v-0d2e3e3f] {
    font-size: 30px;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
    font-size: 24px;
}
}
@media screen and (max-width: 899px) {
.panel-content[data-v-0d2e3e3f] {
    flex-direction: column;
    padding: 0;
}
.panel-content .left-panel[data-v-0d2e3e3f] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 15vh;
    padding: 16px 5vw 8px;
}
.panel-content .title[data-v-0d2e3e3f] {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
    text-align: center;
}
.panel-content .right-panel[data-v-0d2e3e3f] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 0 5vw;
}
.panel-content .language-panel[data-v-0d2e3e3f] {
    width: 100%;
    height: 100%;
    --searchable-language-list-max-height: 100%;
}
}
@media screen and (max-width: 499px) {
.panel-content .title[data-v-0d2e3e3f] {
    font-size: 20px;
}
.panel-content .meet-title[data-v-0d2e3e3f] {
    font-size: 16px;
}
}