.map.svelte-10mk7tm{--ink: #3d00ec;--leg: calc(var(--u-base) * 3);--slot: 3.5s;--loop: calc(var(--slot) * 8);position:absolute;inset:0;pointer-events:none}.map__frame.svelte-10mk7tm{position:absolute;inset:0;border:1px solid var(--ink);border-radius:var(--radius-md)}.conn.svelte-10mk7tm{position:absolute;inline-size:var(--run);block-size:0}.conn--right.svelte-10mk7tm{inset-inline-start:var(--at)}.conn--left.svelte-10mk7tm{inset-inline-end:calc(100% - var(--at))}.conn--top.svelte-10mk7tm{inset-block-start:0}.conn--bottom.svelte-10mk7tm{inset-block-start:100%}.conn__leg.svelte-10mk7tm,.conn__run.svelte-10mk7tm{position:absolute;background:var(--ink)}.conn__leg.svelte-10mk7tm{inline-size:1px;block-size:var(--leg);animation:svelte-10mk7tm-grow-leg var(--loop) var(--ease-phi) calc(var(--i) * var(--slot)) infinite both}.conn--right.svelte-10mk7tm .conn__leg:where(.svelte-10mk7tm){inset-inline-start:0}.conn--left.svelte-10mk7tm .conn__leg:where(.svelte-10mk7tm){inset-inline-end:0}.conn--top.svelte-10mk7tm .conn__leg:where(.svelte-10mk7tm){inset-block-end:0;transform-origin:bottom}.conn--bottom.svelte-10mk7tm .conn__leg:where(.svelte-10mk7tm){inset-block-start:0;transform-origin:top}.conn__run.svelte-10mk7tm{inline-size:100%;block-size:1px;animation:svelte-10mk7tm-grow-run var(--loop) var(--ease-phi) calc(var(--i) * var(--slot)) infinite both}.conn--top.svelte-10mk7tm .conn__run:where(.svelte-10mk7tm){inset-block-end:var(--leg)}.conn--bottom.svelte-10mk7tm .conn__run:where(.svelte-10mk7tm){inset-block-start:var(--leg)}.conn--right.svelte-10mk7tm .conn__run:where(.svelte-10mk7tm){inset-inline-start:0;transform-origin:left}.conn--left.svelte-10mk7tm .conn__run:where(.svelte-10mk7tm){inset-inline-end:0;transform-origin:right}.conn__label.svelte-10mk7tm{position:absolute;padding:0 var(--space-2);border:1px solid var(--ink);border-radius:var(--radius-full);background:#fff;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-xs);line-height:calc(var(--u-base) * 4.5);white-space:nowrap;animation:svelte-10mk7tm-show-label var(--loop) var(--ease-phi) calc(var(--i) * var(--slot)) infinite both}.conn--top.svelte-10mk7tm .conn__label:where(.svelte-10mk7tm){inset-block-end:var(--leg);translate:0 50%}.conn--bottom.svelte-10mk7tm .conn__label:where(.svelte-10mk7tm){inset-block-start:var(--leg);translate:0 -50%}.conn--right.svelte-10mk7tm .conn__label:where(.svelte-10mk7tm){inset-inline-start:100%}.conn--left.svelte-10mk7tm .conn__label:where(.svelte-10mk7tm){inset-inline-end:100%}@keyframes svelte-10mk7tm-grow-leg{0%{transform:scaleY(0);opacity:1}2%{transform:scale(1)}10.5%{opacity:1}12.5%,to{transform:scale(1);opacity:0}}@keyframes svelte-10mk7tm-grow-run{0%,2%{transform:scaleX(0);opacity:1}5%{transform:scale(1)}10.5%{opacity:1}12.5%,to{transform:scale(1);opacity:0}}@keyframes svelte-10mk7tm-show-label{0%,5%{opacity:0}6.5%,10.5%{opacity:1}12.5%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.conn.svelte-10mk7tm{display:none}}.sample.svelte-7lupi8{min-height:0;pointer-events:none}.sample--browser.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8),.sample--bare.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){position:absolute;inset-block-start:var(--space-6);inset-inline:4% -22%}.sample__shot.svelte-7lupi8{display:block;overflow:hidden;border-radius:var(--radius-xl) 0 0 0;background:#fff;box-shadow:0 24px 48px -12px #0c243838}.sample--tablet.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){position:absolute;inset-block-start:var(--space-6);inset-inline:4% -22%;--bezel: calc(var(--u-base) * 1);padding:var(--bezel);border-radius:clamp(.45rem,1.5vw,1.35rem);background:var(--color-text);box-shadow:0 2px 6px #0c24383d,0 32px 56px -16px #0c243857}@media(min-width:880px){.sample--tablet.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){--bezel: calc(var(--u-base) * 1.5);padding:var(--bezel)}}@media(min-width:1280px){.sample--tablet.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){--bezel: calc(var(--u-base) * 2);padding:var(--bezel)}}.sample--tablet.svelte-7lupi8 .sample__screen:where(.svelte-7lupi8) img{border-radius:clamp(.3rem,1vw,.9rem)}.sample--bare.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){background:none;box-shadow:none;border-radius:0;overflow:visible}.sample__shot.svelte-7lupi8 img,.sample__shot.svelte-7lupi8 video:where(.svelte-7lupi8){display:block;inline-size:100%;block-size:auto}.sample--browser.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){padding:0 0 0 var(--space-2);background:#ffffff73;border:1px solid rgb(255 255 255 / 70%);border-inline-end:0;border-block-end:0;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 24px 48px -12px #1923482e}.sample--browser.svelte-7lupi8 .sample__screen:where(.svelte-7lupi8){display:block;overflow:hidden;border-radius:var(--radius-md) 0 0 0;background:#fff;box-shadow:0 1px 3px #19234814}.sample__bar.svelte-7lupi8{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-2)}.sample__dots.svelte-7lupi8{inline-size:2.5rem;block-size:.5rem;background-image:radial-gradient(circle at center,rgb(25 35 72 / 16%) .25rem,transparent .25rem);background-size:.875rem 100%}.sample__url.svelte-7lupi8{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-5);border-radius:var(--radius-full);background:#ffffffa6;font-size:var(--text-xs);line-height:calc(var(--u-base) * 5);color:var(--color-text-muted);white-space:nowrap}.sample__url.svelte-7lupi8:before{content:"";inline-size:.625rem;block-size:.625rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 4V3a2 2 0 0 1 4 0v1h.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5zm1 0h2V3a1 1 0 0 0-2 0z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 4V3a2 2 0 0 1 4 0v1h.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5zm1 0h2V3a1 1 0 0 0-2 0z'/%3E%3C/svg%3E") center / contain no-repeat}.sample--phone.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){position:absolute;inset-block-start:var(--space-6);inline-size:34%;--bezel: calc(var(--u-base) * .75);padding:var(--bezel);border-radius:clamp(.4rem,2.2vw,2rem);background:var(--color-text);box-shadow:0 2px 6px #0c24383d,0 32px 56px -16px #0c243857}@media(min-width:880px){.sample--phone.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){--bezel: calc(var(--u-base) * 1.25);padding:var(--bezel)}}@media(min-width:1280px){.sample--phone.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){--bezel: calc(var(--u-base) * 1.75);padding:var(--bezel)}}.sample--phone.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8):nth-child(1){inset-inline-start:4%}.sample--phone.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8):nth-child(2){inset-inline-start:42%;margin-block-start:var(--space-6)}.sample--phone.svelte-7lupi8 .sample__screen:where(.svelte-7lupi8) img{border-radius:clamp(.28rem,1.65vw,1.5rem)}@media(max-width:880px){.sample--browser.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8),.sample--bare.svelte-7lupi8 .sample__shot:where(.svelte-7lupi8){inset-inline-end:-8%}}