.nav__user {
  margin-bottom: calc(var(--spacing) * 0.5);
}

.nav__user-greeting {
  color: var(--color-black);
  display: block;
  font-size: var(--font-size-small);
  font-weight: 700;
  letter-spacing: normal;
  line-height: var(--line-height);
}

.footer__user {
  display: none;
  font-size: var(--font-size-small);
  font-weight: 700;
  letter-spacing: normal;
  line-height: var(--line-height);
  padding-bottom: var(--spacing);
  padding-left: var(--spacing);
  pointer-events: auto;
}

@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .footer__user {
    display: block;
  }
}