.tag{display:inline-flex;align-items:center;padding:var(--tag-padding-y) var(--tag-padding-x);border:var(--tag-border-width) solid var(--tag-border);border-radius:var(--tag-radius);color:var(--tag-fg);font-size:var(--tag-size);letter-spacing:var(--tag-tracking);text-transform:uppercase;white-space:nowrap}.tag--accent{color:var(--tag-accent-fg);border-color:var(--tag-accent-border)}.tag__list{display:flex;flex-wrap:wrap;gap:var(--tag-gap);margin-block:var(--tag-margin);padding:0;list-style:none}.theme-menu{position:relative;display:flex}.theme-menu__button{display:grid;place-items:center;min-width:var(--theme-menu-button-size);height:100%;background:none;border:0;border-left:var(--theme-menu-border-width) solid var(--theme-menu-border);color:var(--theme-menu-fg);cursor:pointer}.theme-menu__button:hover{background:var(--theme-menu-item-hover-bg)}.theme-menu__list{position:absolute;top:100%;right:0;z-index:60;display:none;min-width:max-content;margin:var(--theme-menu-open-offset) 0 0;padding:var(--theme-menu-padding);list-style:none;background:var(--theme-menu-bg);color:var(--theme-menu-fg);border:var(--theme-menu-border-width) solid var(--theme-menu-border)}.theme-menu--open .theme-menu__list{display:block}.theme-menu__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--theme-menu-item-gap);gap:var(--theme-menu-item-gap);width:100%;padding:var(--theme-menu-item-padding);background:none;border:0;color:inherit;font-size:var(--theme-menu-size);text-align:left;cursor:pointer}.theme-menu__item:focus-visible,.theme-menu__item:hover{background:var(--theme-menu-item-hover-bg)}.theme-menu__item:focus-visible{outline:var(--theme-menu-focus-width) solid var(--theme-menu-focus);outline-offset:calc(var(--theme-menu-focus-width) * -1)}.theme-menu__check{visibility:hidden}.theme-menu__item[aria-checked=true] .theme-menu__check{visibility:visible}.type-specimen{display:grid;grid-gap:var(--type-specimen-stack);gap:var(--type-specimen-stack);color:var(--type-specimen-fg)}.type-specimen__face--serif{font-family:var(--type-specimen-serif)}.type-specimen__face--sans{font-family:var(--type-specimen-sans)}.type-specimen__families{display:grid;grid-gap:var(--type-specimen-gap);gap:var(--type-specimen-gap)}@media (min-width:48em){.type-specimen__families{grid-template-columns:repeat(2,minmax(0,1fr))}}.type-specimen__family{display:grid;align-content:start;grid-gap:var(--type-specimen-row-padding);gap:var(--type-specimen-row-padding);padding-top:var(--type-specimen-rule-width);border-top:var(--type-specimen-rule-width) solid var(--type-specimen-rule-strong)}.type-specimen__meta,.type-specimen__metric,.type-specimen__px,.type-specimen__row--head,.type-specimen__token-name{font-family:var(--type-specimen-label-family);font-size:var(--type-specimen-label-size);letter-spacing:var(--type-specimen-label-tracking);text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.type-specimen__meta{display:flex;justify-content:space-between;color:var(--type-specimen-muted)}.type-specimen__plate{font-size:var(--type-specimen-plate-size);line-height:var(--type-specimen-leading)}.type-specimen__name{font-size:var(--type-specimen-glyphs-size);font-weight:inherit;text-transform:none;letter-spacing:normal}.type-specimen__glyphs,.type-specimen__role{color:var(--type-specimen-muted)}.type-specimen__glyphs{font-size:var(--type-specimen-glyphs-size);overflow-wrap:anywhere}.type-specimen__scale{display:grid}.type-specimen__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--type-specimen-rule-width) var(--type-specimen-gap);gap:var(--type-specimen-rule-width) var(--type-specimen-gap);align-items:baseline;padding-block:var(--type-specimen-row-padding)}.type-specimen__row--head{display:none}@media (min-width:62em){.type-specimen__row{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1.5fr) minmax(0,7fr)}.type-specimen__row--head{display:grid}}.type-specimen__row:before{content:"";position:absolute;inset:0 0 auto;border-top:var(--type-specimen-rule-width) solid var(--type-specimen-rule);transform:scaleX(0);transform-origin:left;transition:transform var(--type-specimen-duration) var(--type-specimen-ease);transition-delay:inherit}.type-specimen__row--head{color:var(--type-specimen-muted);padding-block:var(--type-specimen-rule-width)}.type-specimen__row--head:before{border-top-color:var(--type-specimen-rule-strong)}.type-specimen--in .type-specimen__row:before{transform:scaleX(1)}.type-specimen__token{display:grid}.type-specimen__token-name{color:var(--type-specimen-accent)}.type-specimen__token-role{color:var(--type-specimen-muted)}.type-specimen__px{display:grid}.type-specimen__size{text-transform:none;letter-spacing:normal}.type-specimen__metric,.type-specimen__size{color:var(--type-specimen-muted)}.type-specimen__mask{display:block;overflow:hidden}.type-specimen__sample{display:block;transform:translateY(105%);transition:transform var(--type-specimen-duration) var(--type-specimen-ease)}.type-specimen__mask,.type-specimen__sample{transition-delay:inherit}.type-specimen--in .type-specimen__sample{transform:none}