.title-bar{--icon-size: .75em;--icon-margin-inline: .25em;margin-block-end:var(--size-1);text-wrap:nowrap;white-space:nowrap}.title-bar li,.title-bar ol{list-style-type:none;padding:0;margin:0;gap:0;align-items:baseline}.title-bar ol{display:flex;justify-content:space-between;padding-block-end:var(--size-0-5)}.title-bar ol:has(.title-bar-breadcrumb){justify-content:flex-start}@media(hover:hover){.title-bar a:hover{-webkit-text-decoration:underline;text-decoration:underline}}.title-bar-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.title-bar-description{display:none;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(min-width:640px){.title-bar-description{display:block}}.title-bar-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:start;display:grid;grid-template-columns:auto 1fr}.title-bar-breadcrumb a{overflow:hidden;text-overflow:ellipsis}.title-bar-breadcrumb a:has(a:focus-visible){outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color);outline-style:solid}.title-bar-breadcrumb .icon{height:var(--icon-size);width:var(--icon-size);aspect-ratio:1 / 1;margin-inline:var(--icon-margin-inline)}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}