body {
    overflow: hidden;
    font-size: 0.9em;
    font-family: var(--DefaultTextFontFamily);
    word-wrap: break-word;
    background: #151d23;
    color: var(--DefaultTextColor);
}


/* font size */
wrapper#SubNavigator {
	font-size: 1em;
}
#HeadlineWrapper overlay h1 {
    font-size: 2em;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 578px) {

	#MainContent {
		box-sizing: border-box;
		position: absolute;
		overflow: auto;
		top: 100px;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: var(--TopNavHeight);
		margin: 0 !important;
	}

	body[data-_sSideNavPosition=Left] #PersistentLargeRect,
	#AtfLeaderboard,
	#SideNav wrapper controls,
	footer#PageFooter {
		display: none !important;
	}


	body[data-_sSideNavPosition=Left] #SideNav {
		display: block;
		width: 100% !important;
	}

	nav#SideNav {
		position: absolute;
		top: 60px;
		height: 40px !important;
		overflow: hidden;
		border-bottom: 2px solid #0e1317;
		text-align: center;
		width: 100%;
		transition: .3s;
	}

	nav#SideNav:hover {
		height: 355px !important;
	}

	#SideNav wrapper module {
		display: inline-block;
	}

	#SideNav wrapper module pane {
		position: absolute;
		top: 40px;
		right: 0;
		left: 0;
	}

	/* Old Logo */

	module#BananaNavModule {
    background-image: url(https://i.imgur.com/h9ROwoX.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    image-rendering: pixelated;
}

	module#BananaNavModule svg {
		opacity: 0;
	}

	/* icons size */

	body[data-_sSideNavPosition=Left] #SideNav module icon {
		padding-right: 5px;
		margin-left: 5px;
	}

	body[data-_sSideNavIconSize=Regular] #SideNav wrapper icon svg {
		width: 22px;
		height: 22px;
		padding-bottom: 8px;
	}
	
	/* Games tab */
	module#GamesNavModule {
    margin: auto;
	}
	
	/* Search bar */
	module#SearchNavModule {
    margin-left: auto;
    margin-right: 25px;
	}
	
}


/* Submissions Background */

#HeadlineWrapper .Background {
    opacity: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul, menu, li {
  list-style-position: outside; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, select {
  vertical-align: middle; }

/* clearfix credit:webtoolkit | http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

input[type=radio] {
  margin: 0; }

/* GAMEBANANA Stylesheet - all css beneath is public domain */
a, .Linklike {
  cursor: pointer;
  text-decoration: none;
  color: #FFE033; }

a:hover, .Linklike:hover {
  color: #FD70E1; }

audio::-webkit-media-controls-panel {
  background: rgba(0, 0, 0, 0.25);
  transform: scale(0.75); }

body {
  font: 14px 'open sans';
  word-wrap: break-word;
  background: #1b1d1f;
  color: rgba(255, 255, 255, 0.75); }

body.FullscreenModuleMode {
  overflow: hidden; }
  body.FullscreenModuleMode #HeaderWrapper {
    display: none !important; }
  body.FullscreenModuleMode #FullscreenModuleWrapper {
    background: rgba(0, 0, 0, 0.9);
    overflow: auto;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 3; }
    body.FullscreenModuleMode #FullscreenModuleWrapper .Module:last-child {
      margin-bottom: 0 !important; }

button, .ButtonLike {
  outline: none;
  font: 10px 'open sans';
  text-align: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 2px 6px;
  cursor: pointer;
  background: linear-gradient(to bottom, #444, #222);
  color: rgba(255, 255, 255, 0.75);
  border: 0; }

button:hover, .ButtonLike:hover, button.Selected, .ButtonLike.Selected {
  background: rgba(0, 0, 0, 0.5); }

.SmallButton, .SmallFlatButton {
  border: 0;
  font-size: 9px; }

.FlatButton, .SmallFlatButton {
  border: 0;
  box-shadow: none;
  background: none; }

button span, .ButtonLike span {
  display: inline-block;
  vertical-align: middle; }

.IconOnlyButton {
  padding: 0; }

code {
  font-family: monospace;
  color: #6EE16C; }

dd {
  margin: 5px 0 10px 2.5px;
  padding: 0; }
  dd ul, dd ol {
    padding: 0 0 0 20px; }

dt {
  font-size: 10px;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 2px 0;
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

h1, h2, h3 {
  font-weight: bold; }

hr {
  padding: 10px 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.25); }

input[type=text], input[type=password], input[type=password], input[type=number], input[type=email] {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  outline: none;
  font: 14px 'open sans';
  margin-right: 3px;
  padding: 5px;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.5); }

input[type=text]:hover, input[type=password]:hover, input[type=password]:hover, input[type=number]:hover, input[type=email]:hover {
  border: 1px solid rgba(255, 255, 255, 0.5); }

input[type=text]:focus, input[type=password]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus {
  border: 1px solid rgba(255, 255, 255, 0.75); }

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
  font-style: italic; }

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
  font-style: italic; }

input[type=range] {
  -webkit-appearance: none;
  margin: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 12px;
  cursor: pointer;
  background: #0e0f10; }

input[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 10px;
  background: #FF5E9D;
  cursor: move;
  -webkit-appearance: none; }

label {
  vertical-align: middle; }

legend {
  margin: 0;
  padding: 2.5px 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

option {
  background: #0e1417;
  color: #e2e2e2; }

optgroup {
  padding: 5px;
  margin: 5px 0;
  background: #0e1417;
  color: #e2e2e2;
  font-style: normal; }

p {
  padding: 0 0 20px 0; }

pre {
  font-family: monospace;
  color: rgba(255, 255, 255, 0.75); }

progress {
  height: 10px;
  -webkit-appearance: none;
  border: none; }

progress::-webkit-progress-bar {
  background: #111;
  padding: 2px; }

progress::-webkit-progress-value {
  background: linear-gradient(to right, #FF4E4E, #FF7238, #6EE16C); }

select, .SelectLike {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  max-width: 300px;
  outline: none;
  cursor: pointer;
  font: 14px 'open sans';
  margin-right: 3px;
  padding: 5px;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.5); }

select:hover, .SelectLike:hover {
  border: 1px solid rgba(255, 255, 255, 0.5); }

select:disabled, .SelectLike:disabled {
  opacity: 0.5; }

select:focus, .SelectLike:focus {
  border: 1px solid rgba(255, 255, 255, 0.75); }

sup {
  color: #FF7238; }

table {
  width: 100%; }
  table thead {
    background: rgba(0, 0, 0, 0.25); }
    table thead th {
      font-weight: normal;
      vertical-align: middle;
      text-align: left;
      font-size: 9px;
      padding: 7.5px;
      text-transform: uppercase;
      border-right: 1px solid #1c272e;
      letter-spacing: 1px;
      color: #999999; }
    table thead th:last-child {
      border-right: 0; }
  table td, table th {
    vertical-align: middle;
    padding: 10px; }
  table td {
    vertical-align: middle;
    border: 1px solid #172026;
    border-top: 0; }
  table td:first-child {
    border-left: 0; }
  table td:last-child {
    border-right: 0; }
  table tr:last-child > td {
    border-bottom: 0; }

textarea, .TextareaLike {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  outline: none;
  font: 14px 'open sans';
  padding: 10px;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.5); }

textarea:hover {
  border: 1px solid rgba(255, 255, 255, 0.5); }

textarea:focus {
  border: 1px solid rgba(255, 255, 255, 0.75); }

.AvatarTooltip .Column {
  display: inline-block;
  vertical-align: middle; }
  .AvatarTooltip .Column div {
    text-align: center;
    padding: 10px 5px; }
    .AvatarTooltip .Column div strong {
      display: block; }
    .AvatarTooltip .Column div small {
      display: block;
      margin-top: 2.5px;
      font-size: 12px; }
  .AvatarTooltip .Column .NameAndStatus strong {
    white-space: nowrap; }
  .AvatarTooltip .Column .NameAndStatus img {
    max-width: 90%; }
  .AvatarTooltip .Column .NameAndStatus .StateLabel.Online {
    color: #6EE16C; }
  .AvatarTooltip .Column .NameAndStatus .StateLabel.Offline {
    color: #999999; }
  .AvatarTooltip .Column .AffiliatedStudio img {
    max-width: 90%; }
  .AvatarTooltip .Column .Medals, .AvatarTooltip .Column .AffiliatedStudio, .AvatarTooltip .Column .Clearance {
    border-top: 1px solid rgba(255, 255, 255, 0.05); }
  .AvatarTooltip .Column .Clearance .StateLabel {
    color: #FF4E4E; }
  .AvatarTooltip .Column .Clearance .StateLabel.Member {
    color: rgba(255, 255, 255, 0.75); }
.AvatarTooltip .Column1 {
  width: 49%;
  border-right: 1px solid rgba(255, 255, 255, 0.05); }
.AvatarTooltip .Column2 {
  width: 50%; }
  .AvatarTooltip .Column2 .Medals ul {
    margin-top: 2.5px; }
    .AvatarTooltip .Column2 .Medals ul li {
      display: inline-block; }

.Avatar {
  display: inline-block;
  font-size: 0;
  position: relative; }
  .Avatar img {
    width: 100%;
    height: 100%; }
  .Avatar .OnlineIndicator {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    box-shadow: 0 0 2px black; }

.Avatar.Online .OnlineIndicator {
  background: #6EE16C; }

.Avatar.Offline .OnlineIndicator {
  background: #999999; }

.MemberLink {
  padding-left: 2px;
  display: inline-block; }

.MemberLink.Online {
  border-left: 2px solid #6EE16C; }

.MemberLink.Offline {
  border-left: 2px solid #999999; }

.Beacon {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: -10px;
  left: -10px;
  opacity: 0.5; }

.Beacon:hover {
  opacity: 1; }

.HelpBeaconTooltip {
  color: #6EE16C; }

.UpdateBeaconTooltip {
  color: #6CB1E1; }

.AdviceBeaconTooltip {
  color: #FF4E4E; }

.Column {
  display: inline-block;
  vertical-align: top; }

.Column25 {
  width: 25%; }

.Column50 {
  width: 50%; }

.Column75 {
  width: 75%; }

.StateLabel {
  font-size: 9px;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 1px 4px;
  margin: 3px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.25); }

.StateLabel.IsFlagged {
  color: #FF7238; }

.StateLabel.IsTrashed {
  color: #FF4E4E; }

.StateLabel.IsWithheld {
  color: #FF7238; }

.StateLabel.IsTopToday {
  color: #FF5E9D; }

.StateLabel.IsTrashed {
  color: #FF4E4E; }

.StateLabel.IsUnjustified {
  color: #FF7238; }

.StateLabel.IsPending {
  color: #FF7238; }

.StateLabel.IsUpdated {
  color: #6CB1E1; }

.StateLabel.IsCreator {
  color: #6CB1E1; }

.StateLabel.IsRedistributor {
  color: #FF7238; }

.StateLabel.FeedbackNeeded {
  color: #999999; }

.StateLabel.Unrated {
  color: #999999; }

.NsfwLabel {
  background: #FF4E4E;
  padding: 1px 4px;
  font-style: normal;
  font-weight: bold;
  color: black;
  font-size: 10px; }

.LessThan5minsOld {
  text-decoration: underline;
  font-weight: bold;
  color: #FF4E4E; }

.LessThan30minsOld {
  font-weight: bold;
  color: #FF4E4E; }

.LessThan1HourOld {
  color: #FF4E4E; }

.LessThan4HoursOld {
  color: #FF7238; }

.OlderThan1Day {
  color: #999999; }

.Rated9To10 {
  color: #6CB1E1; }

.Rated7To9 {
  color: #6EE16C; }

.Rated5To7 {
  color: #FF7238; }

.RatedLessThan5 {
  color: #FF4E4E; }

.DateUpdated {
  color: #6CB1E1; }

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-base {

#Wrapper .ExpandedModuleWrapper {
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.75); }

#Wrapper .ExpandedModuleWrapper > .Module {
  display: block;
  top: 0;
  right: 0;
  position: absolute; }

#Wrapper .CollapsedModuleWrapper {
  display: none; }

sup.Red {
  color: #FF4E4E;
  border: 2px solid #FF4E4E; }

sup.Grey {
  color: #999999;
  border: 2px solid #999999; }

sup.Blue {
  color: #6CB1E1;
  border: 2px solid #6CB1E1; }

sup.Green {
  color: #6EE16C;
  border: 2px solid #6EE16C; }

.LoadingMessage {
  padding: 1px;
  font-weight: bold;
  color: #6CB1E1; }

.BlueColor {
  color: #6CB1E1; }

.GreenColor {
  color: #6EE16C; }

.OrangeColor {
  color: #FF7238; }

.GreyColor {
  color: #999999; }

.RedColor {
  color: #FF4E4E; }

.PurpleColor {
  color: #FF5E9D; }

.GreyBorder {
  border-color: #999999 !important; }

.RedBorder {
  border-color: #FF4E4E !important; }

.BlueBorder {
  border-color: #6CB1E1 !important; }

.GreenBorder {
  border-color: #6EE16C !important; }

.OrangeBorder {
  border-color: #FF7238 !important; }

.RedBorder:hover, .BlueBorder:hover, .GreenBorder:hover, .OrangeBorder:hover, .GreyBorder:hover {
  border-color: #FD70E1 !important; }

.Progress span {
  display: inline-block;
  vertical-align: middle; }

div.SubmittersFeedbackInstructions {
  margin: 5px 0 0 15px;
  font-size: 14px; }

h4.SubmittersFeedbackInstructions {
  margin-left: 15px; }

div.SubmittersFeedbackInstructions {
  color: #999999; }

p.NoRecordsFound {
  text-align: center;
  color: #FF4E4E;
  padding: 5px; }

.Module .Content .ResizedImageWrapper a {
  opacity: 0.5;
  padding: 3px; }

.Module .Content .ResizedImageWrapper a:hover {
  opacity: 1; }


.Module.Maximized {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 0;
  right: 1px;
  z-index: 3; }
  .Module.Maximized > .Content {
    background: rgba(28, 39, 46, 0.95); }

.Module > h3 {
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px;
  text-align: left;
  font-weight: normal;
  border: 1px solid #1C272E;
  background: linear-gradient(to right, #0e0f10, #1C272E); }
  .Module > h3 span {
    vertical-align: middle;
    display: inline-block; }
.Module > .Links {
  display: none;
  position: absolute;
  top: 3px;
  right: 32px;
  font-size: 0; }
  .Module > .Links li {
    white-space: nowrap;
    display: inline-block;
    padding: 2px 4px;
    font-size: 9px;
    margin-left: 2.5px;
    background: rgba(0, 0, 0, 0.25); }
.Module > .Description {
  color: grey;
  padding: 10px;
  font-size: 12px;
  background: #1C272E; }
.Module > .LogMessages {
  text-align: center;
  padding: 10px;
  background: #1C272E;
  color: #999999; }
  .Module > .LogMessages li {
    display: block; }
.Module > .Content {
  position: relative;
  overflow-x: none;
  padding: 10px;
  background: #1C272E; }
  .Module > .Content pre {
    color: #6EE16C;
    box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
    margin: 10px;
    padding: 10px;
    overflow-x: auto;
    width: auto; }
  .Module > .Content h1 {
    font-size: 18px;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 0 5px 0; }
  .Module > .Content h2 {
    font-size: 16px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 0 5px 0; }
  .Module > .Content h3 {
    margin: 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 0 5px 0; }
  .Module > .Content h4, .Module > .Content h5, .Module > .Content h6 {
    margin: 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 0 5px 0; }
  .Module > .Content article > ul {
    padding: 10px 10px 10px 20px; }
    .Module > .Content article > ul li {
      list-style-type: square; }
  .Module > .Content article > ol {
    padding: 10px 10px 10px 20px; }
    .Module > .Content article > ol li {
      list-style-type: decimal; }
  .Module > .Content article > dl dd ul {
    margin: 10px; }

.Module:hover > .Links {
  display: block; }

.WysiwygList ul {
  box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  margin-bottom: 10px;
  min-height: 20px; }
  .WysiwygList ul li {
    background: rgba(0, 0, 0, 0.25);
    margin: 0 0 1px 0;
    border: 1px solid transparent;
    padding: 5px 0;
    display: block;
    font-size: 10px; }
    .WysiwygList ul li button, .WysiwygList ul li input {
      vertical-align: middle;
      display: inline-block;
      font-size: 10px; }
    .WysiwygList ul li input {
      width: 70%; }
  .WysiwygList ul .ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px dashed #FF5E9D;
    background: rgba(0, 0, 0, 0.5); }

.RadioList li {
  display: block; }
  .RadioList li input {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
  .RadioList li label {
    margin-left: 2.5px;
    display: inline-block;
    vertical-align: middle; }

.CheckboxList li {
  display: block; }
  .CheckboxList li input {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
  .CheckboxList li label {
    margin-left: 2.5px;
    display: inline-block;
    vertical-align: middle;
    width: 90%; }

.ContentEditableEditor .InputWrapper .Editor {
  vertical-align: top;
  width: 75%;
  min-width: 250px;
  display: inline-block;
  margin: 0 10px 10px 0; }
  .ContentEditableEditor .InputWrapper .Editor .Toolbars > div {
    display: none;
    text-align: left;
    margin-bottom: 10px; }
  .ContentEditableEditor .InputWrapper .Editor .Toolbars > .Active {
    display: block; }
  .ContentEditableEditor .InputWrapper .Editor .Toolbars div button {
    font-size: 0;
    border-width: 1px;
    padding: 1px; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers span {
    cursor: pointer;
    display: inline-block;
    background: rgba(0, 0, 0, 0.25);
    padding: 2.5px 5px;
    margin-right: 2.5px;
    border-radius: 0;
    border: none;
    opacity: 0.5;
    font-size: 8px;
    text-transform: uppercase; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers span:hover {
    opacity: 1; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers .Wysiwyg {
    color: #FF5E9D; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers .Source {
    color: #6EE16C; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers .Backup {
    color: #6CB1E1;
    visibility: hidden; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers .Active {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes > div {
    display: none; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes > .Active {
    display: block; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Source textarea {
    font-size: 12px;
    color: #6EE16C;
    font-family: monospace;
    resize: vertical;
    height: 150px;
    width: 95%; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Backup .RichText {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 10px;
    resize: vertical;
    height: 150px;
    overflow-y: auto;
    font: 14px 'open sans';
    color: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.5);
    width: 90%; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 10px;
    resize: vertical;
    height: 150px;
    overflow-y: auto;
    font: 14px 'open sans';
    color: rgba(255, 255, 255, 0.75);
    background: rgba(0, 0, 0, 0.5);
    width: 90%; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText img {
      max-width: 100%;
      cursor: move;
      min-width: 5px;
      min-height: 5px; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText ul, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText ol {
      padding: 10px 10px 10px 20px; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText * {
      outline: 1px dotted #1C272E; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText .HoveredElement {
      outline: 1px solid #1C272E; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText .SelectedElement {
      outline: 1px solid #FF5E9D; }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText:hover {
    border: 1px solid rgba(255, 255, 255, 0.5); }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText:focus {
    border: 1px solid rgba(255, 255, 255, 0.75); }
  .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig {
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    background: #1C272E; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig span, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig input, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig button, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig label {
      vertical-align: middle;
      display: inline-block;
      font-size: 10px; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig span, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig input, .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig button {
      margin: 5px; }
    .ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .ElementConfig button {
      border-width: 1px; }
.ContentEditableEditor .InputWrapper .Editor.DragInProgress .Wysiwyg .RichText {
  border: 1px dashed #FF5E9D; }
.ContentEditableEditor .InputWrapper .Inserters {
  vertical-align: top;
  width: 20%;
  display: inline-block;
  min-width: 200px; }
  .ContentEditableEditor .InputWrapper .Inserters .ImageInserter {
    text-align: center;
    padding: 10px; }
    .ContentEditableEditor .InputWrapper .Inserters .ImageInserter ul {
      height: 250px;
      overflow-y: auto; }
      .ContentEditableEditor .InputWrapper .Inserters .ImageInserter ul li {
        font-size: 10px;
        display: block;
        padding: 5px; }
        .ContentEditableEditor .InputWrapper .Inserters .ImageInserter ul li img {
          max-width: 90%;
          cursor: move;
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); }
        .ContentEditableEditor .InputWrapper .Inserters .ImageInserter ul li img:hover {
          outline: 1px dashed #FF5E9D; }
  .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter {
    text-align: center; }
    .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul {
      height: 250px;
      overflow-y: auto;
      box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); }
      .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li {
        padding: 5px 7.5px;
        background: rgba(0, 0, 0, 0.25);
        margin: 0 0 1px 0;
        border: 1px solid transparent;
        display: block; }
        .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li span, .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li img {
          cursor: move; }
        .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li img {
          max-width: 90%;
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); }
        .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li span {
          padding: 2.5px; }
        .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li span:hover, .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li img:hover {
          outline: 1px dashed #FF5E9D; }
      .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul .ui-draggable-dragging {
        visibility: visible !important;
        border: 1px dashed #FF5E9D;
        background: rgba(0, 0, 0, 0.5); }
    .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter .AjaxListPaginator {
      padding: 5px; }
      .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter .AjaxListPaginator button, .ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter .AjaxListPaginator span {
        font-size: 10px;
        display: inline-block;
        vertical-align: middle; }
  .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter {
    font-size: 10px;
    padding: 10px; }
    .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter p {
      padding: 0; }
    .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter input {
      font-size: 12px;
      width: 90%;
      margin: 10px 0;
      display: block; }
    .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter ul {
      box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
      min-height: 20px;
      max-height: 150px;
      overflow: auto;
      padding: 0; }
      .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter ul li {
        padding: 5px 2.5px;
        background: rgba(0, 0, 0, 0.25);
        margin: 0 0 1px 0;
        border: 1px solid transparent;
        display: block; }
        .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter ul li span {
          display: inline-block;
          vertical-align: middle; }
        .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter ul li .SortHandle {
          margin-right: 5px; }
      .ContentEditableEditor .InputWrapper .Inserters .UsernameInserter ul .ui-draggable-dragging {
        visibility: visible !important;
        border: 1px dashed #FF5E9D;
        background: rgba(0, 0, 0, 0.5); }
  .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter {
    font-size: 10px; }
    .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter p {
      padding: 10px; }
    .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter ul {
      max-height: 150px;
      overflow: auto;
      box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); }
      .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter ul li {
        padding: 5px 7.5px;
        background: rgba(0, 0, 0, 0.25);
        margin: 0 0 1px 0;
        border: 1px solid transparent;
        display: block; }
        .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter ul li span {
          display: inline-block;
          vertical-align: middle; }
      .ContentEditableEditor .InputWrapper .Inserters .CannedResponseInserter ul .ui-draggable-dragging {
        visibility: visible !important;
        border: 1px dashed #FF5E9D;
        background: rgba(0, 0, 0, 0.5); }
.ContentEditableEditor .InputWrapper .Inserters > h4 {
  cursor: pointer;
  padding: 5px;
  margin: 0;
  border: 0;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5); }
.ContentEditableEditor .InputWrapper .Inserters > h4:hover {
  background: rgba(0, 0, 0, 0.25); }
.ContentEditableEditor .InputWrapper .Inserters > div {
  display: none;
  box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); }

.UsernameSuggestionList li {
  margin: 5px 5px 0 0;
  cursor: pointer;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 5px; }

.UsernameSuggestionList li:hover {
  border: 1px solid #FD70E1; }

body.ModuleMoverMode #ModuleMoverControls {
  font-size: 12px;
  z-index: 2;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 10px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: #FF5E9D;
  border-top: 1px solid #111;
  color: #111; }
  body.ModuleMoverMode #ModuleMoverControls > span, body.ModuleMoverMode #ModuleMoverControls > button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px; }
body.ModuleMoverMode .ContentColumn .MovingModuleDropzone {
  background: rgba(0, 0, 0, 0.25);
  padding: 10px;
  border: 1px dashed #FF5E9D;
  margin-bottom: 15px; }
body.ModuleMoverMode .ContentColumn > .Module {
  cursor: move;
  border-top: 5px solid #FF5E9D; }
  body.ModuleMoverMode .ContentColumn > .Module .ModuleTools {
    display: none; }

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #000; }

::-webkit-scrollbar-thumb {
  background: #444; }

ul.ListTools {
  text-align: right; }
  ul.ListTools li {
    vertical-align: middle;
    text-align: left;
    display: inline-block; }
    ul.ListTools li fieldset {
      margin-bottom: 5px; }
      ul.ListTools li fieldset legend {
        border: 0; }

.ContentColumn > .AdvancedListSettingsModule {
  margin-bottom: 0; }

.AdvancedListSettingsModule {
  text-align: center; }
  .AdvancedListSettingsModule > .Content {
    padding: 5px; }
    .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters {
      padding: 5px; }
      .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters > div {
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 10px; }
      .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters .Toggle {
        font-size: 0; }
        .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters .Toggle span, .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters .Toggle a {
          display: inline-block;
          vertical-align: middle; }
        .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters .Toggle > span {
          padding: 2px 5px;
          background: rgba(0, 0, 0, 0.25);
          border-radius: 3px 0 0 3px;
          font-size: 10px; }
        .AdvancedListSettingsModule > .Content .ActiveSortsAndFilters .Toggle a {
          border-radius: 0 3px 3px 0;
          font-size: 0; }
    .AdvancedListSettingsModule > .Content .Presets, .AdvancedListSettingsModule > .Content .ShowFiltersButton {
      display: inline-block;
      vertical-align: middle; }
    .AdvancedListSettingsModule > .Content .Presets {
      font-size: 10px;
      margin-right: 10px; }
      .AdvancedListSettingsModule > .Content .Presets li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
        margin: 5px 0;
        border-right: 2px solid rgba(255, 255, 255, 0.1); }
        .AdvancedListSettingsModule > .Content .Presets li a, .AdvancedListSettingsModule > .Content .Presets li span {
          display: inline-block;
          vertical-align: middle; }
        .AdvancedListSettingsModule > .Content .Presets li .RemovePresetLink {
          margin-left: 2px; }
      .AdvancedListSettingsModule > .Content .Presets li.Selected a {
        font-weight: bold;
        color: rgba(255, 255, 255, 0.75); }
    .AdvancedListSettingsModule > .Content .ShowFiltersButton {
      font-weight: bold;
      margin: 5px; }
    .AdvancedListSettingsModule > .Content form fieldset legend {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      cursor: pointer;
      font-size: 12px;
      border-bottom: 0;
      padding: 5px;
      box-sizing: border-box; }
      .AdvancedListSettingsModule > .Content form fieldset legend span {
        display: inline-block;
        vertical-align: middle; }
    .AdvancedListSettingsModule > .Content form fieldset legend:hover {
      color: #FD70E1; }
    .AdvancedListSettingsModule > .Content form fieldset .Input {
      padding: 10px;
      display: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
      .AdvancedListSettingsModule > .Content form fieldset .Input input, .AdvancedListSettingsModule > .Content form fieldset .Input select {
        font-size: 12px; }
      .AdvancedListSettingsModule > .Content form fieldset .Input .Switch {
        margin-top: 10px; }
    .AdvancedListSettingsModule > .Content form .Expanded legend {
      background-color: rgba(0, 0, 0, 0.25); }
    .AdvancedListSettingsModule > .Content form .Expanded .Input {
      display: block; }
    .AdvancedListSettingsModule > .Content form fieldset:last-of-type {
      margin-bottom: 10px; }
    .AdvancedListSettingsModule > .Content form button {
      margin: 0 0 10px 10px; }

.QuickDlLink {
  display: inline-block; }

.QuickDlTooltip li {
  dispay: block;
  margin-bottom: 5px; }
  .QuickDlTooltip li small {
    display: block;
    font-size: 10px; }
    .QuickDlTooltip li small span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      color: #999999; }
.QuickDlTooltip li:last-child {
  margin-bottom: 0; }

.Paginator {
  text-align: right;
  padding: 10px; }
  .Paginator > span {
    display: inline-block;
    vertical-align: middle; }
  .Paginator .OfText {
    padding: 0 5px;
    color: #999999;
    font-size: 10px; }
  .Paginator .Controls {
    margin-left: 10px;
    font-size: 0; }
    .Paginator .Controls .PreviousPageButton, .Paginator .Controls .NextPageButton, .Paginator .Controls .Options {
      padding: 5px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 0; }
    .Paginator .Controls .Options {
      background: rgba(0, 0, 0, 0.25);
      font-size: 13px;
      font-weight: bold;
      padding: 5px 10px; }
    .Paginator .Controls *:first-child {
      border-radius: 3px 0 0 3px; }
    .Paginator .Controls *:last-child {
      border-radius: 0 3px 3px 0; }

.PostsListModule .Paginator ul {
  margin-right: 30px; }
  .PostsListModule .Paginator ul li {
    display: inline-block; }

.SubFeedModuleTooltip dd img {
  vertical-align: middle; }

.SubFeedModuleTooltip dd a {
  vertical-align: middle; }

.SubFeedModuleTooltip dd span {
  vertical-align: middle; }

#Wrapper {
  background: #151d23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHElEQVQoU2NkIA5IMhKnjmFUId6AAgePJDFhCQDDFAEFiQDatQAAAABJRU5ErkJggg==);
  width: 1000px;
  margin: auto;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

#HeaderWrapper {
  position: relative;
  z-index: 11; }
  #HeaderWrapper header > div {
    background: linear-gradient(to right, #111214, #1c272e);
    border-bottom: 1px solid black;
    box-shadow: inset 0 0 0 1px #1c272e; }
    #HeaderWrapper header > div #HomeLink, #HeaderWrapper header > div #PublicNavigator {
      vertical-align: middle;
      display: inline-block; }
    #HeaderWrapper header > div #HomeLink {
      font-size: 0;
      padding: 10px; }
    #HeaderWrapper header > div #PublicNavigatorTabs {
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      #HeaderWrapper header > div #PublicNavigatorTabs > ul > li {
        font-size: 13px;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer;
        padding: 12px 11px; }
        #HeaderWrapper header > div #PublicNavigatorTabs > ul > li span {
          vertical-align: middle;
          display: inline-block; }
        #HeaderWrapper header > div #PublicNavigatorTabs > ul > li .IconSheet {
          margin-right: 5px; }
      #HeaderWrapper header > div #PublicNavigatorTabs > ul > li:hover, #HeaderWrapper header > div #PublicNavigatorTabs > ul > li.ActiveTab {
        background: #080b0c; }
    #HeaderWrapper header > div #PublicNavigatorPanes > li {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      border: 1px solid #1c272e;
      background: linear-gradient(to bottom, #080b0c 0, #0e1417 25px);
      border-top: 0; }
  #HeaderWrapper aside {
    position: fixed;
    top: 0;
    margin-left: -46px;
    text-align: right; }
    #HeaderWrapper aside #HeaderToggle {
      cursor: pointer;
      background: linear-gradient(to left, #1b1d1f, #1c272e);
      width: 32px;
      padding: 6px;
      border: 1px solid #111; }
    #HeaderWrapper aside #HeaderToggle:hover {
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); }
    #HeaderWrapper aside #MemberNavigatorTabs {
      font-size: 0;
      display: inline-block; }
      #HeaderWrapper aside #MemberNavigatorTabs > ul > li {
        margin: 0 1px 0 0;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
        background-color: #222;
        padding: 7px;
        cursor: pointer; }
      #HeaderWrapper aside #MemberNavigatorTabs > ul > li:hover, #HeaderWrapper aside #MemberNavigatorTabs > ul > li.ActiveTab {
        background: #0e1417; }
      #HeaderWrapper aside #MemberNavigatorTabs > ul > li.TabHasUpdates {
        animation: TabHasUpdatesBlink 0.5s step-end infinite alternate; }

#HeaderWrapper.Fixed {
  top: 0;
  width: 1000px;
  position: fixed; }

.NavigatorPanes {
  z-index: 2147483647;
  position: absolute;
  font-size: 12px; }
  .NavigatorPanes > li {
    list-style-type: none;
    margin: 0;
    display: none; }
    .NavigatorPanes > li h4 {
      text-transform: uppercase;
      font-weight: bold;
      padding: 10px 10px 0 10px; }
    .NavigatorPanes > li > div {
      padding: 15px 10px 10px 10px; }
      .NavigatorPanes > li > div h5 {
        margin: 0 0 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding: 0 0 2.5px 0; }
        .NavigatorPanes > li > div h5 a, .NavigatorPanes > li > div h5 span {
          display: inline-block;
          vertical-align: middle; }
      .NavigatorPanes > li > div .Column {
        display: inline-block;
        vertical-align: top; }
      .NavigatorPanes > li > div .Column1 {
        margin-right: 10px; }
      .NavigatorPanes > li > div .Links {
        margin-bottom: 10px; }
        .NavigatorPanes > li > div .Links li {
          display: block; }
          .NavigatorPanes > li > div .Links li span {
            vertical-align: middle;
            display: inline-block; }

#HeaderWrapper header > div #PublicNavigatorTabs #SearchTab {
  padding: 0;
  cursor: default; }
  #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form {
    margin: 5px 5px 5px 10px; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form input, #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form button {
      display: inline-block;
      vertical-align: middle; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form input[type=text] {
      border-radius: 3px 0 0 3px;
      width: 140px;
      padding: 4px;
      font-size: 13px;
      margin: 0; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form button {
      border-radius: 0 3px 3px 0;
      padding: 6px; }
      #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab form button .IconSheet {
        margin: 0; }
  #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode {
    margin: 2px 3px 4px 10px;
    font-size: 9px; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode div span, #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode div input, #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode div label {
      display: inline-block;
      vertical-align: middle; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode input[type=text] {
      font-size: 10px;
      padding: 2px; }
    #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab .CompactMode button {
      padding: 2px; }
#HeaderWrapper header > div #PublicNavigatorTabs #SearchTab.ActiveTab, #HeaderWrapper header > div #PublicNavigatorTabs #SearchTab:hover {
  background: none; }


#InstallersPane p {
  padding: 10px 0 0 0; }

.SupportedGamesTooltip ul {
  font-size: 0; }
  .SupportedGamesTooltip ul li {
    display: inline-block;
    margin: 0 5px 2.5px 0;
    white-space: nowrap; }
    .SupportedGamesTooltip ul li img, .SupportedGamesTooltip ul li span {
      font-size: 9px;
      display: inline-block;
      vertical-align: middle; }
    .SupportedGamesTooltip ul li img {
      width: 16px;
      margin-right: 2.5px; }

#MedalsPane .Column1 {
  max-width: 210px; }
  #MedalsPane .Column1 ul {
    box-shadow: inset 0 10px 50px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
    padding: 5px;
    max-height: 150px;
    overflow: auto; }
    #MedalsPane .Column1 ul li {
      display: inline-block;
      margin: 0 2.5px 2.5px 0;
      font-size: 0; }
.IconSheet {
  image-rendering: pixelated;
  background-image: url(https://web.archive.org/web/20171214184229im_/https://files.gamebanana.com/static/img/icon_sheet.png?5a2ee3cd7f0ae);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle; }

.IconSheet.Logo {
  width: 291px;
  height: 25px;
  background-position: -592px 0; }

.IconSheet.MiniLogo {
  width: 142px;
  height: 12px;
  background-position: -592px -36px; }

.IconSheet.BananaLogo {
  width: 84px;
  height: 12px;
  background-position: -650px -36px; }

.IconSheet.BananaIcon {
  width: 32px;
  height: 32px;
  background-position: -336px -240px; }

.IconSheet.AdsByCurseBanner {
  width: 159px;
  height: 32px;
  background-position: -32px 0px; }

.IconSheet.BananaExchangeLogo {
  width: 229px;
  height: 36px;
  background-position: -688px -96px; }

.IconSheet.BigBananaExchangeLogo {
  width: 458px;
  height: 89px;
  background-position: 0 -656px; }

.IconSheet.LogoXmas2017 {
  width: 291px;
  height: 25px;
  background-position: -464px -647px; }

.IconSheet.BananaIconXmas2017 {
  width: 32px;
  height: 32px;
  background-position: -464px -672px; }

.IconSheet.BananaExchangeIcon.ReleaseModsIcon {
  width: 32px;
  height: 32px;
  background-position: -288px -80px; }

.IconSheet.BananaExchangeIcon.EarnPointsIcon {
  width: 32px;
  height: 32px;
  background-position: -464px -240px; }

.IconSheet.BananaExchangeIcon.GetGamesIcon {
  width: 32px;
  height: 32px;
  background-position: -96px -48px; }

.IconSheet.ModuleToolsIcon {
  width: 16px;
  height: 16px; }


.IconSheet.MiscIcon.SaDxModLoaderIcon {
  height: 16px;
  width: 16px;
  background-position: -368px -304px; }

.IconSheet.MiscIcon.RivalsModdingToolIcon {
  height: 16px;
  width: 16px;
  background-position: -352px -304px; }

.IconSheet.MiscIcon.GvkMiIcon {
  height: 16px;
  width: 16px;
  background-position: -256px -240px; }

.IconSheet.MiscIcon.DiskIcon {
  height: 16px;
  width: 16px;
  background-position: -400px -96px; }

.IconSheet.MiscIcon.SortHandle {
  width: 16px;
  height: 16px;
  background-position: -112px -272px;
  cursor: move; }

.IconSheet.MiscIcon.SelectToggleIcon {
  width: 16px;
  height: 16px;
  background-position: -144px -272px; }

.IconSheet.MiscIcon.SubcategoryIcon {
  width: 16px;
  height: 16px;
  background-position: -128px -272px; }

.IconSheet.MiscIcon.LarryIcon {
  width: 56px;
  height: 78px;
  background-position: -592px -64px; }

.IconSheet.MiscIcon.PrivateAccessNoticeIcon {
  width: 32px;
  height: 32px;
  background-position: -656px -64px; }

.IconSheet.MiscIcon.WithholdNoticeIcon {
  width: 32px;
  height: 32px;
  background-position: -688px -64px; }

.IconSheet.MiscIcon.FlagNoticeIcon {
  width: 32px;
  height: 32px;
  background-position: -720px -64px; }

.IconSheet.MiscIcon.ExecutableNoticeIcon {
  width: 32px;
  height: 32px;
  background-position: -656px -96px; }

.IconSheet.MiscIcon.CompressedFileIcon {
  width: 16px;
  height: 16px;
  background-position: -496px -208px; }

.IconSheet.MiscIcon.LargeCompressedFileIcon {
  width: 32px;
  height: 32px;
  background-position: -672px -208px; }

.IconSheet.MiscIcon.AppCartridge {
  height: 128px;
  width: 128px;
  background-position: 0 -528px; }

.IconSheet.SubmissionType {
  width: 32px;
  height: 32px; }

.IconSheet.SubmissionType.Article {
  background-position: -32px -48px; }

.IconSheet.SubmissionType.Category {
  background-position: -32px -80px; }

.IconSheet.SubmissionType.Blog {
  background-position: -32px -112px; }

.IconSheet.SubmissionType.BitpitFile {
  background-position: -464px -208px; }

.IconSheet.SubmissionType.Issue {
  background-position: -32px -144px; }

.IconSheet.SubmissionType.Bug {
  background-position: -400px -208px; }

.IconSheet.SubmissionType.Club {
  background-position: -64px -48px; }

.IconSheet.SubmissionType.Concept {
  background-position: -64px -80px; }

.IconSheet.SubmissionType.Contest {
  background-position: -64px -112px; }

.IconSheet.SubmissionType.Crafting {
  background-position: -64px -144px; }

.IconSheet.SubmissionType.Event {
  background-position: -432px -96px; }

.IconSheet.SubmissionType.Game {
  background-position: -96px -48px; }

.IconSheet.SubmissionType.GameKey {
  background-position: -432px -208px; }

.IconSheet.SubmissionType.Gamefile {
  background-position: -96px -80px; }

.IconSheet.SubmissionType.Generator {
  background-position: -96px -112px; }

.IconSheet.SubmissionType.Gui {
  background-position: -96px -144px; }

.IconSheet.SubmissionType.PositionAvailable {
  background-position: -128px -48px; }

.IconSheet.SubmissionType.Idea {
  background-position: -128px -80px; }

.IconSheet.SubmissionType.Map {
  background-position: -128px -112px; }

.IconSheet.SubmissionType.Member {
  background-position: -128px -144px; }

.IconSheet.SubmissionType.Castaway {
  background-position: -160px -48px; }

.IconSheet.SubmissionType.Chatroom {
  background-position: -208px -224px; }

.IconSheet.SubmissionType.Mirror {
  background-position: -160px -80px; }

.IconSheet.SubmissionType.Model {
  background-position: -160px -112px; }

.IconSheet.SubmissionType.App {
  background-position: -160px -144px; }

.IconSheet.SubmissionType.News {
  background-position: -192px -48px; }

.IconSheet.SubmissionType.PrivateMessage {
  background-position: -464px -112px; }

.IconSheet.SubmissionType.Poll {
  background-position: -192px -80px; }

.IconSheet.SubmissionType.Post {
  background-position: -192px -112px; }

.IconSheet.SubmissionType.Prefab {
  background-position: -192px -144px; }

.IconSheet.SubmissionType.Permit {
  background-position: -32px -208px; }

.IconSheet.SubmissionType.Project {
  background-position: -224px -48px; }

.IconSheet.SubmissionType.Request {
  background-position: -224px -80px; }

.IconSheet.SubmissionType.Review {
  background-position: -224px -112px; }

.IconSheet.SubmissionType.Screenshot {
  background-position: -224px -144px; }

.IconSheet.SubmissionType.Script {
  background-position: -256px -48px; }

.IconSheet.SubmissionType.Skin {
  background-position: -256px -80px; }

.IconSheet.SubmissionType.StatusUpdate {
  background-position: -176px -224px; }

.IconSheet.SubmissionType.Sound {
  background-position: -256px -112px; }

.IconSheet.SubmissionType.Spray {
  background-position: -256px -144px; }

.IconSheet.SubmissionType.Effect {
  background-position: -288px -48px; }

.IconSheet.SubmissionType.Studio {
  background-position: -288px -80px; }

.IconSheet.SubmissionType.Support {
  background-position: -288px -112px; }

.IconSheet.SubmissionType.Texture {
  background-position: -288px -144px; }

.IconSheet.SubmissionType.Thread {
  background-position: -320px -48px; }

.IconSheet.SubmissionType.Tool {
  background-position: -320px -80px; }

.IconSheet.SubmissionType.Tutorial {
  background-position: -320px -112px; }

.IconSheet.SubmissionType.Update {
  background-position: -464px -144px; }

.IconSheet.SubmissionType.Wiki {
  background-position: -320px -144px; }

.IconSheet.SubmissionType.Wip {
  background-position: -352px -48px; }

.IconSheet.SubmissionType.Ware {
  background-position: -400px -144px; }

.IconSheet.SubmissionType.WareOrder {
  background-position: -432px -144px; }

.IconSheet.SubmissionType.ArticleCategory {
  background-position: -32px -80px; }

.IconSheet.SubmissionType.Forum {
  background-position: -32px -80px; }


:root {
  --NavBackgroundColor : transparent;
}
@-webkit-keyframes FlashIconBorder {0% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); } 50% { border-color: transparent; } 100% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); }

@-moz-keyframes FlashIconBorder {0% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); } 50% { border-color: transparent; } 100% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); } }

@keyframes FlashIconBorder {0% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); } 50% { border-color: transparent; } 100% { border-color: #FF4E4E; border-color: var(--DefaultRedColor); } }

#SideNav wrapper module.HasUpdates icon {
        border-color: var(--DefaultRedColor);
        animation: FlashIconBorder 1s steps(1, end) infinite;
}