@property --orbit{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mix{syntax:"<number>";inherits:true;initial-value:0}.button-orbit.svelte-z18xkp{--padding:6px;--mix-speed:1.1s;--bg:var(--color-white-6);--bg-hover:var(--color-white-10);padding:var(--padding);color:var(--color-accent);background:var(--color-darkgray);transition:color var(--transition-accent), background-color var(--transition-hover), --mix var(--mix-speed) var(--ease-cubic);border-radius:100vh;align-items:center;gap:4px;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}.button-orbit.svelte-z18xkp .outline:where(.svelte-z18xkp) rect:where(.svelte-z18xkp){rx:22px}.button-orbit.svelte-z18xkp .circle:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp .label:where(.svelte-z18xkp){background:var(--bg);height:32px;transition:background-color var(--transition-hover);border-radius:100vh;align-items:center;display:flex}.button-orbit.svelte-z18xkp .circle:where(.svelte-z18xkp){aspect-ratio:1;justify-content:center}.button-orbit.svelte-z18xkp .label:where(.svelte-z18xkp){padding-inline:16px}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp){overflow:visible}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){--angle:calc(var(--orbit) + var(--phase));--x:calc(cos(var(--angle)) * var(--mix) + cos(var(--phase)) * (1 - var(--mix)));--y:calc(sin(var(--angle)) * var(--mix) + sin(var(--phase)) * (1 - var(--mix)));--depth:calc(var(--y) - sin(var(--phase)));--size:clamp(.8, 1 + .25 * var(--depth), 1.2);--dx:calc(var(--r) * var(--x) * 1px);--dy:calc(var(--r) * var(--tilt) * var(--y) * 1px);transform-box:fill-box;transform-origin:50%;translate:calc(var(--size) * (var(--dx) * cos(var(--start)) - var(--dy) * sin(var(--start)))) calc(var(--size) * (var(--dx) * sin(var(--start)) + var(--dy) * cos(var(--start))));scale:var(--size);opacity:clamp(.45, 1 + .35 * var(--depth), 1)}@media (prefers-reduced-motion:no-preference){.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){animation:2.5s linear infinite paused svelte-z18xkp-dot-orbit}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(2){animation-duration:3.75s;animation-direction:reverse}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(3){animation-duration:3s}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(4){animation-duration:4.25s;animation-direction:reverse}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(5){animation-duration:2s}}.button-orbit.is-accent.svelte-z18xkp{--bg:var(--color-accent);--bg-hover:color-mix(in oklab, var(--color-accent), var(--color-white) 20%);color:var(--color-darkgray)}.button-orbit.is-accent.svelte-z18xkp .outline:where(.svelte-z18xkp){color:var(--color-accent)}.button-orbit.svelte-z18xkp:hover{--mix:1;--mix-speed:.5s}.button-orbit.svelte-z18xkp:hover .outline:where(.svelte-z18xkp){color:var(--color-white-50)}.button-orbit.svelte-z18xkp:hover .outline:where(.svelte-z18xkp) rect:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp:hover .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){animation-play-state:running}.button-orbit.svelte-z18xkp:hover .circle:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp:hover .label:where(.svelte-z18xkp){background:var(--bg-hover)}.button-orbit.svelte-z18xkp:disabled{opacity:.6}.button-orbit.svelte-z18xkp:active{translate:0 1px}@keyframes svelte-z18xkp-dot-orbit{to{--orbit:360deg}}span.svelte-13owc1b:after{content:"​"}.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);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100vh;align-items:center;padding-inline:16px;display:flex}.button.svelte-1np64x7:hover{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);-webkit-backdrop-filter:none;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{color:var(--color-white)}.button.svelte-1np64x7:disabled{opacity:.6}.button.svelte-1np64x7:active{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}.icon-button.svelte-sycgx5{--inner:4px;--fill:var(--color-darkgray);aspect-ratio:1;width:48px;color:var(--color-accent);transition:color var(--transition-accent);background:0 0;border-radius:100%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-button.svelte-sycgx5:before{content:"";z-index:-1;inset:var(--inner);background-color:var(--fill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--transition-hover);border-radius:100%;position:absolute}@media (width>=768px){.icon-button.svelte-sycgx5{--inner:6px;width:64px}}.icon-button.svelte-sycgx5:hover{--fill:var(--color-white-10)}.icon-button.svelte-sycgx5:hover .outline:where(.svelte-sycgx5){color:var(--color-white-50)}.icon-button.svelte-sycgx5:hover .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-play-state:running}.icon-button.svelte-sycgx5:active{translate:0 1px}.icon-button.is-reverse.svelte-sycgx5 .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-direction:reverse}.icon-button.is-small.svelte-sycgx5{--inner:3px;width:40px}@media (width>=768px){.icon-button.is-small.svelte-sycgx5{--inner:4px}}.icon-button.is-large.svelte-sycgx5{--inner:4px;width:56px}@media (width>=768px){.icon-button.is-large.svelte-sycgx5{--inner:6px;width:80px}}.icon-button.is-active.svelte-sycgx5 .outline:where(.svelte-sycgx5){color:var(--color-accent)}.icon-button.is-active.svelte-sycgx5 .outline:where(.svelte-sycgx5) circle:where(.svelte-sycgx5){animation-play-state:running}.input.svelte-1ij8zhd{background:var(--color-darkgray);width:100%;height:32px;color:var(--color-white);border:0;border-bottom:1px solid var(--color-white-50);border-radius:0;padding:12px 6px;transition:border-color .3s,box-shadow .3s}@media (width>=768px){.input.svelte-1ij8zhd{height:38px}}.input.svelte-1ij8zhd::placeholder{opacity:1;color:var(--color-white-65)}.input.svelte-1ij8zhd:focus{border-color:var(--color-accent);box-shadow:0 1px 0 var(--color-accent);outline:none}.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)}}
