.glyph-preview-frame{isolation:isolate}.glyph-background{z-index:-1;pointer-events:none;opacity:1;transition:opacity .15s linear;position:fixed;inset:0}.glyph-background canvas,.glyph-static{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glyph-background canvas{visibility:hidden}.glyph-background[data-ready=true] canvas{visibility:visible}.glyph-background[data-ready=true] .glyph-static{visibility:hidden}.glyph-background[data-visible=false]{opacity:0}.glyph-static{opacity:.28;font:13px Consolas,monospace;-webkit-mask-image:linear-gradient(90deg,#0001,#0003 45%,#000);mask-image:linear-gradient(90deg,#0001,#0003 45%,#000)}.glyph-tone-0{fill:color-mix(in srgb, var(--tone-rose) 88%, var(--text))}.glyph-tone-1{fill:color-mix(in srgb, var(--tone-lilac) 88%, var(--text))}.glyph-tone-2{fill:color-mix(in srgb, var(--tone-ice) 88%, var(--text))}.glyph-space{aspect-ratio:1;box-sizing:content-box;width:100%;padding-bottom:44px;position:relative}.glyph-pause{color:var(--muted);text-underline-offset:3px;visibility:hidden;white-space:nowrap;background:0 0;border:0;min-height:44px;padding:0 4px;font-size:11px;text-decoration:underline;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.glyph-preview-frame:has(.glyph-background[data-ready=true]) .glyph-pause{visibility:visible}.glyph-inside{min-height:65svh;padding-top:70px}.glyph-preview-note{color:var(--muted);max-width:38em;margin:60px 0 20px;font-size:13px}@media (max-width:760px){.glyph-space{aspect-ratio:1.2;justify-self:center;width:min(100%,410px)}.glyph-inside{padding-top:30px}}@media (prefers-reduced-motion:reduce){.glyph-background{transition:none}.glyph-pause{visibility:hidden!important}}