.logo{width:var(--size-logo);height:var(--size-logo);flex:none;display:block}.logo__cover{fill:var(--color-action-primary)}.logo__pages{fill:var(--color-logo-tab)}.logo__detail{fill:var(--color-text-inverse)}.logo__line{fill:none;stroke:var(--color-text-inverse);stroke-linecap:round;stroke-width:2px}
.brand{gap:var(--space-2);color:var(--color-text-primary);align-items:center;display:inline-flex}.brand__name{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1}.brand__name--from-sm{display:none}@media (min-width:40rem){.brand__name--from-sm{display:inline}}.brand__accent{color:var(--color-action-primary)}