@layer components{.top-bar{background-color:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--size-step--1);@media(width < 75rem){display: none;}& .top-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding-block:var(--space-3xs)}& .top-bar__facts{--cluster-space:var(--space-m)}& .top-bar__fact{display:inline-flex;align-items:center;gap:var(--space-3xs);color:inherit;text-decoration:none;& svg{color:var(--color-accent-text)}}& a.top-bar__fact:hover{color:var(--color-text)}}}