/* https://csswizardry.com/2013/04/shame-css/ */

.betbg-container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 79rem) {
    max-width: 79rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  } /* tw:container */
}

.details-list {
  --spacing: 0.25rem;
  display: grid; /* tw:grid */
  grid-template-columns: 16rem 1fr;
  column-gap: calc(var(--spacing) * 8); /* tw:gap-x-8 */
  min-height: 0;
  height: 100vh;
  .search-sidebar {
    padding-top: calc(var(--spacing) * 24); /* tw:pt-24 */
    overflow-y: scroll; /* tw:overflow-y-scroll */
  }
  .search-list {
    padding-top: calc(var(--spacing) * 24); /* tw:pt-24 */
    min-height: 60vh;
    overflow-y: scroll; /* tw:overflow-y-scroll */
  }
}