.active-controls.svelte-1tpsksn{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);isolation:isolate;will-change:backdrop-filter;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:28px;grid-template-columns:1.05fr .76fr .82fr .86fr .76fr .9fr;align-items:center;gap:5px;width:100%;min-height:76px;padding:10px 12px;display:grid;transform:translateZ(0);box-shadow:0 24px 58px #0f0f141f,inset 0 1px #ffffff6b}.call-duration.svelte-1tpsksn{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.duration-time.svelte-1tpsksn{color:var(--stefai-ui-primary,#635dff);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1.1}.duration-label.svelte-1tpsksn{color:var(--stefai-ui-text-secondary,#8c8ca3);font-size:11px;font-weight:600;line-height:1.1}.bar-action.svelte-1tpsksn{min-width:0;height:54px;color:var(--stefai-ui-text-secondary,#8c8ca3);cursor:pointer;background:0 0;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .15s,color .15s,transform .15s;display:flex}.bar-action.svelte-1tpsksn:hover:not(:disabled),.bar-action.svelte-1tpsksn:focus-visible{color:var(--stefai-ui-primary,#635dff);background:#635dff14}.bar-action.svelte-1tpsksn:active:not(:disabled){transform:scale(.97)}.bar-action.svelte-1tpsksn:disabled{opacity:.45;cursor:not-allowed}.bar-action.svelte-1tpsksn .material-symbols-rounded:where(.svelte-1tpsksn){font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 24;font-size:20px}.bar-action.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child,.end-call-button.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:10.5px;font-weight:700;line-height:1;overflow:hidden}.primary-action.svelte-1tpsksn{color:var(--stefai-ui-primary,#635dff);background:#635dff14}.bar-action.is-muted.svelte-1tpsksn{color:var(--stefai-ui-danger,#ff4747);background:#ff474714}.pause-action.is-paused.svelte-1tpsksn{color:var(--stefai-ui-primary,#635dff);background:#635dff1f}.end-call-button.svelte-1tpsksn{background:var(--stefai-ui-danger,#ff4747);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:56px;transition:transform .15s,background .15s;display:flex;box-shadow:0 10px 26px #ff474747}.end-call-button.svelte-1tpsksn:hover,.end-call-button.svelte-1tpsksn:focus-visible{background:#e83e3e}.end-call-button.svelte-1tpsksn:active{transform:scale(.97)}.end-call-button.svelte-1tpsksn .material-symbols-rounded:where(.svelte-1tpsksn){font-variation-settings:"FILL" 0, "wght" 520, "GRAD" 0, "opsz" 24;font-size:22px}.vocab-wrapper.svelte-1tpsksn{justify-content:center;align-items:center;min-width:0;display:flex}.vocab-wrapper.svelte-1tpsksn .vocabulary-btn{width:100%;min-width:0;height:54px;color:var(--stefai-ui-text-secondary,#8c8ca3);background:0 0;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:10.5px;font-weight:700;display:flex}.vocab-wrapper.svelte-1tpsksn .vocabulary-btn:hover:not(:disabled),.vocab-wrapper.svelte-1tpsksn .vocabulary-btn:focus-visible{color:var(--stefai-ui-primary,#635dff);background:#635dff14}.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .material-symbols-rounded,.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .label{color:currentColor}.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .material-symbols-rounded{font-size:21px}@media (width<=390px){.active-controls.svelte-1tpsksn{grid-template-columns:.98fr .7fr .72fr .78fr .68fr .82fr;gap:3px;min-height:72px;padding:8px 10px}.bar-action.svelte-1tpsksn,.end-call-button.svelte-1tpsksn,.vocab-wrapper.svelte-1tpsksn .vocabulary-btn{height:50px}.bar-action.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child,.end-call-button.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child,.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .label{font-size:9.5px}.duration-time.svelte-1tpsksn{font-size:15px}.duration-label.svelte-1tpsksn{font-size:11px}}@media (width<=340px){.active-controls.svelte-1tpsksn{grid-template-columns:.96fr .66fr .68fr .74fr .64fr .78fr;gap:2px;padding:8px}.bar-action.svelte-1tpsksn,.end-call-button.svelte-1tpsksn,.vocab-wrapper.svelte-1tpsksn .vocabulary-btn{border-radius:16px;height:48px}.bar-action.svelte-1tpsksn .material-symbols-rounded:where(.svelte-1tpsksn),.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .material-symbols-rounded{font-size:19px}.end-call-button.svelte-1tpsksn .material-symbols-rounded:where(.svelte-1tpsksn){font-size:20px}.bar-action.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child,.end-call-button.svelte-1tpsksn span:where(.svelte-1tpsksn):last-child,.vocab-wrapper.svelte-1tpsksn .vocabulary-btn .label{display:none}}.dark-mode .active-controls.svelte-1tpsksn,:root[data-theme=dark] .active-controls.svelte-1tpsksn{background:#ffffff14;border-color:#ffffff24;box-shadow:0 26px 62px #00000047,inset 0 1px #ffffff14}