blz-section.ProductsSection {
  padding: 32px 0;
  background-position: center center;
  box-sizing: border-box;
}
@media (min-width: 720px) {
  blz-section.ProductsSection {
    padding: 45px 27px 0 27px;
  }
}

h2.TabTitle {
  font: var(--font-accent-700);
  text-transform: uppercase;
}
@media (min-width: 720px) {
  h2.TabTitle {
    margin-bottom: 0;
  }
}

.mobileSlider {
  padding: 0;
}
.mobileSlider li.glide__slide {
  width: 42vw !important;
}
@media (min-width: 600px) {
  .mobileSlider li.glide__slide {
    width: auto !important;
  }
}

.ProductGroup {
  margin-top: var(--resize-500);
}
.ProductGroup.mobileGrid {
  padding: 0;
  margin: var(--resize-500) 20px 0;
}
@media (min-width: 720px) {
  .ProductGroup.mobileGrid {
    padding: 0;
    margin: var(--resize-500) 0;
  }
}
.ProductGroup.tabbed {
  display: none;
}
.ProductGroup.tabbed[active] {
  display: block;
}

.AllGames .MobileCard {
  width: auto;
  height: auto;
}
.AllGames .ProductGrid {
  gap: var(--col-gap-comfy) 12px;
  grid-template-columns: repeat(2, 2fr);
  display: grid;
}
@media (min-width: 600px) {
  .AllGames .ProductGrid {
    grid-template-columns: repeat(3, 3fr);
  }
}
@media (min-width: 720px) {
  .AllGames .ProductGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--size-500) var(--col-gap-comfy);
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
}
@media (min-width: 960px) {
  .AllGames .ProductGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--size-700) var(--col-gap-comfy);
  }
}
@media (min-width: 1400px) {
  .AllGames .ProductGrid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.ProductGrid {
  gap: var(--col-gap-comfy) 12px;
  grid-template-columns: repeat(2, 0fr);
  display: grid;
}
.ProductGrid.mobileSlider {
  display: none;
}
@media (min-width: 720px) {
  .ProductGrid.mobileSlider {
    display: grid;
  }
}
@media (min-width: 720px) {
  .ProductGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--size-500) var(--col-gap-comfy);
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
}
@media (min-width: 960px) {
  .ProductGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--size-700) var(--col-gap-comfy);
  }
}
@media (min-width: 1400px) {
  .ProductGrid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.ProductSlider, .UpcomingSlider {
  display: block;
  width: 100%;
}
.ProductSlider h3, .ProductSlider p, .UpcomingSlider h3, .UpcomingSlider p {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 720px) {
  .ProductSlider h3, .ProductSlider p, .UpcomingSlider h3, .UpcomingSlider p {
    white-space: nowrap;
  }
}
@media (min-width: 720px) {
  .ProductSlider, .UpcomingSlider {
    display: none;
  }
}

blz-game-card::part(badge) {
  border: 1px solid #FFFFFF;
  font-family: "Archivo", sans-serif;
}
@media (min-width: 960px) {
  blz-game-card::part(badge) {
    border: 2px solid #FFFFFF;
  }
}
blz-game-card p {
  font-family: "Archivo", sans-serif;
  color: rgba(208, 233, 255, 0.6);
}
blz-game-card h3 {
  color: #FFFFFF;
}
blz-game-card blz-icon {
  color: rgba(208, 233, 255, 0.6);
}
blz-game-card.MobileCard {
  display: block;
  width: 42vw;
  height: calc(42vw + 100px);
  margin-bottom: var(--col-gap-comfy);
}
@media (min-width: 600px) {
  blz-game-card.MobileCard {
    height: 350px;
  }
}
@media (min-width: 720px) {
  blz-game-card.MobileCard {
    display: none;
  }
}
blz-game-card.MobileCard blz-image.logo {
  position: absolute;
  left: 8%;
  bottom: 0;
  width: 84%;
  transform: scale(1);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
blz-game-card.DesktopCard {
  display: none;
}
@media (min-width: 720px) {
  blz-game-card.DesktopCard {
    display: block;
  }
}
blz-game-card blz-icon-group {
  margin-top: 10px;
}

.AllGamesButtonContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 32px 0;
}
@media (min-width: 720px) {
  .AllGamesButtonContainer {
    margin: 50px 0;
  }
}
@media (min-width: 960px) {
  .AllGamesButtonContainer {
    margin: 80px 0;
  }
}

blz-section .Header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 20px;
}
@media (min-width: 720px) {
  blz-section .Header {
    margin: 0;
  }
}
@media (min-width: 960px) {
  blz-section .Header {
    flex-direction: row;
  }
}
blz-section blz-tab-filter-controls {
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  blz-section blz-tab-filter-controls {
    margin-top: 10px;
    flex-wrap: nowrap;
  }
}
blz-section blz-tab-control {
  color: #FFFFFF;
  background: rgba(208, 233, 255, 0.2);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
}
blz-section blz-tab-control[active] {
  background: linear-gradient(180deg, #1888EF 0%, #009FE9 100%);
  color: #FFFFFF;
}
@media (hover: hover) {
  blz-section blz-tab-control[active]:hover, blz-section blz-tab-control[active]:focus {
    background: linear-gradient(180deg, #1888EF 0%, #009FE9 100%);
  }
}
@media (hover: hover) {
  blz-section blz-tab-control:hover, blz-section blz-tab-control:focus {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), rgba(208, 233, 255, 0.2);
    color: #FFFFFF;
  }
}
blz-section blz-tab-control::part(tab-control) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 22px;
  font-size: 16px;
  text-transform: uppercase;
}
@media (min-width: 720px) {
  blz-section blz-tab-control::part(tab-control) {
    padding: 2px 22px;
  }
}
blz-section blz-tab-control::part(tab-control)::after {
  background: none;
}
blz-section blz-tab-control::part(tab-control):hover, blz-section blz-tab-control::part(tab-control):focus {
  color: #FFFFFF;
}

.blz-tooltip {
  background-color: #3A465F;
  color: #FFFFFF;
}

@supports not (aspect-ratio: auto) {
  blz-section blz-tab-control {
    margin: 6px;
  }
}
@supports not (aspect-ratio: auto) {
  .ProductTile {
    height: 60vw;
    margin-bottom: 20vw;
  }
  @media (min-width: 480px) {
    .ProductTile {
      margin-bottom: 5vw;
    }
  }
  @media (min-width: 720px) {
    .ProductTile {
      height: 50vw;
      margin-bottom: 0;
    }
  }
  @media (min-width: 960px) {
    .ProductTile {
      height: 35vw;
    }
  }
  @media (min-width: 1200px) {
    .ProductTile {
      height: 30vw;
    }
  }
  @media (min-width: 1400px) {
    .ProductTile {
      height: 23vw;
    }
  }
  @media (min-width: 1600px) {
    .ProductTile {
      height: 460px;
    }
  }
}
section {
  position: relative;
}

.SectionBackground {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SectionBackground .BackgroundDesktop, .SectionBackground .shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SectionBackground .shadow {
  box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.3);
}

body {
  background-color: #171717;
}

.AvailableNow .SectionBackground ::part(image) {
  background-color: #121928;
  object-fit: none;
}
.AvailableNow .SectionBackground.Longer ::part(image) {
  object-fit: cover;
}
@media (min-width: 960px) {
  .AvailableNow .SectionBackground.Longer ::part(image) {
    object-fit: none;
  }
}

@media (min-width: 960px) {
  blz-section.ProductsSection {
    padding-bottom: 20px;
  }
}

blz-section.UpcomingSection {
  background-color: #23313D;
  padding-bottom: 0;
}
@media (min-width: 720px) {
  blz-section.UpcomingSection .BackgroundDesktop::part(image) {
    object-fit: cover;
  }
}
@media (min-width: 960px) {
  blz-section.UpcomingSection .BackgroundDesktop::part(image) {
    object-fit: none;
  }
}

.ClassicProducts {
  box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.6);
}
.ClassicProducts .SectionBackground {
  background: linear-gradient(180deg, rgba(19, 25, 40, 0) 21.97%, #131928 100%);
}