@layer components{.Kc588G_root{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Kc588G_code{background-color:#fff;width:fit-content;height:fit-content}.Kc588G_code>canvas{width:100%;height:100%}._4UQXpa_field{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}._0NckOW_input{box-sizing:border-box;width:100%;font-family:inherit;font-size:var(--font-size-lg);height:3rem;color:var(--input-text,var(--text-muted));border-radius:var(--input-border-radius,.5rem);background-color:var(--input-bg,var(--bg-translucent));backdrop-filter:blur(1rem);border:1px solid var(--input-border,var(--border-translucent));outline-offset:2px;outline:2px solid #0000;padding-inline:1rem;transition:border-color .2s,outline-color .2s,outline-offset .2s}._0NckOW_input:focus{outline-color:oklch(from var(--text-color) l c h / .4);outline-offset:4px;border-color:oklch(from var(--text-color) l c h / .6)}}