.join.svelte-fouocx{--ring-edge:inset 0 0 0 1px var(--color-edge);--ring-ink:inset 0 0 0 1px var(--color-ink);--drop:0 1px 2px #0000000d;--glow:0 0 0 3px color-mix(in oklab, var(--color-ink) 10%, transparent);--button-height:44px;--button-padding:14px;gap:8px;width:100%;display:grid}.join.svelte-fouocx button{border-radius:12px}.join.svelte-fouocx input:where(.svelte-fouocx){background:var(--color-field);min-width:0;height:44px;color:var(--color-ink);box-shadow:var(--ring-edge), var(--drop);border-radius:12px;outline:none;padding-inline:14px;transition:box-shadow .15s}.join.svelte-fouocx input:where(.svelte-fouocx)::placeholder{color:var(--color-placeholder)}.join.svelte-fouocx input:where(.svelte-fouocx):focus{box-shadow:var(--ring-ink), var(--glow)}@media (width>=40rem){.join.svelte-fouocx{--button-height:36px;background:var(--color-field);height:44px;box-shadow:var(--ring-edge), var(--drop);border-radius:12px;align-items:center;gap:4px;padding:4px 4px 4px 14px;transition:box-shadow .15s;display:flex}.join.svelte-fouocx button{border-radius:8px}.join.svelte-fouocx:focus-within{box-shadow:var(--ring-ink), var(--glow)}.join.svelte-fouocx input:where(.svelte-fouocx),.join.svelte-fouocx input:where(.svelte-fouocx):focus{height:36px;box-shadow:none;background:0 0;border-radius:0;flex:1;padding:0}}.fine.svelte-fouocx{color:var(--color-body);font-size:13px;line-height:20px}.fine.svelte-fouocx span:where(.svelte-fouocx){text-wrap:balance;display:block}.sparks.svelte-fouocx{pointer-events:none;position:absolute;top:50%;left:10px}.sparks.svelte-fouocx i:where(.svelte-fouocx){background:var(--hue);opacity:0;width:5px;height:5px;animation:svelte-fouocx-spark .7s var(--ease-glide);border-radius:50%;position:absolute}@keyframes svelte-fouocx-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(.2)}}@media (prefers-reduced-motion:reduce){.sparks.svelte-fouocx{display:none}}