.button.svelte-1np64x7{--bg:var(--color-white-10);--bg-hover:var(--color-white-15);height:32px;color:var(--color-white);background:var(--bg);transition:background-color var(--transition-hover);backdrop-filter:blur(8px);border-radius:100vh;align-items:center;gap:6px;padding-inline:16px;display:flex}.button.svelte-1np64x7:hover:not(:disabled){background:var(--bg-hover)}.button.is-small.svelte-1np64x7{padding-inline:12px}.button.is-light.svelte-1np64x7{--bg:var(--color-white-30);--bg-hover:var(--color-white-50)}.button.is-outline.svelte-1np64x7{--bg:transparent;--bg-hover:var(--color-white-10);box-shadow:inset 0 0 0 1px var(--color-white-30)}.button.is-active.svelte-1np64x7{box-shadow:inset 0 0 0 1px var(--color-white-50)}.button.is-accent.svelte-1np64x7{--bg:var(--color-accent);--bg-hover:color-mix(in oklab, var(--color-accent), var(--color-white) 20%);color:var(--color-darkgray)}.button.is-transparent.svelte-1np64x7{--bg:transparent;--bg-hover:transparent;color:var(--color-white-65);backdrop-filter:none;transition:color var(--transition-hover);padding-inline:12px;position:relative}.button.is-transparent.svelte-1np64x7:after{content:"";position:absolute;inset:-6px 0}.button.is-transparent.svelte-1np64x7:hover:not(:disabled){color:var(--color-white)}.button.svelte-1np64x7:disabled{opacity:.6}.button.svelte-1np64x7:active:not(:disabled){translate:0 1px}.button-group.svelte-1yvjc5x{background:var(--color-darkgray);border-radius:100vh;align-items:center;gap:6px;padding:8px;display:flex;position:relative}.button-group.svelte-1yvjc5x .outline:where(.svelte-1yvjc5x) rect:where(.svelte-1yvjc5x){rx:24px}.button-group.is-small.svelte-1yvjc5x{gap:3px;padding:4px}.button-group.is-small.svelte-1yvjc5x .button{height:22px;padding-inline:10px}.button-group.is-small.svelte-1yvjc5x .outline:where(.svelte-1yvjc5x) rect:where(.svelte-1yvjc5x){rx:14px}.voice-message.svelte-1kw4huw{--fill-step:var(--color-accent);--outline-step:color-mix(in oklab, var(--color-white-30), var(--color-red) var(--red-mix,0%));--record-size:clamp(96px, 15vh, 160px);--record-inner:8px;--glyph-size:32px;flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=768px){.voice-message.svelte-1kw4huw{--record-size:clamp(160px, 25vh, 200px);--record-inner:10px;--glyph-size:clamp(32px, 2.5vw, 40px);gap:clamp(24px,1.75vw,32px)}}.voice-message.is-medium.svelte-1kw4huw{--record-size:120px;--record-inner:4px;--glyph-size:32px}.voice-message.svelte-1kw4huw .icon-button.is-large{--fill:var(--fill-step);--inner:var(--record-inner);width:var(--record-size);color:var(--color-darkgray);transition:color var(--transition-accent)}.voice-message.svelte-1kw4huw .icon-button.is-large .outline{color:var(--outline-step);scale:var(--level,1);transition:color .5s var(--ease-cubic)}.voice-message.svelte-1kw4huw .icon-button.is-large .outline circle{--dash-cycle:var(--dash-cycle-thick);stroke-width:2px;stroke-dasharray:var(--dash-pattern-thick)}.voice-message.svelte-1kw4huw .icon-button.is-large:hover{--fill:var(--fill-step)}.voice-message.svelte-1kw4huw .icon-button.is-large:hover .outline{color:var(--outline-step)}.voice-message.svelte-1kw4huw .icon-button.is-large:disabled{cursor:default}.voice-message.svelte-1kw4huw .glyph:where(.svelte-1kw4huw){place-items:center;display:grid;position:absolute;inset:0}.voice-message.svelte-1kw4huw .glyph:where(.svelte-1kw4huw) svg:where(.svelte-1kw4huw){width:var(--glyph-size);grid-area:1/1}.voice-message.svelte-1kw4huw .bars:where(.svelte-1kw4huw) rect:where(.svelte-1kw4huw){--stagger:30ms;transition:y .75s var(--ease-quart), height .75s var(--ease-quart)}.voice-message.svelte-1kw4huw:is(.is-idle:where(.svelte-1kw4huw),.is-preview:where(.svelte-1kw4huw),.is-form:where(.svelte-1kw4huw)) .icon-button:hover{--outline-step:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.voice-message.is-idle.svelte-1kw4huw .icon-button:hover .bars rect{animation:svelte-1kw4huw-bars-wave 2.5s var(--ease-quart-inout) calc(var(--stagger) * var(--index)) infinite}}.voice-message.svelte-1kw4huw .clock:where(.svelte-1kw4huw){position:absolute;top:68%}.voice-message.svelte-1kw4huw .counts:where(.svelte-1kw4huw){place-items:center;display:grid}.voice-message.svelte-1kw4huw .counts:where(.svelte-1kw4huw) .count:where(.svelte-1kw4huw){font-family:var(--font-mono);grid-area:1/1;font-size:1.5rem;font-weight:700;line-height:1}@media (width>=768px){.voice-message.svelte-1kw4huw .counts:where(.svelte-1kw4huw) .count:where(.svelte-1kw4huw){font-size:clamp(1.5rem,1.75vw,2rem)}}.voice-message.is-countdown.svelte-1kw4huw,.voice-message.is-recording.svelte-1kw4huw{--fill-step:var(--color-red)}.voice-message.is-recording.svelte-1kw4huw .icon-button .outline circle,.voice-message.is-playing.svelte-1kw4huw .icon-button .outline circle{animation-play-state:running}.voice-message.is-playing.svelte-1kw4huw{--outline-step:var(--color-accent)}.voice-message.is-sent.svelte-1kw4huw{--fill-step:var(--color-accent-green);--outline-step:var(--color-accent-green)}.voice-message.svelte-1kw4huw .panes:where(.svelte-1kw4huw){justify-items:center;display:grid}.voice-message.svelte-1kw4huw .pane:where(.svelte-1kw4huw){grid-area:1/1;align-self:start}.voice-message.svelte-1kw4huw .details:where(.svelte-1kw4huw){flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=768px){.voice-message.svelte-1kw4huw .details:where(.svelte-1kw4huw){gap:32px}}.voice-message.svelte-1kw4huw .fields:where(.svelte-1kw4huw){flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width>=768px){.voice-message.svelte-1kw4huw .fields:where(.svelte-1kw4huw){gap:16px}}.voice-message.svelte-1kw4huw .fields:where(.svelte-1kw4huw) .input{width:80%}@media (width>=768px){.voice-message.svelte-1kw4huw .fields:where(.svelte-1kw4huw) .input{width:200px}}.voice-message.svelte-1kw4huw .confirmation:where(.svelte-1kw4huw){text-align:center;white-space:pre-wrap;min-height:2lh}.voice-message.svelte-1kw4huw .error:where(.svelte-1kw4huw){color:var(--color-red);text-align:center}.voice-message.svelte-1kw4huw .field-website:where(.svelte-1kw4huw){opacity:0;width:1px;height:1px;position:absolute;left:-9999px}@keyframes svelte-1kw4huw-bars-wave{0%,30%,to{y:calc(24px - var(--h) / 2);height:var(--h)}15%{y:calc(24px - var(--peak) / 2);height:var(--peak)}}