.recorder.svelte-18dkxdi{--accent:var(--color-danger-bg);box-sizing:border-box;width:fit-content;max-width:var(--recorder-max,12rem);font-family:var(--font-family-body);font-size:var(--size-step-0);color:var(--color-text-loud);interpolate-size:allow-keywords;transition:width .26s cubic-bezier(.34,1.56,.64,1),max-width .26s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}[data-variant=primary].svelte-18dkxdi{--accent:var(--color-primary-bg)}[data-phase=recording].svelte-18dkxdi,[data-phase=reviewing].svelte-18dkxdi{width:100%;max-width:100%}.bar.svelte-18dkxdi,.review.svelte-18dkxdi{align-items:center;gap:var(--space-sm);box-sizing:border-box;width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-main) var(--border-style-main) var(--color-border-quiet);border-radius:var(--radius-pill);background:var(--color-surface-default);display:flex}.bar.svelte-18dkxdi{font:inherit;color:inherit;text-align:start;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:border-color .15s,transform .12s}.bar.svelte-18dkxdi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar.svelte-18dkxdi:disabled{opacity:.5;cursor:not-allowed}[data-phase=recording].svelte-18dkxdi .bar:where(.svelte-18dkxdi){border-color:var(--accent);transform:translateY(calc(var(--drag) * -6px))}.idle.svelte-18dkxdi{align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-text-quiet);display:flex}.idle.svelte-18dkxdi svg{flex:none;width:1em;height:1em}.placeholder.svelte-18dkxdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wave.svelte-18dkxdi{align-items:center;gap:3px;height:.9em;display:inline-flex}.wave.svelte-18dkxdi i:where(.svelte-18dkxdi){background:var(--accent);border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite svelte-18dkxdi-wave;display:block}.wave.svelte-18dkxdi i:where(.svelte-18dkxdi):nth-child(2){animation-delay:90ms}.wave.svelte-18dkxdi i:where(.svelte-18dkxdi):nth-child(3){animation-delay:.18s}.wave.svelte-18dkxdi i:where(.svelte-18dkxdi):nth-child(4){animation-delay:.27s}.wave.svelte-18dkxdi i:where(.svelte-18dkxdi):nth-child(5){animation-delay:.36s}@keyframes svelte-18dkxdi-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.wave.svelte-18dkxdi i:where(.svelte-18dkxdi){animation:none}}.recording.svelte-18dkxdi{font-weight:var(--font-weight-button);color:var(--accent);margin-inline-start:auto}.duration.svelte-18dkxdi{font-size:var(--size-step--1);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-quiet);flex:none}.hint.svelte-18dkxdi{bottom:calc(100% + var(--space-xs));font-size:var(--size-step--1);white-space:nowrap;color:var(--color-text-quiet);opacity:calc(.45 + var(--drag) * .55);transform:translate(-50%, calc(6px - var(--drag) * 8px));pointer-events:none;position:absolute;left:50%}.review.svelte-18dkxdi{--wave-height:1.5em;--wave-color:var(--color-text-quiet);--wave-played:var(--accent);--wave-opacity:1}.icon-btn.svelte-18dkxdi{color:var(--color-text-quiet);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.svelte-18dkxdi svg{width:16px;height:16px}.icon-btn[data-on].svelte-18dkxdi,.confirm.svelte-18dkxdi{color:var(--accent)}.confirm.svelte-18dkxdi{margin-inline-start:auto}.icon-btn.svelte-18dkxdi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}