@layer utilities {
  .prediction-menu-position.prediction-menu-position { position: fixed; left: 50%; top: 64px; translate: none; transform: translateX(-50%); width: min(1160px, calc(100vw - 32px)); }
  .prediction-menu-position .prediction-menu-wide { width: 100%; min-width: 0; max-width: none; grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)); gap: 12px; max-height: calc(100dvh - 88px); overflow-y: auto; overscroll-behavior: contain; }
  .prediction-menu-wide > div { min-width: 0; }
  .prediction-menu-wide > div > div:first-child { font-size: 13px; align-items: flex-start; }
  .prediction-menu-wide > div > div:first-child svg { flex-shrink: 0; margin-top: 2px; }
  @media (max-width: 1023px) { .prediction-menu-position .prediction-menu-wide { gap: 6px; padding: 12px; } .prediction-menu-wide a { font-size: 12px; } }
}