@layer component.layout {
  .hash {
    display: grid;
    --hash-min-width: 7rem;
    @media (orientation: landscape) {
      --hash-min-width: 11rem;
    }
    grid-template-columns: repeat(auto-fit, minmax(var(--hash-min-width), 1fr));
  }

  .hash__badge {
    padding: 1.33333333rem;
    aspect-ratio: 1/0.735;
  }
}