.contact-form-container {
  width: 100%;
  margin-bottom: 40px; }
  .contact-form-container .paper-form-container {
    padding: 20px;
    color: #888; }
    @media only screen and (min-width: 1080px) {
      .contact-form-container .paper-form-container {
        width: 60%;
        margin: auto; } }
    .contact-form-container .paper-form-container .icon-container {
      width: 100%;
      text-align: center; }
      .contact-form-container .paper-form-container .icon-container svg {
        width: 50px;
        height: 50px;
        fill: #96ceff; }
    .contact-form-container .paper-form-container .input-container {
      margin: 20px 0;
      position: relative; }
      .contact-form-container .paper-form-container .input-container .sending-loader {
        top: 5px;
        left: 57px;
        position: absolute; }

.grecaptcha-badge {
  visibility: collapse !important; }

.contact-footer {
  margin: 16px 8px; }
  @media only screen and (min-width: 1080px) {
    .contact-footer {
      margin: 16px 40px; } }
  .contact-footer h3, .contact-footer a {
    color: #1e88e5; }
  .contact-footer a {
    text-decoration: none; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif; }

#mc-embedded-subscribe-form input[type=checkbox] {
  display: inline;
  width: auto;
  margin-right: 10px; }

#mergeRow-gdpr {
  margin-top: 20px;
  font-size: 0.8em; }
  #mergeRow-gdpr fieldset label {
    font-weight: normal; }

#mc-embedded-subscribe-form .mc_fieldset {
  border: none;
  min-height: 0;
  padding-bottom: 0; }

#mc-embedded-subscribe-form h2 {
  color: #1e88e5; }

#mc-embedded-subscribe-form button.button {
  background-color: #1e88e5; }

.publishers .games-form-container {
  padding: 20px;
  background: red; }

.publishers .intro-container {
  margin: auto;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 15px; }
  @media only screen and (min-width: 1024px) {
    .publishers .intro-container {
      width: 50%; } }

.publishers .notice-container {
  margin: auto;
  margin-top: 20px;
  text-align: center;
  padding: 20px; }
  .publishers .notice-container p {
    font-weight: 700; }
  @media only screen and (min-width: 1024px) {
    .publishers .notice-container {
      width: 50%; } }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.scholarship, .apply, .staff {
  padding: 16px; }
  @media only screen and (min-width: 950px) {
    .scholarship, .apply, .staff {
      padding: 16px 80px; } }
  .scholarship h1, .apply h1, .staff h1 {
    color: #777; }
  .scholarship h2, .apply h2, .staff h2 {
    color: #1e88e5; }
  .scholarship .ScholarshipPage--PaperContainer, .apply .ScholarshipPage--PaperContainer, .staff .ScholarshipPage--PaperContainer {
    padding: 24px;
    margin-bottom: 24px; }
  .scholarship .scholarshipAmount, .apply .scholarshipAmount, .staff .scholarshipAmount {
    color: #1e88e5; }
  .scholarship .scholarshipQuote, .apply .scholarshipQuote, .staff .scholarshipQuote {
    font-size: 1.5rem;
    color: #999;
    text-align: center;
    font-weight: 400;
    margin: 48px 0; }
  .scholarship .scholarshipInfo, .apply .scholarshipInfo, .staff .scholarshipInfo {
    flex: 1;
    padding-left: 48px; }
  .scholarship .scholarshipButton, .apply .scholarshipButton, .staff .scholarshipButton {
    margin-right: 16px; }
  .scholarship a, .apply a, .staff a {
    text-decoration: none;
    color: #1e88e5;
    font-weight: 600; }

.breadcrumb-separator {
  margin: 0 5px; }

.AdUnit--container .AdUnit--paper {
  background: transparent; }
  .AdUnit--container .AdUnit--paper iframe {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.flash-instructions-container {
  transition: all 0.5s ease;
  width: 545px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  height: 370px;
  max-height: calc(100% - 180px);
  position: fixed;
  background: white;
  z-index: 99;
  outline: none; }
  .flash-instructions-container.display-video {
    width: 556px;
    height: 637px; }
  .flash-instructions-container.isChrome {
    top: 175px;
    left: 108px; }
  .flash-instructions-container.isEdge {
    top: 245px;
    right: 108px; }
  .flash-instructions-container .instructions-inner-container {
    overflow: auto;
    height: 100%;
    width: 100%;
    padding: 20px; }
    .flash-instructions-container .instructions-inner-container .center {
      text-align: center;
      width: 100%; }
    .flash-instructions-container .instructions-inner-container h2, .flash-instructions-container .instructions-inner-container h4 {
      color: #757575; }
    .flash-instructions-container .instructions-inner-container a, .flash-instructions-container .instructions-inner-container .link {
      color: #1e88e5;
      text-decoration: none; }
      .flash-instructions-container .instructions-inner-container a:hover, .flash-instructions-container .instructions-inner-container .link:hover {
        color: #217bca;
        cursor: pointer; }
    .flash-instructions-container .instructions-inner-container .video-container img {
      width: 515px; }
  .flash-instructions-container .close-icon {
    position: absolute;
    top: 0;
    right: 0; }
  .flash-instructions-container .extension-icon {
    fill: #96ceff;
    width: 65px;
    height: 65px; }
  .flash-instructions-container .arrow-upward-icon {
    fill: white;
    position: absolute;
    top: -50px;
    left: 44%;
    width: 65px;
    height: 65px; }
  .flash-instructions-container .instructions-smallText {
    font-size: 0.7em;
    color: #888; }
  .flash-instructions-container .bottom-bar {
    background-color: #1e88e5;
    background: linear-gradient(to bottom, #0086cb 0%, #0282c5 100%);
    height: 40px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.Czy--button-left-icon {
  margin-right: 16px; }

.Czy--button-right-icon {
  margin-left: 16px; }

.GameContainer--tools {
  background-color: #654383;
  background-image: linear-gradient(216deg, #654383, #2b2a65);
  color: white;
  padding: 16px; }
  @media only screen and (min-width: 1080px) {
    .GameContainer--tools {
      margin-top: 8px; } }
  .GameContainer--tools .starRatingContainer {
    color: #ffcc00; }
  .GameContainer--tools .game-title {
    color: white;
    text-shadow: 2px 2px 4px #2c2846;
    font-size: 1.5rem;
    font-family: 'Luckiest Guy'; }
  .GameContainer--tools .shareEmbedBtn {
    background-color: #282254;
    color: white;
    font-size: 0.7em;
    font-weight: 600; }
    .GameContainer--tools .shareEmbedBtn:hover {
      background-color: #1b1831; }
    .GameContainer--tools .shareEmbedBtn .shareBtnIcon {
      width: 15px; }
  .GameContainer--tools .voteBtn {
    color: white; }
    .GameContainer--tools .voteBtn:hover .voteBtnNotClicked {
      color: white; }
  .GameContainer--tools .voteBtnNotClicked {
    color: #ffffffab; }
  .GameContainer--tools .voteBtnIconClicked {
    color: #00d4da; }
  @media only screen and (min-width: 768px) {
    .GameContainer--tools .gameBtnContainer {
      max-width: 400px; } }
  @media only screen and (max-width: 768px) {
    .GameContainer--tools .gameBtnContainer > div {
      padding: 0;
      margin-bottom: 8px;
      margin-right: 8px; } }
  @media only screen and (max-width: 768px) {
    .GameContainer--tools .gameBtnContainer .GameContainer--tools-sharingBtnContainer {
      width: unset; }
    .GameContainer--tools .gameBtnContainer .GameContainer--tools-votingContainer {
      width: unset; } }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.GameTag {
  height: 47px; }

.GameTag--link, .GameTagMosaic--link {
  text-decoration: none;
  color: black; }
  .GameTag--link .GameTagMosaic--img, .GameTagMosaic--link .GameTagMosaic--img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    transition: all 0.2s ease-in;
    z-index: 1; }

.GameTagMosaic--link {
  margin-right: 8px;
  position: relative; }
  .GameTagMosaic--link .GameTagMosaic--label {
    display: none;
    color: white;
    position: absolute;
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 8px;
    bottom: 50%;
    z-index: 9; }
  .GameTagMosaic--link:hover .GameTagMosaic--img {
    width: 120px;
    opacity: 0.9; }
  .GameTagMosaic--link:hover .GameTagMosaic--label {
    display: block; }

.GameTag--button {
  margin-bottom: 8px;
  margin-right: 4px;
  margin-left: 4px; }
  .GameTag--button span {
    font-size: 0.9em;
    font-weight: 600; }

.gameThumbLink {
  text-decoration: none; }

.gameThumbTitle {
  position: absolute;
  bottom: 0;
  padding-left: 8px;
  padding-right: 4px;
  background-color: #3b5765;
  color: #FFF;
  width: 100%;
  border-radius: 0 0 5px 5px;
  font-weight: 700; }
  .gameThumbTitle div {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    padding-right: 2px;
    max-height: 97%; }
  .gameThumbTitle .rating-container {
    padding: 4px 3px;
    color: #fafafa;
    height: 20px;
    opacity: 0.7; }

.gameThumb {
  position: relative;
  border-radius: 6px; }
  .gameThumb .noVideoNotice {
    display: none;
    position: absolute;
    width: 100%;
    background: #0000007d;
    height: 30px;
    z-index: 2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .gameThumb .noVideoNotice svg {
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      fill: white;
      height: 20px; }
  .gameThumb:hover .gameThumbTitle {
    background-color: #233846; }
  .gameThumb:hover .noVideoNotice {
    display: block; }
  .gameThumb .noVideoNotice.hide {
    display: none !important; }

.gameThumbError {
  position: absolute;
  top: 0;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #000;
  opacity: 0.8;
  color: #FFF;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
  text-align: center; }

.gameAssetContainer {
  position: relative; }
  .gameAssetContainer .gameThumbAsset {
    object-fit: cover;
    border-radius: 5px 5px 0 0;
    position: absolute;
    width: 100%;
    height: 100%; }
  .gameAssetContainer .gameThumbVideo {
    z-index: 1; }

@media only screen and (max-width: 425px) {
  .gameThumb {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px; } }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.GameTags {
  margin-bottom: 20px; }
  .GameTags .GameTag--button {
    background-color: #d4cee6; }
    .GameTags .GameTag--button:hover {
      background-color: #c1b9da; }

.GameInfo--desktop {
  line-height: 1.5;
  color: #4a4a4a; }
  .GameInfo--desktop .GameDescription-seoDescription {
    margin-top: 20px;
    font-size: 0.9em; }
  .GameInfo--desktop .GameDescription--download {
    padding: 0;
    margin-top: 24px; }
    @media only screen and (max-width: 1080px) {
      .GameInfo--desktop .GameDescription--download {
        text-align: center; } }
    .GameInfo--desktop .GameDescription--download .GameDescription-appBadge {
      margin-right: 8px; }
  @media only screen and (min-width: 1080px) {
    .GameInfo--desktop .GameDescriptionContainer {
      padding-right: 20px;
      flex: 1; } }
  .GameInfo--desktop .descriptionRightColumn {
    margin-right: -25px; }
    @media only screen and (max-width: 1080px) {
      .GameInfo--desktop .descriptionRightColumn {
        margin-top: 16px; } }
    .GameInfo--desktop .descriptionRightColumn .GameControlsContainer {
      width: 300px;
      padding: 2px 20px;
      margin-top: 20px;
      border-radius: 5px; }
  .GameInfo--desktop h3 {
    color: #1e88e5;
    font-size: 1.2em; }
  .GameInfo--desktop a {
    color: #1e88e5;
    text-decoration: none;
    font-weight: 600; }
    .GameInfo--desktop a:hover {
      color: #216daf; }

.GameInfo--desktop {
  padding-left: 24px;
  padding-bottom: 24px; }

.GameInfo--mobile {
  padding: 8px;
  margin-bottom: 16px; }
  .GameInfo--mobile h2,
  .GameInfo--mobile h3,
  .GameInfo--mobile h4,
  .GameInfo--mobile h5 {
    color: #1e88e5; }
  .GameInfo--mobile h5 {
    font-weight: 800; }
  .GameInfo--mobile .GameInfo--mobile-expandButtonContainer {
    width: 100%; }
    .GameInfo--mobile .GameInfo--mobile-expandButtonContainer .GameInfo--mobile--button {
      border-radius: 0; }
  .GameInfo--mobile hr {
    margin-bottom: 8px; }
  .GameInfo--mobile .GameInfo--contentContainer {
    padding: 16px; }
    .GameInfo--mobile .GameInfo--contentContainer.removeTopPadding {
      padding-top: 0; }
    .GameInfo--mobile .GameInfo--contentContainer .breadcrumbsContainer {
      margin-top: 16px; }
    .GameInfo--mobile .GameInfo--contentContainer > div {
      width: 100%; }
  .GameInfo--mobile a {
    color: #1e88e5;
    text-decoration: none;
    font-weight: 600; }
    .GameInfo--mobile a:hover {
      color: #216daf; }
  .GameInfo--mobile .GameColumn--GameGridContainer {
    margin-bottom: 16px; }
  .GameInfo--mobile .GameTags {
    margin: 0; }
    .GameInfo--mobile .GameTags > div {
      transform: scale(0.9); }

@media only screen and (min-width: 1080px) {
  .GameDescription--walkthrough-container {
    height: 450px; }
  .GameDescription--walkthrough-thumbnail {
    width: 300px;
    height: 200px; }
  .GameInfo--desktop {
    padding: 8px 25px 25px 25px; }
  .GameTags {
    margin-left: -25px; } }

/* Tablets landscape & portrait */
@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .GameDescription--walkthrough-container {
    width: 600px;
    min-height: 300px; }
  .GameInfo--desktop {
    padding: 32px; } }

/* Mobile */
@media only screen and (max-width: 767px) {
  .GameDescription--walkthrough-container {
    width: 300px;
    min-height: 150px; }
  .GameDescription--separator-ad,
  .GameDescription--description-ad {
    display: none; }
  .GameTags {
    margin-top: 8px; }
  .GameInfo--desktop {
    padding: 32px; } }

.GameDescription--section {
  padding: 16px;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px; }

.GameDescription--walkthrough-thumbnail {
  margin-top: 16px;
  background-size: cover;
  background-position: center;
  cursor: pointer; }

.GameDescription--walkthrough-thumbnail-inner {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%; }

.GameDescription--walkthrough-play-icon {
  font-size: 96px !important;
  color: rgba(0, 0, 0, 0.5); }

.GameDescription--walkthrough-thumbnail:hover {
  opacity: 0.7; }

.GameDescription--walkthrough-iframe {
  width: 100%;
  height: 100%;
  border: 0; }

.GameColumn--showAllButtonContainer {
  width: 100%;
  text-align: center; }

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -20px; }

.slick-next {
  right: -20px; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg); }
  50% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }
  .pacman > div:nth-child(2) {
    animation: pacman-balls 1s -0.99s infinite linear; }
  .pacman > div:nth-child(3) {
    animation: pacman-balls 1s -0.66s infinite linear; }
  .pacman > div:nth-child(4) {
    animation: pacman-balls 1s -0.33s infinite linear; }
  .pacman > div:nth-child(5) {
    animation: pacman-balls 1s 0s infinite linear; }
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: translate(0, -6.25px);
    top: 25px;
    left: 70px; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.GameContainer--game iframe,
iframe.GameContainer--game {
  border-radius: 5px;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.Ad--Banner {
  /* margin: top right bottom left */
  margin: 16px auto 16px auto; }

main {
  background-color: #f4f4f4; }

.GameContainer--game {
  position: relative;
  background-color: #654383;
  background-image: linear-gradient(216deg, #654383, #2b2a65); }

.GameCenter {
  background-color: transparent;
  width: 100%;
  position: relative; }

.GameContainer--container {
  padding: 0;
  width: 100%;
  position: relative; }

@media only screen and (min-width: 1080px) {
  .GameRow--container {
    display: none; } }

.GameTop--container {
  width: 100%;
  padding: 0;
  position: relative; }
  .GameTop--container .GameRow--container {
    display: none; }
    @media only screen and (min-width: 1080px) {
      .GameTop--container .GameRow--container {
        display: block; } }

.GameRow--container {
  width: 100%;
  position: relative; }
  .GameRow--container .slider-container {
    width: 100%;
    padding: 8px 20px; }
    .GameRow--container .slider-container .slick-arrow {
      min-height: 32px;
      width: 32px;
      height: 32px; }
      .GameRow--container .slider-container .slick-arrow:focus {
        background: #e0e0e0 !important; }
      .GameRow--container .slider-container .slick-arrow.slick-prev {
        left: -15px; }
      .GameRow--container .slider-container .slick-arrow.slick-next {
        right: -10px; }
      .GameRow--container .slider-container .slick-arrow svg {
        color: #483674; }

.GameContainer--gameDialog[class*="hidden"] {
  display: none; }

.TopLeaderboard .Ad--Banner {
  margin: 8px auto 0 auto; }

.TopLeaderboard.tabletAd .Ad--Banner {
  margin-bottom: 16px; }

/* Laptop */
@media only screen and (min-width: 1080px) {
  .GameLeft {
    width: 160px;
    margin-left: 8px !important;
    padding-top: 8px !important;
    min-height: 600px;
    margin-bottom: 32px !important; }
  .GameRight {
    margin-right: 8px !important;
    padding-top: 8px !important;
    min-height: 600px;
    margin-bottom: 32px !important; }
  .GameCenter {
    min-width: 800px; }
  .GameLeft {
    width: 160px;
    margin-left: 5px;
    padding-top: 5px;
    min-height: 600px;
    margin-bottom: 32px !important; }
  .GameRight {
    margin-right: 5px;
    padding-top: 5px;
    min-height: 600px;
    margin-bottom: 32px !important; }
  .HalfPage {
    width: 300px;
    min-height: 600px; }
  .SkyRight {
    width: 160px; }
  .SkyLeft {
    width: 160px; }
  .GameRightBrick {
    display: none !important; } }

/* Tablets landscape & portrait */
@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .GameLeft {
    display: none; }
  .GameRight {
    display: none; }
  .HalfPage {
    display: none; }
  .GameRightBrick {
    display: none; } }

/* Mobile */
@media only screen and (max-width: 767px) {
  .GameCenter {
    width: 100%;
    padding: 0; }
  .GameLeft,
  .GameRight,
  .GameTop,
  .GameRow--container,
  .GameRightBrick {
    display: none; } }

.GameContainer {
  background: transparent; }

.GameContainer--mobile {
  width: 100vw;
  height: 0;
  padding-top: 61.61vw; }
  .GameContainer--mobile .GameContainer--storeContainer {
    position: absolute;
    top: 50%;
    margin: auto;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%); }
  .GameContainer--mobile img.GameMobileUnavailable--gamethumb,
  .GameContainer--mobile img.GameContainer--mobile-gamethumb {
    width: 100%;
    margin-bottom: -5px;
    position: absolute;
    top: 0;
    opacity: 0.6; }
  .GameContainer--mobile .GameContainer--mobile-message {
    background: #ffffffa6;
    position: absolute;
    top: 50%;
    padding: 8px;
    transform: translate(0, -50%); }
  .GameContainer--mobile .GameContainer--mobile-button {
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-49%, -50%);
    left: 50%;
    width: 200px;
    font-weight: 800; }

.Czy--modal-content {
  width: 400px; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.gamegrid-container {
  margin-top: 8px; }
  @media only screen and (max-width: 959px) {
    .gamegrid-container {
      justify-content: center;
      padding-left: inherit; } }

.pagination-container {
  margin: 20px 0; }
  .pagination-container .gamePageLink {
    color: grey; }
  .pagination-container .gamePageLinkInner {
    margin: 6px;
    padding: 8px 7px;
    width: 35px;
    text-align: center;
    border-radius: 30px;
    color: white;
    height: 35px;
    font-weight: 700;
    border: 1px solid transparent;
    background: #c6d5e2; }
  .pagination-container a .gamePageLinkInner {
    background: #1d88e5; }
    .pagination-container a .gamePageLinkInner:hover {
      background: #1d64b9;
      cursor: pointer;
      border: 1px solid #1d88e5; }
    .pagination-container a .gamePageLinkInner:active {
      background: #1b4d99; }
  .pagination-container .pagination-icon {
    margin-top: -3px;
    margin-left: -3px; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media only screen and (max-width: calc(1080px - 1px)) {
  .desktopContent.ssr {
    display: none; } }

.desktopContent.hidden {
  display: none; }

@media only screen and (min-width: 1080px) {
  .mobileContent.ssr {
    display: none; } }

.mobileContent.hidden {
  display: none; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.recentlyPlayedContainer {
  background: #7e8e96;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 16px;
  transition: max-height 0.5s ease-out;
  max-height: 185px;
  height: 185px;
  z-index: 0; }
  .recentlyPlayedContainer.extended {
    max-height: 1000px;
    padding-top: 8px;
    height: auto;
    overflow: auto;
    transition: max-height 0.5s ease-in; }
  .recentlyPlayedContainer.closed {
    max-height: 0;
    padding-bottom: 0;
    padding-top: 0; }
  @media only screen and (max-width: 959px) {
    .recentlyPlayedContainer {
      justify-content: center;
      padding-left: inherit; } }
  @media only screen and (max-width: 768px) {
    .recentlyPlayedContainer {
      display: none !important; } }
  .recentlyPlayedContainer .gameThumbPlaceholder {
    background-color: #acacac; }
    .recentlyPlayedContainer .gameThumbPlaceholder svg {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      fill: #888787;
      font-size: 88px; }
    .recentlyPlayedContainer .gameThumbPlaceholder h3.historyLabel {
      margin-block-start: 0;
      padding: 14px;
      font-size: 14px;
      color: #757573;
      text-align: center; }
    .recentlyPlayedContainer .gameThumbPlaceholder h5.historySubtitle {
      padding: 10px;
      color: #585858;
      position: absolute;
      bottom: 0;
      margin-block-end: 0;
      font-weight: normal;
      font-size: 10px;
      text-align: center; }
  .recentlyPlayedContainer .relatedThumbContainer {
    position: relative; }
    .recentlyPlayedContainer .relatedThumbContainer .gameThumbCloseButton {
      position: absolute;
      z-index: 9;
      width: 20px;
      height: 20px;
      min-height: 20px;
      right: 0;
      background-color: #3b5765;
      border: 1px solid white; }
      .recentlyPlayedContainer .relatedThumbContainer .gameThumbCloseButton svg {
        fill: white;
        font-size: 12px;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%); }
      .recentlyPlayedContainer .relatedThumbContainer .gameThumbCloseButton:hover {
        background-color: #32424b; }
  .recentlyPlayedContainer .buttonsContainer {
    position: absolute;
    bottom: 0;
    right: 0; }
    .recentlyPlayedContainer .buttonsContainer button {
      font-size: 12px;
      padding: 0px 8px;
      color: white; }
    .recentlyPlayedContainer .buttonsContainer .closeButton svg {
      width: 18px; }

.BulletList li {
  margin-left: 15px;
  font-size: 0.8rem; }

.BulletList a {
  color: #0282c5;
  text-decoration: none; }

.BulletList ul {
  padding: 0px;
  margin: 0px; }

@font-face {
  font-family: 'Montserrat';
  src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
  font-display: swap; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #b9def3;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.category-left-column {
  padding: 0 5px 16px 15px; }
  .category-left-column h2,
  .category-left-column h1 {
    color: #036a9e;
    font-size: 1rem; }
    @media only screen and (max-width: 959px) {
      .category-left-column h2,
      .category-left-column h1 {
        text-align: center;
        font-size: 1.3rem; } }
  .category-left-column .categoryAd {
    margin-top: 30px; }
  @media only screen and (max-width: 959px) {
    .category-left-column .categoryAd {
      display: none; } }
  .category-left-column .bullet-list a {
    text-decoration: none; }
  .category-left-column .bullet-list .bullet-list-item {
    padding-top: 5px;
    padding-bottom: 5px; }
    .category-left-column .bullet-list .bullet-list-item .bullet-list-item-label {
      color: rgba(0, 0, 0, 0.87);
      padding-right: 0; }
      .category-left-column .bullet-list .bullet-list-item .bullet-list-item-label span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media only screen and (max-width: 1100px) and (min-width: 959px) {
          .category-left-column .bullet-list .bullet-list-item .bullet-list-item-label span {
            font-size: 0.8em; } }
    .category-left-column .bullet-list .bullet-list-item:hover {
      background: #e8e8e8; }
      .category-left-column .bullet-list .bullet-list-item:hover .bullet-list-item-label span {
        color: #0086cb; }
    @media only screen and (max-width: 959px) {
      .category-left-column .bullet-list .bullet-list-item .bullet-list-item-label span {
        font-size: 1.4em; } }
  .category-left-column .column-intro-container {
    margin: auto;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #c9d4db;
    margin-top: 20px; }
    .category-left-column .column-intro-container p {
      font-size: 0.7em;
      color: #414446; }
    .category-left-column .column-intro-container h2 {
      font-size: 0.8rem; }

.tag-page .shortDescription,
.tag-page .footer-text {
  margin: auto;
  padding: 8px;
  font-size: 0.8em;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 #c9d4db;
  width: 95%;
  color: #414446; }

.tag-page .shortDescription {
  margin-top: 17px; }

.tag-page .footer-text {
  margin: 30px auto; }

.tag-page .footer-text a {
  text-decoration: none;
  color: #1e88e5;
  font-weight: 600; }

.tag-page .gamegrid-container {
  margin-top: 8px; }

.tag-page h1 {
  color: #036a9e;
  margin-block-end: 0; }

.tag-page hr {
  margin: 8px 0; }

.tag-page .gamegrid-container {
  width: 100%; }