#gamelist {
  display: grid;
  grid-template-columns: 300px 660px;
  grid-template-rows: auto 1fr;
  row-gap: 10px;
  column-gap: 10px;
  align-items: start;
  width: 970px;
  margin: 0px auto;
}

#gamelistCategories {
  display: block;
  width: 296px;
  border: 2px solid #FF6633;
}

#gamelistCategories > h2 {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  height: 32px;
  padding-top: 8px;
  background: linear-gradient(135deg, #FF763A 25%, #FF562D 75%);
  margin: 0px;
}

.gamelistCategory {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-width: 6px 261px 6px 15px;
  border-style: solid;
  border-color: white;
  background-origin: content-box;
  background-clip: content-box;
}

.gamelistCategory:hover {
  background-color: #F4F3F0;
  border-color: #F4F3F0;
}

.gamelistCategoryName {
  position: absolute;
  left: 30px;
  top: 0px;
  display: block;
  width: 190px;
  font-size: 16px;
  font-weight: bold;
  color: #FF6633;
}

.gamelistCategoryCount {
  position: absolute;
  left: 226px;
  top: 0px;
  display: block;
  width: 40px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #FF6633;
}

.gamelistEtBottomLeftHolder {
  display: block;
  width: 300px;
  height: 600px;
  overflow: hidden;
}

.gamelistEtBottomLeft {
  width: 300px;
  height: 600px;
  overflow: hidden;
}

.gamelistEtBottomLeft750Holder {
  display: none;
}

#gamelistIntro {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 614px;
  height: 104px;
  padding: 20px;
  border: 3px solid #F26518;
}

#gamelistIntroTitle {
  font-weight: bold;
  font-size: 20px;
  color: #FF6633;
  margin: 0px;
}

#gamelistIntroText {
  font-size: 14px;
  margin-top: 20px;
}

#gamelistGames {
  position: relative;
  grid-column: 2;
  grid-row: 1/span 2;
  width: 656px;
  padding-bottom: 40px;
  border: 2px solid #FFB600;
}

#gamelistIntro + #gamelistGames {
  margin-top: 160px;
}

#gamelistGames > h2,
#gamelistSort {
  position: relative;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  color: white;
  vertical-align: middle;
  height: 40px;
  margin: 0px;
  z-index: 1;
}

#gamelistGames > h2 {
  padding: 0px 10px 0px 10px;
}

#gamelistSort {
  padding: 0px 15px 0px 37px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMCA3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yIDJMNSA1TDggMiIvPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iMCIgeT0iNC43NSIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iMCIgeT0iOS41IiB3aWR0aD0iMy41IiBoZWlnaHQ9IjMuNSIgcng9IjEiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0Ljc1IiB5PSIwIiB3aWR0aD0iMTAuMjUiIGhlaWdodD0iMy41IiByeD0iMSIgZmlsbD0iI0ZGRkZGRiIvPjxyZWN0IHg9IjQuNzUiIHk9IjQuNzUiIHdpZHRoPSIxMC4yNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iNC43NSIgeT0iOS41IiB3aWR0aD0iMTAuMjUiIGhlaWdodD0iMy41IiByeD0iMSIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA3IDEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yIDJMNSA1TDIgOCIvPjwvc3ZnPg==);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right center, 17px center, left center;
  cursor: pointer;
}

#gamelistSortPopup {
  position: absolute;
  left: 0px;
  top: 30px;
  border: 1px solid #ffba00;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  z-index: 99;
  visibility: hidden;
}

#gamelistSortPopup > a,
.gamelistSortPopup_selected {
  display: block;
  height: 21px;
  padding: 4px 10px 0px 30px;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  vertical-align: middle;
  background-color: white;
}

#gamelistSortPopup > a:hover {
  text-decoration: none;
  background-color: #F4F3F0;
}

.gamelistSortPopup_selected {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjNDJCRjEwIiBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMy41IDguNUw2IDExTDExLjUgNS41Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 10px center;
}

#gamelistPagesTop,
#gamelistPagesBottom {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 646px;
  height: 28px;
  padding: 6px 10px 6px 0px;
  background: #FF8A00;
  text-align: right;
}

#gamelistPagesTop {
  top: 0px;
}

#gamelistPagesBottom {
  bottom: 0px;
}

.gamelistGame {
  position: relative;
  min-height: 130px;
  background: white;
  border-top: 1px solid #FF8A00;
}

.gamelistGame:first-child {
  border-top: 1px solid white;
}

.gamelistGameIcon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 15px 0px 0px 30px;
}

.gamelistGameName {
  display: table;
  max-width: 320px;
  font-size: 16px;
  font-weight: bold;
  color: #FF6633;
  margin: -100px 0px 0px 150px;
}

.gamelistGameIcon:hover + .gamelistGameName {
  text-decoration: underline;
}

.gamelistGameDescriptions {
  max-width: 320px;
  margin: 15px 0px 0px 150px;
}

.gamelistGame > .commonGameVersion,
.gamelistGame > .commonOnlinePlayersText {
  position: relative;
  display: block;
  font-size: 10px;
  height: 13px;
  padding: 0px 0px 0px 35px;
  margin: 15px 0px 0px 150px;
}

.gamelistGame > .commonGameVersion::before,
.gamelistGame > .commonOnlinePlayersText::before {
  content: "";
  position: absolute;
  inset-inline-start: 0px;
  top: 0px;
  display: "block";
}

.gamelistGame > .commonGameVersion::before {
  width: 25px;
  height: 13px;
  background: url(common.2.webp) -19px -248px no-repeat;
}

.gamelistGame > .commonOnlinePlayersText::before {
  width: 25px;
  height: 13px;
  background: url(common.2.webp) -45px -248px no-repeat;
}

.gamelistGame > .commonMasteryLevel {
  font-size: 14px;
  font-weight: bold;
  color: #FF9000;
  padding-bottom: 25px;
  margin: 15px 0px 10px 150px;
}

.gamelistGame > .commonPlayNowButton {
  position: absolute;
  right: 30px;
  top: 50px;
}

.gamelistGame > .commonNewIcon,
.gamelistGame > .commonUpdatedIcon {
  position: absolute;
  left: 20px;
  top: 10px;
}

.gamelistEtInFeed {
  height: 130px;
  overflow: hidden;
  transition: all 5000ms ease;
}

.gamelistEtInFeed750,
.gamelistEtInFeed320 {
  display: none;
}

#gamelistLoading {
  display: none;
  height: 200px;
  background: url(loading.gif) no-repeat center;
  margin: 0px auto;
}

#gamelistNoMatchesFound {
  padding: 50px 0px;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
}

#gamelistBottom {
  width: 664px;
  margin: 0px auto;
}

#gamelistBelowEtHolder {
  margin-top: 10px;
}

#gamelistBelowEt {
  width: 946px;
  padding: 10px;
  border: 2px solid #FFB600;
  background: white;
  margin: 0px auto;
  overflow: hidden;
}

.gamelistCategory {
  border-left-width: 261px;
  border-right-width: 15px;
}

.gamelistCategoryName {
  left: auto;
  right: 30px;
}

.gamelistCategoryCount {
  left: auto;
  right: 226px;
  text-align: left;
}

.gamelistEtBottomLeftHolder {
  left: auto;
  right: 0px;
}

#gamelistIntro {
  left: 0px;
  right: auto;
}

#gamelistGames {
  margin-left: auto;
  margin-right: 10px;
}

#gamelistSort {
  padding-left: 15px;
  padding-right: 37px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMCA3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yIDJMNSA1TDggMiIvPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iMCIgeT0iNC43NSIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iMCIgeT0iOS41IiB3aWR0aD0iMy41IiBoZWlnaHQ9IjMuNSIgcng9IjEiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0Ljc1IiB5PSIwIiB3aWR0aD0iMTAuMjUiIGhlaWdodD0iMy41IiByeD0iMSIgZmlsbD0iI0ZGRkZGRiIvPjxyZWN0IHg9IjQuNzUiIHk9IjQuNzUiIHdpZHRoPSIxMC4yNSIgaGVpZ2h0PSIzLjUiIHJ4PSIxIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iNC43NSIgeT0iOS41IiB3aWR0aD0iMTAuMjUiIGhlaWdodD0iMy41IiByeD0iMSIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA3IDEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01IDJMMiA1TDUgOCIvPjwvc3ZnPg==);
  background-position: left center, right 17px center, right center;
}

#gamelistSortPopup {
  left: auto;
  right: 0px;
}

#gamelistSortPopup > a,
.gamelistSortPopup_selected {
  padding-left: 10px;
  padding-right: 30px;
}

.gamelistSortPopup_selected {
  background-position: right 10px center;
}

#gamelistPagesTop,
#gamelistPagesBottom {
  padding-left: 10px;
  padding-right: 0px;
  text-align: left;
}

.gamelistGameIcon {
  margin-left: 0px;
  margin-right: 30px;
}

.gamelistGameName {
  margin-left: 0px;
  margin-right: 150px;
}

.gamelistGameDescriptions {
  margin-left: 0px;
  margin-right: 150px;
}

.gamelistGame > .commonGameVersion,
.gamelistGame > .commonOnlinePlayersText {
  padding-left: 0px;
  padding-right: 35px;
  margin-left: 0px;
  margin-right: 150px;
}

.gamelistGame > .commonMasteryLevel {
  margin-left: 0px;
  margin-right: 150px;
}

.gamelistGame > .commonPlayNowButton {
  left: 30px;
  right: auto;
}

.gamelistGame > .commonNewIcon,
.gamelistGame > .commonUpdatedIcon {
  left: auto;
  right: 20px;
}