*,:after,:before{box-sizing:border-box;background-repeat:no-repeat}:root{--fg:#000;--bg:#fff;--font-mono:ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;--font-sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html{height:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{height:100%;margin:0;background:var(--bg);color:var(--fg)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:1em;overflow:auto}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,select,textarea{font:inherit;margin:0}img,input,select,textarea,video{height:auto;max-width:100%}svg{shape-rendering:auto;vertical-align:middle}blockquote,figure{margin:0}a{color:inherit}:root{--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717}.dark-theme{--gray1:#161616;--gray2:#1c1c1c;--gray3:#232323;--gray4:#282828;--gray5:#2e2e2e;--gray6:#343434;--gray7:#3e3e3e;--gray8:#505050;--gray9:#707070;--gray10:#7e7e7e;--gray11:#a0a0a0;--gray12:#ededed}:root{--fg:var(--gray12);--bg:var(--gray0);--glyph-size:40px;--glyphs-per-row:16;--max-width:calc(var(--glyphs-per-row) * var(--glyph-size) + ((var(--glyphs-per-row) - 1) * 8px));--basics-gap:0.5rem;--gap-sm:4px;--gap:8px;--gap-2x:16px;--gap-3x:24px;--gap-4x:32px;--gap-8x:64px;--gap-16x:128px;--common-padding-x:10px;--size-default-height:32px;--size-default-fontSize:14px;--size-default-lineHeight:28px;font-size:14px}.dark-theme{--fg:var(--gray12);--bg:var(--gray2)}body{padding:0 24px}main{margin:64px auto 128px;max-width:var(--max-width)}.glyphs{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:8px;font-family:UserFont,var(--font-mono);font-size:calc(var(--glyph-size) * .5)}.glyph,.glyphs{display:flex;align-items:center}.glyph{cursor:pointer;width:var(--glyph-size);height:var(--glyph-size);border-radius:6px;background:var(--gray3);border:1px solid var(--gray5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;transition:80ms;transition-property:background,transform,border-color}.glyph:hover{background:var(--gray5);border-color:var(--gray7)}.glyph.selected{background:var(--gray7);border-color:var(--gray8)}header{position:-webkit-sticky;position:sticky;top:0;background:var(--bg);padding-top:8px;margin-bottom:24px}footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--gray5);justify-content:center}footer,footer>div{display:flex;align-items:center}footer>div{width:100%;max-width:var(--max-width);margin:0 auto;height:48px;gap:8px}[basics-text][basics-variant~=tabular]{font-feature-settings:"tnum" 1,"zero" 1}.input{width:100%;background:var(--bg);border:1px solid var(--gray5);border-radius:6px;height:40px;padding:0 16px;color:var(--fg);font-family:UserFont,var(--font-mono)}[basics-button]{--padding:0 var(--common-padding-x);--height:var(--size-default-height);--fontSize:var(--size-default-fontSize);--iconSize:1.25em;background:var(--background);outline:none;border-radius:6px;border:1px solid var(--border);height:var(--height);margin:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--padding);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--font-sans);color:var(--color);font-size:var(--fontSize);line-height:var(--height);font-weight:500;text-decoration:none;transition:var(--transition-fast);transition-property:color,border-color,background}[basics-button]:not([basics-variant]){--border:var(--gray6);--color:var(--gray11);--background:var(--bg);--hover-border:var(--border);--hover-background:var(--gray4);--hover-color:var(--color);--active-background:var(--gray5);--active-color:var(--gray12);--active-border:var(--gray7)}[basics-button][basics-variant~=ghost]{--border:transparent;--color:var(--gray11);--hover-background:var(--gray4);--active-background:var(--gray5);--active-color:var(--gray12);--active-border:var(--active-background)}[basics-button][basics-variant-size=small]{--height:28px;--fontSize:13px}[basics-button][basics-variant-size=large]{--height:40px;--fontSize:16px}[basics-button] [basics-icon]{width:var(--iconSize);height:var(--iconSize)}[basics-button] [basics-button-label]+[basics-icon],[basics-button] [basics-icon]+[basics-button-label]{margin-left:var(--gap)}[basics-button]:not([data-disabled]):hover{background:var(--hover-background,var(--background));border-color:var(--hover-border,var(--border));color:var(--hover-color,var(--color))}[basics-button]:not([data-disabled]):active{background:var(--active-background,var(--background));border-color:var(--active-border,var(--border));color:var(--active-color,var(--color))}[basics-button][data-disabled]{cursor:not-allowed;color:var(--gray8)}[basics-button][data-focus]{box-shadow:var(--shadow-focus)}[basics-button][basics-variant~=circle]{padding:0;border-radius:50%;width:20px;height:20px}