#games-show {
  #hero {
    align-items: end;
    background-image: linear-gradient(to bottom, transparent, var(--wa-color-surface-default)), var(--background-image);
    background-position: center;
    background-size: cover;
    display: flex;
    height: 300px;
    padding: var(--wa-space-4xl);
  }

  #documents_grid {
    a {
      overflow-wrap: anywhere;
    }
  }

  form[aria-busy] {
    wa-button[type="submit"] {
      pointer-events: none;
    }
  }

  [data-controller="stream"] {
    &.response-loading {
      #response_container {
        display: none;
      }
    }

    &:not(.response-loading) {
      .loading-skeleton {
        display: none;
      }
    }
  }
}