div.svelte-k8kkbp{inline-size:max-content;margin-inline:auto;display:flex;flex-direction:column;align-items:center}div.svelte-k8kkbp:after{content:"client";color:var(--_color-light, hsl(0 0% 90%));background:var(--_color-dark, hsl(0 0% 20%));font-size:1rem;font-style:italic;padding:.1rem 1rem;border:1px solid transparent;background-clip:padding-box}canvas.svelte-k8kkbp{outline:3px solid var(--_color-dark, hsl(0 0% 20%))}canvas.svelte-k8kkbp:active{outline-width:4px}div.svelte-k8kkbp:has(canvas:where(.svelte-k8kkbp):active):after{border-color:var(--_color-dark, hsl(0 0% 20%))}div.svelte-1irf56h{inline-size:max-content;margin-inline:auto;display:flex;flex-direction:column;align-items:center}div.svelte-1irf56h:after{content:"offset";color:var(--_color-light, hsl(0 0% 90%));background:var(--_color-dark, hsl(0 0% 20%));font-size:1rem;font-style:italic;padding:.1rem 1rem;border:1px solid transparent;background-clip:padding-box}canvas.svelte-1irf56h{outline:3px solid var(--_color-dark, hsl(0 0% 20%))}canvas.svelte-1irf56h:active{outline-width:4px}div.svelte-1irf56h:has(canvas:where(.svelte-1irf56h):active):after{border-color:var(--_color-dark, hsl(0 0% 20%))}div.svelte-mgvymp{--outline-color: currentColor;--outline-size: 1rem;inline-size:max-content;margin-inline:auto;padding:var(--outline-size);padding-block-end:calc(var(--outline-size) * 2);position:relative}div.svelte-mgvymp:after{content:"";position:absolute;inline-size:70%;block-size:var(--outline-size);inset-inline-start:50%;inset-block-end:0%;background:var(--outline-color);background-image:linear-gradient(#0000001a,#00000005 40%),linear-gradient(var(--outline-color),var(--outline-color));translate:-50% 0%}div.svelte-mgvymp>canvas:where(.svelte-mgvymp){display:block;outline:var(--outline-size) solid var(--outline-color)}