.TypefacePageSection{margin-bottom:calc(var(--spacing,.25rem) * 14);scroll-margin:var(--page-top-margin);padding:calc(var(--spacing,.25rem) * 3)}@media (min-width:48rem){.TypefacePageSection{margin-bottom:calc(var(--spacing,.25rem) * 30);padding:calc(var(--spacing,.25rem) * 4)}}.TypefacePageSection.bleed{margin-inline:calc(var(--spacing,.25rem) * -3)}@media (min-width:48rem){.TypefacePageSection.bleed{margin-inline:calc(var(--spacing,.25rem) * -4)}}.TypefacePageSection.tight{margin-bottom:0!important}@media (min-width:48rem){.TypefacePageSection.tight{margin-bottom:calc(var(--spacing,.25rem) * 18)!important}}.FontCharacterSetFontSelect{border-radius:var(--border-radius);background:#fff;padding:1rem}.FontCharacterSetFontSelect:hover{background:var(--color-gray)}.FontCharacterSet,.FontFeatures{--FontCharacterSetGroupChar-gap:4px;--FontCharacterSetGroupChar-size:54px;--FontCharacterSetGroupChar-fontSize:28px;--FontCharacterSetGroupChar-border-width:0px;--FontCharacterSetGroupChar-border-color:black;--FontCharacterSetGroupChar-background:white;grid-template-columns:min(40%,520px) 1fr;gap:1rem;display:grid}.FontCharactersGrid{gap:var(--FontCharacterSetGroupChar-gap);grid-template-columns:repeat(auto-fill, minmax(var(--FontCharacterSetGroupChar-size), 1fr));display:grid}.FontCharactersGridCharacter{outline:var(--FontCharacterSetGroupChar-border-width) solid var(--FontCharacterSetGroupChar-border-color);aspect-ratio:1;width:100%;font-size:var(--FontCharacterSetGroupChar-fontSize);-webkit-user-select:none;user-select:none;cursor:pointer;background:var(--FontCharacterSetGroupChar-background);border-radius:var(--border-radius);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;text-size-adjust:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.FontCharactersGridCharacter.selected,.FontCharactersGridCharacter:hover{background:var(--color-gray)}.FontCharacterSetGroups,.CharactersGroup{grid-template-rows:auto;gap:10px;display:grid}.CharactersGroupTitle{text-transform:uppercase}.FontCharacterSetGlyph,.FontFeaturesAside{left:0;top:var(--page-top-margin);grid-template-rows:auto;gap:.5rem;display:grid;position:sticky}.FontFeaturesGlyphs{flex-direction:row;gap:1rem;display:flex}.FontFeaturesGlyph{flex:50%}.FontFeaturesGlyphBefore .GlyphView text{fill:#888}.GlyphView{color:#000;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--border-radius);background-color:#fff}@media (max-width:767px){.FontCharacterSet{--FontCharacterSetGroupChar-size:44px;--FontCharacterSetGroupChar-fontSize:26px;grid-template-columns:1fr}.FontCharacterSetGlyph{display:none}}