.recorder-ui__container.svelte-1auvu03{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s-space-0)}.recorder-ui.svelte-1auvu03{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-space-0);background-color:var(--c-bg-0);padding:var(--s-space-0);border-radius:var(--s-radius-1);position:relative}.recorder-ui__label.svelte-1auvu03{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.recorder-ui__label.svelte-1auvu03 span:where(.svelte-1auvu03){display:block;background-color:var(--c-bg-1);font-size:.625rem;line-height:.75rem;height:.75rem;text-indent:5px;letter-spacing:.5px;text-transform:uppercase}.recorder-ui__config.svelte-1auvu03{width:100%;border-radius:var(--s-radius-1);padding:var(--s-8)}.recorder-ui__config--video.svelte-1auvu03{background:var(--c-bg-1)}.recorder-ui__mode.svelte-1auvu03{width:100%;background:var(--c-bg-1);border-radius:1.5rem;padding:var(--s-space-0);display:flex;align-items:center;justify-content:center;gap:var(--s-space-0)}.recorder-ui__mode.svelte-1auvu03 button:where(.svelte-1auvu03){width:100%;flex:1}.recorder-ui__options.svelte-1auvu03{display:flex;flex-direction:column;gap:var(--s-space-0);width:100%;padding-top:var(--s-space-0);--color-bg: var(--c-bg-0);--color-item-bg-active: var(--c-bg-r-0);--color-item-fg-active: var(--c-fg-r-0);--padding-inline: var(--s-6);--gap: var(--s-2)}.recorder-ui__aspect-ratio--landscape.svelte-1auvu03{display:block;width:16px;height:10px;border:1px solid currentColor;border-radius:var(--s-2)}.recorder-ui__aspect-ratio--portrait.svelte-1auvu03{display:block;width:10px;height:16px;border:1px solid currentColor;border-radius:var(--s-2)}.recorder-ui__option-group.svelte-1auvu03{display:flex;align-items:center;gap:var(--s-space-0)}.recorder-ui__option-label.svelte-1auvu03{font-size:.5625rem;text-transform:uppercase;letter-spacing:.5px;color:var(--c-fg-5);width:4.5rem;flex:none;text-align:right}.recorder-ui__option-btns.svelte-1auvu03{display:flex;flex:1;gap:1px;background-color:var(--c-bg-1);border-radius:var(--s-radius-0);overflow:hidden}.recorder-ui__option-btn.svelte-1auvu03{flex:1;padding:.25rem;font-size:.625rem;letter-spacing:.3px;border:none;background-color:var(--c-bg-1);color:var(--c-fg-5);cursor:pointer;transition:all .15s ease}.recorder-ui__option-btn.svelte-1auvu03:disabled{cursor:not-allowed;opacity:.5}.recorder-ui__option-btn--active.svelte-1auvu03{background-color:var(--c-bg-2);color:var(--c-fg-0)}.recorder-ui__auto-toggle.svelte-1auvu03{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--c-fg-3);cursor:pointer;padding:0 .5rem;-webkit-user-select:none;user-select:none}.recorder-ui__auto-toggle.svelte-1auvu03 input[type=checkbox]:where(.svelte-1auvu03){accent-color:var(--c-bg-r-0);cursor:pointer}.recorder-ui__auto-toggle.svelte-1auvu03 input:where(.svelte-1auvu03):disabled{cursor:not-allowed;opacity:.5}.recorder-ui__auto-hint.svelte-1auvu03{font-size:.75rem;line-height:1rem;color:#c00;text-transform:uppercase;text-align:center;padding:1.0625rem 1.5rem;margin:0;border:1px solid #C00;border-radius:1.75rem}.recorder-ui__time.svelte-1auvu03{width:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:var(--c-fg-5)}.recorder-ui__time--active.svelte-1auvu03{color:var(--c-bg-r-0)}.recorder-ui__actions.svelte-1auvu03{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--s-space-0);padding:.5rem}.recorder-ui__btn.svelte-1auvu03{display:flex}.recorder-ui__link-download.svelte-1auvu03{flex:1;display:flex;align-items:center;justify-content:center;white-space:unset;margin:0;padding-left:1rem;padding-right:.5rem;gap:.5rem}.recorder-ui__filename.svelte-1auvu03{font-size:.75rem;color:var(--c-fg-1);flex:1;display:flex;align-items:center;justify-content:flex-start}.recorder-ui__filename.svelte-1auvu03 span:where(.svelte-1auvu03){flex:none;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;line-break:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical}.recorder-ui__filename.svelte-1auvu03 span:where(.svelte-1auvu03):first-child{flex:initial}.recorder-ui__btn-clear.svelte-1auvu03{margin-left:.5rem}.recorder-ui__btn-icon.svelte-1auvu03{width:1.25rem;height:1.25rem;background-color:#c00;border-radius:50%;border:1.5px solid var(--c-bg-0);transform:scale(.8);transition:all .2s var(--cubic-out)}.recorder-ui__btn.svelte-1auvu03:hover:not(:disabled) .recorder-ui__btn-icon:where(.svelte-1auvu03){transform:scale(1)}.recorder-ui__btn-icon--stop.svelte-1auvu03{border-radius:.25rem}.recorder-ui__btn.svelte-1auvu03:disabled .recorder-ui__btn-icon:where(.svelte-1auvu03){background-color:var(--c-fg-4)}.recorder-ui__auto-toggle.svelte-1auvu03{background-color:var(--c-bg-0);border-radius:var(--s-radius-1);padding:var(--s-space-1) var(--s-space-1) var(--s-space-1) 1rem;font-size:.875rem;letter-spacing:.5px;color:var(--c-fg-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.recorder-ui__switch.svelte-1auvu03{display:block;width:4rem;height:2.25rem;border-radius:1.5rem;background:var(--c-bg-2);position:relative;padding:.5rem;display:flex;align-items:center;justify-content:flex-start;transition:all .3s var(--cubic-out)}.recorder-ui__switch.svelte-1auvu03:before{content:"";display:block;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--c-bg-0);transition:all .3s var(--cubic-out)}.recorder-ui__auto-toggle.svelte-1auvu03 input:where(.svelte-1auvu03){display:none}.recorder-ui__auto-toggle.svelte-1auvu03 input:where(.svelte-1auvu03):checked+.recorder-ui__switch:where(.svelte-1auvu03){justify-content:flex-end;background:#c00}.recorder-ui__auto-toggle.svelte-1auvu03 input:where(.svelte-1auvu03):disabled+.recorder-ui__switch:where(.svelte-1auvu03){cursor:not-allowed}