.p2p.svelte-1u1n06e{position:relative;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 2px;--flow: var(--accent)}.fx.svelte-1u1n06e{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.node.svelte-1u1n06e{display:flex;justify-content:center;z-index:1}.tile.svelte-1u1n06e{position:relative;width:46px;height:46px;border-radius:13px;background:var(--surface-card-2);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;transition:border-color .3s,transform .3s var(--ease-out)}.tile.svelte-1u1n06e .glyph:where(.svelte-1u1n06e){width:22px;height:22px;position:relative;z-index:2;color:var(--text-3);transition:color .3s,opacity .25s}.tile.svelte-1u1n06e .fillup:where(.svelte-1u1n06e){position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--flow) 90%,#fff),var(--flow));transform-origin:bottom;transform:scaleY(var(--p, 0));transition:transform .25s var(--ease-out),background .3s}.tile.recv.svelte-1u1n06e .glyph:where(.svelte-1u1n06e){color:color-mix(in srgb,var(--text-3) 40%,var(--accent-ink))}.complete.svelte-1u1n06e .receiver:where(.svelte-1u1n06e) .glyph:where(.svelte-1u1n06e){opacity:0}.sender.svelte-1u1n06e .tile:where(.svelte-1u1n06e){border-color:color-mix(in srgb,var(--flow) 45%,var(--border))}.sender.svelte-1u1n06e .tile:where(.svelte-1u1n06e):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;z-index:3;border:2px solid var(--flow);animation:svelte-1u1n06e-p2p-ring 2s var(--ease-out) infinite}.complete.svelte-1u1n06e .sender:where(.svelte-1u1n06e) .tile:where(.svelte-1u1n06e):after{animation:none;opacity:0}@keyframes svelte-1u1n06e-p2p-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:0}}.check.svelte-1u1n06e{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:none}.check.svelte-1u1n06e svg:where(.svelte-1u1n06e){width:24px;height:24px}.check.svelte-1u1n06e path:where(.svelte-1u1n06e){fill:none;stroke:var(--accent-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.complete.svelte-1u1n06e .check:where(.svelte-1u1n06e) path:where(.svelte-1u1n06e){animation:svelte-1u1n06e-p2p-draw .4s .12s var(--ease-out) forwards}@keyframes svelte-1u1n06e-p2p-draw{to{stroke-dashoffset:0}}.sring.svelte-1u1n06e{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:13px;border:2.5px solid var(--good);opacity:0;pointer-events:none}.complete.svelte-1u1n06e .sring:where(.svelte-1u1n06e){animation:svelte-1u1n06e-p2p-sring .7s var(--ease-out) forwards}@keyframes svelte-1u1n06e-p2p-sring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.85);opacity:0}}.complete.svelte-1u1n06e .receiver:where(.svelte-1u1n06e) .tile:where(.svelte-1u1n06e){animation:svelte-1u1n06e-p2p-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-1u1n06e-p2p-pop{0%{transform:scale(1)}40%{transform:scale(1.13)}to{transform:scale(1)}}.complete.svelte-1u1n06e .tile:where(.svelte-1u1n06e){--flow: var(--good)}.cancelled.svelte-1u1n06e .fillup:where(.svelte-1u1n06e){transform:scaleY(0);transition:transform .45s var(--ease-out)}.cancelled.svelte-1u1n06e .sender:where(.svelte-1u1n06e) .tile:where(.svelte-1u1n06e):after{animation:none;opacity:0}.cancelled.svelte-1u1n06e .tile:where(.svelte-1u1n06e){opacity:.55;border-color:var(--border)}.cancelled.svelte-1u1n06e .tile:where(.svelte-1u1n06e) .glyph:where(.svelte-1u1n06e){color:var(--text-3)}.channel.svelte-1u1n06e{min-height:68px}.p2p-sr.svelte-1u1n06e{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.sender.svelte-1u1n06e .tile:where(.svelte-1u1n06e):after,.complete.svelte-1u1n06e .check:where(.svelte-1u1n06e) path:where(.svelte-1u1n06e),.complete.svelte-1u1n06e .sring:where(.svelte-1u1n06e),.complete.svelte-1u1n06e .receiver:where(.svelte-1u1n06e) .tile:where(.svelte-1u1n06e){animation:none}.complete.svelte-1u1n06e .check:where(.svelte-1u1n06e) path:where(.svelte-1u1n06e){stroke-dashoffset:0}.cancelled.svelte-1u1n06e .fillup:where(.svelte-1u1n06e){transition:none}}