._container_182i6_1 {
  display: grid;
  grid: "ticker ticker" "header header" "main main" 1fr "navigation navigation" / 1fr auto;
  max-width: 90rem;
  margin: 0 auto;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: var(--color-bg-margin);
}
@media (min-width: 48rem) {
  ._container_182i6_1 {
    grid: "ticker ticker ticker" "header header header" "stories stories betslip" "navigation main betslip" 1fr / auto 1fr auto;
    padding-bottom: 0;
    max-height: 100vh;
    max-height: -webkit-fill-available;
  }
}
._ticker_182i6_29 {
  grid-area: ticker;
  display: none;
}
@media (min-width: 48rem) {
  ._ticker_182i6_29 {
    display: block;
  }
}
._darkBodyOverLay_182i6_40 {
  background-color: #000c;
}
._header_182i6_44 {
  grid-area: header;
  height: 3.5rem;
  background-color: var(--color-bg-navigation-topnav);
  position: sticky;
  top: 0;
  z-index: 50;
}
._stories_182i6_53 {
  grid-area: stories;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 51;
}
._storyModalPortal_182i6_61 {
  grid-area: main;
  position: relative;
  z-index: 51;
  pointer-events: none;
}
._storyModalPortalActive_182i6_68 {
  grid-area: main;
  position: relative;
  z-index: 51;
  pointer-events: auto !important;
}
@media (min-width: 48rem) {
  ._storyModalPortal_182i6_61,
  ._storyModalPortalActive_182i6_68 {
    grid-area: navigation / navigation / main / main;
  }
}
._navigation_182i6_85 {
  grid-area: navigation;
  background-color: var(--color-bg-navigation-leftnav-main);
  position: sticky;
  bottom: 0;
  z-index: 50;
  width: 100%;
}
@media (min-width: 48rem) {
  ._navigation_182i6_85 {
    position: initial;
    width: 15rem;
    border-right: 1px solid var(--color-border-leftnav, var(--color-border-primary));
  }
}
@media (min-width: 48rem) and (max-width: 79.9375rem) {
  ._navigation_182i6_85 {
    width: 0 !important;
    min-width: 0;
    border: none;
    padding: 0;
    overflow: hidden;
  }
}
._main_182i6_113 {
  grid-area: main;
  background-color: var(--color-bg-body);
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  color: var(--color-text-primary);
  padding-bottom: 11rem;
}
@media (min-width: 48rem) {
  ._main_182i6_113 {
    overflow-y: auto;
    padding-bottom: 0;
  }
}
._betslip_182i6_130 {
  grid-area: betslip;
  position: fixed;
  inset: 0;
  overflow: auto;
}
@media (min-width: 48rem) {
  ._betslip_182i6_130 {
    position: relative;
    transition: width 0.2s ease-in-out;
  }
}