/***********/
/* /global */
/***********/
/* Mixins used throughout the site */
/* mixins.sass */
/* Global sass mixins */
/* Modal window */
/* Modal window open */
/* Short content fix - keep the footer at the bottom */
/* Box Shadow */
/* Button */
/* Button Colors */
/* CSS transitions */
/* Icons */
/* Calculate Aspect Ratios */
/* Image Hover Effect */
/* Containers for items in standard article etc. */
/* Toggle Arrows */
/* Variables */
/* variables.sass */
/* All global variables and settings - this should be on every page!! */
/******* Viewport Widths *******/
/******* Spacing *******/
/******* Colors *******/
/* Variable formatting: $color[Description] */
/* Admin */
/* Forms */
/* Borders */
/* Icons */
/* Header */
/* Footer */
/* Front Page */
/* Advertorials */
/* Announcement */
/* Poll */
/* Game Details */
/* Reviews */
/* Image Galleries */
/* Scrollbars */
/* Modals */
/* Cover Gallery */
/* Summary Embeds */
/******* Images *******/
/******* Typography *******/
/* Font family stack */
/* Variable formatting: $font[Description] */
/* Common font sizes */
/* Common font weights */
/***********/
/* /layout */
/***********/
.gi5-layout .gi5-layout__region {
  margin: 0 auto;
}

.gi5-layout--content-width {
  max-width: 1130px;
  margin: 0 auto;
}

.gi5-layout--align-left {
  display: flex;
  justify-content: flex-start;
}

.gi5-layout--align-right {
  display: flex;
  justify-content: flex-end;
}

.gi5-layout--align-center {
  display: flex;
  justify-content: center;
}

.gi5-layout--twocol--66-33 {
  margin: 0 auto;
  max-width: 1490px;
}
.gi5-layout--twocol--66-33 .gi5-layout__region--first, .gi5-layout--twocol--66-33 .gi5-layout__region--second {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 1130px) {
  .gi5-layout--twocol--66-33 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas: "main sidebar";
  }
  .gi5-layout--twocol--66-33 .gi5-layout__region--first {
    grid-area: main;
  }
  .gi5-layout--twocol--66-33 .gi5-layout__region--second {
    grid-area: sidebar;
    align-self: start;
  }
}

.gi5-layout--contentfeed-with-sidebar {
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 1640px) {
  .gi5-layout--contentfeed-with-sidebar {
    padding: 0 15px;
  }
}
.gi5-layout--contentfeed-with-sidebar .gi5-layout__region--first {
  margin: 0 auto;
}
.gi5-layout--contentfeed-with-sidebar .gi5-layout__region--second {
  margin: 0 auto;
}
@media screen and (min-width: 1150px) {
  .gi5-layout--contentfeed-with-sidebar {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-template-rows: auto;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas: "content sidebar";
  }
  .gi5-layout--contentfeed-with-sidebar .gi5-layout__region--first {
    grid-area: content;
  }
  .gi5-layout--contentfeed-with-sidebar .gi5-layout__region--second {
    grid-area: sidebar;
    align-self: start;
  }
}

/* Teaser template */
.ds-gi5-teaser, .teaser {
  margin-bottom: 25px;
  clear: both;
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 25px;
  /* Left column */
  /* Right column */
  /* Author information and article date/time */
  /* Promo Image */
  /* Product */
  /* Platform */
  /* Reviews - Score */
}
.ds-gi5-teaser p, .teaser p {
  margin-bottom: 0;
}
.ds-gi5-teaser .page-title, .teaser .page-title {
  margin-top: -3px;
  line-height: 1.2;
  border-bottom: none;
  font-size: 1.3em;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .page-title, .teaser .page-title {
    font-size: 1em;
    margin-top: 0;
  }
}
.ds-gi5-teaser .ds-teaser-left, .ds-gi5-teaser .teaser-left, .teaser .ds-teaser-left, .teaser .teaser-left {
  position: relative;
  max-width: 430px;
  overflow: hidden;
  margin-right: 20px;
  flex: 1;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .ds-teaser-left, .ds-gi5-teaser .teaser-left, .teaser .ds-teaser-left, .teaser .teaser-left {
    margin-right: 15px;
    max-width: 100px;
  }
}
.ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper,
.ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper, .ds-gi5-teaser .teaser-left .teaser-left-wrapper,
.ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper, .teaser .ds-teaser-left .teaser-left-wrapper,
.teaser .ds-teaser-left .ds-teaser-left-wrapper, .teaser .teaser-left .teaser-left-wrapper,
.teaser .teaser-left .ds-teaser-left-wrapper {
  line-height: 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 56.25%;
  position: relative;
}
.ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper a,
.ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper a, .ds-gi5-teaser .teaser-left .teaser-left-wrapper a,
.ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper a, .teaser .ds-teaser-left .teaser-left-wrapper a,
.teaser .ds-teaser-left .ds-teaser-left-wrapper a, .teaser .teaser-left .teaser-left-wrapper a,
.teaser .teaser-left .ds-teaser-left-wrapper a {
  border-bottom: 0;
  transition: all 0.3s ease;
}
.ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper .promo-img-thumb,
.ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper .promo-img-thumb, .ds-gi5-teaser .teaser-left .teaser-left-wrapper .promo-img-thumb,
.ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper .promo-img-thumb, .teaser .ds-teaser-left .teaser-left-wrapper .promo-img-thumb,
.teaser .ds-teaser-left .ds-teaser-left-wrapper .promo-img-thumb, .teaser .teaser-left .teaser-left-wrapper .promo-img-thumb,
.teaser .teaser-left .ds-teaser-left-wrapper .promo-img-thumb {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
@supports (-ms-ime-align: auto) {
  .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper .promo-img-thumb img,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper .promo-img-thumb img, .ds-gi5-teaser .teaser-left .teaser-left-wrapper .promo-img-thumb img,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper .promo-img-thumb img, .teaser .ds-teaser-left .teaser-left-wrapper .promo-img-thumb img,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper .promo-img-thumb img, .teaser .teaser-left .teaser-left-wrapper .promo-img-thumb img,
  .teaser .teaser-left .ds-teaser-left-wrapper .promo-img-thumb img {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper, .ds-gi5-teaser .teaser-left .teaser-left-wrapper,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper, .teaser .ds-teaser-left .teaser-left-wrapper,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper, .teaser .teaser-left .teaser-left-wrapper,
  .teaser .teaser-left .ds-teaser-left-wrapper {
    padding-bottom: 100%;
  }
  .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper img, .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper .field--name-field-promo-image div,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper img,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper .field--name-field-promo-image div, .ds-gi5-teaser .teaser-left .teaser-left-wrapper img, .ds-gi5-teaser .teaser-left .teaser-left-wrapper .field--name-field-promo-image div,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper img,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper .field--name-field-promo-image div, .teaser .ds-teaser-left .teaser-left-wrapper img, .teaser .ds-teaser-left .teaser-left-wrapper .field--name-field-promo-image div,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper img,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper .field--name-field-promo-image div, .teaser .teaser-left .teaser-left-wrapper img, .teaser .teaser-left .teaser-left-wrapper .field--name-field-promo-image div,
  .teaser .teaser-left .ds-teaser-left-wrapper img,
  .teaser .teaser-left .ds-teaser-left-wrapper .field--name-field-promo-image div {
    height: 100%;
    width: auto;
    max-width: none;
  }
  .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper a img, .ds-gi5-teaser .ds-teaser-left .teaser-left-wrapper a .field--name-field-promo-image div,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper a img,
  .ds-gi5-teaser .ds-teaser-left .ds-teaser-left-wrapper a .field--name-field-promo-image div, .ds-gi5-teaser .teaser-left .teaser-left-wrapper a img, .ds-gi5-teaser .teaser-left .teaser-left-wrapper a .field--name-field-promo-image div,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper a img,
  .ds-gi5-teaser .teaser-left .ds-teaser-left-wrapper a .field--name-field-promo-image div, .teaser .ds-teaser-left .teaser-left-wrapper a img, .teaser .ds-teaser-left .teaser-left-wrapper a .field--name-field-promo-image div,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper a img,
  .teaser .ds-teaser-left .ds-teaser-left-wrapper a .field--name-field-promo-image div, .teaser .teaser-left .teaser-left-wrapper a img, .teaser .teaser-left .teaser-left-wrapper a .field--name-field-promo-image div,
  .teaser .teaser-left .ds-teaser-left-wrapper a img,
  .teaser .teaser-left .ds-teaser-left-wrapper a .field--name-field-promo-image div {
    transition: all 0.3s ease;
  }
}
.ds-gi5-teaser .ds-teaser-right, .ds-gi5-teaser .teaser-right, .teaser .ds-teaser-right, .teaser .teaser-right {
  position: relative;
  flex: 2;
  /* GI Bug */
}
.ds-gi5-teaser .ds-teaser-right .ds-teaser-right-wrapper > *, .ds-gi5-teaser .ds-teaser-right .teaser-right-wrapper > *, .ds-gi5-teaser .teaser-right .ds-teaser-right-wrapper > *, .ds-gi5-teaser .teaser-right .teaser-right-wrapper > *, .teaser .ds-teaser-right .ds-teaser-right-wrapper > *, .teaser .ds-teaser-right .teaser-right-wrapper > *, .teaser .teaser-right .ds-teaser-right-wrapper > *, .teaser .teaser-right .teaser-right-wrapper > * {
  margin-bottom: 5px;
}
.ds-gi5-teaser .ds-teaser-right .field--name-field-bug,
.ds-gi5-teaser .ds-teaser-right .field--name-field-articletype,
.ds-gi5-teaser .ds-teaser-right .bug-wrapper, .ds-gi5-teaser .teaser-right .field--name-field-bug,
.ds-gi5-teaser .teaser-right .field--name-field-articletype,
.ds-gi5-teaser .teaser-right .bug-wrapper, .teaser .ds-teaser-right .field--name-field-bug,
.teaser .ds-teaser-right .field--name-field-articletype,
.teaser .ds-teaser-right .bug-wrapper, .teaser .teaser-right .field--name-field-bug,
.teaser .teaser-right .field--name-field-articletype,
.teaser .teaser-right .bug-wrapper {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  font-size: 0.7em;
  padding: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .ds-teaser-right .field--name-field-bug,
  .ds-gi5-teaser .ds-teaser-right .field--name-field-articletype,
  .ds-gi5-teaser .ds-teaser-right .bug-wrapper, .ds-gi5-teaser .teaser-right .field--name-field-bug,
  .ds-gi5-teaser .teaser-right .field--name-field-articletype,
  .ds-gi5-teaser .teaser-right .bug-wrapper, .teaser .ds-teaser-right .field--name-field-bug,
  .teaser .ds-teaser-right .field--name-field-articletype,
  .teaser .ds-teaser-right .bug-wrapper, .teaser .teaser-right .field--name-field-bug,
  .teaser .teaser-right .field--name-field-articletype,
  .teaser .teaser-right .bug-wrapper {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 0.6em;
  }
}
.ds-gi5-teaser .author-details, .teaser .author-details {
  text-align: left;
  font-size: 0.9em;
  line-height: 1.2;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .author-details, .teaser .author-details {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.ds-gi5-teaser .field--name-field-promo-image, .teaser .field--name-field-promo-image {
  line-height: 0;
  text-align: center;
  overflow: hidden;
  height: 100%;
}
.ds-gi5-teaser .gi5-field-product, .teaser .gi5-field-product {
  display: inline;
}
.ds-gi5-teaser .field--name-field-product-platform,
.ds-gi5-teaser .field--name-field-review-platform,
.ds-gi5-teaser .teaser-platform, .teaser .field--name-field-product-platform,
.teaser .field--name-field-review-platform,
.teaser .teaser-platform {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .field--name-field-product-platform,
  .ds-gi5-teaser .field--name-field-review-platform,
  .ds-gi5-teaser .teaser-platform, .teaser .field--name-field-product-platform,
  .teaser .field--name-field-review-platform,
  .teaser .teaser-platform {
    font-size: 1em;
  }
}
.ds-gi5-teaser .field--name-field-product-platform .field__item,
.ds-gi5-teaser .field--name-field-review-platform .field__item,
.ds-gi5-teaser .teaser-platform .field__item, .teaser .field--name-field-product-platform .field__item,
.teaser .field--name-field-review-platform .field__item,
.teaser .teaser-platform .field__item {
  display: inline-block;
}
.ds-gi5-teaser .field--name-field-product-platform .field__item a,
.ds-gi5-teaser .field--name-field-review-platform .field__item a,
.ds-gi5-teaser .teaser-platform .field__item a, .teaser .field--name-field-product-platform .field__item a,
.teaser .field--name-field-review-platform .field__item a,
.teaser .teaser-platform .field__item a {
  font-weight: normal;
}
.ds-gi5-teaser .field--name-field-product-platform .field__item::after,
.ds-gi5-teaser .field--name-field-review-platform .field__item::after,
.ds-gi5-teaser .teaser-platform .field__item::after, .teaser .field--name-field-product-platform .field__item::after,
.teaser .field--name-field-review-platform .field__item::after,
.teaser .teaser-platform .field__item::after {
  content: ",";
}
.ds-gi5-teaser .field--name-field-product-platform .field__item:last-of-type::after,
.ds-gi5-teaser .field--name-field-review-platform .field__item:last-of-type::after,
.ds-gi5-teaser .teaser-platform .field__item:last-of-type::after, .teaser .field--name-field-product-platform .field__item:last-of-type::after,
.teaser .field--name-field-review-platform .field__item:last-of-type::after,
.teaser .teaser-platform .field__item:last-of-type::after {
  content: none;
}
.ds-gi5-teaser .score, .teaser .score {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.2em;
  padding: 7.5px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  line-height: 1;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .score, .teaser .score {
    font-size: 1.3em;
  }
}
.ds-gi5-teaser .field--name-field-promo-summary, .ds-gi5-teaser .promo-summary, .teaser .field--name-field-promo-summary, .teaser .promo-summary {
  line-height: 1.3;
  font-size: 0.9em;
}
@media screen and (max-width: 800px) {
  .ds-gi5-teaser .field--name-field-promo-summary, .ds-gi5-teaser .promo-summary, .teaser .field--name-field-promo-summary, .teaser .promo-summary {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .view .promo-img-thumb img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .view .promo-img-thumb.left-crop img {
    position: absolute;
    left: 0;
    transform: unset;
  }
  .view .promo-img-thumb.right-crop img {
    position: absolute;
    left: unset;
    right: 0;
    transform: unset;
  }
}

.gi5-teaser-featured {
  width: 100%;
  display: block;
  max-width: 1460px;
  margin: 0 auto 15px;
}
.gi5-teaser-featured p {
  margin-bottom: 0;
}
.gi5-teaser-featured .page-title, .gi5-teaser-featured .text-formatted, .gi5-teaser-featured p, .gi5-teaser-featured pre {
  line-height: 1.2;
  margin-top: -3px;
  border-bottom: none;
  font-size: 1.3em;
}
@media screen and (max-width: 800px) {
  .gi5-teaser-featured .page-title, .gi5-teaser-featured .text-formatted, .gi5-teaser-featured p, .gi5-teaser-featured pre {
    font-size: 1em;
    margin-top: 0;
  }
}
.gi5-teaser-featured .gi5-teaser-featured-left, .gi5-teaser-featured .gi5-teaser-featured-right {
  flex: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.gi5-teaser-featured .gi5-teaser-featured-left .gi5-teaser-featured-left-wrapper {
  overflow: visible;
  padding-bottom: 0;
}
.gi5-teaser-featured .gi5-teaser-featured-left .gi5-teaser-featured-left-wrapper img {
  max-width: 100%;
  height: unset;
}
.gi5-teaser-featured .gi5-teaser-featured-right {
  text-align: left;
  padding: 7.5px 2px 0;
  margin-bottom: 0;
  margin: 0 auto;
}
.gi5-teaser-featured .gi5-field-promo-summary {
  display: inherit;
  margin: 5px 0;
  line-height: 1.3;
  font-size: 0.9em;
}
@media screen and (min-width: 1150px) {
  .gi5-teaser-featured {
    /* Bug */
    /* Author details */
  }
  .gi5-teaser-featured .gi5-teaser-featured-right {
    padding: 15px 0 0;
  }
  .gi5-teaser-featured div.bug-wrapper, .gi5-teaser-featured .field--name-field-bug {
    font-size: 0.7em;
    line-height: 1;
    margin-bottom: 0;
    padding: 5px;
    position: relative;
    transform: none;
    left: unset;
    bottom: unset;
  }
  .gi5-teaser-featured .author-details {
    text-align: inherit;
    margin: 10px 0;
  }
  .gi5-teaser-featured img {
    display: block;
  }
}

.node--view-mode-teaser-short .article-section.bug-wrapper, .node--view-mode-teaser-short .field--name-field-bug {
  font-size: 14px;
}