:root {
  --white: white;
  --black: black;
}

.hero-stack {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.body {
  background-color: #171a21;
}

.heading {
  color: #daa520;
  text-align: center;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
}

.hero-section {
  background-color: #101010;
}

.licenses-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#101010, #3d4566);
  border-bottom: 3px solid #daa520;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.licenses-section.storefront {
  padding-top: 40px;
}

.licenses-section.fg-unity-page {
  background-image: none;
  padding-top: 40px;
  position: relative;
}

.licenses-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.license-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  background-image: url(/images/green-texture.png);
  background-position: 50% 100%;
  background-size: auto;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 440px;
  height: 215px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.license-block.core-license {
  background-image: url(/images/blue-texture.jpg);
  background-position: 50% 100%;
}

.license-block.core-license.store-page {
  width: 452px;
}

.license-block.ultimate-license {
  background-image: url(/images/brown-texture.jpg);
  background-position: 50% 100%;
  background-size: 600px;
}

.license-block.ultimate-license.store-page {
  width: 452px;
}

.license-block.free-demo {
  background-image: url(/images/green-texture.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.license-block.store-page {
  width: 452px;
}

.license-block.fg-unity-compare {
  height: auto;
}

.licenses-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, #101010, rgba(0, 0, 0, 0));
  max-width: 1600px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
}

.heading-2 {
  color: #ffc229;
  text-align: center;
  text-transform: uppercase;
  max-width: 1600px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  display: block;
}

.heading-2.blurb-header {
  margin-left: 0;
  font-size: 28px;
  line-height: 32px;
}

.heading-2.also-bought-header {
  font-size: 24px;
}

.text-block {
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.licenses-full-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1600px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.getting-started-section {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(#101010, #171a21);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.getting-started-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  max-width: 1600px;
  display: flex;
}

.gs-step-block {
  background-color: #282d43;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(22, 25, 37, .79) 19%, rgba(30, 34, 51, .9) 75%), url(/images/lines-blue.webp);
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border: 1px solid rgba(131, 131, 131, .7);
  border-radius: 24px;
  justify-content: center;
  align-items: stretch;
  width: 310px;
  padding: 24px 24px 32px;
  display: flex;
  position: relative;
}

.gs-step-block.step-license {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(22, 25, 37, .79) 19%, rgba(30, 34, 51, .9) 75%), url(/images/lines-orange.webp);
}

.gs-step-block.step-install {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(22, 25, 37, .79) 19%, rgba(30, 34, 51, .9) 75%), url(/images/lines-purple.webp);
}

.gs-step-block.step-play {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(22, 25, 37, .79) 19%, rgba(30, 34, 51, .9) 75%), url(/images/lines-green.webp);
}

.games-section {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.footer {
  background-color: #101010;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.games-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: none;
}

.games-container.license-flex.store-page {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  max-width: 1440px;
}

.games-container.license-flex.fg-unity-page {
  justify-content: center;
  align-items: flex-start;
}

.games-container.games-carousel-container {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.game-block {
  background-color: #282d43;
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/dnd-5e-bg.jpg);
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  border: 1px solid rgba(131, 131, 131, .7);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 320px;
  height: 320px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.game-block:hover {
  filter: brightness(110%);
  border-width: 2px;
  border-color: #67c1f5;
}

.game-block.dnd-classic {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/sotdl-bg.jpg);
  background-position: 0 0, 0 100%;
}

.game-block.pf-2e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf2e-bg.webp);
}

.game-block.pf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf1e-bg.webp);
  text-decoration: none;
}

.game-block.sf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/sf1e-bg.webp);
}

.game-block.fallout {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/fallout-bg.webp);
}

.game-block.cthulu {
  background-image: linear-gradient(rgba(16, 16, 16, .2), rgba(0, 0, 0, 0)), url(/images/coc-bg.webp);
}

.game-block.wod {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/wod-bg.webp);
}

.game-block.swade {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/swade-bg.webp);
}

.game-block.cyberpunk {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/cyberpunk-red-bg.webp);
}

.game-block.traveller {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/traveller-bg.webp);
}

.game-block._13th-age {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/13th-age-bg.webp);
}

.game-block.star-trek-adventures {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/star-trek-adv-bg.webp);
}

.game-block.mnm {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/mnm-bg.webp);
}

.game-block.alien-rpg {
  background-image: linear-gradient(#000 22%, rgba(0, 0, 0, 0)), url(/images/alien-rpg-bg.webp);
}

.game-block.transformers {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/transformers-rpg-bg.webp);
}

.game-block.and-more {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-style: none;
}

.game-block.vtm {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/vampire-bg.jpg);
}

.game-block.htr {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/hunter-bg.jpg);
}

.game-block.wta {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/werewolf-bg.jpg);
}

.game-block.rolemaster {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/rolemaster-bg.jpg);
}

.game-block.dune {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/dune-bg.jpg);
}

.game-block.dungeon-crawl-classics {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/dcc-bg.jpg);
}

.game-block.castles-and-crusades {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/castles-and-crusades-bg.jpg);
}

.game-block.vaesen {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/vaesen-bg.jpg);
}

.game-block.woin {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/woin-bg.jpg);
}

.game-block.shadowdark {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/shadowdark-bg.jpg);
}

.game-block.fifth-edition-fantasy {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/fef-bg.jpg);
}

.game-block.symbaroum {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/symbaroum-bg.jpg);
}

.game-block.deadlands {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/deadlands-bg.jpg);
}

.game-block.mutant-crawl-classics {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/mcc-bg.jpg);
}

.game-block._5e-compatible {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/5e-compatible-bg.jpg);
}

.game-block.traveller-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/traveller-1e-bg.jpg);
}

.game-block.basic-roleplaying {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/basic-rp-bg.jpg);
}

.game-block.lemuria {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/barbarians-of-lemuria-bg.jpg);
}

.game-block.icons {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/icons-bg.jpg);
}

.game-block.advanced-fighting-fantasy {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/aff-bg.jpg);
}

.game-block.fate-core {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/fate-bg.jpg);
}

.game-block.d20-modern {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/d20-modern-bg.jpg);
}

.game-block.index-card-rpg {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/index-card-rpg-bg.jpg);
}

.game-block.tales-of-the-valiant {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/tales-of-the-valiant-bg.jpg);
}

img.game-logo.tales-of-the-valiant {
    width: 220px;
    padding-top: 24px;
}

.game-block.coming-soon {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
}

.create-account-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.games-section-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.getting-started-subtitle {
  color: #fff;
  text-align: center;
  max-width: 1240px;
  margin-top: -12px;
  margin-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.games-subtitle {
  color: #fff;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.license-name {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.license-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 300px;
  padding-left: 8px;
  display: flex;
}

.license-cover {
  max-width: 200px;
  padding-right: 24px;
}

.license-name-block {
  text-align: center;
  background-color: rgba(0, 100, 27, .6);
  border-radius: 24px 24px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex;
}

.license-name-block.ultime-license-name-block {
  background-color: rgba(129, 114, 0, .6);
  border-top: 1px solid #daa520;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
}

.license-name-block.core-license-name-block {
  background-color: rgba(0, 106, 116, .6);
  border-top: 1px solid #0084ff;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.license-name-block.free-demo {
  border-top: 1px solid #00d740;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.license-writeup {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.license-buttons-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 12px;
  display: flex;
}

.license-block-text {
  color: #fff;
  text-align: left;
  max-width: 310px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.button {
  text-transform: uppercase;
  background-image: url(/images/windows-icon.png);
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #fff;
  border-radius: 8px;
  padding-left: 24px;
  padding-right: 8px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.button.mac-button {
  background-color: #9f9f9f;
  background-image: url(/images/mac-icon.png);
  background-size: 14px;
}

.button.mac-button:hover {
  filter: brightness(120%);
}

.button.linux-button {
  background-color: #b48c00;
  background-image: url(/images/linux-icon.png);
  background-position: 6px;
  background-size: 14px;
  padding-left: 26px;
}

.button.linux-button:hover {
  filter: brightness(120%);
}

.button.subscribe-button {
  color: #4c6b22;
  -webkit-text-stroke-color: #407f40;
  background-color: #fff;
  background-image: none;
  border: 1px solid #beee11;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
}

.button.subscribe-button:hover {
  color: #fff;
  background-color: #4c6b22;
}

.button.buy-button {
  background-color: #4c6b22;
  background-image: url(/images/add-to-cart-icon.png);
  border: 1px solid #beee11;
  padding-left: 24px;
  padding-right: 12px;
}

.button.buy-button:hover {
  filter: brightness(120%);
}

.button.buy-button.product-bundle-complete-button, .button.buy-button.art-sub-subscribe-button {
  justify-content: center;
  align-items: center;
  height: 42px;
  font-size: 14px;
  display: flex;
}

.button.product-card-cart-button {
  background-color: #4c6b22;
  background-image: url(/images/add-to-cart-icon.png);
  background-position: 7px 11px;
  background-size: 24px;
  border: 1px solid #beee11;
  width: 42px;
  height: 42px;
  font-size: 12px;
}

.button.product-card-cart-button:hover, .button.windows:hover {
  filter: brightness(120%);
}

.button.product-info-button {
  background-color: #000;
  background-image: url(/images/info-icon.png);
  background-position: 50%;
  background-size: 24px;
  border: 1px solid #00a3b3;
  width: 42px;
  height: 42px;
  font-size: 12px;
}

.button.product-info-button:hover {
  filter: brightness(120%);
}

.button.product-info-button.page-nav-button {
  background-color: #006a74;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 76px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  display: flex;
}

.button.product-bundle-button {
  background-color: #006a74;
  background-image: url(/images/bundle-icon.png);
  background-position: 50%;
  background-size: 24px;
  border: 1px solid #00a3b3;
  width: 42px;
  height: 42px;
  font-size: 12px;
}

.button.product-bundle-button:hover {
  filter: brightness(120%);
}

.button.owned-download-button {
  background-color: #d17600;
  background-image: url(/images/download-icon.png);
  background-position: 50%;
  background-size: 24px;
  border: 1px solid #ff9000;
  width: 42px;
  height: 42px;
  font-size: 12px;
}

.button.owned-download-button:hover {
  filter: brightness(120%);
}

.button.page-nav-button {
  background-color: #000;
  background-image: url(/images/info-icon.png);
  background-position: 50%;
  background-size: 24px;
  border: 1px solid #00a3b3;
  width: 42px;
  height: 42px;
  font-size: 12px;
}

.button.page-nav-button:hover {
  filter: brightness(120%);
}

.button.product-bundle-info-bundle {
  text-align: left;
  background-color: #000;
  background-image: url(/images/info-icon.png);
  background-position: 10px;
  background-size: 24px;
  border: 1px solid #00a3b3;
  width: 194px;
  height: 42px;
  padding-left: 44px;
  padding-right: 16px;
  font-size: 12px;
}

.button.product-bundle-info-bundle:hover {
  filter: brightness(120%);
}

.button.product-bundle-info-bundle.page-nav-button {
  background-color: #006a74;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 76px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  display: flex;
}

.button.steam-button {
  background-color: #1b2838;
  background-image: url(/images/steam-icon.png);
  background-position: 6px;
  background-size: 14px;
  padding-left: 26px;
}

.button.steam-button:hover {
  filter: brightness(120%);
}

.link {
  color: #67c1f5;
  text-decoration: none;
}

.slide {
  padding-left: 100px;
  padding-right: 100px;
}

.slide-nav {
  padding-left: 20px;
  display: block;
}

.heading-3 {
  color: #7ac5cc;
  text-align: left;
  text-transform: uppercase;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 27px;
  font-style: italic;
  line-height: 23px;
}

.slide-text-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-right: auto;
  display: flex;
}

.slide-text-block.middle-aligned {
  margin-left: auto;
}

.text-block-3 {
  color: #ffc229;
  text-transform: uppercase;
  align-self: center;
  margin-top: -2px;
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.slide-container {
  background-image: url(/images/hero-bg-fg.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1400px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 0;
  display: flex;
}

.hero-button.sale-button.summer-sale-button {
  background-color: #06804d;
  border-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
}

.hero-button.sale-button.summer-sale-button:hover {
  filter: brightness(120%);
}

.fg-summer-sale-block {
  justify-content: flex-start;
  align-items: center;
  width: 360px;
  height: 100%;
  display: flex;
}

.summer-sale-big {
  color: #fff;
  letter-spacing: 2px;
  font-family: Poppins, sans-serif;
  font-weight: 900;
}

.text-span-3 {
  color: #7ac5cc;
}

.text-span-4 {
  color: #7ac5cc;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 78px;
  display: block;
}

.sale-header.summer-sale {
  margin-top: 0;
  font-size: 32px;
}

.slide-description {
  color: #e9d7b7;
  text-align: center;
  margin-top: -12px;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.slide-description.summer-sale {
  color: #ffc229;
  margin-top: 0;
}

.slide-container.not-first-slide {
  padding-left: 130px;
}

.slide-container.not-first-slide.dnd50-slide {
  background-image: url(/images/fg-site-hero-dnd50.webp);
  background-position: 100px 0;
  background-size: 1400px;
  padding-left: 108px;
}

.slide-container.not-first-slide.slide-3 {
  background-image: url('/images/hero-wiki-bg.webp');
  background-position: 50% 0;
  background-size: contain;
}

.slide-container.not-first-slide.summer-sale-slide {
  background-image: url('/images/summer-2024.jpg');
  background-position: 100px 0;
  background-size: 1400px;
  padding-left: 108px;
}

.slide-container.not-first-slide.slide-3 {
  background-image: url(/images/hero-wiki-bg.webp);
  background-position: 50% 0;
  background-size: contain;
}

.hero-buttons-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.button-2 {
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 48px;
  display: flex;
}

.hero-button {
  text-transform: uppercase;
  background-color: #006a74;
  border: 1px solid rgba(0, 191, 255, .6);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 48px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.hero-button:hover {
  background-color: #d17600;
}

.hero-button.explore-games-button {
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #010101;
  border-color: rgba(0, 191, 255, .6);
}

.hero-button.explore-games-button:hover {
  background-color: #006a74;
}

.hero-button.all-games {
  width: 250px;
  margin-top: 0;
}

.hero-button.all-games.explore-games-button {
  margin-bottom: 0;
}

.hero-button.sale-button {
  background-color: #4c6b22;
  border-color: #beee11;
}

.hero-button.sale-button.dnd50 {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/images/WOTC50CTA-button.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
}

.hero-button.sale-button.dnd50:hover {
  filter: brightness(120%);
}

.hero-button.sale-secondary-button {
  background-color: #010101;
  border-color: #beee11;
}

.hero-button.sale-secondary-button:hover {
  background-color: #006a74;
}

.hero-button.slide-3-button {
  background-color: #3d226b;
  border-color: #7441cc;
}

.hero-button.slide-3-secondary-button {
  background-color: #010101;
  border-color: #7441cc;
}

.hero-button.slide-3-secondary-button:hover {
  background-color: #006a74;
}

.hero-button.blurb-button {
  margin-top: 16px;
}

.hero-button.blurb-button.art-sub-button {
  background-color: #490074;
  border-color: rgba(170, 0, 255, .6);
}

.hero-button.blurb-button.art-sub-button:hover {
  background-color: #d17600;
}

.hero-button.product-card-button {
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #010101;
  border-color: rgba(0, 191, 255, .6);
  width: auto;
  height: 42px;
  margin-bottom: 0;
  font-size: 12px;
}

.hero-button.product-card-button:hover {
  background-color: #006a74;
}

.hero-button.product-card-button.product-info-button {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/images/info-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-style: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 0;
}

.hero-button.secondary-button {
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #010101;
  border-color: rgba(0, 191, 255, .6);
}

.hero-button.secondary-button:hover {
  background-color: #006a74;
}

.image {
  margin-top: -10px;
  position: relative;
  left: -20px;
}

.headline-span {
  color: #a1a1a1;
  margin-left: 26px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.navbar {
  background-color: #000;
  border-bottom: 1.5px solid #daa520;
}

.brand {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.top-nav-container {
  justify-content: space-around;
  align-items: center;
  max-width: 1400px;
}

.fg-logo-block {
  align-self: center;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-link:hover {
  color: #daa520;
}

.nav-link.w--open {
  background-color: #252525;
}

.nav-link.store-link.w--open {
  color: #fff;
}

.nav-link.support-link.username-menu {
  margin-left: 10px;
  padding-left: 6px;
}

.nav-link-2 {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.username-menu {
  color: #7ac5cc;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.text-span {
  color: #fff;
}

.text-img-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.cover-image {
  position: absolute;
  top: 12px;
  right: 8px;
}

.game-logo {
  padding-top: 14px;
}

.game-logo.fallout {
  filter: brightness(200%);
  padding-top: 20px;
}

.game-logo.cthulhu, .game-logo.swade {
  padding-top: 30px;
}

.game-logo.cyberpunk, .game-logo.traveller {
  padding-top: 34px;
}

.game-logo._13th-age {
  padding-top: 16px;
}

.game-logo.star-trek-adventures {
  padding-top: 30px;
}

.game-logo.transformers {
  padding-top: 24px;
}

.game-logo._5e-fantasy {
  padding-top: 30px;
}

.game-logo.traveler-1e {
  padding-top: 5px;
}

.game-logo.ose {
  padding-top: 22px;
}

.game-logo.dcc {
  padding-top: 24px;
}

.game-logo.rolemaster {
  padding-top: 6px;
}

.game-logo.lemuria {
  padding-top: 30px;
}

.game-logo.icons {
  padding-top: 46px;
}

.game-logo.basic-roleplaying {
  filter: invert();
}

.game-logo.conan-2d20 {
  padding-top: 50px;
}

.game-logo.index-card-rpg, .game-logo.gi-joe {
  padding-top: 30px;
}

.game-logo.sotdl {
  padding-top: 6px;
}

.game-logo._5e-compatible {
  padding-top: 30px;
}

.features-section {
  background-color: #3d4566;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  padding: 80px 24px 120px;
  display: flex;
}

.games-buttons-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.games-buttons-block.inline-and-more {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
}

.blurb-two-columns {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 429px) {
    .legal-block {
        min-width: 100% !important;
        text-align: center !important;
    }
    .social-buttons {
        grid-column-gap: 20px !important;
        grid-row-gap: 12px;
    }
}

.social-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 460px;
  display: flex;
}

.heading-4 {
  color: #daa520;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 32px;
}

.features-block {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.column {
  justify-content: center;
  align-items: center;
  display: flex;
}

.browse-games-subtitle {
  color: #fff;
  text-align: center;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.sale-header {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 1600px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  line-height: 40px;
  display: block;
}

.sale-header.blurb-header {
  font-size: 28px;
  line-height: 32px;
}

.slide-description {
  color: #e9d7b7;
  text-align: center;
  margin-top: -12px;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.slide-3-header {
  color: #7ac5cc;
  text-transform: uppercase;
  max-width: 1600px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  display: block;
}

.slide-3-header.blurb-header {
  font-size: 28px;
  line-height: 32px;
}

.additional-info-label {
  color: #fff;
  text-transform: uppercase;
  background-color: #3b4363;
  border: 1px solid #838383;
  border-radius: 2px 2px 2px 8px;
  padding: 2px 8px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  position: absolute;
  top: -1px;
  right: -1px;
}

.legal-block {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  max-width: 1400px;
  margin-left: auto;
  margin-right: 8px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.text-span-2 {
  color: #ffc229;
}

.link-2, .link-3 {
  color: #fff;
  text-decoration: none;
}

.column-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 16px;
  display: flex;
}

.column-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.top-nav-menu-list.w--open {
  background-color: #151515;
  border: 1px solid #daa521;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  top: 62px;
  box-shadow: 0 4px 8px 16px rgba(0, 0, 0, .3);
}

.top-nav-menu-list-link {
  color: #fff;
  text-transform: uppercase;
  border-top: 1px solid #616161;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.top-nav-menu-list-link:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.new-section {
  border-top-color: #daa520;
}

.top-nav-menu-list-link.new-section.with-icon.store-menu.black-bg {
  background-color: #101010;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.top-nav-menu-list-link.new-section.with-icon.store-menu.black-bg:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.new-section.with-icon.lfg-menu {
  background-color: rgba(6, 18, 89, .35);
}

.top-nav-menu-list-link.with-icon {
  background-color: rgba(55, 16, 89, .3);
  padding-left: 42px;
}

.top-nav-menu-list-link.with-icon:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.with-icon.store-menu {
  background-color: rgba(73, 147, 48, .11);
  padding-top: 10px;
}

.top-nav-menu-list-link.with-icon.store-menu:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.with-icon.lfg-menu {
  background-color: rgba(6, 60, 89, .41);
}

.top-nav-menu-list-link.with-icon.lfg-menu:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.with-icon.download-menu {
  background-color: rgba(6, 18, 89, .35);
}

.top-nav-menu-list-link.with-icon.download-menu:hover {
  background-color: #00464d;
}

.top-nav-menu-list-link.with-icon.black-bg {
  background-color: #101010;
}

.top-nav-menu-list-link.with-icon.black-bg:hover {
  background-color: #00464d;
}

.icon {
  color: #daa520;
}

.menu-subtitle {
  color: #7ac5cc;
  margin-left: 8px;
  font-size: 10px;
  display: inline;
}

.top-nav-menu-wrapper {
  background-color: rgba(22, 61, 46, .46);
  position: relative;
}

.nav-icon {
  z-index: 9;
  pointer-events: none;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 12px;
  bottom: 0%;
  left: 16px;
  right: auto;
}

.top-nav-holder {
  display: inline-block;
  position: relative;
}

.profile-image-block {
  z-index: 19;
  background-color: #5d5d5d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 12px;
  margin-right: -8px;
  display: flex;
}

.top-nav-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-img {
  border-radius: 50%;
}

.features-section-copy {
  background-color: #3d4566;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  padding-top: 80px;
  padding-bottom: 120px;
  display: flex;
}

.art-subscription-section {
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.art-sub-block {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: center;
  max-width: 1400px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.art-subscription-container {
  background-image: url(/images/art-sub-bg.webp);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1400px;
  max-width: 1400px;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.art-sub-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 600px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.dnd50-block {
  background-image: url(/images/dnd50-hero-bg.jpg), linear-gradient(#6d6458, #463b2d);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  justify-content: flex-start;
  align-items: center;
  width: 360px;
  height: 100%;
  display: flex;
}

.icon-2 {
  font-size: 36px;
}

.licenses-section-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#101010, #3d4566);
  border-bottom: 3px solid #daa520;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.gs-steps-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gs-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gs-step-name {
  color: #ffc229;
  text-align: left;
  text-transform: uppercase;
  margin-top: -12px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-4 {
  color: #67c1d3;
  align-self: flex-start;
  margin-top: -12px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.fg-name {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.fg-name.fg-name-larger {
  font-size: 17px;
}

.fg-name.bundles-desc {
  color: #daa520;
}

.menu-icon {
  background-color: red;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.mobile-navbar {
  display: none;
}

.product-card {
  background-color: #101010;
  background-image: url(/images/WOTC50DMG-Cover.webp);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(131, 131, 131, .7);
  border-radius: 16px;
  flex-flow: column;
  width: 240px;
  height: 480px;
  display: flex;
  position: relative;
}

.product-card.dnd-classic {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/dnd-classic-bg.webp);
}

.product-card.pf-2e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf2e-bg.webp);
}

.product-card.pf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf1e-bg.webp);
}

.product-card.sf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/sf1e-bg.webp);
}

.product-card.fallout {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/fallout-bg.webp);
}

.product-card.cthulu {
  background-image: linear-gradient(rgba(16, 16, 16, .2), rgba(0, 0, 0, 0)), url(/images/coc-bg.webp);
}

.product-card.wod {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/wod-bg.webp);
}

.product-card.swade {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/swade-bg.webp);
}

.product-card.cyberpunk {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/cyberpunk-red-bg.webp);
}

.product-card.traveller {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/traveller-bg.webp);
}

.product-card._13th-age {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/13th-age-bg.webp);
}

.product-card.star-trek-adventures {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/star-trek-adv-bg.webp);
}

.product-card.mnm {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/mnm-bg.webp);
}

.product-card.alien-rpg {
  background-image: linear-gradient(#000 22%, rgba(0, 0, 0, 0)), url(/images/alien-rpg-bg.webp);
}

.product-card.transformers {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/transformers-rpg-bg.webp);
}

.product-card-buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 8px;
  left: 0%;
  right: 0%;
}

.product-card-content-block {
  background-image: linear-gradient(#101010, #2e344c);
  border-top: 1px solid #838383;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 154px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.product-card-content-block.product-bundle-content-block {
  height: 80px;
}

.trending-products-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: flex;
}

.sale-price-text {
  color: #beee11;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.store-search-section {
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.store-subtitle {
  color: #7ac5cc;
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.trending-products-section {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #101010;
  border-bottom: 2px solid #daa520;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 550px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.search-input {
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.search-button {
  text-transform: uppercase;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.store-search-container {
  width: 1400px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.product-listing-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #3d4566;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 24px 60px;
  display: flex;
}

.product-listing-section.product-bundle-listing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.product-listing-section.product-bundles-listing-section {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
}

.product-listing-section.product-bundle-details-listing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
}

.product-listing-section.personalized-suggestions-products-listing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  padding-top: 20px;
}

.store-search-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.trending-products-header {
  color: #ffc229;
  text-align: center;
  text-transform: uppercase;
  max-width: 1600px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  display: block;
}

.trending-products-header.blurb-header {
  margin-left: 0;
  font-size: 28px;
  line-height: 32px;
}

.product-row-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1400px;
  display: flex;
}

.steps-icon {
  color: #67c1d3;
  font-size: 30px;
  position: absolute;
  right: -340px;
}

.product-preorder-tag {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0d9986;
  border: 1px solid #11ccb3;
  border-radius: 0 8px 0 0;
  width: 90px;
  padding: 2px 8px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  position: absolute;
  top: auto;
  bottom: 153px;
  left: 0%;
  right: 0%;
}

.product-tag {
  color: #fff;
  text-transform: uppercase;
  background-color: #3b4363;
  border: 1px solid #838383;
  border-radius: 2px 2px 2px 8px;
  padding: 2px 8px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  position: absolute;
  top: -1px;
  right: -1px;
}

.product-tag.tag-fgu {
  background-color: #7a00cc;
  border-top-left-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  top: 120px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.product-tag.tag-los {
  background-color: #0047cc;
  border-top-left-radius: 0;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
  top: -1px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.product-tag.tag-fgc {
  background-color: #cca000;
  border-top-left-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  top: 120px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.product-title-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: break-spaces;
  overflow-wrap: break-word;
  height: 56px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  top: auto;
  bottom: 88px;
  left: 0%;
  right: 0%;
}

.product-title-text.line-clamp-2 {
  height: 54px;
  margin-left: 4px;
  margin-right: 4px;
}

.product-title-text.line-clamp-3 {
  text-wrap: balance;
  overflow: hidden;
}

.product-title-text.line-clamp-3.product-bundle-title {
  justify-content: center;
  align-items: center;
  display: flex;
  bottom: 10px;
}

.price-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 60px;
}

.price-block.product-bundle-price-block {
  display: none;
  bottom: 12px;
}

.price-text {
  color: #e54545;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.page-title-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #101010;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-left: 20px;
  padding-right: 20px;
}

.page-title-section.product-page-title {
  padding-top: 32px;
}

.page-title-section.product-bundle-details-title, .page-title-section.art-sub-page-title {
  flex-flow: column;
  display: flex;
}

.page-title-section.personalized-suggestions-title-section {
  background-image: linear-gradient(#101010, #171a21);
  flex-flow: column;
  padding: 32px 24px 0;
  display: flex;
}

.page-title-section.personalized-suggestions-actions-section {
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.page-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  display: inline-block;
}

.page-title-icon {
  vertical-align: text-bottom;
  margin-right: 16px;
}

.pagination-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-current-page {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.pagination-container {
  background-color: #101010;
  border-radius: 16px;
  padding: 8px 12px;
}

.page-title-container {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.product-page-title-container {
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.product-title {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  line-height: 32px;
  display: inline-block;
}

.product-details-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #3d4566;
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 24px 60px;
  display: flex;
}

.product-details-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 1400px;
  max-width: 1080px;
  display: flex;
}

.product-screenshots-carousel {
  background-color: red;
  border-radius: 16px;
  width: 800px;
  height: 480px;
}

.product-title-header-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #7ac5cc;
  flex-flow: column;
  padding-bottom: 24px;
  display: flex;
}

.product-publisher-system-block {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.product-publisher-link, .product-system-link {
  color: #daa520;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.product-system-link.product-id {
  color: #fff;
}

.product-v-divider {
  color: #7ac5cc;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.product-details-description-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.product-details-description-block {
  color: #fff;
  border-radius: 16px;
  width: 800px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.product-details-card-matter {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.get-on-steam-block {
  background-image: url(/images/steambadge.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 200px;
  height: 62px;
}

.los-blurb {
  color: #7ac5cc;
  text-align: center;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  display: flex;
}

.top-bottom-matter-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 470px;
  display: flex;
}

.top-top-matter {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  display: flex;
}

.top-bottom-matter {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  display: flex;
}

.top-bottom-matter-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bundle-cta-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-style: normal;
  line-height: 18px;
}

.product-bundle-inline-link {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #006a74;
  border: 1px solid #008c99;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.recommendations-section {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(rgba(16, 16, 16, .5), rgba(0, 0, 0, 0));
  border-top: 1px solid #7ac5cc;
  flex-flow: column;
  max-width: 1080px;
  padding-top: 16px;
  display: flex;
}

.also-bought-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-bundle-cta-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: rgba(0, 106, 116, .2);
  border: 1px solid #006a74;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 800px;
  padding: 16px 24px 24px;
  display: flex;
}

.category-recommendations-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.category-recommendation {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
  background-color: #101010;
  border: 1px solid #006a74;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.product-bundles-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: flex;
}

.product-bundle-card {
  background-color: #101010;
  background-image: url(/images/WOTC5EESSENTIALS.webp);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(131, 131, 131, .7);
  border-radius: 16px;
  flex-flow: column;
  width: 320px;
  height: 264px;
  display: flex;
  position: relative;
}

.product-bundle-card:hover {
  border-color: #7ac5cc;
}

.product-bundle-card.dnd-classic {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/dnd-classic-bg.webp);
}

.product-bundle-card.pf-2e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf2e-bg.webp);
}

.product-bundle-card.pf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/pf1e-bg.webp);
}

.product-bundle-card.sf-1e {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/sf1e-bg.webp);
}

.product-bundle-card.fallout {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/fallout-bg.webp);
}

.product-bundle-card.cthulu {
  background-image: linear-gradient(rgba(16, 16, 16, .2), rgba(0, 0, 0, 0)), url(/images/coc-bg.webp);
}

.product-bundle-card.wod {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/wod-bg.webp);
}

.product-bundle-card.swade {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/swade-bg.webp);
}

.product-bundle-card.cyberpunk {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/cyberpunk-red-bg.webp);
}

.product-bundle-card.traveller {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/traveller-bg.webp);
}

.product-bundle-card._13th-age {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/13th-age-bg.webp);
}

.product-bundle-card.star-trek-adventures {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/star-trek-adv-bg.webp);
}

.product-bundle-card.mnm {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/mnm-bg.webp);
}

.product-bundle-card.alien-rpg {
  background-image: linear-gradient(#000 22%, rgba(0, 0, 0, 0)), url(/images/alien-rpg-bg.webp);
}

.product-bundle-card.transformers {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0)), url(/images/transformers-rpg-bg.webp);
}

.product-bundles-desc-container {
  color: #7ac5cc;
  text-align: center;
  text-wrap: balance;
  max-width: 1000px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.product-bundle-link-card:hover {
  filter: brightness(120%);
}

.bundle-description-container {
  color: #fff;
  background-color: #000;
  border: 1px solid #00a3b3;
  border-radius: 16px;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.in-this-bundle-header {
  color: #ffc229;
  text-align: center;
  text-transform: uppercase;
  max-width: 1600px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  display: block;
}

.in-this-bundle-header.blurb-header {
  margin-left: 0;
  font-size: 28px;
  line-height: 32px;
}

.product-bundle-complete-button-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.art-sub-complete-bundle-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 308px;
  margin-left: 8px;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.art-sub-description-container {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  border-radius: 16px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.art-sub-subscribe-section {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0) 20%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.accordion-content-divider {
  border-bottom: 1px dashed rgba(51, 51, 51, .2);
  width: 100%;
  height: 0;
}

.c-accordion-item-q-text {
  color: #fff;
  flex: 1;
  align-items: center;
  padding: 8px 24px;
  font-family: Poppins, sans-serif;
  display: flex;
}

._w-accordion-content-divider {
  padding-left: 20px;
  padding-right: 20px;
}

._w-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  width: 1.3em;
  height: 1.3em;
  display: flex;
  position: relative;
}

.accordion-item-a-text {
  color: #fff;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.c-accordion-item-a {
  overflow: hidden;
}

._w-accordion-item-q {
  display: flex;
}

.c-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.accordion-item-q-icon-stripe-1 {
  background-color: #219fa3;
  width: 100%;
  height: .3em;
  position: relative;
}

.c-accordion-item {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 10px;
}

._w-accordion-item-a {
  background-color: #2c324a;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 16px 24px;
}

.accordion-item-q-icon-stripe-2 {
  background-color: #219fa3;
  width: .3em;
  height: 100%;
  position: absolute;
}

.accordion-item-q-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4em;
}

._w-accordion-item {
  cursor: pointer;
  background-color: #000;
  border: 1px solid rgba(131, 131, 131, .5);
  border-radius: 10px;
  transition: all .25s;
  box-shadow: 1px 1px 15px rgba(19, 19, 19, .15);
}

._w-accordion-item:hover {
  box-shadow: none;
  border-color: #006a74;
}

.c-accordion-list {
  max-width: 1080px;
}

.art-sub-pricing-block {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.art-sub-subscribe-container {
  max-width: 1080px;
}

.product-card-cover-block {
  width: 100%;
  height: 324px;
}

.art-sub-pricing-text {
  color: #beee11;
}

.personalized-suggestions-description {
  color: #fff;
  text-align: left;
  text-wrap: balance;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 0;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.username-name-span {
  color: #daa520;
  font-weight: 700;
}

.personalized-suggestions-urls-block {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 1080px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.copy-paste-text-block {
  white-space: break-spaces;
  word-break: break-all;
  background-color: #fff;
  border: 1px solid rgba(131, 131, 131, .5);
  border-radius: 4px;
  padding: 8px 16px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.suggestions-header {
  color: #ffc229;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
  max-width: 1600px;
  margin: 24px auto 16px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  line-height: 28px;
  display: block;
}

.suggestions-header.blurb-header {
  margin-left: 0;
  font-size: 28px;
  line-height: 32px;
}

.product-suggestions-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: flex;
}

.personalized-suggestions-two-column {
  display: flex;
}

.personalized-suggestions-page-title-container {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.product-bundle-complete-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 308px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.cart-username-info {
  color: #7ac5cc;
  text-align: center;
  text-wrap: balance;
  max-width: 1000px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.cart-account-reminder {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 1000px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.cart-details-section {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
  padding-top: 40px;
  padding-bottom: 60px;
}

.cart-details-block {
  background-color: red;
  max-width: 1100px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

.order-history-intro {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 1000px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.order-history-panel {
  background-color: red;
  width: 100%;
  max-width: 1100px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

.order-history-details-section {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
  padding-top: 40px;
  padding-bottom: 60px;
}

.order-history-panels-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paizo-account-sync-intro {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 860px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paizo-account-sync-auth-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fg-unity-description-block {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  border-radius: 16px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 24px 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.fg-unity-description-block.fine-print {
  margin-bottom: 24px;
  padding-top: 8px;
  font-size: 13px;
}

.list {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 20px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.fg-unity-install-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-7, .all-caps-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
}

.all-caps-text.link {
  color: #67c1f5;
  margin-bottom: 20px;
}

.product-listing-section-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #3d4566;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 24px 60px;
  display: flex;
}

.product-listing-section-copy.product-bundle-listing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.product-listing-section-copy.product-bundles-listing-section {
  background-image: linear-gradient(#101010, rgba(0, 0, 0, 0));
}

.product-listing-section-copy.product-bundle-details-listing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
}

.product-listing-section-copy.personalized-suggestions-products-listing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#171a21, rgba(0, 0, 0, 0));
  padding-top: 20px;
}

.rich-text-block {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.fg-unity-compare-list {
  text-wrap: pretty;
  background-color: #171a21;
  border: 1px solid #00d740;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px 16px 16px;
  list-style-type: none;
  display: flex;
}

.fg-unity-compare-list.core-license {
  border-color: #0084ff;
}

.fg-unity-compare-list.ultimate-license {
  border-color: #daa520;
}

.fg-unity-compare-list-item {
  margin-top: 4px;
  margin-bottom: 4px;
}

.fg-unity-compare-list-item.check {
  background-image: url(/images/green-check-icon.png);
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-top: 1px solid rgba(131, 131, 131, .5);
  width: 100%;
  padding-top: 8px;
  padding-left: 48px;
  text-decoration: none;
}

.fg-unity-compare-list-item.check.first-item {
  background-image: url(/images/green-check-icon.png);
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-top-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.fg-unity-compare-list-item.no-check {
  padding-left: 48px;
}

.fg-unity-compare-list-item.no-check.check {
  background-image: url(/images/minus-icon.png);
}

.link-4 {
  text-decoration: none;
}

.games-carousel {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: flex-start;
  max-width: 1560px;
  min-height: 1800px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.right-arrow-2 {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
}

.right-arrow-2:hover {
  background-color: #252525;
}

.icon-5 {
  top: 23%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.icon-5.icon-5-bottom {
  top: auto;
  bottom: 23%;
  left: 0%;
  right: 0%;
}

.icon-5.icon-5-middle {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.icon-6 {
  top: 23%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.icon-6.icon-6-bottom {
  top: auto;
  bottom: 23%;
  left: 0%;
  right: 0%;
}

.icon-6.icon-6-middle {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.left-arrow-2 {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  margin-bottom: 64px;
}

.left-arrow-2:hover {
  background-color: #252525;
}

.feature-request-banner {
  width: 100%;
  margin-top: 24px;
}

.feature-requests-banner {
  width: 100%;
  max-width: 1400px;
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
  }

  .heading-2 {
    font-size: 32px;
  }

  .heading-2.blurb-header {
    text-align: left;
    font-size: 26px;
  }

  .games-container.license-flex {
    flex-flow: column;
  }

  .getting-started-subtitle {
    max-width: 600px;
  }

  .games-subtitle {
    text-align: left;
  }

  .games-subtitle.footer-text {
    text-align: center;
  }

  .slide {
    padding-left: 0;
    padding-right: 0;
  }

  .slide-container {
    background-position: 70px 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
  }

  .slide-container.not-first-slide.dnd50-slide, .slide-container.not-first-slide.summer-sale-slide {
    background-position: 70px 0;
    background-size: 1200px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 70px;
  }

  .navbar {
    padding-left: 10px;
  }

  .navbar.desktop-navbar {
    display: none;
  }

  .brand {
    justify-content: flex-start;
    align-items: center;
  }

  .top-nav-container {
    display: flex;
  }

  .nav-link {
    border-top: 2px solid #252525;
  }

  .nav-link.store-link {
    border-top: 1px solid #252525;
    width: 100%;
  }

  .nav-link.support-link {
    width: 100%;
  }

  .nav-link.support-link.username-menu.mobile-menu {
    margin-left: 0;
    padding-left: 20px;
  }

  .nav-link.support-link.mobile-menu-item {
    width: 100%;
  }

  .features-section {
    padding-bottom: 100px;
  }

  .footer-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .features-block {
    flex-flow: column;
    max-width: 600px;
  }

  .browse-games-subtitle {
    max-width: 650px;
  }

  .legal-block {
    margin-right: auto;
  }

  .column-2 {
    text-align: center;
  }

  .top-nav-menu-list.w--open {
    border-style: none;
  }

  .top-nav-menu-list.mobile-menu-item.w--open {
    z-index: 19;
    border-style: none;
  }

  .top-nav-menu-list-link {
    display: flex;
  }

  .top-nav-menu-list-link.mobile-menu-item {
    justify-content: flex-start;
    align-items: center;
    height: 52px;
  }

  .nav-icon {
    top: 16px;
  }

  .top-nav-holder.mobile-menu {
    width: 100%;
    max-width: 95%;
  }

  .profile-image-block {
    margin-right: -10px;
  }

  .profile-image-block.mobile {
    display: none;
  }

  .top-nav-block {
    padding-left: 0;
  }

  .art-subscription-container {
    background-image: none;
    width: auto;
  }

  .art-sub-inner {
    text-align: center;
  }

  .menu-button, .icon-3 {
    display: none;
  }

  .menu-icon {
    width: 40px;
    height: 40px;
  }

  .mobile-navbar {
    display: block;
  }

  .mobile-menu-button.w--open {
    background-color: #252525;
  }

  .nav-menu-2 {
    background-color: #101010;
    border: 1px #daa520;
    border-bottom-style: solid;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
  }

  .dropdown {
    width: 100%;
    display: block;
  }

  .dropdown-2, .dropdown-3, .dropdown-4 {
    width: 100%;
  }

  .icon-4 {
    color: #daa520;
  }

  .trending-products-container.license-flex {
    flex-flow: column;
  }

  .store-subtitle, .store-subtitle.footer-text {
    text-align: center;
  }

  .store-search-container {
    background-image: none;
    width: auto;
  }

  .product-listing-section {
    padding-bottom: 100px;
  }

  .store-search-inner {
    text-align: center;
  }

  .trending-products-header {
    font-size: 32px;
  }

  .trending-products-header.blurb-header {
    text-align: left;
    font-size: 26px;
  }

  .product-row-container.license-flex {
    flex-flow: column;
  }

  .page-title-section.personalized-suggestions-actions-section {
    margin-top: 24px;
  }

  .page-title.personalized-suggestions-title {
    text-align: center;
  }

  .product-details-section {
    padding-bottom: 100px;
  }

  .product-details-row {
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
  }

  .product-details-row.license-flex {
    flex-flow: column;
  }

  .product-screenshots-carousel {
    width: 90svw;
    height: 400px;
  }

  .product-details-description-container.license-flex {
    flex-flow: column;
  }

  .product-details-description-block {
    width: 100%;
  }

  .top-top-matter {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .top-bottom-matter {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .recommendations-section {
    max-width: 100%;
  }

  .product-bundle-cta-block {
    max-width: none;
  }

  .product-bundles-container.license-flex {
    flex-flow: column;
  }

  .product-bundles-desc-container {
    max-width: 600px;
  }

  .in-this-bundle-header {
    font-size: 32px;
  }

  .in-this-bundle-header.blurb-header {
    text-align: left;
    font-size: 26px;
  }

  .personalized-suggestions-description {
    text-align: center;
  }

  .suggestions-header.blurb-header {
    text-align: left;
    font-size: 26px;
  }

  .product-suggestions-container.license-flex {
    flex-flow: column;
  }

  .personalized-suggestions-two-column {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cart-username-info, .cart-account-reminder, .order-history-intro, .paizo-account-sync-intro {
    max-width: 600px;
  }

  .product-listing-section-copy {
    padding-bottom: 100px;
  }

  .games-carousel {
    min-height: 2830px;
  }
}

@media screen and (max-width: 767px) {
  .hero-stack {
    padding: 60px 15px;
  }

  .heading-2 {
    font-size: 28px;
  }

  .heading-2.blurb-header {
    padding-left: 12px;
  }

  .games-subtitle {
    padding-left: 12px;
    padding-right: 12px;
  }

  .slide-text-block {
    margin-left: auto;
  }

  .slide-container {
    background-image: none;
    padding-left: 0;
  }

  .slide-container.not-first-slide.dnd50-slide, .slide-container.not-first-slide.summer-sale-slide {
    background-image: none;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .hero-button.all-games {
    margin-bottom: 0;
  }

  .hero-button.all-games.explore-games-button {
    margin-top: 0;
  }

  .hero-button.blurb-button {
    margin-left: 12px;
  }

  .features-section {
    padding-top: 60px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .games-buttons-block {
    flex-flow: column;
  }

  .art-subscription-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .art-subscription-container {
    height: 260px;
    padding-left: 0;
    padding-right: 0;
  }

  .art-sub-inner, .store-subtitle {
    padding-left: 12px;
    padding-right: 12px;
  }

  .search {
    width: 100%;
  }

  .product-listing-section, .store-search-inner {
    padding-left: 12px;
    padding-right: 12px;
  }

  .trending-products-header {
    font-size: 28px;
  }

  .trending-products-header.blurb-header {
    padding-left: 12px;
  }

  .steps-icon {
    bottom: -310px;
    right: 0;
    transform: rotate(90deg);
  }

  .page-title, .product-title {
    font-size: 30px;
    line-height: 32px;
  }

  .product-details-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .category-recommendations-container {
    flex-flow: column;
  }

  .in-this-bundle-header {
    font-size: 28px;
  }

  .in-this-bundle-header.blurb-header {
    padding-left: 12px;
  }

  .personalized-suggestions-friends-block-copy {
    width: 100%;
  }

  .suggestions-header.blurb-header {
    padding-left: 12px;
  }

  .personalized-suggestions-page-title-container {
    justify-content: center;
    align-items: center;
  }

  .product-listing-section-copy {
    padding-left: 12px;
    padding-right: 12px;
  }

  .games-carousel {
    min-height: 5680px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .license-block {
    width: auto;
  }

  .slider {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-2 {
    line-height: 32px;
  }

  .games-section {
    padding-left: 8px;
    padding-right: 8px;
  }

  .game-block {
    width: 290px;
  }

  .heading-3 {
    display: none;
  }

  .slide-text-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-buttons-block {
    flex-flow: column;
  }

  .hero-button.explore-games-button.top-header-button.bottom-top {
    margin-bottom: 40px;
  }

  .hero-button.top-header-button {
    margin-bottom: 0;
  }

  .hero-button.product-card-button.top-header-button.bottom-top, .hero-button.secondary-button.top-header-button.bottom-top {
    margin-bottom: 40px;
  }

  .image {
    margin-top: 20px;
    left: 0;
  }

  .image.fg-logo {
    max-width: 240px;
  }

  .headline-span, .cover-image {
    display: none;
  }

  .social-buttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .column {
    display: none;
  }

  .art-subscription-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .art-subscription-container {
    height: 360px;
  }

  .mobile-social {
    width: 32px;
  }

  .store-search-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .trending-products-section {
    padding-left: 8px;
    padding-right: 8px;
  }

  .trending-products-header, .in-this-bundle-header {
    line-height: 32px;
  }

  .accordion-item-q-text {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .personalized-suggestions-description, .personalized-suggestions-urls-block {
    max-width: 100%;
  }

  .personalized-suggestions-friends-block-copy {
    width: auto;
  }

  .suggestions-header {
    line-height: 32px;
  }

  .personalized-suggestions-page-title-container {
    max-width: 100%;
  }
}