@font-face{font-family:supreme;font-weight:200 700;font-display:swap;font-style:normal;src:url(display.3bf338fa.woff2)format("woff2")}@font-face{font-family:azeret;font-weight:200 700;font-display:swap;font-style:normal;src:url(monospaced.e43fb73d.woff2)format("woff2")}:root{--font-display:supreme;--font-monospaced:azeret;--border-size:1px;--border-color:#383e42;--border:var(--border-size)solid var(--border-color);--card-background:#222;--card-hover-background:#262626;--card-border-radius:.25rem;--primary-color:#f4a;--primary-contrast-color:#fff}body{color:#d9d9d9;font-family:var(--font-display),system-ui;background:#1c1c1c;margin:0;padding:0}ui-page{--block-start-inset:0px;--block-end-inset:0px;--inline-start-inset:0px;--inline-end-inset:0px;box-sizing:border-box;display:block}ui-navigation{z-index:1;border-bottom:var(--border);background:#222;justify-content:space-between;font-weight:700;display:flex;position:sticky;inset-block-start:0;inset-inline:0}ui-navigation ui-brand{cursor:pointer;border-right:var(--border);align-items:center;padding-inline:1.5rem;display:flex}ui-navigation ui-brand ui-logo{color:var(--primary-contrast-color);background:var(--primary-color);justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.75rem;display:flex}ui-navigation ui-brand ui-name{padding-block:1.25rem;font-size:1.25rem}ui-page>ui-home{padding:var(--article-spacing);--article-spacing:2rem;max-width:var(--boxed-content-width);--boxed-content-width:1200px;margin:0 auto;display:block}ui-page>ui-home>ui-header{border-bottom:var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}ui-page>ui-home>ui-header>ui-title{font-size:2rem;display:block}ui-page>ui-home>ui-guide{margin-bottom:var(--paragraph-spacing);--paragraph-spacing:2rem;display:block}ui-page>ui-home>ui-blocks{grid-template-columns:repeat(auto-fit,minmax(var(--collection-item-size),1fr));gap:var(--collection-gutter);--collection-item-size:20rem;--collection-gutter:1rem;--collection-group-spacing:2rem;display:grid}ui-page>ui-home>ui-blocks ui-block{color:var(--card-color);background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);cursor:pointer;padding:1.5rem}@media (hover:hover){ui-page>ui-home>ui-blocks ui-block:hover{color:var(--card-hover-color);background:var(--card-hover-background);border:var(--card-hover-border);border-radius:var(--card-hover-border-radius)}}ui-page>ui-home>ui-blocks ui-block>ui-name{text-overflow:ellipsis;height:3em;font-size:1.5rem;display:block;overflow:hidden}ui-page>ui-home>ui-blocks ui-block>ui-preview{margin-right:-.5rem;display:flex;position:relative;overflow:hidden}ui-page>ui-home>ui-blocks ui-block>ui-preview:after{content:"";inset-block:0;background:linear-gradient(90deg,#2220,#222);width:5rem;position:absolute;right:0}ui-page>ui-home>ui-blocks ui-block>ui-preview>ui-character{background:#333;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;margin-right:.5rem;font-size:3rem;line-height:1;display:flex;overflow:hidden}ui-page>ui-home>ui-blocks ui-block>ui-metrics{border-top:var(--border);margin-top:1.5rem;padding-top:1.25rem;font-size:.8rem;display:block}ui-page>ui-home>ui-blocks ui-block>ui-metrics>ui-character-count,ui-page>ui-home>ui-blocks ui-block>ui-metrics>ui-range{font-family:var(--font-monospaced);margin-top:.25rem;display:block}ui-page>ui-home>ui-blocks ui-block>ui-metrics>ui-character-count>ui-name,ui-page>ui-home>ui-blocks ui-block>ui-metrics>ui-range>ui-name{color:#888;margin-right:1ch;display:inline-block}ui-page>ui-block{padding:var(--article-spacing);--article-spacing:2rem;max-width:var(--boxed-content-width);--boxed-content-width:1200px;margin:0 auto;display:block}ui-page>ui-block>ui-header{border-bottom:var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}ui-page>ui-block>ui-header>ui-name{font-size:2rem;display:block}ui-page>ui-block>ui-code-points{grid-template-columns:repeat(auto-fit,minmax(var(--collection-item-size),1fr));gap:var(--collection-gutter);--collection-item-size:15rem;--collection-gutter:1rem;display:grid}ui-page>ui-block>ui-code-points ui-code-point{color:var(--card-color);background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);cursor:pointer;padding:1.5rem;overflow:hidden}@media (hover:hover){ui-page>ui-block>ui-code-points ui-code-point:hover{color:var(--card-hover-color);background:var(--card-hover-background);border:var(--card-hover-border);border-radius:var(--card-hover-border-radius)}}ui-page>ui-block>ui-code-points ui-code-point ui-character{justify-content:flex-start;align-items:center;height:6rem;font-size:5rem;line-height:1;display:flex}ui-page>ui-block>ui-code-points ui-code-point ui-character ui-bounding-box{border:1px dotted #666}ui-page>ui-block>ui-code-points ui-code-point ui-name{text-overflow:ellipsis;text-transform:capitalize;height:2.5rem;margin-block:.5rem;line-height:1.25;display:block;overflow:hidden}ui-page>ui-block>ui-code-points ui-code-point ui-hex{font-family:var(--font-monospaced);font-size:.8rem;display:block}