@charset "UTF-8";
body {
  color: #222;
  margin: 0;
  font-size: 13px;
  font-family: sans-serif; }

a {
  color: #DD4A4A; }
  a img {
    border: 0; }

h2 {
  margin: 15px 0; }

.return_link:before {
  content: "←";
  display: inline-block;
  margin-right: 5px;
  text-decoration: none; }

.forward_link:after {
  content: "→";
  display: inline-block;
  margin-right: 5px;
  text-decoration: none; }

.loader {
  display: inline-block;
  background-image: url("/static/loader.gif");
  vertical-align: middle;
  width: 16px;
  height: 16px; }
  .loader.dark {
    background-image: url("/static/loader-dark.gif"); }
  .loader.huge {
    width: 66px;
    height: 66px;
    background-image: url("/static/loader-huge.gif"); }
  .loader.checkout {
    width: 43px;
    height: 11px;
    background-image: url("/static/cc-loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; }

.button {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  background: #FA5C5C;
  color: white;
  text-decoration: none;
  padding: 0 10px;
  font-size: 14px;
  text-shadow: 0 1px 0 #d64343;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
  text-align: center;
  line-height: 33px;
  font-weight: bold;
  height: 35px; }
  .button:hover {
    background: #fa6666; }
  .button:active {
    background-color: #e44949;
    position: relative;
    top: 1px; }
  .button.fat {
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 36px;
    height: 40px;
    border-bottom: 4px solid #C34848;
    padding: 0 20px; }
    .button.fat:hover {
      box-shadow: none; }
    .button.fat.disabled {
      border-bottom: 4px solid #868686; }
  .button.small {
    font-size: 14px;
    height: 20px;
    line-height: 18px;
    font-weight: normal; }
  .button.cancel {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    background: #b79f9f;
    color: white;
    text-decoration: none;
    padding: 0 10px;
    font-size: 14px;
    text-shadow: 0 1px 0 #8c8c8c;
    cursor: pointer;
    border-radius: 3px;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    height: 35px; }
    .button.cancel:hover {
      background: #bba5a5; }
    .button.cancel:active {
      background-color: #979797;
      position: relative;
      top: 1px; }
  .button:focus {
    outline-color: #361275; }
  .button.disabled {
    text-shadow: none;
    color: #CCC;
    box-shadow: none;
    background: #aea8a8;
    cursor: default; }
    .button.disabled:focus {
      outline: 0; }
    .button.disabled:active {
      position: static; }

a.learn_more, .learn_more a {
  color: #666;
  text-decoration: none; }
  a.learn_more:hover, .learn_more a:hover {
    text-decoration: underline; }

.global_flash {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 50%;
  background-color: #73c3e3;
  background-image: linear-gradient(bottom, #5ebade 0%, #88CCE7 100%);
  background-image: -webkit-linear-gradient(bottom, #5ebade 0%, #88CCE7 100%);
  background-image: -moz-linear-gradient(bottom, #5ebade 0%, #88CCE7 100%);
  background-image: -o-linear-gradient(bottom, #5ebade 0%, #88CCE7 100%);
  background-image: -ms-linear-gradient(bottom, #5ebade 0%, #88CCE7 100%);
  color: white;
  text-shadow: 1px 1px 1px #248ab2;
  border-radius: 0 0 5px 5px;
  padding: 8px 16px;
  padding-top: 15px;
  cursor: normal;
  font-size: 18px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); }
  .global_flash.error {
    background-color: #c33838;
    background-image: linear-gradient(bottom, #b52c2c 0%, #D14343 100%);
    background-image: -webkit-linear-gradient(bottom, #b52c2c 0%, #D14343 100%);
    background-image: -moz-linear-gradient(bottom, #b52c2c 0%, #D14343 100%);
    background-image: -o-linear-gradient(bottom, #b52c2c 0%, #D14343 100%);
    background-image: -ms-linear-gradient(bottom, #b52c2c 0%, #D14343 100%);
    text-shadow: 1px 1px 1px #631818; }
  .global_flash.animated {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }

.ie a img {
  border: 0; }

.formatted {
  font-size: 16px; }
  .formatted p, .formatted ul, .formatted ol {
    line-height: 1.5; }
  .formatted p {
    margin: 0 0 20px 0; }
  .formatted h1, .formatted h2, .formatted h3, .formatted h4 {
    font-size: 18px;
    margin: 0 0 10px 0; }
  .formatted ul, .formatted ol {
    margin: 0 0 20px 0;
    padding-left: 2.0em; }
  .formatted hr {
    border: 0;
    height: 1px;
    background: #dadada; }
  .formatted img {
    max-width: 100%; }

.warning_box {
  background: #FFFED8;
  color: #636219;
  border: 1px solid #e5e396;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 16px; }
  .warning_box h2, .warning_box h3, .warning_box h4 {
    color: #3a390f; }
  .warning_box a {
    color: #FA5C5C; }
    .warning_box a:hover {
      color: #fb7575; }
  .warning_box :last-child {
    margin-bottom: 0; }

.loader_bar {
  position: relative;
  height: 2px; }
  .loader_bar .loader_bar_slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FA5C5C;
    -webkit-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite, loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -moz-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite, loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -ms-animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite, loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    animation: loader-left 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) infinite, loader-right 0.8s cubic-bezier(0.45, 0.55, 0.45, 0.55) infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    animation-direction: alternate; }

@-webkit-keyframes popin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  75% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes popin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  75% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes popin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  75% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes popin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  75% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bouncein {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bouncein {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bouncein {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes bouncein {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  90% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes loader-left {
  from {
    left: 0; }
  to {
    left: 90%; } }

@-moz-keyframes loader-left {
  from {
    left: 0; }
  to {
    left: 90%; } }

@-ms-keyframes loader-left {
  from {
    left: 0; }
  to {
    left: 90%; } }

@keyframes loader-left {
  from {
    left: 0; }
  to {
    left: 90%; } }

@-webkit-keyframes loader-right {
  from {
    right: 90%; }
  to {
    right: 0; } }

@-moz-keyframes loader-right {
  from {
    right: 90%; }
  to {
    right: 0; } }

@-ms-keyframes loader-right {
  from {
    right: 90%; }
  to {
    right: 0; } }

@keyframes loader-right {
  from {
    right: 90%; }
  to {
    right: 0; } }

.perf_panel {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: white;
  white-space: nowrap;
  padding: 5px 10px;
  border: 1px solid #dadada;
  font-size: 16px;
  line-height: 1.5; }
  .ie .perf_panel {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  @media (max-width: 960px) {
    .perf_panel {
      display: none; } }
  .perf_panel:hover {
    opacity: 1;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
    .ie .perf_panel:hover {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .perf_panel .stat_row {
    display: inline-block; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0) rotate(10deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(10deg);
    -ms-transform: translate3d(0, -20px, 0) rotate(10deg);
    transform: translate3d(0, -20px, 0) rotate(10deg); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -ms-transform: translate3d(0, -10px, 0) rotate(-10deg);
    transform: translate3d(0, -10px, 0) rotate(-10deg); }
  90% {
    -webkit-transform: translate3d(0, -3px, 0) rotate(0deg);
    -moz-transform: translate3d(0, -3px, 0) rotate(0deg);
    -ms-transform: translate3d(0, -3px, 0) rotate(0deg);
    transform: translate3d(0, -3px, 0) rotate(0deg); } }

@-moz-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0) rotate(10deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(10deg);
    -ms-transform: translate3d(0, -20px, 0) rotate(10deg);
    transform: translate3d(0, -20px, 0) rotate(10deg); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -ms-transform: translate3d(0, -10px, 0) rotate(-10deg);
    transform: translate3d(0, -10px, 0) rotate(-10deg); }
  90% {
    -webkit-transform: translate3d(0, -3px, 0) rotate(0deg);
    -moz-transform: translate3d(0, -3px, 0) rotate(0deg);
    -ms-transform: translate3d(0, -3px, 0) rotate(0deg);
    transform: translate3d(0, -3px, 0) rotate(0deg); } }

@-ms-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0) rotate(10deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(10deg);
    -ms-transform: translate3d(0, -20px, 0) rotate(10deg);
    transform: translate3d(0, -20px, 0) rotate(10deg); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -ms-transform: translate3d(0, -10px, 0) rotate(-10deg);
    transform: translate3d(0, -10px, 0) rotate(-10deg); }
  90% {
    -webkit-transform: translate3d(0, -3px, 0) rotate(0deg);
    -moz-transform: translate3d(0, -3px, 0) rotate(0deg);
    -ms-transform: translate3d(0, -3px, 0) rotate(0deg);
    transform: translate3d(0, -3px, 0) rotate(0deg); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0) rotate(10deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(10deg);
    -ms-transform: translate3d(0, -20px, 0) rotate(10deg);
    transform: translate3d(0, -20px, 0) rotate(10deg); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-10deg);
    -ms-transform: translate3d(0, -10px, 0) rotate(-10deg);
    transform: translate3d(0, -10px, 0) rotate(-10deg); }
  90% {
    -webkit-transform: translate3d(0, -3px, 0) rotate(0deg);
    -moz-transform: translate3d(0, -3px, 0) rotate(0deg);
    -ms-transform: translate3d(0, -3px, 0) rotate(0deg);
    transform: translate3d(0, -3px, 0) rotate(0deg); } }

@-webkit-keyframes drop_down {
  0% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  60% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes drop_down {
  0% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  60% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-ms-keyframes drop_down {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .ie 0% {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
    .ie 50% {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  60% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .ie 60% {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .ie 100% {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes drop_down {
  0% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  60% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.animate_bounce {
  -webkit-animation: bounce 0.5s ease;
  -moz-animation: bounce 0.5s ease;
  -ms-animation: bounce 0.5s ease;
  animation: bounce 0.5s ease; }

.animate_drop_down {
  -webkit-animation: drop_down 0.5s ease;
  -moz-animation: drop_down 0.5s ease;
  -ms-animation: drop_down 0.5s ease;
  animation: drop_down 0.5s ease; }

.animate_heartbeat {
  -webkit-animation: heartbeat 0.3s ease;
  -moz-animation: heartbeat 0.3s ease;
  -ms-animation: heartbeat 0.3s ease;
  animation: heartbeat 0.3s ease; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-moz-keyframes intro {
  0% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-ms-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }
    .ie 0% {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .ie 100% {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes intro {
  0% {
    opacity: 0;
    .ie & {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    .ie & {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

#lightbox_shroud {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  opacity: 0.6;
  -webkit-transition: opacity 0.15s ease-out;
  z-index: 1000; }
  .ie #lightbox_shroud {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  #lightbox_shroud.invisible {
    opacity: 0; }
    .ie #lightbox_shroud.invisible {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #lightbox_shroud.mobile_lb {
    display: none; }

#lightbox_container {
  z-index: 1001;
  *zoom: 1; }
  #lightbox_container:before, #lightbox_container:after {
    content: " ";
    display: table; }
  #lightbox_container:after {
    clear: both; }
  #lightbox_container.mobile_lb {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    background: white; }

.lightbox {
  margin-bottom: 60px;
  z-index: 1001;
  background: white;
  box-shadow: 0 0 0 2px #dadada, 0 0 0 4px white;
  position: absolute;
  left: 50%;
  top: 80px;
  border-radius: 2px; }
  .lightbox.mobile_lb {
    width: auto;
    box-shadow: none;
    margin: 0;
    position: static; }
  .lightbox .content .spinner_container {
    text-align: center;
    margin: 15px auto 15px auto; }
  .lightbox .close_button {
    float: right;
    margin-top: 22px;
    margin-right: 20px;
    color: silver;
    cursor: pointer;
    font-size: 24px; }
    .lightbox .close_button:hover {
      color: #8d8d8d; }
  .lightbox.animated {
    -webkit-animation: popin 0.2s ease-in-out;
    -moz-animation: popin 0.2s ease-in-out;
    -ms-animation: popin 0.2s ease-in-out;
    animation: popin 0.2s ease-in-out; }
  .lightbox h2 {
    border-bottom: 1px solid #dadada;
    margin: 0 0 20px 0;
    padding: 25px 40px;
    color: #333; }
    .lightbox h2 .game_title {
      color: #222; }
  .lightbox p {
    line-height: 1.5;
    font-size: 16px;
    margin: 20px 40px; }
  .lightbox .button_row {
    margin-top: 10px; }
    .lightbox .button_row a {
      color: #666; }

.loading_lightbox .loader_outer {
  margin: 20px;
  font-size: 16px;
  color: #666; }

.loading_lightbox .loader_label {
  padding: 0 20px 5px 20px; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left; }

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px; }

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px; }

.ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-timepicker-rtl {
  direction: rtl; }

.ui-timepicker-rtl dl {
  text-align: right; }

.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px; }

/* end css for timepicker */
.form .redactor-box {
  margin: 8px 0;
  border: 2px solid #cdcdcd;
  border-radius: 2px;
  overflow: hidden; }
  .form .redactor-box .redactor-editor {
    border: 0; }

.form .input_row {
  margin-bottom: 20px; }
  .form .input_row ul.radio_list, .form .input_row ul.check_list {
    margin: 0;
    padding: 0; }
    .form .input_row ul.radio_list li, .form .input_row ul.check_list li {
      list-style: none;
      margin: 8px 10px;
      padding: 0;
      color: #444; }
    .form .input_row ul.radio_list input, .form .input_row ul.check_list input {
      vertical-align: middle;
      margin: 0 5px 0 0; }

.form .label {
  color: #444;
  font-weight: bold; }

.form .label .sub, .form label .sub {
  font-weight: normal;
  color: #666; }
  .form .label .sub a, .form label .sub a {
    color: #444; }

.form input[type="text"], .form input[type="password"], .form input[type="email"], .form textarea {
  border: 2px solid #cdcdcd;
  width: 524px;
  padding: 8px;
  border-radius: 2px;
  margin: 6px 0;
  color: #333; }
  .responsive .form input[type="text"], .full_width .form input[type="text"], .responsive .form input[type="password"], .full_width .form input[type="password"], .responsive .form input[type="email"], .full_width .form input[type="email"], .responsive .form textarea, .full_width .form textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 526px;
    width: 100%; }
  .form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form textarea:focus {
    outline: none;
    border-color: #aaa; }
  .form input[type="text"].simple_border, .form input[type="password"].simple_border, .form input[type="email"].simple_border, .form textarea.simple_border {
    border: 1px solid #aaa;
    padding: 4px;
    color: #333;
    width: auto; }
  .form input[type="text"].big_input, .form input[type="password"].big_input, .form input[type="email"].big_input, .form textarea.big_input {
    font-size: 24px; }
  .form input[type="text"].medium_input, .form input[type="password"].medium_input, .form input[type="email"].medium_input, .form textarea.medium_input {
    font-size: 16px; }
  .form input[type="text"].inline_input, .form input[type="password"].inline_input, .form input[type="email"].inline_input, .form textarea.inline_input {
    width: auto; }

.form .selectize-input {
  width: 542px;
  border: 2px solid #cdcdcd;
  border-radius: 2px;
  padding: 8px;
  color: #333; }
  .form .selectize-input, .form .selectize-input.focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none; }
  .form .selectize-input:focus {
    outline: none;
    border-color: #aaa; }

.form .selectize-control {
  margin: 6px 0; }

.form .selectize-input .sub, .form .selectize-dropdown .sub {
  color: #999; }

.form .selectize-dropdown {
  z-index: 100; }

.form .selectize-dropdown-content {
  max-height: 320px; }

.form input[type="checkbox"] {
  vertical-align: middle; }

.form select {
  margin: 6px 0; }

.form .buttons {
  margin-top: 20px;
  color: #999; }
  .form .buttons .button {
    margin-right: 10px; }
  .form .buttons a {
    color: #666; }
  .form .buttons .right_buttons {
    line-height: 35px;
    float: right; }

button.textlike {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  text-decoration: underline;
  color: #DD4A4A;
  cursor: pointer; }

.form_errors {
  color: #D14343;
  font-size: 16px; }

.cover_image_uploader {
  border: 1px dashed #999;
  width: 315px;
  height: 250px;
  line-height: 250px;
  text-align: center;
  color: #aaa;
  background-size: cover;
  background-position: 50% 50%; }
  .cover_image_uploader.has_image {
    border: 1px solid white;
    box-shadow: 1px 1px 8px gray; }
    .cover_image_uploader.has_image .inner {
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
      opacity: 0;
      color: #222;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 1px;
      box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }
      .ie .cover_image_uploader.has_image .inner {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .cover_image_uploader.has_image .on_no_image {
      display: none; }
    .cover_image_uploader.has_image .on_image {
      display: inline; }
    .cover_image_uploader.has_image .edit_tools {
      display: block; }
    .cover_image_uploader.has_image:hover .inner {
      opacity: 1; }
      .ie .cover_image_uploader.has_image:hover .inner {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .cover_image_uploader.loading .inner {
    opacity: 1; }
    .ie .cover_image_uploader.loading .inner {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .cover_image_uploader.loading.has_image .inner {
    opacity: 1; }
    .ie .cover_image_uploader.loading.has_image .inner {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .cover_image_uploader.loading .inner_controls {
    display: none; }
  .cover_image_uploader.loading .loader {
    display: inline-block; }
  .cover_image_uploader .on_image {
    display: none; }
  .cover_image_uploader .inner {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 10px; }
  .cover_image_uploader .edit_tools {
    margin-top: 5px;
    display: none; }
    .cover_image_uploader .edit_tools a {
      color: #666; }
  .cover_image_uploader .loader {
    display: none; }

.redactor-box .redactor-toolbar {
  z-index: 98 !important; }
  .redactor-box .redactor-toolbar li a {
    color: #666; }
    .redactor-box .redactor-toolbar li a:hover {
      background: #FA5C5C; }
    .redactor-box .redactor-toolbar li a:active, .redactor-box .redactor-toolbar li a.redactor-act {
      background: #ddd;
      color: #666; }

fieldset {
  border: 1px solid #dadada;
  margin-bottom: 20px; }
  fieldset legend {
    font-weight: bold;
    color: #444; }
  fieldset .input_row {
    margin: 10px; }

body .ui-widget, body .ui-widget button {
  font-family: Lato, sans-serif; }

.form.buy_form_widget.has_error .error_message {
  display: block; }

.form.buy_form_widget.show_email_capture .choose_payment {
  display: none; }

.form.buy_form_widget.show_email_capture .email_capture {
  display: block; }

.form.buy_form_widget.show_billing_address_form .default_view {
  display: none; }

.form.buy_form_widget.show_billing_address_form .billing_address_view {
  display: block; }

.form.buy_form_widget.show_vat_confirm .default_view {
  display: none; }

.form.buy_form_widget.show_vat_confirm .vat_view {
  display: block; }

.form.buy_form_widget.loading .loader {
  display: block;
  margin: 20px auto; }

.form.buy_form_widget.loading .submit_buttons {
  display: none; }

.form.buy_form_widget.has_vat_error .on_vat_error {
  display: block; }

.form.buy_form_widget.has_vat_error .on_vat_success {
  display: none; }

.form.buy_form_widget.has_generic_error .on_generic_error {
  display: block; }

.form.buy_form_widget.has_generic_error .on_vat_success {
  display: none; }

.form.buy_form_widget .billing_address_view {
  display: none; }
  .form.buy_form_widget .billing_address_view input[type='text'] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%; }

.form.buy_form_widget .on_vat_error, .form.buy_form_widget .on_generic_error {
  display: none; }

.form.buy_form_widget .vat_view {
  display: none;
  font-size: 14px; }
  .form.buy_form_widget .vat_view p {
    font-size: 14px; }
  .form.buy_form_widget .vat_view.no_tip .tip_row {
    display: none; }

.form.buy_form_widget .gifter {
  font-size: 16px;
  margin: 25px 0 10px 0;
  border: 1px solid #DADADA;
  padding: 10px 20px;
  border-radius: 3px;
  display: block; }
  .form.buy_form_widget .gifter:hover {
    background-color: #f8f8f8; }
  .form.buy_form_widget .gifter .label_text, .form.buy_form_widget .gifter .gift_checkbox {
    display: inline-block;
    vertical-align: middle; }
  .form.buy_form_widget .gifter .gift_checkbox {
    margin: 0 13px 0 0; }

.form.buy_form_widget .download_links a {
  color: #666; }

.form.buy_form_widget button {
  margin: 0; }

.form.buy_form_widget p {
  margin: 10px 0; }

.form.buy_form_widget .icon {
  font-size: 16px; }

.form.buy_form_widget .icon-heart {
  color: #EC4E61;
  vertical-align: middle;
  margin-right: 2px; }

.form.buy_form_widget .add_buttons {
  margin: 15px 0; }

.form.buy_form_widget .add_btn {
  margin-right: 10px;
  font-size: 16px;
  background-color: #24C091;
  border: 0;
  color: white;
  border-radius: 4px;
  padding: 4px 8px;
  text-shadow: 1px 1px 1px #1c9571;
  box-shadow: 0 3px #1c9571;
  border-bottom: 1px solid #27d19e;
  cursor: pointer;
  line-height: 20px; }
  .form.buy_form_widget .add_btn:active {
    box-shadow: 0 1px #1c9571;
    position: relative;
    top: 2px; }
  .form.buy_form_widget .add_btn .icon {
    vertical-align: middle;
    margin-right: 6px;
    font-size: 11px; }
  .form.buy_form_widget .add_btn.disabled {
    background-color: #A8A8A8;
    text-shadow: 1px 1px 1px #8f8f8f;
    box-shadow: 0 3px #8f8f8f;
    border-bottom: 1px solid #b2b2b2;
    color: #c2c2c2;
    cursor: default; }

.form.buy_form_widget .checkout_btn {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  background: #FA5C5C;
  color: white;
  text-decoration: none;
  padding: 0 10px;
  font-size: 14px;
  text-shadow: 0 1px 0 #d64343;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  height: 42px;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 9px; }
  .form.buy_form_widget .checkout_btn:hover {
    background: #fa6666; }
  .form.buy_form_widget .checkout_btn:active {
    background-color: #e44949;
    position: relative;
    top: 1px; }
  .form.buy_form_widget .checkout_btn:last-child {
    margin-right: 0; }
  .form.buy_form_widget .checkout_btn .icon {
    margin-right: 5px;
    display: inline-block;
    font-size: 19px !important;
    vertical-align: top;
    line-height: 42px; }

.form.buy_form_widget .money_input {
  margin: 0;
  width: 330px;
  font-size: 24px; }

.form.buy_form_widget .error_message {
  padding: 10px;
  display: none;
  background: #D14343;
  color: white; }
  .form.buy_form_widget .error_message .icon {
    float: left; }
  .form.buy_form_widget .error_message .error_text {
    margin-left: 24px; }

.form.buy_form_widget .loader {
  display: none; }

.form.buy_form_widget .file_list {
  margin: 20px 0;
  border-bottom: 1px dashed #dadada;
  border-top: 1px dashed #dadada; }
  .form.buy_form_widget .file_list .icon-download {
    margin-right: 2px;
    color: #444; }
  .form.buy_form_widget .file_list p {
    text-align: center;
    font-style: italic;
    color: #444;
    font-size: 14px; }
  .form.buy_form_widget .file_list .file_row {
    margin: 10px 0; }
    .form.buy_form_widget .file_list .file_row.inactive {
      color: #999;
      cursor: pointer; }
      .form.buy_form_widget .file_list .file_row.inactive .icon-download {
        color: #bbb; }
      .form.buy_form_widget .file_list .file_row.inactive:hover {
        color: #666; }

.form.buy_form_widget .sale_banner {
  background: #FFF0B6;
  margin-bottom: 20px;
  border: 1px solid #f9e289;
  padding: 10px;
  line-height: 1.4; }
  .form.buy_form_widget .sale_banner strong {
    color: #47453C; }
  .form.buy_form_widget .sale_banner .end_date {
    font-style: italic; }

.form.buy_form_widget .original_price {
  text-decoration: line-through;
  color: #666; }

.form.buy_form_widget .file_row .original_price {
  color: #c2c2c2; }

.form.buy_form_widget .already_bought {
  margin-top: 5px; }
  .form.buy_form_widget .already_bought a {
    color: #999;
    font-size: 14px; }

.form.buy_form_widget .submit_buttons {
  margin-top: 20px; }
  .form.buy_form_widget .submit_buttons .buttons_label {
    display: none;
    color: #999;
    font-size: 13px;
    margin-bottom: 10px; }
    .form.buy_form_widget .submit_buttons .buttons_label.show {
      display: block; }
  .form.buy_form_widget .submit_buttons.narrow_buttons .verb_label {
    display: none; }
  .form.buy_form_widget .submit_buttons.narrow_buttons .buttons_label {
    display: block; }
  .form.buy_form_widget .submit_buttons a {
    color: #999;
    margin-left: 10px; }
    .form.buy_form_widget .submit_buttons a:first-child {
      margin-left: 0; }

.form.buy_form_widget .email_capture {
  display: none; }
  .form.buy_form_widget .email_capture .email_input {
    vertical-align: top;
    padding: 0 8px;
    height: 33px;
    margin: 0;
    margin-right: 10px;
    width: 180px;
    color: #222; }
  .form.buy_form_widget .email_capture .button {
    vertical-align: top; }
  .form.buy_form_widget .email_capture .back_btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 18px;
    font-weight: bold;
    color: #bbb;
    cursor: pointer;
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
    margin-left: 5px; }
    .form.buy_form_widget .email_capture .back_btn:hover {
      color: #999; }

.form.bundle_buy_form_widget h3, .form.sale_bundle_buy_form_widget h3 {
  margin: 20px 0 15px 0; }

.form.bundle_buy_form_widget .receive_row, .form.sale_bundle_buy_form_widget .receive_row {
  border: 1px solid #dadada;
  background: #f9f9f9;
  border-radius: 3px;
  padding: 20px 25px;
  margin-bottom: 20px; }
  .form.bundle_buy_form_widget .receive_row h3, .form.sale_bundle_buy_form_widget .receive_row h3 {
    margin-top: 0; }

.form.bundle_buy_form_widget .game_list, .form.sale_bundle_buy_form_widget .game_list {
  font-size: 16px; }
  .form.bundle_buy_form_widget .game_list .game_row .counts, .form.sale_bundle_buy_form_widget .game_list .game_row .counts {
    padding-left: 5px;
    opacity: 0.6; }
  .form.bundle_buy_form_widget .game_list .game_row.inactive, .form.sale_bundle_buy_form_widget .game_list .game_row.inactive {
    color: #999;
    cursor: pointer; }
    .form.bundle_buy_form_widget .game_list .game_row.inactive .icon-download, .form.sale_bundle_buy_form_widget .game_list .game_row.inactive .icon-download {
      color: #bbb; }
    .form.bundle_buy_form_widget .game_list .game_row.inactive:hover, .form.sale_bundle_buy_form_widget .game_list .game_row.inactive:hover {
      color: #666; }

.form.bundle_buy_form_widget .regular_price, .form.sale_bundle_buy_form_widget .regular_price {
  color: #666;
  font-size: 14px; }
  .form.bundle_buy_form_widget .regular_price:before, .form.sale_bundle_buy_form_widget .regular_price:before {
    content: " — "; }

.form.bundle_buy_form_widget .game_row, .form.sale_bundle_buy_form_widget .game_row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6; }

.form.bundle_buy_form_widget .total_row, .form.sale_bundle_buy_form_widget .total_row {
  color: #444;
  border-top: 1px solid #dadada;
  margin-top: 20px;
  padding-top: 8px; }
  .form.bundle_buy_form_widget .total_row del, .form.bundle_buy_form_widget .total_row .savings, .form.sale_bundle_buy_form_widget .total_row del, .form.sale_bundle_buy_form_widget .total_row .savings {
    color: #999; }
  .form.bundle_buy_form_widget .total_row strong, .form.sale_bundle_buy_form_widget .total_row strong {
    color: #222; }

.form.bundle_buy_form_widget .platforms, .form.sale_bundle_buy_form_widget .platforms {
  color: #666;
  margin-left: 10px; }

.buy_lightbox {
  width: 600px; }
  .buy_lightbox.loading .close_button {
    display: none; }
  .buy_lightbox .form {
    margin: 20px 40px 40px 40px; }
    .buy_lightbox .form .input_row {
      margin: 20px 0; }
    .buy_lightbox .form .money_input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: inline-block;
      width: 520px; }
  .buy_lightbox .billing_address_view p {
    font-size: 14px; }
  .buy_lightbox .billing_address_view .billing_address_form_widget {
    margin-top: 20px; }
  .buy_lightbox .billing_address_view .input_row {
    margin: 10px 0; }

.star_picker {
  display: inline-block;
  font-size: 18px;
  padding: 4px 4px 4px 0;
  color: #DD4A4A; }
  .star_picker.interactive {
    color: #999;
    border: 1px solid #dadada;
    padding-left: 4px; }
    .star_picker.interactive .star {
      padding: 0 2px; }
    .star_picker.interactive:hover .icon-star {
      color: #555; }
    .star_picker.interactive.has_rating .icon-star {
      color: #DD4A4A; }
  .star_picker .star {
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    -ms-transition: color 0.1s ease;
    transition: color 0.1s ease;
    padding: 0 4px 0 0;
    cursor: pointer; }

.billing_address_form_widget.has_errors .form_errors {
  display: block; }

.billing_address_form_widget .form_errors {
  display: none; }

.billing_address_form_widget input.has_error {
  border: 1px solid #D14343; }
  .billing_address_form_widget input.has_error:active, .billing_address_form_widget input.has_error:focus {
    border: 1px solid #D14343; }

.collection_lightbox_widget {
  width: 600px; }
  .collection_lightbox_widget.is_complete .before_submit {
    display: none; }
  .collection_lightbox_widget.is_complete .after_submit {
    display: block; }
  .collection_lightbox_widget .form_errors {
    margin: 40px; }
  .collection_lightbox_widget .g-recaptcha {
    margin: 0 40px; }
  .collection_lightbox_widget h2 .single_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .collection_lightbox_widget h2 .object_title:before {
    content: "“";
    font-weight: normal;
    color: #999; }
  .collection_lightbox_widget h2 .object_title:after {
    content: "”";
    font-weight: normal;
    color: #999; }
  .collection_lightbox_widget .after_submit, .collection_lightbox_widget .loader {
    display: none; }
  .collection_lightbox_widget form.loading .loader {
    display: inline-block; }
  .collection_lightbox_widget .already_in {
    margin: 20px 40px;
    font-size: 16px;
    line-height: 1.5; }
    .collection_lightbox_widget .already_in .sub {
      color: #666;
      margin-left: 5px; }
  .collection_lightbox_widget .follow_area {
    text-align: center; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .input_row {
    margin: 20px 40px; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .collection_option {
    position: relative;
    margin: 0;
    padding: 20px 40px 20px 70px;
    border-bottom: 1px solid #dadada; }
    .collection_lightbox_widget .add_game_to_collection_form_widget .collection_option:first-child {
      border-top: 1px solid #dadada; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .radio {
    position: absolute;
    top: 23px;
    left: 40px;
    margin: 0; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .buttons {
    padding: 20px 40px;
    margin-top: 0; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .privacy_input {
    margin-left: 0; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .privacy_toggle {
    margin-top: 10px;
    display: block; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .collection_name_input, .collection_lightbox_widget .add_game_to_collection_form_widget .collection_input {
    margin: 15px 0 0 0; }
  .collection_lightbox_widget .add_game_to_collection_form_widget .collection_name_input {
    width: 100%;
    max-width: 400px; }

.rate_game_lightbox_widget {
  width: 560px; }
  .rate_game_lightbox_widget.rating_success.rating_removed .on_add {
    display: none; }
  .rate_game_lightbox_widget.rating_success.rating_removed .on_remove {
    display: block; }
  .rate_game_lightbox_widget.rating_success .on_remove {
    display: none; }
  .rate_game_lightbox_widget.rating_success .after_rating {
    display: block; }
  .rate_game_lightbox_widget.rating_success .before_rating {
    display: none; }
  .rate_game_lightbox_widget.has_rating .remove_rating {
    display: block; }
  .rate_game_lightbox_widget.has_rating .new_rating {
    display: none; }
  .rate_game_lightbox_widget.show_follow_button .suggested_follow {
    display: block; }
  .rate_game_lightbox_widget .suggested_follow {
    display: none; }
  .rate_game_lightbox_widget .remove_rating {
    display: none; }
    .rate_game_lightbox_widget .remove_rating a {
      color: #666; }
  .rate_game_lightbox_widget .after_rating {
    display: none; }
  .rate_game_lightbox_widget .star_picker_outer {
    text-align: center; }
  .rate_game_lightbox_widget form .input_row {
    margin: 30px 40px 20px 40px; }
  .rate_game_lightbox_widget form .buttons {
    margin: 20px 40px 30px 40px; }
  .rate_game_lightbox_widget .star_picker {
    border-width: 2px; }
    .rate_game_lightbox_widget .star_picker .star {
      font-size: 26px; }
  .rate_game_lightbox_widget .follow_area {
    text-align: center; }

.login_lightbox_widget.login_open .login_form_widget {
  display: block; }

.login_lightbox_widget.login_open .register_form_widget {
  display: none; }

.login_lightbox_widget.register_open .login_form_widget {
  display: none; }

.login_lightbox_widget.register_open .register_form_widget {
  display: block; }

.login_lightbox_widget .register_form_widget {
  display: none; }

.popup_details {
  position: absolute;
  z-index: 2;
  margin: 6px;
  width: 230px;
  background: #222;
  font-size: 14px;
  color: #eee;
  box-shadow: 0 0 0 2px #c1c1c1, 0 0 8px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  .dark_page .popup_details {
    box-shadow: 0 0 0 2px #c1c1c1, 0 0 15px rgba(0, 0, 0, 0.8); }
  .popup_details:hover {
    background: #272727; }
  .popup_details:after {
    content: "";
    position: absolute;
    background-image: url("images/popup-tick-right.png");
    width: 12px;
    height: 20px;
    top: 50%;
    left: 100%;
    margin-top: -10px; }
  .popup_details.on_right:after {
    left: auto;
    right: 100%;
    background-image: url("images/popup-tick-left.png"); }
  .popup_details .game_title {
    font-size: 18px;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #3c3c3c; }
  .popup_details .game_text {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    max-height: 72px;
    margin: 8px 10px 12px 10px;
    color: rgba(238, 238, 238, 0.8); }
  .popup_details .game_release_status {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(238, 238, 238, 0.5);
    text-align: center;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    border-top: 1px solid #3c3c3c;
    letter-spacing: 0.5px;
    text-shadow: -1px -1px 0 #242424, 1px 1px 0 #242424, -1px 1px #242424, 1px -1px #242424; }
  .popup_details .popup_empty_text {
    margin: 5px 10px 10px 10px;
    font-style: italic;
    color: rgba(255, 255, 255, 0.6); }
  .popup_details a {
    color: white;
    text-decoration: none; }
  .popup_details .popup_screenshots {
    margin: 10px; }
  .popup_details .popup_screenshot {
    -webkit-transition: all 0.4s cubic-bezier(0.29, 0.6, 0.44, 0.96);
    -moz-transition: all 0.4s cubic-bezier(0.29, 0.6, 0.44, 0.96);
    -ms-transition: all 0.4s cubic-bezier(0.29, 0.6, 0.44, 0.96);
    transition: all 0.4s cubic-bezier(0.29, 0.6, 0.44, 0.96);
    opacity: 0.3;
    position: relative;
    top: 10px;
    width: 210px;
    height: 105px;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    .ie .popup_details .popup_screenshot {
      filter: alpha(opacity=30);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
    .popup_details .popup_screenshot.visible {
      opacity: 1;
      top: 0; }
      .ie .popup_details .popup_screenshot.visible {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .popup_details .popup_screenshot:last-child {
      margin-bottom: 0; }
  .popup_details .popup_trailer {
    margin: 15px auto;
    text-align: center; }
    .popup_details .popup_trailer .watch_trailer_btn {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white; }
      .popup_details .popup_trailer .watch_trailer_btn:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .popup_details .popup_trailer .watch_trailer_btn:active {
        background: #e44949;
        border-color: #e44949; }

.game_trailer_lightbox_widget {
  box-shadow: 0 0 0 2px #222, 0 0 0 4px black;
  background: black; }
  .game_trailer_lightbox_widget h2 {
    color: #666;
    padding: 10px 20px;
    border: none;
    margin: 0;
    font-size: 15px; }
    .game_trailer_lightbox_widget h2 a {
      text-decoration: none;
      color: #622c2c; }
    .game_trailer_lightbox_widget h2 .trailer_actions {
      float: right; }
      .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        display: inline-block;
        border-radius: 4px;
        text-decoration: none;
        padding: 3px 10px;
        font-size: 14px;
        letter-spacing: 0.025em;
        white-space: nowrap;
        border: 2px solid rgba(255, 255, 255, 0.6);
        color: white;
        position: relative;
        top: -5px;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        transition: opacity 0.4s;
        opacity: .5; }
        .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:hover {
          background: white;
          color: #333;
          color: white;
          background: #FA5C5C;
          border-color: #FA5C5C; }
        .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:active {
          background: #e44949;
          border-color: #e44949; }
        .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn .icon {
          margin-right: 5px; }
        .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:hover {
          opacity: 1; }

body {
  background: #F4F4F4;
  font-family: Lato, sans-serif; }
  body.staging {
    -webkit-filter: hue-rotate(205deg); }
  body.lightbox_open .redactor-toolbar {
    z-index: 0 !important; }
  body.dragging {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default; }

button, input {
  font-family: Lato, sans-serif; }

h1, h2, h3, h4 {
  color: #444; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 16px; }

hr {
  border: 0;
  height: 1px;
  background: #dadada; }

.inner_column {
  width: 960px;
  margin: 0 auto; }
  .responsive .inner_column {
    width: auto;
    max-width: 960px; }
  .flexible .inner_column {
    width: auto;
    min-width: 960px;
    max-width: 1100px; }
  .inner_column.centered {
    text-align: center; }

.flexible .main {
  padding: 0 20px; }
  @media (max-width: 1000px) {
    .flexible .main {
      padding: 0; } }

.responsive .main {
  padding: 0 20px; }
  @media (max-width: 450px) {
    .responsive .main {
      padding: 0; }
      .responsive .main .inner_column {
        border-radius: 0;
        margin: 0;
        margin-bottom: 20px;
        border: 0; } }

.main .inner_column {
  *zoom: 1;
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  margin: 20px auto 20px auto; }
  .main .inner_column:before, .main .inner_column:after {
    content: " ";
    display: table; }
  .main .inner_column:after {
    clear: both; }
  .main .inner_column.wide_column {
    width: auto;
    margin: 20px 20px 0 20px; }
  .main .inner_column.compressed_column {
    max-width: 500px; }

.footer {
  margin: 20px 0 40px 0;
  padding: 0 20px;
  font-size: 14px;
  text-align: center;
  color: #999; }
  .footer a {
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid #999; }
  .footer .primary {
    line-height: 32px; }
    .footer .primary a {
      padding: 0 15px;
      text-transform: uppercase;
      font-weight: bold;
      border: none;
      vertical-align: top;
      display: inline-block; }
      .footer .primary a:hover {
        color: #444; }
  .footer .social {
    display: inline-block;
    font-size: 140%; }
    .footer .social a {
      border: none; }
  .footer .secondary {
    margin-top: 10px;
    line-height: 25px; }
  .footer span.spacer {
    margin: 0 10px; }

.columns {
  font-size: 0; }
  .columns .column {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    width: 430px;
    margin-right: 20px; }
    .columns .column:last-child, .columns .column.last {
      margin-right: 0; }
  .columns .simple_col {
    display: inline-block;
    vertical-align: top;
    font-size: 13px; }
  .columns .left_col {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    width: 542px;
    margin-right: 20px; }
    .columns .left_col:last-child, .columns .left_col.last {
      margin-right: 0; }
  .columns .right_col {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    width: 317px;
    margin-right: 20px; }
    .columns .right_col:last-child, .columns .right_col.last {
      margin-right: 0; }

.top_links a, .bottom_links a {
  color: #666; }

.bottom_links {
  margin: 20px 0; }

.top_links {
  margin-bottom: 20px; }

.page_widget .padded {
  padding: 30px 40px; }

.page_widget h1, .page_widget h2, .page_widget h3, .page_widget h4, .page_widget h5 {
  margin-top: 0; }

.page_widget h2 {
  margin-bottom: 20px; }

.header_nav {
  background: #F4F4F4;
  border-bottom: 1px solid #dadada;
  padding: 0 40px;
  position: relative;
  z-index: 99; }
  .header_nav.is_stuck {
    box-shadow: 0 12px 6px -6px white; }
    .header_nav.is_stuck .header_nav_tools {
      opacity: 1; }
      .ie .header_nav.is_stuck .header_nav_tools {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .header_nav a {
    text-decoration: none; }
  .header_nav .nav_label, .header_nav .nav_btn {
    display: inline-block;
    font-size: 16px;
    padding: 10px 15px;
    border-right: 1px solid #dadada; }
  .header_nav .nav_label {
    color: #444;
    padding-left: 0; }
  .header_nav .wrap {
    display: inline-block;
    position: relative; }
    .header_nav .wrap .link_bubble {
      top: -7px;
      right: -3px;
      z-index: 1; }
  .header_nav .header_nav_tabs:first-child {
    border-left: 1px solid #dadada; }
  .header_nav .nav_btn {
    cursor: pointer;
    color: #666;
    background: #F4F4F4; }
    .header_nav .nav_btn.active {
      cursor: default;
      background: white;
      color: #222;
      position: relative; }
      .header_nav .nav_btn.active:after {
        content: " ";
        font-size: 0;
        position: absolute;
        background: #fc8d8d;
        bottom: -1px;
        left: -1px;
        right: -1px;
        height: 2px; }
      .header_nav .nav_btn.active:hover, .header_nav .nav_btn.active:active {
        background: #f0f0f0; }
    .header_nav .nav_btn:hover {
      background: #f0f0f0;
      color: #222; }
    .header_nav .nav_btn:active {
      background: #e6e6e6; }
  .header_nav .header_nav_tools {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 4px;
    right: 40px; }
    .ie .header_nav .header_nav_tools {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .header_nav .header_nav_tools .button {
      margin-left: 15px;
      height: 30px;
      line-height: 30px;
      padding: 0 15px; }
    .header_nav .header_nav_tools a {
      color: #888; }

.empty_text {
  font-style: italic;
  color: #666; }

.social_buttons_widget .social_button {
  display: inline-block;
  min-width: 120px;
  vertical-align: top; }

.feedback_widget {
  position: fixed;
  top: 60px;
  left: 0;
  background: #f82b2b;
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px 2px #b70606;
  opacity: 0.8;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out; }
  .ie .feedback_widget {
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  @media (max-width: 1100px) {
    .feedback_widget {
      display: none; } }
  .feedback_widget:hover {
    background: #f94343;
    opacity: 1; }
    .ie .feedback_widget:hover {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .feedback_widget:active {
    top: 61px; }

.feedback_lightbox_widget {
  width: 500px; }
  .feedback_lightbox_widget.is_complete .before_submit {
    display: none; }
  .feedback_lightbox_widget.is_complete .after_submit {
    display: block; }
  .feedback_lightbox_widget p a {
    color: #666; }
  .feedback_lightbox_widget form.loading .loader {
    display: inline-block; }
  .feedback_lightbox_widget .after_submit, .feedback_lightbox_widget .loader {
    display: none; }
  .feedback_lightbox_widget .buttons {
    margin: 20px 40px 30px 40px; }
    .feedback_lightbox_widget .buttons a {
      color: #666; }
  .feedback_lightbox_widget .form .feedback_input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100px; }
  .feedback_lightbox_widget .form .input_row {
    margin: 20px 40px; }

.tab_columns {
  *zoom: 1; }
  .tab_columns:before, .tab_columns:after {
    content: " ";
    display: table; }
  .tab_columns:after {
    clear: both; }
  .tab_columns .tab_column {
    width: 180px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    text-align: right;
    border-right: 1px solid #dadada;
    position: relative;
    left: 1px; }
    .tab_columns .tab_column .tab_header {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      font-size: 12px;
      font-weight: bold;
      color: #777;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 8px 10px 8px 0;
      border-bottom: 1px solid #E4E4E4;
      border-top: 1px solid #E4E4E4;
      margin-bottom: 5px;
      background: #F9F9F9;
      margin-top: 20px; }
      .tab_columns .tab_column .tab_header:first-child {
        margin-top: 0; }
    .tab_columns .tab_column .tab_btn {
      margin: 0;
      font-size: 16px;
      padding: 10px 12px;
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      text-decoration: none;
      display: block;
      cursor: pointer;
      color: #666; }
      .tab_columns .tab_column .tab_btn:hover {
        color: #222; }
      .tab_columns .tab_column .tab_btn.selected {
        position: relative;
        color: #DD4A4A;
        background: #FFF0F0;
        text-decoration: none; }
        .tab_columns .tab_column .tab_btn.selected:before {
          content: " ";
          position: absolute;
          top: 0;
          right: -1px;
          bottom: 0;
          width: 1px;
          background: #e96d6d; }
  .tab_columns .content_column {
    margin-left: 180px;
    white-space: normal;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 40px;
    border-left: 1px solid #dadada; }

.tooltip_drop .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: #FA5C5C;
  padding: 5px 8px;
  border-radius: 4px;
  box-shadow: 0 0 0 2px white;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  max-width: 250px; }
  .ie .tooltip_drop .tooltip {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .tooltip_drop .tooltip:after {
    content: "";
    position: absolute;
    background-image: url("images/tooltip-tick.png");
    width: 11px;
    height: 5px;
    bottom: -5px;
    left: 50%;
    margin-left: -5px; }
  .tooltip_drop .tooltip.below:after {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: auto;
    top: -5px; }
  .tooltip_drop .tooltip.visible {
    opacity: 1; }
    .ie .tooltip_drop .tooltip.visible {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.header_tabs {
  padding-top: 22px;
  font-size: 18px;
  white-space: nowrap; }
  .header_tabs .header_tab {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-bottom: 4px solid transparent;
    text-decoration: none;
    color: #777;
    padding: 5px 0;
    margin-right: 30px; }
    .header_tabs .header_tab.active, .header_tabs .header_tab:hover {
      color: #222;
      border-bottom: 4px solid #FA5C5C; }

.page_tabs {
  border-bottom: 1px solid #dadada;
  margin-bottom: 40px; }
  .page_tabs .tab, .page_tabs .tab_sub {
    font-size: 16px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 1px; }
  .page_tabs .tab_sub {
    color: #999;
    margin-right: 40px; }
  .page_tabs .tab {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #222;
    text-decoration: none;
    border-bottom: 1px solid rgba(221, 74, 74, 0);
    margin-right: 40px; }
    .page_tabs .tab.has_sub {
      margin-right: 0px; }
    .page_tabs .tab.active, .page_tabs .tab:hover {
      color: #DD4A4A;
      border-bottom: 1px solid #dd4a4a; }

.pager {
  margin: 10px 0;
  color: #666; }
  .pager .button {
    margin-right: 10px; }
  .pager .pager_label a {
    color: inherit; }

.nice_table {
  border: 1px solid gray;
  margin-bottom: 20px; }
  .nice_table.field_table tr:nth-child(2n) {
    background: #eee; }
  .nice_table.field_table td:first-child {
    text-align: right; }
  .nice_table thead td, .nice_table td.row_head {
    background: #eee;
    font-weight: bold;
    color: #444; }
  .nice_table .empty_row {
    color: #666;
    font-style: italic; }
  .nice_table td {
    padding: 4px; }
    .nice_table td > table {
      margin: 0;
      background: white; }
  .nice_table .sub {
    color: #666;
    font-style: italic; }
  .nice_table a {
    color: #666; }

abbr {
  border-bottom: 1px dotted #999;
  text-decoration: none;
  cursor: help; }

.remote_table.first_page .prev_page_btn {
  cursor: default;
  text-decoration: none;
  color: #ccc; }

.remote_table.last_page .next_page_btn {
  cursor: default;
  text-decoration: none;
  color: #ccc; }

.remote_table.loading .nice_table {
  opacity: 0.5; }
  .ie .remote_table.loading .nice_table {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.remote_table .pager {
  margin: 0 0 10px 0; }

.pager .prev_page.button .icon, .pager .next_page.button .icon {
  font-size: 80%; }

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

.admin_tools {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0.5;
  background: white;
  border: 1px solid #dadada;
  padding: 10px;
  position: fixed;
  top: 60px;
  right: 10px; }
  .admin_tools:hover {
    opacity: 1.0; }
  .admin_tools hr {
    border: 0;
    height: 1px;
    background: #dadada; }

.link_bubble {
  position: absolute;
  font-size: 10px;
  text-transform: uppercase;
  background: #FA5C5C;
  color: white;
  border-radius: 3px;
  padding: 2px 4px 1px 4px;
  font-weight: bold;
  line-height: 15px; }

.game_admins_page p, .jam_admins_page p, .game_accept_admin_page p {
  font-size: 16px;
  line-height: 1.5;
  width: 600px;
  margin: 0 0 20px 0; }

.game_admins_page .contributor_picker.disabled, .jam_admins_page .contributor_picker.disabled {
  color: #999; }

.game_admins_page .contributor_picker input, .jam_admins_page .contributor_picker input {
  vertical-align: middle; }

.admin_accept_lightbox {
  max-width: 500px; }
  .admin_accept_lightbox .form {
    margin: 0 40px 20px 40px;
    text-align: left; }
    .admin_accept_lightbox .form .text_input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 100%; }
  .admin_accept_lightbox .button_row {
    margin: 20px 40px 30px 40px; }

.after_end.bundle_analytics_page .progress_bar .progress_inner, .after_end.sale_analytics_page .progress_bar .progress_inner {
  background: gray; }

.bundle_analytics_page .progress_outer, .sale_analytics_page .progress_outer {
  margin-bottom: 20px; }
  .bundle_analytics_page .progress_outer h2, .sale_analytics_page .progress_outer h2 {
    margin-bottom: 15px; }

.bundle_analytics_page .date_range, .sale_analytics_page .date_range {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px; }
  .bundle_analytics_page .date_range .date_range_right, .sale_analytics_page .date_range .date_range_right {
    float: right; }

.bundle_analytics_page .progress_bar, .sale_analytics_page .progress_bar {
  height: 10px;
  background: #e9e9e9;
  border-radius: 8px;
  overflow: hidden; }
  .bundle_analytics_page .progress_bar .progress_inner, .sale_analytics_page .progress_bar .progress_inner {
    height: 100%;
    background: #FA5C5C;
    border-radius: 0 8px 8px 0px; }

.bundle_analytics_page .ends_row, .sale_analytics_page .ends_row {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 5px; }

.browse_tags_page .tag_list {
  margin: 20px auto;
  max-width: 800px;
  text-align: center; }
  .browse_tags_page .tag_list .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    font-size: 18px;
    padding: 5px 15px;
    margin: 0 8px 10px 8px; }
    .browse_tags_page .tag_list .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .browse_tags_page .tag_list .outline_button:active {
      background: #e44949;
      border-color: #e44949; }

.itch_changelog_page .changelog_content p, .itch_changelog_page .changelog_content li {
  font-size: 16px;
  line-height: 1.5; }

.itch_changelog_page .changelog_content h1 {
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 20px; }

.itch_changelog_page .changelog_content h2 {
  font-weight: normal;
  font-size: 16px; }

.itch_changelog_page .changelog_content hr {
  margin: 20px 0;
  border: 0;
  height: 1px;
  background: #dadada; }

.itch_changelog_page .changelog_content img {
  display: block;
  margin: 20px auto;
  border: 1px solid #dadada;
  padding: 0 0 10px 10px; }

.antiscroll-wrap {
  position: relative;
  overflow: hidden; }

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity; }

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0; }

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0; }

.antiscroll-inner {
  overflow: scroll; }

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0; }

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0; }

.collection_game_lightbox_widget {
  width: 550px; }
  .collection_game_lightbox_widget form.loading .loader {
    display: inline-block; }
  .collection_game_lightbox_widget .loader {
    display: none; }
  .collection_game_lightbox_widget .form {
    margin-top: 30px; }
    .collection_game_lightbox_widget .form .input_row {
      margin: 20px 40px; }
  .collection_game_lightbox_widget .buttons {
    padding: 20px 40px 30px 40px;
    margin-top: 0; }
    .collection_game_lightbox_widget .buttons a {
      color: #666; }

.my_rated_games_page .game_grid_widget .star_picker {
  margin-bottom: 4px; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-2-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-2-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-2-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-2-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-2 .face:nth-child(1) {
  -webkit-animation: spin-2-1 8s infinite linear;
  -moz-animation: spin-2-1 8s infinite linear;
  -ms-animation: spin-2-1 8s infinite linear;
  animation: spin-2-1 8s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-2-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-2-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-2-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-2-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  50% {
    transform: rotateY(90deg) translateZ(100px); }
  50% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-2 .face:nth-child(2) {
  -webkit-animation: spin-2-2 8s infinite linear;
  -moz-animation: spin-2-2 8s infinite linear;
  -ms-animation: spin-2-2 8s infinite linear;
  animation: spin-2-2 8s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-3-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-3-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-3-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-3-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-3 .face:nth-child(1) {
  -webkit-animation: spin-3-1 12s infinite linear;
  -moz-animation: spin-3-1 12s infinite linear;
  -ms-animation: spin-3-1 12s infinite linear;
  animation: spin-3-1 12s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-3-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-3-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-3-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-3-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-3 .face:nth-child(2) {
  -webkit-animation: spin-3-2 12s infinite linear;
  -moz-animation: spin-3-2 12s infinite linear;
  -ms-animation: spin-3-2 12s infinite linear;
  animation: spin-3-2 12s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-3-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-3-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-3-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-3-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  33.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  66.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-3 .face:nth-child(3) {
  -webkit-animation: spin-3-3 12s infinite linear;
  -moz-animation: spin-3-3 12s infinite linear;
  -ms-animation: spin-3-3 12s infinite linear;
  animation: spin-3-3 12s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-4-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-4-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-4-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-4-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-4 .face:nth-child(1) {
  -webkit-animation: spin-4-1 16s infinite linear;
  -moz-animation: spin-4-1 16s infinite linear;
  -ms-animation: spin-4-1 16s infinite linear;
  animation: spin-4-1 16s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-4-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-4-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-4-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-4-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-4 .face:nth-child(2) {
  -webkit-animation: spin-4-2 16s infinite linear;
  -moz-animation: spin-4-2 16s infinite linear;
  -ms-animation: spin-4-2 16s infinite linear;
  animation: spin-4-2 16s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-4-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-4-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-4-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-4-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-4 .face:nth-child(3) {
  -webkit-animation: spin-4-3 16s infinite linear;
  -moz-animation: spin-4-3 16s infinite linear;
  -ms-animation: spin-4-3 16s infinite linear;
  animation: spin-4-3 16s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-4-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-4-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-4-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-4-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  25% {
    transform: rotateY(90deg) translateZ(100px); }
  75% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-4 .face:nth-child(4) {
  -webkit-animation: spin-4-4 16s infinite linear;
  -moz-animation: spin-4-4 16s infinite linear;
  -ms-animation: spin-4-4 16s infinite linear;
  animation: spin-4-4 16s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-5-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-5-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-5-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-5-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-5 .face:nth-child(1) {
  -webkit-animation: spin-5-1 20s infinite linear;
  -moz-animation: spin-5-1 20s infinite linear;
  -ms-animation: spin-5-1 20s infinite linear;
  animation: spin-5-1 20s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-5-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-5-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-5-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-5-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-5 .face:nth-child(2) {
  -webkit-animation: spin-5-2 20s infinite linear;
  -moz-animation: spin-5-2 20s infinite linear;
  -ms-animation: spin-5-2 20s infinite linear;
  animation: spin-5-2 20s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-5-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-5-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-5-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-5-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-5 .face:nth-child(3) {
  -webkit-animation: spin-5-3 20s infinite linear;
  -moz-animation: spin-5-3 20s infinite linear;
  -ms-animation: spin-5-3 20s infinite linear;
  animation: spin-5-3 20s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-5-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-5-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-5-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-5-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-5 .face:nth-child(4) {
  -webkit-animation: spin-5-4 20s infinite linear;
  -moz-animation: spin-5-4 20s infinite linear;
  -ms-animation: spin-5-4 20s infinite linear;
  animation: spin-5-4 20s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-5-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-5-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-5-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-5-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  20% {
    transform: rotateY(90deg) translateZ(100px); }
  80% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-5 .face:nth-child(5) {
  -webkit-animation: spin-5-5 20s infinite linear;
  -moz-animation: spin-5-5 20s infinite linear;
  -ms-animation: spin-5-5 20s infinite linear;
  animation: spin-5-5 20s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(1) {
  -webkit-animation: spin-6-1 24s infinite linear;
  -moz-animation: spin-6-1 24s infinite linear;
  -ms-animation: spin-6-1 24s infinite linear;
  animation: spin-6-1 24s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(2) {
  -webkit-animation: spin-6-2 24s infinite linear;
  -moz-animation: spin-6-2 24s infinite linear;
  -ms-animation: spin-6-2 24s infinite linear;
  animation: spin-6-2 24s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(3) {
  -webkit-animation: spin-6-3 24s infinite linear;
  -moz-animation: spin-6-3 24s infinite linear;
  -ms-animation: spin-6-3 24s infinite linear;
  animation: spin-6-3 24s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(4) {
  -webkit-animation: spin-6-4 24s infinite linear;
  -moz-animation: spin-6-4 24s infinite linear;
  -ms-animation: spin-6-4 24s infinite linear;
  animation: spin-6-4 24s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(5) {
  -webkit-animation: spin-6-5 24s infinite linear;
  -moz-animation: spin-6-5 24s infinite linear;
  -ms-animation: spin-6-5 24s infinite linear;
  animation: spin-6-5 24s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-6-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-6-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-6-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-6-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  16.66667% {
    transform: rotateY(90deg) translateZ(100px); }
  83.33333% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-6 .face:nth-child(6) {
  -webkit-animation: spin-6-6 24s infinite linear;
  -moz-animation: spin-6-6 24s infinite linear;
  -ms-animation: spin-6-6 24s infinite linear;
  animation: spin-6-6 24s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(1) {
  -webkit-animation: spin-7-1 28s infinite linear;
  -moz-animation: spin-7-1 28s infinite linear;
  -ms-animation: spin-7-1 28s infinite linear;
  animation: spin-7-1 28s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(2) {
  -webkit-animation: spin-7-2 28s infinite linear;
  -moz-animation: spin-7-2 28s infinite linear;
  -ms-animation: spin-7-2 28s infinite linear;
  animation: spin-7-2 28s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(3) {
  -webkit-animation: spin-7-3 28s infinite linear;
  -moz-animation: spin-7-3 28s infinite linear;
  -ms-animation: spin-7-3 28s infinite linear;
  animation: spin-7-3 28s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(4) {
  -webkit-animation: spin-7-4 28s infinite linear;
  -moz-animation: spin-7-4 28s infinite linear;
  -ms-animation: spin-7-4 28s infinite linear;
  animation: spin-7-4 28s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(5) {
  -webkit-animation: spin-7-5 28s infinite linear;
  -moz-animation: spin-7-5 28s infinite linear;
  -ms-animation: spin-7-5 28s infinite linear;
  animation: spin-7-5 28s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(6) {
  -webkit-animation: spin-7-6 28s infinite linear;
  -moz-animation: spin-7-6 28s infinite linear;
  -ms-animation: spin-7-6 28s infinite linear;
  animation: spin-7-6 28s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-7-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-7-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-7-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-7-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  14.28571% {
    transform: rotateY(90deg) translateZ(100px); }
  85.71429% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-7 .face:nth-child(7) {
  -webkit-animation: spin-7-7 28s infinite linear;
  -moz-animation: spin-7-7 28s infinite linear;
  -ms-animation: spin-7-7 28s infinite linear;
  animation: spin-7-7 28s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(1) {
  -webkit-animation: spin-8-1 32s infinite linear;
  -moz-animation: spin-8-1 32s infinite linear;
  -ms-animation: spin-8-1 32s infinite linear;
  animation: spin-8-1 32s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(2) {
  -webkit-animation: spin-8-2 32s infinite linear;
  -moz-animation: spin-8-2 32s infinite linear;
  -ms-animation: spin-8-2 32s infinite linear;
  animation: spin-8-2 32s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(3) {
  -webkit-animation: spin-8-3 32s infinite linear;
  -moz-animation: spin-8-3 32s infinite linear;
  -ms-animation: spin-8-3 32s infinite linear;
  animation: spin-8-3 32s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(4) {
  -webkit-animation: spin-8-4 32s infinite linear;
  -moz-animation: spin-8-4 32s infinite linear;
  -ms-animation: spin-8-4 32s infinite linear;
  animation: spin-8-4 32s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(5) {
  -webkit-animation: spin-8-5 32s infinite linear;
  -moz-animation: spin-8-5 32s infinite linear;
  -ms-animation: spin-8-5 32s infinite linear;
  animation: spin-8-5 32s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(6) {
  -webkit-animation: spin-8-6 32s infinite linear;
  -moz-animation: spin-8-6 32s infinite linear;
  -ms-animation: spin-8-6 32s infinite linear;
  animation: spin-8-6 32s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(7) {
  -webkit-animation: spin-8-7 32s infinite linear;
  -moz-animation: spin-8-7 32s infinite linear;
  -ms-animation: spin-8-7 32s infinite linear;
  animation: spin-8-7 32s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-8-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-8-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-8-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-8-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  12.5% {
    transform: rotateY(90deg) translateZ(100px); }
  87.5% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-8 .face:nth-child(8) {
  -webkit-animation: spin-8-8 32s infinite linear;
  -moz-animation: spin-8-8 32s infinite linear;
  -ms-animation: spin-8-8 32s infinite linear;
  animation: spin-8-8 32s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(1) {
  -webkit-animation: spin-9-1 36s infinite linear;
  -moz-animation: spin-9-1 36s infinite linear;
  -ms-animation: spin-9-1 36s infinite linear;
  animation: spin-9-1 36s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(2) {
  -webkit-animation: spin-9-2 36s infinite linear;
  -moz-animation: spin-9-2 36s infinite linear;
  -ms-animation: spin-9-2 36s infinite linear;
  animation: spin-9-2 36s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(3) {
  -webkit-animation: spin-9-3 36s infinite linear;
  -moz-animation: spin-9-3 36s infinite linear;
  -ms-animation: spin-9-3 36s infinite linear;
  animation: spin-9-3 36s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(4) {
  -webkit-animation: spin-9-4 36s infinite linear;
  -moz-animation: spin-9-4 36s infinite linear;
  -ms-animation: spin-9-4 36s infinite linear;
  animation: spin-9-4 36s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(5) {
  -webkit-animation: spin-9-5 36s infinite linear;
  -moz-animation: spin-9-5 36s infinite linear;
  -ms-animation: spin-9-5 36s infinite linear;
  animation: spin-9-5 36s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(6) {
  -webkit-animation: spin-9-6 36s infinite linear;
  -moz-animation: spin-9-6 36s infinite linear;
  -ms-animation: spin-9-6 36s infinite linear;
  animation: spin-9-6 36s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(7) {
  -webkit-animation: spin-9-7 36s infinite linear;
  -moz-animation: spin-9-7 36s infinite linear;
  -ms-animation: spin-9-7 36s infinite linear;
  animation: spin-9-7 36s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(8) {
  -webkit-animation: spin-9-8 36s infinite linear;
  -moz-animation: spin-9-8 36s infinite linear;
  -ms-animation: spin-9-8 36s infinite linear;
  animation: spin-9-8 36s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-9-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-9-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-9-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-9-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  11.11111% {
    transform: rotateY(90deg) translateZ(100px); }
  88.88889% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-9 .face:nth-child(9) {
  -webkit-animation: spin-9-9 36s infinite linear;
  -moz-animation: spin-9-9 36s infinite linear;
  -ms-animation: spin-9-9 36s infinite linear;
  animation: spin-9-9 36s infinite linear;
  -webkit-animation-delay: -36s;
  -moz-animation-delay: -36s;
  -ms-animation-delay: -36s;
  animation-delay: -36s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(1) {
  -webkit-animation: spin-10-1 40s infinite linear;
  -moz-animation: spin-10-1 40s infinite linear;
  -ms-animation: spin-10-1 40s infinite linear;
  animation: spin-10-1 40s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(2) {
  -webkit-animation: spin-10-2 40s infinite linear;
  -moz-animation: spin-10-2 40s infinite linear;
  -ms-animation: spin-10-2 40s infinite linear;
  animation: spin-10-2 40s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(3) {
  -webkit-animation: spin-10-3 40s infinite linear;
  -moz-animation: spin-10-3 40s infinite linear;
  -ms-animation: spin-10-3 40s infinite linear;
  animation: spin-10-3 40s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(4) {
  -webkit-animation: spin-10-4 40s infinite linear;
  -moz-animation: spin-10-4 40s infinite linear;
  -ms-animation: spin-10-4 40s infinite linear;
  animation: spin-10-4 40s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(5) {
  -webkit-animation: spin-10-5 40s infinite linear;
  -moz-animation: spin-10-5 40s infinite linear;
  -ms-animation: spin-10-5 40s infinite linear;
  animation: spin-10-5 40s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(6) {
  -webkit-animation: spin-10-6 40s infinite linear;
  -moz-animation: spin-10-6 40s infinite linear;
  -ms-animation: spin-10-6 40s infinite linear;
  animation: spin-10-6 40s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(7) {
  -webkit-animation: spin-10-7 40s infinite linear;
  -moz-animation: spin-10-7 40s infinite linear;
  -ms-animation: spin-10-7 40s infinite linear;
  animation: spin-10-7 40s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(8) {
  -webkit-animation: spin-10-8 40s infinite linear;
  -moz-animation: spin-10-8 40s infinite linear;
  -ms-animation: spin-10-8 40s infinite linear;
  animation: spin-10-8 40s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(9) {
  -webkit-animation: spin-10-9 40s infinite linear;
  -moz-animation: spin-10-9 40s infinite linear;
  -ms-animation: spin-10-9 40s infinite linear;
  animation: spin-10-9 40s infinite linear;
  -webkit-animation-delay: -36s;
  -moz-animation-delay: -36s;
  -ms-animation-delay: -36s;
  animation-delay: -36s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-10-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-10-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-10-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-10-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  10% {
    transform: rotateY(90deg) translateZ(100px); }
  90% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-10 .face:nth-child(10) {
  -webkit-animation: spin-10-10 40s infinite linear;
  -moz-animation: spin-10-10 40s infinite linear;
  -ms-animation: spin-10-10 40s infinite linear;
  animation: spin-10-10 40s infinite linear;
  -webkit-animation-delay: -40s;
  -moz-animation-delay: -40s;
  -ms-animation-delay: -40s;
  animation-delay: -40s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(1) {
  -webkit-animation: spin-11-1 44s infinite linear;
  -moz-animation: spin-11-1 44s infinite linear;
  -ms-animation: spin-11-1 44s infinite linear;
  animation: spin-11-1 44s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(2) {
  -webkit-animation: spin-11-2 44s infinite linear;
  -moz-animation: spin-11-2 44s infinite linear;
  -ms-animation: spin-11-2 44s infinite linear;
  animation: spin-11-2 44s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(3) {
  -webkit-animation: spin-11-3 44s infinite linear;
  -moz-animation: spin-11-3 44s infinite linear;
  -ms-animation: spin-11-3 44s infinite linear;
  animation: spin-11-3 44s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(4) {
  -webkit-animation: spin-11-4 44s infinite linear;
  -moz-animation: spin-11-4 44s infinite linear;
  -ms-animation: spin-11-4 44s infinite linear;
  animation: spin-11-4 44s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(5) {
  -webkit-animation: spin-11-5 44s infinite linear;
  -moz-animation: spin-11-5 44s infinite linear;
  -ms-animation: spin-11-5 44s infinite linear;
  animation: spin-11-5 44s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(6) {
  -webkit-animation: spin-11-6 44s infinite linear;
  -moz-animation: spin-11-6 44s infinite linear;
  -ms-animation: spin-11-6 44s infinite linear;
  animation: spin-11-6 44s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(7) {
  -webkit-animation: spin-11-7 44s infinite linear;
  -moz-animation: spin-11-7 44s infinite linear;
  -ms-animation: spin-11-7 44s infinite linear;
  animation: spin-11-7 44s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(8) {
  -webkit-animation: spin-11-8 44s infinite linear;
  -moz-animation: spin-11-8 44s infinite linear;
  -ms-animation: spin-11-8 44s infinite linear;
  animation: spin-11-8 44s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(9) {
  -webkit-animation: spin-11-9 44s infinite linear;
  -moz-animation: spin-11-9 44s infinite linear;
  -ms-animation: spin-11-9 44s infinite linear;
  animation: spin-11-9 44s infinite linear;
  -webkit-animation-delay: -36s;
  -moz-animation-delay: -36s;
  -ms-animation-delay: -36s;
  animation-delay: -36s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(10) {
  -webkit-animation: spin-11-10 44s infinite linear;
  -moz-animation: spin-11-10 44s infinite linear;
  -ms-animation: spin-11-10 44s infinite linear;
  animation: spin-11-10 44s infinite linear;
  -webkit-animation-delay: -40s;
  -moz-animation-delay: -40s;
  -ms-animation-delay: -40s;
  animation-delay: -40s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-11-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-11-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-11-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-11-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  9.09091% {
    transform: rotateY(90deg) translateZ(100px); }
  90.90909% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-11 .face:nth-child(11) {
  -webkit-animation: spin-11-11 44s infinite linear;
  -moz-animation: spin-11-11 44s infinite linear;
  -ms-animation: spin-11-11 44s infinite linear;
  animation: spin-11-11 44s infinite linear;
  -webkit-animation-delay: -44s;
  -moz-animation-delay: -44s;
  -ms-animation-delay: -44s;
  animation-delay: -44s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(1) {
  -webkit-animation: spin-12-1 48s infinite linear;
  -moz-animation: spin-12-1 48s infinite linear;
  -ms-animation: spin-12-1 48s infinite linear;
  animation: spin-12-1 48s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(2) {
  -webkit-animation: spin-12-2 48s infinite linear;
  -moz-animation: spin-12-2 48s infinite linear;
  -ms-animation: spin-12-2 48s infinite linear;
  animation: spin-12-2 48s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(3) {
  -webkit-animation: spin-12-3 48s infinite linear;
  -moz-animation: spin-12-3 48s infinite linear;
  -ms-animation: spin-12-3 48s infinite linear;
  animation: spin-12-3 48s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(4) {
  -webkit-animation: spin-12-4 48s infinite linear;
  -moz-animation: spin-12-4 48s infinite linear;
  -ms-animation: spin-12-4 48s infinite linear;
  animation: spin-12-4 48s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(5) {
  -webkit-animation: spin-12-5 48s infinite linear;
  -moz-animation: spin-12-5 48s infinite linear;
  -ms-animation: spin-12-5 48s infinite linear;
  animation: spin-12-5 48s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(6) {
  -webkit-animation: spin-12-6 48s infinite linear;
  -moz-animation: spin-12-6 48s infinite linear;
  -ms-animation: spin-12-6 48s infinite linear;
  animation: spin-12-6 48s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(7) {
  -webkit-animation: spin-12-7 48s infinite linear;
  -moz-animation: spin-12-7 48s infinite linear;
  -ms-animation: spin-12-7 48s infinite linear;
  animation: spin-12-7 48s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(8) {
  -webkit-animation: spin-12-8 48s infinite linear;
  -moz-animation: spin-12-8 48s infinite linear;
  -ms-animation: spin-12-8 48s infinite linear;
  animation: spin-12-8 48s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(9) {
  -webkit-animation: spin-12-9 48s infinite linear;
  -moz-animation: spin-12-9 48s infinite linear;
  -ms-animation: spin-12-9 48s infinite linear;
  animation: spin-12-9 48s infinite linear;
  -webkit-animation-delay: -36s;
  -moz-animation-delay: -36s;
  -ms-animation-delay: -36s;
  animation-delay: -36s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(10) {
  -webkit-animation: spin-12-10 48s infinite linear;
  -moz-animation: spin-12-10 48s infinite linear;
  -ms-animation: spin-12-10 48s infinite linear;
  animation: spin-12-10 48s infinite linear;
  -webkit-animation-delay: -40s;
  -moz-animation-delay: -40s;
  -ms-animation-delay: -40s;
  animation-delay: -40s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(11) {
  -webkit-animation: spin-12-11 48s infinite linear;
  -moz-animation: spin-12-11 48s infinite linear;
  -ms-animation: spin-12-11 48s infinite linear;
  animation: spin-12-11 48s infinite linear;
  -webkit-animation-delay: -44s;
  -moz-animation-delay: -44s;
  -ms-animation-delay: -44s;
  animation-delay: -44s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-12-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-12-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-12-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-12-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  8.33333% {
    transform: rotateY(90deg) translateZ(100px); }
  91.66667% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-12 .face:nth-child(12) {
  -webkit-animation: spin-12-12 48s infinite linear;
  -moz-animation: spin-12-12 48s infinite linear;
  -ms-animation: spin-12-12 48s infinite linear;
  animation: spin-12-12 48s infinite linear;
  -webkit-animation-delay: -48s;
  -moz-animation-delay: -48s;
  -ms-animation-delay: -48s;
  animation-delay: -48s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-1 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(1) {
  -webkit-animation: spin-13-1 52s infinite linear;
  -moz-animation: spin-13-1 52s infinite linear;
  -ms-animation: spin-13-1 52s infinite linear;
  animation: spin-13-1 52s infinite linear;
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  animation-delay: -4s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-2 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(2) {
  -webkit-animation: spin-13-2 52s infinite linear;
  -moz-animation: spin-13-2 52s infinite linear;
  -ms-animation: spin-13-2 52s infinite linear;
  animation: spin-13-2 52s infinite linear;
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  animation-delay: -8s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-3 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(3) {
  -webkit-animation: spin-13-3 52s infinite linear;
  -moz-animation: spin-13-3 52s infinite linear;
  -ms-animation: spin-13-3 52s infinite linear;
  animation: spin-13-3 52s infinite linear;
  -webkit-animation-delay: -12s;
  -moz-animation-delay: -12s;
  -ms-animation-delay: -12s;
  animation-delay: -12s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-4 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(4) {
  -webkit-animation: spin-13-4 52s infinite linear;
  -moz-animation: spin-13-4 52s infinite linear;
  -ms-animation: spin-13-4 52s infinite linear;
  animation: spin-13-4 52s infinite linear;
  -webkit-animation-delay: -16s;
  -moz-animation-delay: -16s;
  -ms-animation-delay: -16s;
  animation-delay: -16s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-5 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(5) {
  -webkit-animation: spin-13-5 52s infinite linear;
  -moz-animation: spin-13-5 52s infinite linear;
  -ms-animation: spin-13-5 52s infinite linear;
  animation: spin-13-5 52s infinite linear;
  -webkit-animation-delay: -20s;
  -moz-animation-delay: -20s;
  -ms-animation-delay: -20s;
  animation-delay: -20s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-6 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(6) {
  -webkit-animation: spin-13-6 52s infinite linear;
  -moz-animation: spin-13-6 52s infinite linear;
  -ms-animation: spin-13-6 52s infinite linear;
  animation: spin-13-6 52s infinite linear;
  -webkit-animation-delay: -24s;
  -moz-animation-delay: -24s;
  -ms-animation-delay: -24s;
  animation-delay: -24s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-7 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(7) {
  -webkit-animation: spin-13-7 52s infinite linear;
  -moz-animation: spin-13-7 52s infinite linear;
  -ms-animation: spin-13-7 52s infinite linear;
  animation: spin-13-7 52s infinite linear;
  -webkit-animation-delay: -28s;
  -moz-animation-delay: -28s;
  -ms-animation-delay: -28s;
  animation-delay: -28s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-8 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(8) {
  -webkit-animation: spin-13-8 52s infinite linear;
  -moz-animation: spin-13-8 52s infinite linear;
  -ms-animation: spin-13-8 52s infinite linear;
  animation: spin-13-8 52s infinite linear;
  -webkit-animation-delay: -32s;
  -moz-animation-delay: -32s;
  -ms-animation-delay: -32s;
  animation-delay: -32s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-9 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(9) {
  -webkit-animation: spin-13-9 52s infinite linear;
  -moz-animation: spin-13-9 52s infinite linear;
  -ms-animation: spin-13-9 52s infinite linear;
  animation: spin-13-9 52s infinite linear;
  -webkit-animation-delay: -36s;
  -moz-animation-delay: -36s;
  -ms-animation-delay: -36s;
  animation-delay: -36s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-10 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(10) {
  -webkit-animation: spin-13-10 52s infinite linear;
  -moz-animation: spin-13-10 52s infinite linear;
  -ms-animation: spin-13-10 52s infinite linear;
  animation: spin-13-10 52s infinite linear;
  -webkit-animation-delay: -40s;
  -moz-animation-delay: -40s;
  -ms-animation-delay: -40s;
  animation-delay: -40s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-11 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(11) {
  -webkit-animation: spin-13-11 52s infinite linear;
  -moz-animation: spin-13-11 52s infinite linear;
  -ms-animation: spin-13-11 52s infinite linear;
  animation: spin-13-11 52s infinite linear;
  -webkit-animation-delay: -44s;
  -moz-animation-delay: -44s;
  -ms-animation-delay: -44s;
  animation-delay: -44s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-12 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(12) {
  -webkit-animation: spin-13-12 52s infinite linear;
  -moz-animation: spin-13-12 52s infinite linear;
  -ms-animation: spin-13-12 52s infinite linear;
  animation: spin-13-12 52s infinite linear;
  -webkit-animation-delay: -48s;
  -moz-animation-delay: -48s;
  -ms-animation-delay: -48s;
  animation-delay: -48s; }

/* keyframes for rotating animation */
@-webkit-keyframes spin-13-13 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-moz-keyframes spin-13-13 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@-ms-keyframes spin-13-13 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

@keyframes spin-13-13 {
  0% {
    transform: rotateY(0deg) translateZ(100px); }
  7.69231% {
    transform: rotateY(90deg) translateZ(100px); }
  92.30769% {
    transform: rotateY(270deg) translateZ(100px); }
  100% {
    transform: rotateY(360deg) translateZ(100px); } }

.cube-13 .face:nth-child(13) {
  -webkit-animation: spin-13-13 52s infinite linear;
  -moz-animation: spin-13-13 52s infinite linear;
  -ms-animation: spin-13-13 52s infinite linear;
  animation: spin-13-13 52s infinite linear;
  -webkit-animation-delay: -52s;
  -moz-animation-delay: -52s;
  -ms-animation-delay: -52s;
  animation-delay: -52s; }

.index_sticky_bar {
  position: fixed;
  top: -60px;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 1;
  background: white;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  -webkit-transition: top 0.2s ease;
  -moz-transition: top 0.2s ease;
  -ms-transition: top 0.2s ease;
  transition: top 0.2s ease; }
  @media (max-width: 800px) {
    .index_sticky_bar {
      display: none; } }
  .index_sticky_bar.is_wide {
    padding: 10px 20px; }
    .index_sticky_bar.is_wide .sticky_bar_inner {
      width: auto; }
  .show_sticky_bar .index_sticky_bar {
    top: 0; }
  .index_sticky_bar .sticky_bar_inner {
    max-width: 960px;
    position: relative;
    margin: 0 auto;
    font-size: 16px; }
  .index_sticky_bar .login_link {
    color: #666; }
    .index_sticky_bar .login_link:hover {
      color: #777; }
  .index_sticky_bar .sticky_logo {
    margin-right: 20px;
    vertical-align: top;
    margin-top: 2px;
    height: 30px; }
  .index_sticky_bar .decor {
    margin: 0 6px 0 12px;
    color: #999;
    font-style: italic; }
  .index_sticky_bar .button {
    font-size: 16px;
    letter-spacing: 0.025em;
    padding: 0 15px; }
  .index_sticky_bar .social_buttons_widget {
    position: absolute;
    top: 8px;
    right: 0px; }
    .index_sticky_bar .social_buttons_widget .fb-like {
      margin-right: 30px; }

.edit_bundle_page form.has_errors .form_errors {
  display: block; }

.edit_bundle_page form .form_errors {
  display: none;
  margin: 0 40px 30px 40px;
  font-size: 16px; }
  .edit_bundle_page form .form_errors li {
    line-height: 1.5; }

.edit_bundle_page form .form_errors {
  margin-left: 0; }

.edit_bundle_page .loader {
  display: none; }

.edit_bundle_page .padded h2 {
  margin-top: 40px; }

.edit_bundle_page.loading .loader {
  display: inline-block; }

.edit_bundle_page.loading .buttons a {
  display: none; }

.edit_bundle_page .label {
  font-size: 14px; }

.edit_bundle_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px;
  margin-top: 0; }

.edit_bundle_page .input_row {
  margin-bottom: 25px; }

.edit_bundle_page .published_input_row {
  margin-top: 25px; }

.edit_bundle_page .redactor-box {
  width: 540px; }

.edit_bundle_page .fake_input {
  margin-top: 10px;
  color: #666; }
  .edit_bundle_page .fake_input.title_row {
    font-size: 24px; }

.edit_bundle_page .formatted hr {
  margin: 20px 40px; }

.edit_bundle_page .formatted ol, .edit_bundle_page .formatted ul {
  margin: 20px 40px; }

.edit_bundle_page img.avatar {
  width: 45px;
  height: 45px;
  border-radius: 2px;
  background: white;
  vertical-align: middle;
  margin-right: 10px; }

.edit_bundle_page .bundle_participants {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 600px;
  margin: 10px 20px 10px 0;
  padding: 0; }
  .edit_bundle_page .bundle_participants .participant {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #dadada; }
    .edit_bundle_page .bundle_participants .participant:first-child {
      padding-top: 10px;
      border-top: 1px dashed #dadada; }
  .edit_bundle_page .bundle_participants .participant_info {
    display: inline-block;
    vertical-align: top; }
  .edit_bundle_page .bundle_participants img.avatar {
    width: 40px;
    height: 40px; }
  .edit_bundle_page .bundle_participants .user_link, .edit_bundle_page .bundle_participants .bundle_status {
    display: inline-block;
    margin: 8px 0 14px 0;
    font-size: 14px;
    padding: 3px 0; }
  .edit_bundle_page .bundle_participants .user_link {
    text-decoration: none;
    color: #666; }
    .edit_bundle_page .bundle_participants .user_link:hover {
      text-decoration: underline; }
  .edit_bundle_page .bundle_participants .bundle_status {
    float: right;
    width: 330px;
    text-align: center;
    background: #F4F4F4;
    color: #666;
    border-radius: 3px; }
    .edit_bundle_page .bundle_participants .bundle_status.accepted {
      background-color: #94d89f;
      color: white; }

.edit_bundle_page .bundle_tier {
  margin-bottom: 20px;
  width: 600px;
  border-radius: 3px;
  border: 1px solid #dadada; }
  .edit_bundle_page .bundle_tier .tier_name {
    font-size: 20px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #dadada;
    padding: 10px 20px;
    background: #F4F4F4; }
  .edit_bundle_page .bundle_tier .tier_games {
    margin-left: 20px; }
  .edit_bundle_page .bundle_tier .tier_split {
    padding: 6px 20px;
    border-top: 1px solid #dadada;
    background: #F4F4F4; }
    .edit_bundle_page .bundle_tier .tier_split strong {
      color: #666; }
    .edit_bundle_page .bundle_tier .tier_split .user_split {
      display: inline-block;
      border: 1px solid #dadada;
      background: white;
      border-radius: 4px;
      margin-left: 10px; }
    .edit_bundle_page .bundle_tier .tier_split .user_link, .edit_bundle_page .bundle_tier .tier_split .split {
      display: inline-block;
      padding: 4px 8px; }
    .edit_bundle_page .bundle_tier .tier_split .split {
      border-right: 1px solid #dadada; }
    .edit_bundle_page .bundle_tier .tier_split .user_link {
      text-decoration: none;
      color: #666; }
      .edit_bundle_page .bundle_tier .tier_split .user_link:hover {
        text-decoration: underline; }
  .edit_bundle_page .bundle_tier p {
    color: #666;
    font-size: 14px;
    margin: 0 20px 15px 20px; }
  .edit_bundle_page .bundle_tier .game_preview_cell {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0; }
    .edit_bundle_page .bundle_tier .game_preview_cell:nth-child(3n) {
      margin-right: 0; }
    .edit_bundle_page .bundle_tier .game_preview_cell .game_link {
      color: #666;
      text-decoration: none;
      display: inline-block;
      max-width: 120px; }
      .edit_bundle_page .bundle_tier .game_preview_cell .game_link:hover {
        text-decoration: underline; }
    .edit_bundle_page .bundle_tier .game_preview_cell .cover {
      width: 174px;
      height: 138px;
      box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee;
      background-size: cover;
      background-position: 50% 50%;
      margin-bottom: 10px; }
    .edit_bundle_page .bundle_tier .game_preview_cell .price_tag {
      display: inline-block;
      font-size: 12px;
      background: #24C091;
      color: white;
      padding: 2px 5px;
      border-radius: 3px;
      margin-left: 10px;
      letter-spacing: 0.05em;
      text-transform: uppercase; }
      .edit_bundle_page .bundle_tier .game_preview_cell .price_tag.free_tag {
        background: #dadada;
        color: #666; }

.edit_bundle_page .secondary {
  color: #666;
  margin: 30px 0 0 0; }

.edit_bundle_page .sub {
  color: #666;
  margin: 5px 0 0 0;
  font-size: 14px; }

.edit_bundle_page .duration_row .date_picker {
  display: inline-block;
  width: 150px;
  margin-right: 20px; }

.edit_bundle_page .duration_row .duration_label {
  margin-right: 8px;
  color: #666; }

.upload_description_lightbox {
  width: 500px; }
  .upload_description_lightbox .form {
    padding: 0 40px 20px 40px; }

@-webkit-keyframes scroll_background {
  from {
    background-position: 0 0; }
  to {
    background-position: -30px 0; } }

@-moz-keyframes scroll_background {
  from {
    background-position: 0 0; }
  to {
    background-position: -30px 0; } }

@-ms-keyframes scroll_background {
  from {
    background-position: 0 0; }
  to {
    background-position: -30px 0; } }

@keyframes scroll_background {
  from {
    background-position: 0 0; }
  to {
    background-position: -30px 0; } }

.edit_jam_page form.has_errors .form_errors {
  display: block; }

.edit_jam_page form .form_errors {
  display: none;
  margin: 0 40px 30px 40px;
  font-size: 16px; }
  .edit_jam_page form .form_errors li {
    line-height: 1.5; }

.edit_jam_page.fields_disabled .field_picker .button {
  display: none; }

.edit_jam_page.fields_disabled .fields_blocked {
  display: block; }

.edit_jam_page.criteria_disabled .criteria_picker .button {
  display: none; }

.edit_jam_page.criteria_disabled .criteria_blocked {
  display: block; }

.edit_jam_page.type_non_ranked .date_row_voting_end_date, .edit_jam_page.type_non_ranked .criteria_picker_row, .edit_jam_page.type_non_ranked .rating_type_outer {
  display: none; }

.edit_jam_page .top_columns {
  font-size: 0; }
  .edit_jam_page .top_columns .column_left_inputs, .edit_jam_page .top_columns .column_right_inputs {
    display: inline-block;
    vertical-align: top;
    font-size: 13px; }
  .edit_jam_page .top_columns .column_left_inputs .input_row {
    margin-right: 20px; }

.edit_jam_page form.loading .loader {
  display: inline-block; }

.edit_jam_page form.loading .view_jam_link {
  display: none; }

.edit_jam_page .loader {
  margin-right: 10px;
  display: none; }

.edit_jam_page .CodeMirror {
  border: 1px solid #aaa;
  border-radius: 2px;
  margin: 6px 0;
  box-shadow: 0 0 0 1px #FFF, 0px 0px 1px 2px #BEBEBE; }

.edit_jam_page .field_picker, .edit_jam_page .criteria_picker {
  color: #222; }
  .edit_jam_page .field_picker label, .edit_jam_page .criteria_picker label {
    font-weight: bold; }
  .edit_jam_page .field_picker a, .edit_jam_page .criteria_picker a {
    color: #666; }

.edit_jam_page .criteria_picker input[type=text] {
  width: 300px;
  margin-right: 10px; }

.edit_jam_page .field_row, .edit_jam_page .criteria_row {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
  -ms-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
  transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin: 10px 0 20px 0;
  padding: 10px;
  width: 542px; }

.edit_jam_page .field_row {
  padding: 0; }
  .edit_jam_page .field_row.has_data .data_row {
    display: block; }
  .edit_jam_page .field_row .data_row {
    display: none; }
  .edit_jam_page .field_row textarea, .edit_jam_page .field_row input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    width: 100%; }
  .edit_jam_page .field_row textarea {
    display: block; }
  .edit_jam_page .field_row .field_title {
    background: #F4F4F4;
    padding: 10px; }
  .edit_jam_page .field_row .field_description {
    margin: 10px; }
  .edit_jam_page .field_row .field_options {
    display: -webkit-flex;
    display: flex;
    margin: 10px; }
    .edit_jam_page .field_row .field_options > div {
      margin-right: 20px; }
      .edit_jam_page .field_row .field_options > div:last-child {
        margin-right: 0; }

.edit_jam_page .criteria_blocked, .edit_jam_page .fields_blocked {
  display: none;
  color: #444; }

.edit_jam_page .domain_wrapper {
  position: relative;
  border: 2px solid #cdcdcd;
  border-radius: 2px;
  margin: 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .edit_jam_page .domain_wrapper .domain {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 16px;
    padding: 8px;
    padding-right: 0;
    color: #999; }
  .edit_jam_page .domain_wrapper input {
    border: 0;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1px;
    width: auto; }

.edit_jam_page input[type=checkbox] {
  margin-left: 0; }

.edit_jam_page .padded {
  padding-left: 0;
  padding-right: 0; }
  .edit_jam_page .padded .warning_box {
    margin: 0 40px 40px 40px; }
    .edit_jam_page .padded .warning_box p {
      font-size: 16px;
      line-height: 1.5; }
    .edit_jam_page .padded .warning_box :last-child {
      margin-bottom: 0; }

.edit_jam_page .input_row {
  margin-left: 40px;
  margin-right: 40px; }

.edit_jam_page .buttons {
  border-top: 1px solid #dadada;
  padding: 20px 40px 0 40px;
  margin-top: 30px; }

.embed_game_page .embed_group {
  margin-bottom: 60px; }
  .embed_game_page .embed_group:last-child {
    margin-bottom: 0; }

.embed_game_page .embed_container {
  margin: 20px 0; }

.embed_game_page .embed_options {
  margin: 10px 0; }
  .embed_game_page .embed_options .options_label {
    margin-right: 10px; }
  .embed_game_page .embed_options label {
    margin-right: 10px; }
  .embed_game_page .embed_options strong {
    color: #444; }
  .embed_game_page .embed_options input[type="checkbox"] {
    vertical-align: middle; }

.embed_game_page .embed_code {
  margin: 10px 0;
  width: 552px;
  height: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.embed_game_page .embed_directions {
  width: 552px;
  font-size: 13px;
  color: #666; }
  .embed_game_page .embed_directions strong {
    color: #444; }

.embed_game_page p {
  margin-top: 0;
  font-size: 16px;
  width: 600px;
  line-height: 1.5; }

.export_purchases_page p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  max-width: 600px; }

.export_purchases_page .range_form_outer {
  margin-top: 40px; }
  .export_purchases_page .range_form_outer.has_purchases .found_purchases {
    display: table; }
  .export_purchases_page .range_form_outer.no_results .found_purchases p {
    display: none; }
  .export_purchases_page .range_form_outer.is_plural .plural {
    display: inline-block; }
  .export_purchases_page .range_form_outer.is_plural .singular {
    display: none; }
  .export_purchases_page .range_form_outer .plural {
    display: none; }
  .export_purchases_page .range_form_outer .found_purchases {
    display: none;
    margin: 20px 0; }

.export_purchases_page .horiz_inputs {
  margin-bottom: 20px; }
  .export_purchases_page .horiz_inputs .input_row {
    vertical-align: top;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0; }
    .export_purchases_page .horiz_inputs .input_row:last-child {
      margin-right: 0; }
  .export_purchases_page .horiz_inputs input.date_picker {
    width: 200px; }

.export_purchases_page form .loader {
  display: none; }

.export_purchases_page form.loading .loader {
  display: inline-block; }

.game_collections_page h2 .object_title:before {
  content: "“";
  font-weight: normal;
  color: #999; }

.game_collections_page h2 .object_title:after {
  content: "”";
  font-weight: normal;
  color: #999; }

.game_collections_page p {
  font-size: 16px;
  line-height: 1.5; }

.game_collections_page .loader {
  display: none; }

.game_collections_page form {
  margin-top: 20px; }
  .game_collections_page form.loading .loader {
    display: block;
    margin: 15px auto 0 auto; }
  .game_collections_page form .collection_name_input {
    margin: 10px 0 0 0; }

.game_collections_page .already_in {
  font-size: 16px;
  line-height: 1.5; }
  .game_collections_page .already_in .sub {
    color: #666;
    margin-left: 5px; }

.game_collections_page .collection_option {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px; }
  .game_collections_page .collection_option:first-child {
    border-top: 1px solid #dadada;
    padding-top: 15px; }

.game_collections_page .radio {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px; }

.game_collections_page .privacy_toggle {
  display: block;
  margin-top: 10px; }

.game_collections_page .collection_input {
  max-width: 100%;
  margin: 10px 0 0 0; }

@media (max-width: 400px) {
  .game_collections_page .buttons .button {
    display: block;
    width: 100%; }
  .game_collections_page .buttons .right_buttons {
    display: none; } }

.game_download_page, .bundle_download_page {
  padding-bottom: 20px;
  position: relative; }
  .game_download_page h2 .object_title:before, .bundle_download_page h2 .object_title:before {
    content: "“";
    font-weight: normal;
    color: #999; }
  .game_download_page h2 .object_title:after, .bundle_download_page h2 .object_title:after {
    content: "”";
    font-weight: normal;
    color: #999; }
  .game_download_page h3, .bundle_download_page h3 {
    margin: 20px 40px; }
  .game_download_page .pending_message, .bundle_download_page .pending_message {
    border: 1px solid #dadada;
    padding: 15px 20px;
    margin-bottom: 40px;
    background: #F4F4F4; }
  .game_download_page .warning_box, .bundle_download_page .warning_box {
    padding: 20px;
    margin: 20px 40px; }
    .game_download_page .warning_box p, .bundle_download_page .warning_box p {
      margin: 20px 0; }
      .game_download_page .warning_box p:first-child, .bundle_download_page .warning_box p:first-child {
        margin-top: 0; }
      .game_download_page .warning_box p:last-child, .bundle_download_page .warning_box p:last-child {
        margin-bottom: 0; }
    .game_download_page .warning_box .button, .bundle_download_page .warning_box .button {
      color: white; }
  .game_download_page .community_warning, .bundle_download_page .community_warning {
    background: #FFFED8;
    color: #636219;
    border-bottom: 1px solid #e5e396;
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 40px;
    border-radius: 3px 3px 0 0; }
  .game_download_page .email_capture .form .label, .bundle_download_page .email_capture .form .label {
    color: #636219;
    margin-bottom: 5px; }
  .game_download_page .email_capture .form input, .bundle_download_page .email_capture .form input {
    background: rgba(255, 255, 255, 0.8);
    width: 300px; }
  .game_download_page .email_capture .form .submit_link, .bundle_download_page .email_capture .form .submit_link {
    margin-left: 10px; }
  .game_download_page .email_capture .form .input_row, .bundle_download_page .email_capture .form .input_row {
    margin-bottom: 0; }
  .game_download_page .purchase_time, .game_download_page .purchase_email, .bundle_download_page .purchase_time, .bundle_download_page .purchase_email {
    color: #444;
    font-style: italic; }
  .game_download_page .purchase_price, .bundle_download_page .purchase_price {
    font-weight: bold; }
  .game_download_page p, .bundle_download_page p {
    margin: 20px 40px;
    line-height: 1.5;
    font-size: 16px; }
  .game_download_page .social_buttons_widget, .bundle_download_page .social_buttons_widget {
    margin: 20px 40px; }
  .game_download_page .bottom_links, .bundle_download_page .bottom_links {
    font-size: 16px;
    margin: 20px 40px; }
  .game_download_page .social_split, .bundle_download_page .social_split {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-top: 20px; }
    .game_download_page .social_split h3, .bundle_download_page .social_split h3 {
      margin-top: 0; }
    .game_download_page .social_split .greenlight_button, .bundle_download_page .social_split .greenlight_button {
      margin-right: 40px; }
    .game_download_page .social_split > :last-child, .bundle_download_page .social_split > :last-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .game_download_page .other_sales, .bundle_download_page .other_sales {
    margin: 20px 40px;
    background: #F4F4F4;
    padding: 15px 20px 20px 20px; }
    .game_download_page .other_sales .promo_text, .bundle_download_page .other_sales .promo_text {
      text-align: center;
      font-size: 16px;
      color: #666;
      margin-bottom: 15px; }
    .game_download_page .other_sales .sale_row, .bundle_download_page .other_sales .sale_row {
      width: auto;
      display: block;
      margin-right: 0; }
      .game_download_page .other_sales .sale_row:last-child, .bundle_download_page .other_sales .sale_row:last-child {
        margin-bottom: 0; }
      .game_download_page .other_sales .sale_row .sale_data, .bundle_download_page .other_sales .sale_row .sale_data {
        margin-right: 320px; }
      .game_download_page .other_sales .sale_row .sale_games, .bundle_download_page .other_sales .sale_row .sale_games {
        width: 320px; }

.game_download_page .empty_message {
  font-size: 16px;
  margin: 0 0 15px 0; }

.game_download_page .uploads {
  margin: 20px 0;
  padding: 20px 40px;
  padding-bottom: 5px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  position: relative; }
  .game_download_page .uploads .trouble_link {
    position: absolute;
    bottom: 4px;
    right: 40px;
    font-size: 12px;
    color: #999; }
    .game_download_page .uploads .trouble_link a {
      color: #999; }

.game_download_page .upload {
  margin-bottom: 15px;
  word-wrap: break-word;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center; }
  .game_download_page .upload .upload_name {
    -webkit-flex: 1;
    flex: 1;
    line-height: 1.3;
    letter-spacing: 8px; }
    .game_download_page .upload .upload_name > * {
      letter-spacing: normal; }
    .game_download_page .upload .upload_name .download_platforms {
      letter-spacing: 3px; }
  .game_download_page .upload .preorder_spacer {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #dadada;
    height: 35px;
    line-height: 35px;
    width: 100px;
    color: #666; }
  .game_download_page .upload .button, .game_download_page .upload .preorder_spacer {
    margin-right: 15px;
    width: 100px; }
  .game_download_page .upload .file_size {
    color: #666; }
  .game_download_page .upload .download_platforms {
    font-size: 15px; }
    .game_download_page .upload .download_platforms .icon {
      vertical-align: top;
      color: #666; }
  .game_download_page .upload:hover {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0 4px 4px 0; }

.game_download_page .game_grid_widget {
  margin-left: 37px;
  margin-right: 17px; }

.game_download_page .game_grid_outer h2 {
  margin: 40px 40px 20px 40px; }

.game_download_page .download_instructions, .game_download_page .external_keys {
  margin-bottom: 40px; }

.game_download_page .download_instructions .formatted {
  margin-left: 40px;
  margin-right: 40px;
  background: #F4F4F4;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 20px; }
  .game_download_page .download_instructions .formatted > :first-child {
    margin-top: 0; }
  .game_download_page .download_instructions .formatted > :last-child {
    margin-bottom: 0; }
  .game_download_page .download_instructions .formatted h1, .game_download_page .download_instructions .formatted h2, .game_download_page .download_instructions .formatted h3, .game_download_page .download_instructions .formatted h4, .game_download_page .download_instructions .formatted h5 {
    margin: 0 0 20px 0; }
  .game_download_page .download_instructions .formatted p {
    margin-left: 0;
    margin-right: 0; }

.game_download_page .key_claim.loading .loader {
  display: inline-block; }

.game_download_page .key_claim.has_key .key_row {
  display: block; }

.game_download_page .key_claim.has_key .claim_action_row, .game_download_page .key_claim.has_key .before_claim {
  display: none; }

.game_download_page .key_claim.has_error .claim_action_row, .game_download_page .key_claim.has_error .before_claim {
  display: none; }

.game_download_page .key_claim.has_error .claim_error {
  display: block; }

.game_download_page .key_claim .loader {
  margin-left: 10px;
  display: none; }

.game_download_page .key_claim .key_row, .game_download_page .key_claim .claim_error {
  display: none; }

.game_download_page .key_claim .claim_error {
  font-style: italic;
  color: #666; }

.game_download_page .key_claim .key_container {
  border: 1px solid #aaa;
  font-family: monospace;
  margin: 0;
  padding: 4px;
  font-size: 16px;
  color: #666;
  width: 300px; }

.game_download_page .reward_preview {
  border: 1px solid #dadada;
  margin: 0 40px;
  border-radius: 3px; }
  .game_download_page .reward_preview p, .game_download_page .reward_preview h3 {
    margin-left: 25px;
    margin-right: 25px; }

.game_download_page .game_buttons .button {
  margin-right: 20px; }
  .game_download_page .game_buttons .button .icon {
    margin-right: 10px; }

.alt_download_lightbox {
  width: 500px; }

.download_key_claimed_page p {
  line-height: 1.5;
  font-size: 16px;
  margin: 20px 40px; }

.bundle_download_page .game_outer {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada; }

.bundle_download_page .game_row {
  *zoom: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 0 40px 40px 40px;
  font-size: 16px; }
  .bundle_download_page .game_row .game_thumb {
    background-color: white;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: relative;
    width: 315px;
    height: 250px;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
    .bundle_download_page .game_row .game_thumb .no_cover_text {
      color: #dadada;
      font-size: 120px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -60px;
      margin-top: -65px; }
  .bundle_download_page .game_row:before, .bundle_download_page .game_row:after {
    content: " ";
    display: table; }
  .bundle_download_page .game_row:after {
    clear: both; }
  .bundle_download_page .game_row .game_title {
    margin: 0;
    padding: 0; }
    .bundle_download_page .game_row .game_title a {
      text-decoration: none; }
  .bundle_download_page .game_row .meta_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    color: #444; }
  .bundle_download_page .game_row .game_short_text {
    color: #666; }
  .bundle_download_page .game_row .button_row {
    margin-top: 15px; }
  .bundle_download_page .game_row .file_count {
    margin-top: 6px; }
  .bundle_download_page .game_row .game_row_data {
    margin-left: 20px; }

.game_gift_page p, .game_gift_success_page p {
  margin: 20px 40px;
  line-height: 1.5;
  font-size: 16px; }

.game_gift_success_page {
  padding-bottom: 20px; }

.game_gift_page .game_title:before {
  content: "“";
  font-weight: normal;
  color: #999; }

.game_gift_page .game_title:after {
  content: "”";
  font-weight: normal;
  color: #999; }

.game_gift_page form {
  margin: 20px 40px; }
  .game_gift_page form.has_errors .errors {
    display: inline-block; }
  .game_gift_page form.loading .loader {
    display: inline-block; }
  .game_gift_page form .loader {
    margin-left: 10px;
    display: none; }
  .game_gift_page form .errors {
    display: none;
    color: #D14343;
    margin-left: 10px; }

.game_gift_page .footer_links {
  border-top: 1px solid #dadada;
  color: #555; }
  .game_gift_page .footer_links a {
    color: #666; }

.game_keys_page p {
  font-size: 16px;
  line-height: 1.5;
  width: 600px;
  margin: 0 0 20px 0; }

.game_keys_page .key_row.revoked {
  background: #eee;
  color: #C9C9C9; }
  .game_keys_page .key_row.revoked a {
    color: #C9C9C9; }
  .game_keys_page .key_row.revoked .revoke_key_btn {
    visibility: hidden; }

.game_keys_page .key_row.new {
  background: #FFFBCA; }

.game_keys_page .key_row .key_preview {
  color: #666; }

.game_keys_page .buttons {
  margin-top: 20px;
  margin-bottom: 40px; }

.game_keys_page .key_drop.loading {
  opacity: 0.5; }
  .ie .game_keys_page .key_drop.loading {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.game_keys_page .key_group {
  margin-bottom: 60px; }
  .game_keys_page .key_group:last-child {
    margin-bottom: 0; }

.key_group_lightbox {
  max-width: 600px; }
  .key_group_lightbox .form {
    margin: 20px 40px; }
  .key_group_lightbox input[type=text] {
    width: 450px; }
    .key_group_lightbox input[type=text].unlock_price_input {
      width: 220px; }
  .key_group_lightbox .all_file_toggle_row {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .key_group_lightbox .currency_row .sub {
    color: #999; }
  .key_group_lightbox .input_row p {
    margin: 10px 0;
    font-size: 13px; }

.key_lightbox {
  max-width: 600px; }
  .key_lightbox .form {
    margin: 0 40px 20px 40px;
    text-align: left; }
    .key_lightbox .form .text_input {
      width: 450px; }
  .key_lightbox .label_form, .key_lightbox .claim_options {
    border-top: 1px solid #dadada;
    margin: 20px 0 20px 0; }
  .key_lightbox .label_form label {
    display: block;
    margin: 20px 40px; }
  .key_lightbox .label_form .icon {
    opacity: 0;
    -webkit-transition: opactiy 0.1s ease-in-out;
    -moz-transition: opactiy 0.1s ease-in-out;
    -ms-transition: opactiy 0.1s ease-in-out;
    transition: opactiy 0.1s ease-in-out;
    margin-left: 10px;
    color: #666; }
    .ie .key_lightbox .label_form .icon {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .key_lightbox .claim_options .claim_toggle {
    border: 1px solid #dadada;
    border-radius: 3px;
    display: block;
    margin: 20px 40px;
    border-radius: 4px;
    cursor: pointer; }
    .key_lightbox .claim_options .claim_toggle:hover {
      background-color: #f8f8f8; }
    .key_lightbox .claim_options .claim_toggle input {
      float: left;
      margin-top: 15px;
      margin-left: 15px; }
    .key_lightbox .claim_options .claim_toggle p {
      margin: 10px 20px;
      margin-left: 40px;
      font-size: 14px; }
      .key_lightbox .claim_options .claim_toggle p strong {
        color: #444; }
  .key_lightbox .button_row {
    margin: 30px 40px; }

.game_promo_images_page .image_uploader_row.has_image .image_preview_row {
  display: block; }

.game_promo_images_page .image_uploader_row.has_image .link_row {
  display: inline; }

.game_promo_images_page .image_uploader_row .link_row, .game_promo_images_page .image_uploader_row .image_preview_row {
  display: none; }

.game_promo_images_page .input_row .label {
  margin-bottom: .5em; }

.game_promo_images_page .image_preview_row {
  display: block;
  min-height: 2em; }

.game_promo_images_page .link_row {
  display: inline;
  margin-left: 1em; }

.game_promo_images_page .buttons {
  margin-bottom: 2em; }

.game_recommendations_page .grid_header p, .my_recommendations_page .grid_header p {
  font-size: 16px;
  line-height: 1.5;
  margin-left: 40px; }
  .game_recommendations_page .grid_header p:last-child, .my_recommendations_page .grid_header p:last-child {
    margin-bottom: 0; }

.game_recommendations_page .related_tags, .my_recommendations_page .related_tags {
  color: #666;
  overflow: hidden; }
  .game_recommendations_page .related_tags:last-child, .my_recommendations_page .related_tags:last-child {
    margin-bottom: 0; }
  .game_recommendations_page .related_tags .outline_button, .my_recommendations_page .related_tags .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    margin-left: 10px; }
    .game_recommendations_page .related_tags .outline_button:hover, .my_recommendations_page .related_tags .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .game_recommendations_page .related_tags .outline_button:active, .my_recommendations_page .related_tags .outline_button:active {
      background: #e44949;
      border-color: #e44949; }

.game_rewards_page.blank .save_btn {
  display: none; }

.game_rewards_page p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 20px 0;
  max-width: 600px; }

.game_rewards_page .button_row button {
  margin-right: 10px; }
  .game_rewards_page .button_row button:last-child {
    margin-right: 0; }

.game_rewards_page .reward_row {
  border: 1px solid #dadada;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .game_rewards_page .reward_row .input_row {
    display: block;
    margin-bottom: 10px; }
  .game_rewards_page .reward_row .reward_primary_column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #dadada;
    margin-right: 20px; }
    .game_rewards_page .reward_row .reward_primary_column .input_row {
      margin: 0; }
    .game_rewards_page .reward_row .reward_primary_column .title_row {
      padding: 20px; }
    .game_rewards_page .reward_row .reward_primary_column .description_row .label {
      padding: 0 20px 10px 20px; }
  .game_rewards_page .reward_row .reward_secondary_column {
    width: 30%;
    padding: 20px 20px 20px 0; }
  .game_rewards_page .reward_row input[type='text'] {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 0; }
    .game_rewards_page .reward_row input[type='text'].has_error {
      border-color: #D14343; }
  .game_rewards_page .reward_row .input_error {
    color: #D14343;
    margin-top: 4px; }
  .game_rewards_page .reward_row .claimed_count {
    margin-top: 5px; }
  .game_rewards_page .reward_row .remove_button {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-radius: 0 0px 0 4px;
    padding: 3px 6px;
    text-decoration: none; }
  .game_rewards_page .reward_row .redactor-box {
    margin: 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #dadada; }
    .game_rewards_page .reward_row .redactor-box .redactor-editor {
      border: 0; }

.game_summary_page .padded p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 20px 0; }

.game_summary_page .empty_message {
  color: #444;
  margin: 20px 0; }

.game_summary_page .referrers table {
  width: 100%; }
  .game_summary_page .referrers table td {
    white-space: nowrap;
    overflow: hidden; }

.game_summary_page .uploads, .game_summary_page .purchases_outer {
  margin-top: 40px; }

.game_summary_page .graph_container {
  margin-left: -20px; }

.game_summary_page .stat_header_widget .text_container h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px; }

.purchase_list_table.show_emails .email_cell {
  max-width: none; }

.purchase_list_table .email_cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px; }

h2:target {
  background: #CEFC9C;
  box-shadow: 0 0 0 10px #CEFC9C; }

.gdc_page p {
  font-size: 16px;
  line-height: 1.5; }

@media (max-width: 900px) {
  .responsive .goal_banner_widget .cover_image {
    display: none; }
  .responsive .goal_banner_widget .center_column {
    margin-left: 0; } }

@media (max-width: 700px) {
  .responsive .goal_banner_widget .extra_stats {
    display: none; }
  .responsive .goal_banner_widget .stat_inline:nth-child(2) {
    border-right: 0; } }

@media (max-width: 400px) {
  .responsive .goal_banner_widget .mini_logo {
    position: static; }
  .responsive .goal_banner_widget .stat_summary {
    display: none; }
  .responsive .goal_banner_widget .action_area {
    position: static; }
    .responsive .goal_banner_widget .action_area .button {
      display: block; } }

.goal_banner_widget .cover_image {
  float: left; }

.goal_banner_widget .center_column {
  margin-left: 210px;
  min-height: 150px;
  overflow: hidden;
  position: relative; }

.goal_banner_widget h3 {
  border-bottom: 2px solid #dadada;
  padding-bottom: 10px;
  margin: 5px 0 10px 0;
  line-height: 15px;
  background: white;
  position: relative; }

.goal_banner_widget .mini_logo {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0; }

.goal_banner_widget .action_area {
  margin-top: 8px;
  position: absolute;
  bottom: 0;
  right: 0; }

.goal_progress_widget .progress_bar {
  height: 10px;
  background: #e9e9e9;
  border-radius: 8px;
  overflow: hidden; }
  .goal_progress_widget .progress_bar .progress_inner {
    height: 100%;
    background: #FA5C5C;
    border-radius: 0 8px 8px 0px; }

.goal_progress_widget .stat_bar {
  margin-bottom: 10px;
  overflow: hidden; }

.goal_progress_widget .stat_box {
  display: inline-block;
  text-align: left; }
  .goal_progress_widget .stat_box.right_box {
    float: right;
    text-align: right; }
  .goal_progress_widget .stat_box .stat_value {
    font-size: 22px; }
  .goal_progress_widget .stat_box .stat_label {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px; }

.goal_progress_widget .stat_summary {
  margin-top: 10px; }

.goal_progress_widget .stat_inline {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #dadada;
  padding-right: 10px; }
  .goal_progress_widget .stat_inline:last-child {
    border-right: 0;
    padding-right: 0; }
  .goal_progress_widget .stat_inline .stat_value {
    font-size: 16px; }
  .goal_progress_widget .stat_inline .stat_label {
    font-size: 14px;
    color: #666; }

.graph_container {
  height: 180px;
  margin-bottom: 20px; }
  .graph_container .graph_popup {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    top: 0;
    left: 0; }
    .graph_container .graph_popup .popup_date {
      font-weight: bold; }
  .graph_container .axis path, .graph_container .axis line {
    fill: none;
    stroke: #888;
    shape-rendering: crispEdges; }
  .graph_container .axis text {
    fill: #333; }
  .graph_container .x_guides, .graph_container .y_guides {
    stroke: #ddd;
    fill: none;
    shape-rendering: crispEdges; }
  .graph_container .graph path {
    fill: rgba(255, 128, 128, 0.5);
    stroke: rgba(255, 128, 128, 0.8); }
  .graph_container .popup_trigger:hover circle {
    fill: white;
    stroke-width: 3; }
  .graph_container .popup_trigger circle {
    fill: white;
    stroke: #ff6c6c; }
  .graph_container .popup_trigger .hitbox {
    fill: black;
    opacity: 0.0; }
  .graph_container .label circle {
    fill: white;
    stroke: #ff6c6c; }
  .graph_container .label text {
    color: #444; }

.game_grid_widget .game_cell {
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: left;
  margin: 0 20px 40px 0; }
  .game_grid_widget .game_cell .game_thumb {
    background-color: white;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: relative;
    width: 315px;
    height: 250px;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
    .game_grid_widget .game_cell .game_thumb .no_cover_text {
      color: #dadada;
      font-size: 120px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -60px;
      margin-top: -65px; }
  .game_grid_widget .game_cell .game_cell_tools {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease, top 0.2s ease;
    -moz-transition: opacity 0.2s ease, top 0.2s ease;
    -ms-transition: opacity 0.2s ease, top 0.2s ease;
    transition: opacity 0.2s ease, top 0.2s ease; }
    .ie .game_grid_widget .game_cell .game_cell_tools {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .game_grid_widget .game_cell .game_cell_tools .action_btn {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      display: inline-block;
      background: black;
      background: rgba(30, 30, 30, 0.5);
      color: #eee;
      font-size: 12px;
      border: 1px solid rgba(10, 10, 10, 0.5);
      border-radius: 2px;
      padding: 2px 4px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
      cursor: pointer;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
      margin-bottom: 10px;
      text-decoration: none;
      border: 4px solid #DD4A4A;
      background: rgba(30, 30, 30, 0.8);
      font-size: 14px;
      box-shadow: none;
      border-radius: 3px; }
      .game_grid_widget .game_cell .game_cell_tools .action_btn .icon {
        margin-right: 5px; }
      .game_grid_widget .game_cell .game_cell_tools .action_btn:hover {
        background: rgba(38, 38, 38, 0.5); }
      .game_grid_widget .game_cell .game_cell_tools .action_btn:hover {
        border-color: #e15f5f;
        background: rgba(40, 40, 40, 0.8); }
  .game_grid_widget .game_cell:hover .game_cell_tools {
    top: 10px;
    opacity: 1; }
    .ie .game_grid_widget .game_cell:hover .game_cell_tools {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .game_grid_widget .game_cell.image_loading .game_cell_tools {
    opacity: 0; }
    .ie .game_grid_widget .game_cell.image_loading .game_cell_tools {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .game_grid_widget .game_cell .thumb_link {
    text-decoration: none; }
  .game_grid_widget .game_cell .game_title {
    font-size: 18px;
    margin-top: 10px;
    line-height: 24px;
    margin-bottom: 3px; }
    .game_grid_widget .game_cell .game_title a.title {
      font-weight: bold;
      text-decoration: none;
      margin-right: 6px;
      word-wrap: break-word; }
  .game_grid_widget .game_cell .game_author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-bottom: 6px; }
    .game_grid_widget .game_cell .game_author a {
      color: #666;
      text-decoration: none; }
      .game_grid_widget .game_cell .game_author a:hover {
        text-decoration: underline; }
  .game_grid_widget .game_cell .game_genre, .game_grid_widget .game_cell .game_platform, .game_grid_widget .game_cell .game_text, .game_grid_widget .game_cell .game_promo {
    font-size: 14px;
    margin-bottom: 2px;
    color: #999; }
  .game_grid_widget .game_cell .game_promo {
    margin-top: 4px;
    font-weight: bold;
    color: #333; }
    .game_grid_widget .game_cell .game_promo > a {
      color: inherit;
      text-decoration: none; }
      .game_grid_widget .game_cell .game_promo > a:hover {
        text-decoration: underline; }
  .game_grid_widget .game_cell .game_text {
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .game_grid_widget .game_cell .price_flag {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    line-height: 18px;
    background: #24C091;
    color: white;
    text-shadow: 1px 1px 1px #1c9571;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 13px; }
    .game_grid_widget .game_cell .price_flag .icon {
      vertical-align: top;
      margin-left: 5px; }
    .game_grid_widget .game_cell .price_flag:hover {
      background: #26c997; }
    .game_grid_widget .game_cell .price_flag:active {
      background: #22b78b; }
  .game_grid_widget .game_cell .dual_flag {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    border-radius: 3px; }
    .game_grid_widget .game_cell .dual_flag:hover .price_flag {
      background: #26c997; }
    .game_grid_widget .game_cell .dual_flag.bundle_flag {
      background: #C17DFF; }
      .game_grid_widget .game_cell .dual_flag.bundle_flag:hover {
        background: #c687ff; }
      .game_grid_widget .game_cell .dual_flag.bundle_flag .flag_amount {
        text-shadow: 1px 1px 1px #9d31ff;
        border-left: 2px solid #b564ff; }
    .game_grid_widget .game_cell .dual_flag.sale_flag {
      background: #FFC200; }
      .game_grid_widget .game_cell .dual_flag.sale_flag:hover {
        background: #ffcc29; }
      .game_grid_widget .game_cell .dual_flag.sale_flag .flag_amount {
        text-shadow: 1px 1px 1px #b38800;
        border-left: 2px solid #e6af00; }
      .game_grid_widget .game_cell .dual_flag.sale_flag.reverse {
        background: #fe4e50;
        font-weight: bold; }
        .game_grid_widget .game_cell .dual_flag.sale_flag.reverse:hover {
          background: #fe7778; }
        .game_grid_widget .game_cell .dual_flag.sale_flag.reverse .flag_amount {
          text-shadow: 1px 1px 1px #fe0205;
          border-left: 2px solid #fe3537; }
    .game_grid_widget .game_cell .dual_flag .price_flag {
      border-radius: 3px 0 0 3px;
      border-right: 1px solid #67e3bd; }
    .game_grid_widget .game_cell .dual_flag .flag_amount {
      display: inline-block;
      vertical-align: top;
      height: 18px;
      line-height: 18px;
      padding: 2px 6px;
      font-size: 13px;
      color: white; }
      .game_grid_widget .game_cell .dual_flag .flag_amount:first-child {
        border-left: 0; }

.game_list {
  white-space: nowrap; }
  .game_list .game_cell {
    width: 200px;
    white-space: normal;
    margin-bottom: 20px; }
    .game_list .game_cell .game_thumb {
      width: 200px;
      height: 158px; }
    .game_list .game_cell .price_flag, .game_list .game_cell .game_text, .game_list .game_cell .game_genre, .game_list .game_cell .game_platform, .game_list .game_cell .game_promo {
      display: none; }

.jam_add_game_page {
  font-size: 16px; }
  .jam_add_game_page p {
    line-height: 1.5; }

.jam_unrated_page {
  background: white;
  border-bottom: 2px solid #d0d0d0; }
  .jam_unrated_page .column_outer {
    width: 960px;
    margin: 0 auto; }
  .jam_unrated_page table {
    width: 100%; }

.edit_collection_admins_lightbox_widget {
  width: 600px; }
  .edit_collection_admins_lightbox_widget h3 {
    margin: 20px 40px; }
  .edit_collection_admins_lightbox_widget .admins_form_widget {
    margin: 20px 40px; }
    .edit_collection_admins_lightbox_widget .admins_form_widget input[type='text'] {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 100%; }

.user_register_page .form_errors, .user_login_page .form_errors {
  margin-bottom: 40px;
  font-size: 16px; }

@media (max-width: 450px) {
  .user_register_page .line, .user_login_page .line {
    display: block;
    margin-top: 20px; } }

.user_register_page .link_purchase, .user_login_page .link_purchase {
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 40px;
  border-bottom: 1px solid #dadada; }

.user_register_page .login_footer a, .user_login_page .login_footer a {
  color: #666; }

.user_login_page .intent {
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 40px 0 40px; }

.user_login_page .login_footer {
  border-top: 1px solid #dadada;
  padding: 15px 40px; }

.user_register_page .validated {
  position: relative; }
  .user_register_page .validated .input_error_message {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #D14343; }
    .ie .user_register_page .validated .input_error_message {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .user_register_page .validated .icon {
    -webkit-transition: opacity, 0.2s;
    -moz-transition: opacity, 0.2s;
    -ms-transition: opacity, 0.2s;
    transition: opacity, 0.2s;
    position: absolute;
    top: 18px;
    right: 9px;
    font-size: 14px;
    color: #66B355;
    opacity: 0; }
  .user_register_page .validated input {
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    -ms-transition: border-color 0.2s;
    transition: border-color 0.2s;
    position: relative; }
  .user_register_page .validated.valid input {
    border-color: #66B355; }
  .user_register_page .validated.valid .icon {
    opacity: 1; }
  .user_register_page .validated.invalid .input_error_message {
    top: -15px;
    opacity: 1; }
    .ie .user_register_page .validated.invalid .input_error_message {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .user_register_page .validated.invalid input {
    border-color: #D14343; }

.user_register_page .slug_row, .user_register_page .slug_row input {
  text-align: center; }

.user_register_page .slug_row .slug_preview {
  border: none;
  font-size: 14px; }

.user_register_page .user_configurator {
  border: 1px solid #dadada;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 20px; }
  .user_register_page .user_configurator strong {
    display: block;
    margin-bottom: 10px; }
  .user_register_page .user_configurator p {
    margin: 0;
    color: #666;
    line-height: 1.5; }

.user_register_page .form_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid #dadada;
  padding: 40px;
  margin: 0;
  width: 50%; }

.user_register_page .about_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1px solid #dadada;
  position: relative;
  left: -1px;
  padding: 40px;
  width: 50%; }
  .user_register_page .about_column h2 {
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 20px 0; }
  .user_register_page .about_column p {
    font-size: 14px;
    margin: 0 0 20px 0;
    line-height: 1.5; }

@media (max-width: 700px) {
  .user_register_page .about_column, .user_register_page .form_column {
    display: block;
    width: 100%;
    border-right: 0; } }

.purchases_base_page .header_tabs {
  padding-left: 40px; }

.purchases_base_page .grid_outer {
  position: relative; }
  .purchases_base_page .grid_outer .border_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    background: white; }

.purchases_base_page .game_grid_widget .game_cell {
  margin-right: 0;
  padding-right: 20px;
  margin-bottom: 60px; }
  .purchases_base_page .game_grid_widget .game_cell:last-child .date_header {
    margin-right: -5px; }
  .purchases_base_page .game_grid_widget .game_cell .price_flag, .purchases_base_page .game_grid_widget .game_cell .game_text, .purchases_base_page .game_grid_widget .game_cell .game_genre, .purchases_base_page .game_grid_widget .game_cell .game_platform, .purchases_base_page .game_grid_widget .game_cell .game_sale {
    display: none; }
  .purchases_base_page .game_grid_widget .game_cell .game_thumb, .purchases_base_page .game_grid_widget .game_cell .game_title, .purchases_base_page .game_grid_widget .game_cell .game_author {
    margin-right: 20px; }
  .purchases_base_page .game_grid_widget .game_cell .date_header {
    border-bottom: 4px solid #dadada;
    margin-bottom: 20px;
    margin-right: -20px;
    margin-left: -5px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    padding: 5px;
    font-weight: bold;
    color: #444; }

.new_bundle_form_page form.has_errors .form_errors {
  display: block; }

.new_bundle_form_page form .form_errors {
  display: none;
  margin: 0 40px 30px 40px;
  font-size: 16px; }
  .new_bundle_form_page form .form_errors li {
    line-height: 1.5; }

.new_bundle_form_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px;
  margin-top: 0; }

.new_bundle_form_page .payouts_warning:before {
  content: "Note: ";
  font-weight: bold; }

.new_bundle_form_page .readonly_warning, .new_bundle_form_page .sub {
  color: #666;
  font-size: 14px; }

.new_bundle_form_page .readonly_warning {
  margin: 40px 0 0 0; }

.new_bundle_form_page .sub {
  margin: 5px 0 0 0; }

.new_bundle_form_page form .form_errors {
  margin: 0; }

.new_bundle_form_page .loader {
  display: none; }

.new_bundle_form_page.loading .loader {
  display: inline-block; }

.new_bundle_form_page.loading .buttons a {
  display: none; }

.new_bundle_form_page .input_row {
  margin-bottom: 25px; }

.new_bundle_form_page .game_list_row .form_loader {
  margin-left: 10px; }

.new_bundle_form_page .game_list_row .game_url_input {
  width: 440px; }

.new_bundle_form_page .game_list_row .add_game_btn {
  width: 90px;
  margin-left: 10px; }

.new_bundle_form_page .game_list_row .bundle_game_list {
  color: #666;
  list-style-type: none;
  padding: .7em 1em;
  border: 1px solid #dadada;
  border-radius: 4px;
  width: 540px; }

.new_bundle_form_page .game_list_row .remove_game {
  float: right;
  color: #999;
  text-decoration: underline; }
  .new_bundle_form_page .game_list_row .remove_game:hover {
    cursor: pointer; }

.new_bundle_form_page .game_list_row .minimum_price_checkbox {
  float: right;
  margin-right: 10px;
  vertical-align: middle; }
  .new_bundle_form_page .game_list_row .minimum_price_checkbox:hover {
    cursor: pointer; }

.new_bundle_form_page .game_list_row .minimum_price_picker {
  margin: 10px 0 0 0; }
  .new_bundle_form_page .game_list_row .minimum_price_picker .sub {
    line-height: 1.6em; }
  .new_bundle_form_page .game_list_row .minimum_price_picker .item_price_input {
    width: 80px;
    padding: 1px 4px;
    margin-right: 10px;
    font-size: 12px; }

.new_bundle_form_page .game_list_row .game_row {
  padding-bottom: .6em;
  margin-bottom: .6em;
  border-bottom: 1px solid #dadada; }
  .new_bundle_form_page .game_list_row .game_row * {
    line-height: 2em;
    vertical-align: middle; }
  .new_bundle_form_page .game_list_row .game_row .cover {
    display: inline-block;
    height: 2em;
    width: 2.66667em;
    margin-right: 5px;
    background-size: 110% auto;
    background-position: 50% 50%; }
  .new_bundle_form_page .game_list_row .game_row .game_info {
    max-width: 270px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top; }
  .new_bundle_form_page .game_list_row .game_row .game_link {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-decoration: none; }
    .new_bundle_form_page .game_list_row .game_row .game_link:hover {
      text-decoration: underline; }
  .new_bundle_form_page .game_list_row .game_row .user_link {
    color: #666;
    margin-right: 10px; }
  .new_bundle_form_page .game_list_row .game_row .price_tag {
    display: inline-block;
    font-size: 12px;
    background: #24C091;
    color: white;
    padding: 0 .4em;
    border-radius: 4px; }
  .new_bundle_form_page .game_list_row .game_row:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }

.new_bundle_form_page .game_list_row .game_list_summary .price {
  font-weight: bold; }

.new_bundle_form_page .bundle_price_row {
  margin-top: 10px; }
  .new_bundle_form_page .bundle_price_row .suggested_bundle_price {
    font-weight: bold; }

.new_bundle_form_page .duration_row .date_picker {
  display: inline-block;
  width: 150px;
  margin-right: 20px; }

.new_bundle_form_page .duration_row .duration_label {
  margin-right: 8px;
  color: #666; }

.new_bundle_form_page .redactor-box {
  width: 540px; }

.new_bundle_form_page .split_row .label {
  font-size: 16px; }

.new_bundle_form_page .split_row .split_presets {
  color: #999; }
  .new_bundle_form_page .split_row .split_presets a {
    color: #666;
    display: inline-block;
    margin-left: 5px; }

.new_bundle_form_page .split_row .split_list {
  margin: 1.4em 0;
  padding: 0; }

.new_bundle_form_page .split_row .split_slider_container {
  list-style-type: none;
  margin: .4em 0;
  padding: 0; }
  .new_bundle_form_page .split_row .split_slider_container img.avatar {
    width: 35px;
    height: 35px;
    border: 2px solid #FFBBBB;
    border-radius: 2px;
    background: white;
    vertical-align: middle;
    margin-right: 10px; }
  .new_bundle_form_page .split_row .split_slider_container .username {
    max-width: auto;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 170px;
    margin-right: 10px;
    height: 1em;
    font-size: 16px; }

.new_bundle_form_page .split_row .split_slider_outer {
  display: inline-block;
  vertical-align: middle;
  width: 270px;
  margin: 10px 20px 10px 0; }

.new_bundle_form_page .split_row .split_summary {
  display: inline-block; }
  .new_bundle_form_page .split_row .split_summary .split_value {
    font-size: 24px; }
  .new_bundle_form_page .split_row .split_summary .sub {
    color: #666;
    font-size: 15px; }

.press_application_page .press_header p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  max-width: 600px; }

.press_application_page textarea {
  min-height: 150px; }

.press_application_page .form {
  margin-top: 40px; }
  .press_application_page .form div.sub {
    max-width: 600px; }

.press_user_list_page p {
  max-width: 600px;
  font-size: 16px;
  line-height: 1.5; }
  .press_user_list_page p a {
    display: inline-block; }

.press_user_list_page table {
  width: 100%; }

.purchase_status_page.failed .failed_message.hidden {
  display: block; }

.purchase_status_page.failed .loading_message {
  display: none; }

.purchase_status_page .failed_message.hidden {
  display: none; }

.add_game_to_jam_lightbox_widget {
  width: 450px;
  padding-bottom: 10px; }
  .add_game_to_jam_lightbox_widget.has_fields {
    width: 600px; }
    .add_game_to_jam_lightbox_widget.has_fields.mobile_lb {
      width: auto; }
  .add_game_to_jam_lightbox_widget.intent_join .on_submit {
    display: none; }
  .add_game_to_jam_lightbox_widget.intent_submit .on_join {
    display: none; }
  .add_game_to_jam_lightbox_widget h3 {
    margin: 30px 40px 20px 40px;
    color: #333; }
  .add_game_to_jam_lightbox_widget p {
    margin: 20px 40px;
    font-size: 16px;
    line-height: 1.5; }
  .add_game_to_jam_lightbox_widget.submitted .on_init {
    display: none; }
  .add_game_to_jam_lightbox_widget.submitted .on_success {
    display: block; }
  .add_game_to_jam_lightbox_widget .loader {
    display: none; }
  .add_game_to_jam_lightbox_widget .on_success {
    display: none; }
  .add_game_to_jam_lightbox_widget .form {
    margin: 20px 40px; }
    .add_game_to_jam_lightbox_widget .form h3 {
      margin: 0 0 20px 0; }
    .add_game_to_jam_lightbox_widget .form input.button {
      margin: 0; }
  .add_game_to_jam_lightbox_widget .or_split {
    margin: 0 5px;
    color: #666;
    font-style: italic; }
  .add_game_to_jam_lightbox_widget .field_row .private_bubble {
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 6px;
    display: inline-block;
    font-weight: bold;
    line-height: 15px;
    margin-left: 10px;
    vertical-align: 1px;
    background: #A287C0;
    color: #f6f3f9; }
  .add_game_to_jam_lightbox_widget .field_row .label {
    line-height: 1.5; }
  .add_game_to_jam_lightbox_widget .field_row p {
    margin: 10px 0; }
  .add_game_to_jam_lightbox_widget .field_row input[type="text"], .add_game_to_jam_lightbox_widget .field_row textarea {
    width: 400px; }

.saltw_jam_page.saltw_winter_jam .page_header {
  background-image: url(//i.imgur.com/TNnHzms.png);
  background-size: cover;
  height: auto; }
  .saltw_jam_page.saltw_winter_jam .page_header h2 {
    color: white; }
  .saltw_jam_page.saltw_winter_jam .page_header .block {
    background: rgba(0, 0, 0, 0.7); }
    .saltw_jam_page.saltw_winter_jam .page_header .block p {
      color: #ddd; }
  .saltw_jam_page.saltw_winter_jam .page_header .countdown_row {
    color: white; }
  .saltw_jam_page.saltw_winter_jam .page_header .countdown .countdown_section {
    color: #ddd; }

.saltw_jam_page.saltw_winter_jam .theme_banner {
  text-align: center; }

.saltw_jam_page .video_header video {
  width: 960px;
  height: 540px;
  display: block; }

.saltw_jam_page .page_header {
  position: relative;
  overflow: hidden;
  height: 540px;
  background: black url("//commondatastorage.googleapis.com/itchio/misc/swjam.png"); }
  .saltw_jam_page .page_header .block {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 20px;
    margin: 0;
    margin-bottom: 10px;
    text-shadow: 0 0 2px black; }
    .saltw_jam_page .page_header .block.top_block {
      margin-top: 50px; }
    .saltw_jam_page .page_header .block.bottom_block {
      margin-bottom: 50px; }
  .saltw_jam_page .page_header h1, .saltw_jam_page .page_header h2, .saltw_jam_page .page_header p {
    color: white;
    font-weight: normal;
    margin: 0; }
  .saltw_jam_page .page_header p {
    width: 400px;
    color: #ccc; }
  .saltw_jam_page .page_header h1 {
    font-size: 48px; }
    .saltw_jam_page .page_header h1 a {
      color: white;
      text-decoration: none;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .saltw_jam_page .page_header h1 a:hover {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); }
  .saltw_jam_page .page_header h2, .saltw_jam_page .page_header p {
    font-size: 16px; }
  .saltw_jam_page .page_header h2 {
    color: #888; }
  .saltw_jam_page .page_header em {
    color: #01BE5C; }
  .saltw_jam_page .page_header p a {
    color: #01BE5C; }
  .saltw_jam_page .page_header .button_row {
    margin-top: 20px; }
  .saltw_jam_page .page_header .social_buttons_widget {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle; }
  .saltw_jam_page .page_header .header_overlay {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0; }

.saltw_jam_page .please_join_us {
  border: 1px solid #E2E2E2;
  margin: 20px 40px;
  background: #F3F3F3; }
  .saltw_jam_page .please_join_us p {
    margin: 20px; }
  .saltw_jam_page .please_join_us .join_row {
    text-align: center; }
  .saltw_jam_page .please_join_us .quote {
    font-size: 16px; }
    .saltw_jam_page .please_join_us .quote:before {
      content: "“";
      font-weight: normal;
      color: #999; }
    .saltw_jam_page .please_join_us .quote:after {
      content: "”";
      font-weight: normal;
      color: #999; }

.saltw_jam_page .youtube_video {
  width: 800px;
  margin: 20px auto; }

.search_two_page h2 {
  background: #F4F4F4;
  margin: 0;
  padding: 10px 40px;
  margin-bottom: 20px; }

@media (max-width: 400px) {
  .search_two_page .form .button {
    display: block;
    width: 100%; } }

.search_two_page .game_grid_widget {
  padding-left: 20px; }
  .search_two_page .game_grid_widget .coll_btn {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
  @media (max-width: 400px) {
    .search_two_page .game_grid_widget .game_cell .game_title {
      font-size: 16px; }
    .search_two_page .game_grid_widget .game_cell .game_genre, .search_two_page .game_grid_widget .game_cell .game_platform, .search_two_page .game_grid_widget .game_cell .game_text, .search_two_page .game_grid_widget .game_cell .game_sale, .search_two_page .game_grid_widget .game_cell .game_author {
      font-size: 12px; } }
  @media (max-width: 500px) {
    .search_two_page .game_grid_widget .game_cell .game_thumb .no_cover_text {
      font-size: 60px;
      margin-left: -30px;
      margin-top: -30px; } }

.search_two_page .user_results {
  font-size: 16px;
  line-height: 1.5; }

.lightbox.upload_lightbox_widget.not_closable .close_button {
  display: none; }

.lightbox.upload_lightbox_widget h2 {
  border-bottom: 1px solid #dadada;
  margin: 0;
  margin-bottom: 20px;
  padding: 40px;
  padding-bottom: 20px;
  padding-top: 0;
  margin-top: 30px; }

.lightbox.upload_lightbox_widget iframe {
  border: 0;
  margin: 20px 40px;
  width: 400px;
  height: 100px; }

body.upload_layout {
  background: white; }

.manual_upload_page.show_size_error .size_error {
  display: block; }

.manual_upload_page.show_type_error .type_error {
  display: block; }

.manual_upload_page.uploading .manual_upload_progress {
  display: block; }

.manual_upload_page.uploading .manual_upload_form {
  display: none; }

.manual_upload_page button {
  margin-top: 10px; }

.manual_upload_page .manual_upload_progress {
  display: none;
  text-align: center;
  width: 350px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  color: #444; }
  .manual_upload_page .manual_upload_progress .loading_block {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 10px 0; }

.manual_upload_page .form_errors {
  margin-bottom: 10px;
  display: none; }
.add_game_to_jam_form_widget .badges_input .badge_picker, .add_game_to_jam_form_widget .category_input .badge_picker {
  border: 1px solid #dadada;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 15px 10px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin-right: 20px;
  cursor: pointer; }
  .add_game_to_jam_form_widget .badges_input .badge_picker:hover, .add_game_to_jam_form_widget .category_input .badge_picker:hover {
    background-color: #f8f8f8; }

.add_game_to_jam_form_widget .badges_input .badge_toggle, .add_game_to_jam_form_widget .badges_input .badge_image, .add_game_to_jam_form_widget .category_input .badge_toggle, .add_game_to_jam_form_widget .category_input .badge_image {
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  margin-right: 20px; }

.add_game_to_jam_form_widget .badges_input .badge_summary, .add_game_to_jam_form_widget .category_input .badge_summary {
  font-size: 14px;
  line-height: 1.5;
  vertical-align: top; }
  .add_game_to_jam_form_widget .badges_input .badge_summary p, .add_game_to_jam_form_widget .category_input .badge_summary p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 16px; }
.bank_account_lightbox_widget {
  width: 600px; }
  .bank_account_lightbox_widget.is_individual .for_individual {
    display: block; }
  .bank_account_lightbox_widget.is_business .for_business {
    display: block; }
  .bank_account_lightbox_widget .for_business, .bank_account_lightbox_widget .for_individual {
    display: none; }
  .bank_account_lightbox_widget .form {
    margin: 0 40px; }
  .bank_account_lightbox_widget input[type='text'] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%; }
  .bank_account_lightbox_widget .buttons {
    margin-bottom: 20px; }
  .bank_account_lightbox_widget .sub_terms {
    color: #666;
    line-height: 1.4;
    margin-bottom: 20px; }
    .bank_account_lightbox_widget .sub_terms a {
      color: #666; }
  .bank_account_lightbox_widget .input_group {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 15px; }
    .bank_account_lightbox_widget .input_group > .input_row {
      margin-bottom: 0;
      margin-right: 20px; }
      .bank_account_lightbox_widget .input_group > .input_row:last-child {
        margin-right: 0; }
.claim_steam_key_lightbox_widget {
  width: 500px; }
  .claim_steam_key_lightbox_widget .steam_login {
    text-align: center; }
  .claim_steam_key_lightbox_widget .sub {
    color: #999;
    font-size: 14px; }
    .claim_steam_key_lightbox_widget .sub a {
      color: #666; }
.community_archive_topic_lightbox_widget {
  width: 600px; }
  .community_archive_topic_lightbox_widget .form {
    margin: 20px 40px; }
@charset "UTF-8";
.community_ban_lightbox_widget {
  width: 600px; }
  .community_ban_lightbox_widget.after_ban .after_submit {
    display: block; }
  .community_ban_lightbox_widget.after_ban .before_submit {
    display: none; }
  .community_ban_lightbox_widget h2 .banned_user:before {
    content: "“";
    font-weight: normal;
    color: #999; }
  .community_ban_lightbox_widget h2 .banned_user:after {
    content: "”";
    font-weight: normal;
    color: #999; }
  .community_ban_lightbox_widget .form {
    margin: 20px 40px; }
  .community_ban_lightbox_widget .after_submit {
    display: none; }
.community_category_topics_widget .category_header .category_tools {
  position: relative;
  margin-bottom: 10px; }
  .community_category_topics_widget .category_header .category_tools .right_tools {
    line-height: 35px;
    position: absolute;
    top: 0;
    right: 0; }
    .community_category_topics_widget .category_header .category_tools .right_tools strong {
      color: #666; }
    .community_category_topics_widget .category_header .category_tools .right_tools a {
      color: #666; }

.community_category_topics_widget .category_header .category_pager {
  margin-bottom: 20px;
  color: #666; }

.community_category_topics_widget .category_footer {
  margin-bottom: 20px; }
  .community_category_topics_widget .category_footer .category_tools {
    margin: 20px 0 10px 0; }
  .community_category_topics_widget .category_footer .category_pager {
    margin: 10px 0 20px 0;
    color: #666; }

.community_category_topics_widget .empty_message {
  text-align: center;
  margin: 40px; }
  .community_category_topics_widget .empty_message p {
    font-size: 18px;
    color: #666; }
.community_category_tree_widget .category_directory {
  border: 1px solid #dadada;
  margin-bottom: 20px; }
  .community_category_tree_widget .category_directory:last-child {
    margin-bottom: 0; }
  .community_category_tree_widget .category_directory > .category_title {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    background: #F4F4F4;
    border-bottom: 1px solid #dadada;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden; }
    .community_category_tree_widget .category_directory > .category_title a {
      color: inherit;
      text-decoration: none; }
    .community_category_tree_widget .category_directory > .category_title .last_topic_label {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      float: right;
      border-left: 1px solid #dadada;
      padding-left: 10px;
      width: 300px; }
  .community_category_tree_widget .category_directory .category_row {
    border-bottom: 1px solid #dadada;
    padding: 15px; }
    .community_category_tree_widget .category_directory .category_row:last-child {
      border-bottom: 0; }

.community_category_tree_widget .category_row.top_level {
  border: 1px solid #dadada;
  margin-bottom: 20px;
  padding: 15px; }

.community_category_tree_widget .category_row.unread_topics > .category_top_row .category_title a {
  font-weight: bold; }

.community_category_tree_widget .category_row:last-child {
  margin-bottom: 0; }

.community_category_tree_widget .category_row > .category_top_row {
  display: flex;
  align-items: center; }
  .community_category_tree_widget .category_row > .category_top_row .category_primary {
    flex: 1;
    margin-right: 20px;
    font-size: 16px; }
  .community_category_tree_widget .category_row > .category_top_row .category_title {
    font-size: 18px; }

.community_category_tree_widget .category_row > .child_categories {
  margin-left: 10px; }

.community_category_tree_widget .category_row .last_topic {
  width: 290px;
  line-height: 1.7;
  color: #999; }
  .community_category_tree_widget .category_row .last_topic .topic_titie, .community_category_tree_widget .category_row .last_topic .topic_author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .community_category_tree_widget .category_row .last_topic a {
    color: #666; }
  .community_category_tree_widget .category_row .last_topic .avatar_container {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 9px; }
  .community_category_tree_widget .category_row .last_topic .last_topic_avatar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }

.community_category_tree_widget .category_row .category_stats {
  color: #999;
  margin-left: 10px;
  font-size: 14px; }

.community_category_tree_widget .category_row .short_description {
  margin-top: 10px;
  color: #666; }

.community_category_tree_widget .category_row .category_tag {
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 4px;
  padding: 3px 6px;
  display: inline-block;
  font-weight: bold;
  color: rgba(102, 102, 102, 0.8);
  line-height: 15px;
  vertical-align: 1px;
  margin-left: 10px; }
.community_lock_topic_lightbox_widget {
  width: 600px; }
  .community_lock_topic_lightbox_widget .form {
    margin: 20px 40px; }
.community_post_form_widget .reply_form_columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .community_post_form_widget .reply_form_columns .author_column {
    padding-right: 20px; }
    .community_post_form_widget .reply_form_columns .author_column .avatar_container {
      display: block;
      width: 80px;
      height: 80px; }
    .community_post_form_widget .reply_form_columns .author_column .post_avatar {
      display: block;
      width: 80px;
      height: 80px;
      background-color: #F4F4F4;
      background-size: cover;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      border-radius: 2px; }
  .community_post_form_widget .reply_form_columns .post_form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .community_post_form_widget .reply_form_columns .post_form .redactor-box {
      margin-top: 0; }
  .community_post_form_widget .reply_form_columns .add_profile_image {
    font-size: 12px;
    width: 80px;
    text-align: center;
    margin-top: 10px; }
    .community_post_form_widget .reply_form_columns .add_profile_image a {
      color: #666; }
.community_post_list_widget.has_vote_column .community_post.sidebar_avatar .post_content {
  margin-left: 142px; }

.community_post_list_widget.has_vote_column .community_post .post_content {
  margin-left: 56px; }

.community_post_list_widget.has_vote_column .community_post.is_reply .post_content {
  margin-left: 50px; }

.community_post_list_widget.has_vote_column .community_post_replies {
  margin-left: 35px;
  padding-left: 15px; }

.community_post_list_widget .community_post {
  position: relative;
  *zoom: 1;
  margin-bottom: 60px; }
  .community_post_list_widget .community_post:before, .community_post_list_widget .community_post:after {
    content: " ";
    display: table; }
  .community_post_list_widget .community_post:after {
    clear: both; }
  .community_post_list_widget .community_post.has_replies {
    margin-bottom: 20px; }
  .community_post_list_widget .community_post.deleted {
    background: #F4F4F4;
    padding: 20px;
    max-width: 600px;
    color: #666; }
    .community_post_list_widget .community_post.deleted .deleted_tools {
      float: right; }
      .community_post_list_widget .community_post.deleted .deleted_tools a {
        color: #666; }
  .community_post_list_widget .community_post.last_root_post {
    margin-bottom: 0; }
  .community_post_list_widget .community_post.sidebar_avatar .post_content {
    margin-left: 100px; }
  .community_post_list_widget .community_post.is_reply .post_body {
    font-size: 16px;
    line-height: 1.5; }
  .community_post_list_widget .community_post.is_reply .post_header .post_author a {
    font-size: 16px; }
  .community_post_list_widget .community_post.is_reply .post_content {
    margin-left: 0; }
  .community_post_list_widget .community_post .edit_message {
    font-style: italic; }
  .community_post_list_widget .community_post .post_votes {
    float: left;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 5px;
    padding-bottom: 4px;
    margin-right: 15px; }
    .community_post_list_widget .community_post .post_votes a {
      text-decoration: none; }
    .community_post_list_widget .community_post .post_votes .vote_btn {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      font-size: 32px;
      line-height: 15px;
      width: 20px;
      height: 18px;
      display: block;
      margin-bottom: 4px;
      color: #666;
      text-align: center;
      cursor: pointer; }
      .community_post_list_widget .community_post .post_votes .vote_btn:hover.vote_up_btn, .community_post_list_widget .community_post .post_votes .vote_btn.voted.vote_up_btn {
        color: #aada80; }
      .community_post_list_widget .community_post .post_votes .vote_btn:hover.vote_down_btn, .community_post_list_widget .community_post .post_votes .vote_btn.voted.vote_down_btn {
        color: #fe4e50; }
      .community_post_list_widget .community_post .post_votes .vote_btn:last-child {
        margin-bottom: 0; }
  .community_post_list_widget .community_post .post_sidebar {
    width: 80px;
    float: left; }
    .community_post_list_widget .community_post .post_sidebar .avatar_container {
      display: block;
      width: 80px;
      height: 80px; }
    .community_post_list_widget .community_post .post_sidebar .post_avatar {
      display: block;
      width: 80px;
      height: 80px;
      background-color: #F4F4F4;
      background-size: cover;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      border-radius: 2px; }
  .community_post_list_widget .community_post .post_header {
    font-size: 16px;
    margin-bottom: 10px;
    color: #999; }
    .community_post_list_widget .community_post .post_header .post_author a {
      color: #666;
      font-size: 18px; }
    .community_post_list_widget .community_post .post_header .author_flag {
      font-size: 14px;
      background: #e7e7e7;
      border-radius: 4px;
      padding: 0px 8px;
      display: inline-block;
      font-weight: bold;
      color: rgba(102, 102, 102, 0.8);
      vertical-align: middle;
      height: 22px;
      line-height: 22px;
      vertical-align: 1px;
      margin-left: 10px; }
      .community_post_list_widget .community_post .post_header .author_flag.admin {
        background: #fc8d8d;
        color: rgba(255, 255, 255, 0.8); }
      .community_post_list_widget .community_post .post_header .author_flag.owner {
        background: #64b6f5;
        color: rgba(255, 255, 255, 0.8); }
    .community_post_list_widget .community_post .post_header .post_date {
      margin-left: 10px; }
      .community_post_list_widget .community_post .post_header .post_date a {
        color: inherit;
        text-decoration: none; }
        .community_post_list_widget .community_post .post_header .post_date a:hover {
          text-decoration: underline; }
    .community_post_list_widget .community_post .post_header .upvotes, .community_post_list_widget .community_post .post_header .downvotes {
      margin-left: 10px;
      margin-left: 10px;
      color: #222; }
    .community_post_list_widget .community_post .post_header .avatar_container {
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 8px;
      vertical-align: middle; }
    .community_post_list_widget .community_post .post_header .post_avatar {
      display: block;
      width: 25px;
      height: 25px;
      background-color: rgba(0, 0, 0, 0.2);
      background-size: cover;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      border-radius: 2px; }
  .community_post_list_widget .community_post .post_footer {
    margin-top: 10px;
    font-size: 16px; }
    .community_post_list_widget .community_post .post_footer .post_action {
      color: #999;
      margin-right: 10px; }
    .community_post_list_widget .community_post .post_footer .vote_btn {
      font-family: Lato, sans-serif;
      background: transparent;
      cursor: pointer;
      font-size: 16px;
      text-decoration: none;
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 1px 5px;
      display: inline-block;
      vertical-align: -1px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .community_post_list_widget .community_post .post_footer .vote_btn .like_text {
        display: inline-block;
        margin-left: 4px;
        vertical-align: 1px; }
      .community_post_list_widget .community_post .post_footer .vote_btn:hover, .community_post_list_widget .community_post .post_footer .vote_btn.voted {
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
  .community_post_list_widget .community_post .post_body {
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    word-wrap: break-word; }
    .community_post_list_widget .community_post .post_body blockquote {
      color: #666;
      font-style: italic;
      border-left: 4px solid #dadada;
      padding-left: 15px; }
    .community_post_list_widget .community_post .post_body img {
      max-width: 100%; }
    .community_post_list_widget .community_post .post_body pre {
      background: #F4F4F4;
      border: 1px solid #dadada;
      word-wrap: normal;
      overflow: auto;
      padding: 10px;
      font-size: 16px;
      border-radius: 3px;
      margin: 1em 0; }
    .community_post_list_widget .community_post .post_body > :first-child {
      margin-top: 0; }
    .community_post_list_widget .community_post .post_body > :last-child {
      margin-bottom: 0; }

.community_post_list_widget .community_post_replies {
  *zoom: 1;
  margin: 20px 0;
  padding: 0 0 0 40px;
  border-left: 1px solid #dadada;
  background: #F4F4F4; }
  .community_post_list_widget .community_post_replies:before, .community_post_list_widget .community_post_replies:after {
    content: " ";
    display: table; }
  .community_post_list_widget .community_post_replies:after {
    clear: both; }
  .community_post_list_widget .community_post_replies.top_level_replies {
    margin-bottom: 60px;
    padding-right: 20px;
    margin-left: 40px; }
  .community_post_list_widget .community_post_replies.last_root_post {
    margin-bottom: 0; }
  .community_post_list_widget .community_post_replies .community_post {
    margin: 20px 0; }
.community_report_post_lightbox_widget {
  width: 500px; }
  .community_report_post_lightbox_widget.submitted_report .before_submit {
    display: none; }
  .community_report_post_lightbox_widget.submitted_report .after_submit {
    display: block; }
  .community_report_post_lightbox_widget .after_submit {
    display: none; }
  .community_report_post_lightbox_widget .form {
    margin: 20px 40px; }
    .community_report_post_lightbox_widget .form textarea {
      min-height: 80px; }
.community_stick_topic_lightbox_widget {
  width: 600px; }
  .community_stick_topic_lightbox_widget .form {
    margin: 20px 40px; }
.community_topic_header_widget.has_moderation h2 {
  margin-right: 150px; }

.community_topic_header_widget.tabbed_header_widget h2 {
  line-height: 1.4;
  display: block; }

.community_topic_header_widget.tabbed_header_widget .text_container {
  padding: 20px 20px 20px 40px; }

.community_topic_header_widget.tabbed_header_widget .outline_button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  padding: 3px 10px;
  font-size: 14px;
  letter-spacing: 0.025em;
  white-space: nowrap;
  border: 2px solid #dadada;
  color: #444;
  color: #666; }
  .community_topic_header_widget.tabbed_header_widget .outline_button:hover {
    background: white;
    color: #333;
    color: white;
    background: #FA5C5C;
    border-color: #FA5C5C; }
  .community_topic_header_widget.tabbed_header_widget .outline_button:active {
    background: #e44949;
    border-color: #e44949; }

.community_topic_header_widget.tabbed_header_widget .stat_header_widget {
  height: auto; }

.community_topic_header_widget .topic_flags {
  word-spacing: 5px; }

.community_topic_header_widget .topic_back {
  margin-bottom: 10px;
  font-size: 14px; }
  .community_topic_header_widget .topic_back a {
    color: #999;
    text-decoration: none; }
    .community_topic_header_widget .topic_back a .text {
      text-decoration: underline; }

.community_topic_header_widget .topic_flag {
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 4px;
  padding: 0px 8px;
  display: inline-block;
  font-weight: bold;
  color: rgba(102, 102, 102, 0.8);
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  vertical-align: 2px; }
  .community_topic_header_widget .topic_flag.sticky_flag {
    background: #A287C0;
    color: #f6f3f9; }

.community_topic_header_widget .lock_log {
  margin-top: 20px;
  border: 1px solid #fe4e50; }
  .community_topic_header_widget .lock_log .lock_log_header {
    color: #fe4e50;
    font-weight: bold;
    background: rgba(255, 0, 0, 0.1);
    padding: 10px; }
    .community_topic_header_widget .lock_log .lock_log_header a {
      color: inherit; }
    .community_topic_header_widget .lock_log .lock_log_header abbr {
      border: 0;
      margin-left: 10px;
      font-weight: normal; }
  .community_topic_header_widget .lock_log .formatted {
    padding: 10px;
    font-size: 16px;
    line-height: 1.5; }
    .community_topic_header_widget .lock_log .formatted > :last-child {
      margin-bottom: 0; }

.community_topic_header_widget .topic_meta {
  font-size: 16px;
  margin-top: 4px;
  color: #666;
  line-height: 27px; }
  .community_topic_header_widget .topic_meta .moderation_tools {
    line-height: normal;
    position: relative;
    float: right; }
    .community_topic_header_widget .topic_meta .moderation_tools:before {
      content: "Moderation";
      position: absolute;
      bottom: 100%;
      margin-bottom: 2px;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      color: #666; }

.community_topic_header_widget .sub_header {
  font-size: 16px;
  border-bottom: 1px solid #dadada;
  line-height: 35px;
  padding: 10px 20px 10px 40px;
  background: #F4F4F4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .community_topic_header_widget .sub_header > * {
    margin-right: 15px; }
    .community_topic_header_widget .sub_header > *:last-child {
      margin-right: 0; }
  .community_topic_header_widget .sub_header .topic_pager {
    color: #666; }
  .community_topic_header_widget .sub_header .topic_subscriber {
    line-height: 1.5;
    font-size: 14px;
    text-align: right;
    color: #666;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .community_topic_header_widget .sub_header .topic_subscriber button {
      color: #666;
      margin-left: 10px; }
.community_topic_list_widget .filter_picker_widget .tick {
  margin-left: 0; }

.community_topic_list_widget .filter_picker_widget .filter_popup {
  top: 0px;
  left: -6px; }
  .community_topic_list_widget .filter_picker_widget .filter_popup .filter_option {
    font-size: 14px; }

.community_topic_list_widget .spaced {
  word-spacing: 5px; }
  .community_topic_list_widget .spaced > * {
    word-spacing: normal; }

.community_topic_list_widget .topic_table {
  width: 100%;
  border: 1px solid #dadada; }
  .community_topic_list_widget .topic_table td {
    padding: 10px 15px; }
  .community_topic_list_widget .topic_table thead td {
    padding: 8px 15px;
    background: #F4F4F4;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; }
    .community_topic_list_widget .topic_table thead td.blank_head {
      border-left: 0; }
    .community_topic_list_widget .topic_table thead td:first-child {
      border-left: 0; }
  .community_topic_list_widget .topic_table tbody tr:first-child td {
    padding-top: 20px; }
  .community_topic_list_widget .topic_table tbody tr:last-child td {
    padding-bottom: 20px; }
  .community_topic_list_widget .topic_table .topic_row.unread_posts .topic_title a {
    color: #DD4A4A; }
  .community_topic_list_widget .topic_table .topic_title {
    font-size: 18px; }
    .community_topic_list_widget .topic_table .topic_title a:visited {
      color: #555; }
  .community_topic_list_widget .topic_table .topic_author {
    max-width: 100px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: -3px; }
  .community_topic_list_widget .topic_table abbr {
    border-bottom: 0; }
  .community_topic_list_widget .topic_table .topic_date, .community_topic_list_widget .topic_table .last_page_link {
    display: inline-block;
    margin-left: 5px; }
  .community_topic_list_widget .topic_table .topic_stats {
    text-align: right;
    font-size: 14px;
    color: #999;
    min-width: 60px;
    white-space: nowrap; }
    .community_topic_list_widget .topic_table .topic_stats .number_value {
      color: #666; }
  .community_topic_list_widget .topic_table .topic_last_post {
    min-width: 140px; }
  .community_topic_list_widget .topic_table .topic_poster {
    color: #999;
    font-size: 14px;
    white-space: nowrap;
    margin-top: 8px; }
    .community_topic_list_widget .topic_table .topic_poster a {
      color: #666; }
  .community_topic_list_widget .topic_table .no_last_post {
    color: #999;
    font-style: italic; }
  .community_topic_list_widget .topic_table .last_poster_group {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999; }
    .community_topic_list_widget .topic_table .last_poster_group .last_post_author {
      max-width: 110px;
      display: inline-block;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis; }
    .community_topic_list_widget .topic_table .last_poster_group .last_post_date a {
      color: #999; }
    .community_topic_list_widget .topic_table .last_poster_group a {
      color: #666; }
  .community_topic_list_widget .topic_table .avatar_container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .community_topic_list_widget .topic_table .last_post_avatar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
  .community_topic_list_widget .topic_table .image_topic_tag {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-right: 10px; }
  .community_topic_list_widget .topic_table .topic_tag {
    font-size: 14px;
    background: #e7e7e7;
    border-radius: 4px;
    padding: 0px 8px;
    display: inline-block;
    font-weight: bold;
    color: rgba(102, 102, 102, 0.8);
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    margin-right: 10px; }
    .community_topic_list_widget .topic_table .topic_tag.new_flag {
      background: #24BDE0;
      color: rgba(255, 255, 255, 0.9); }
    .community_topic_list_widget .topic_table .topic_tag.sticky_flag {
      background: #A287C0;
      color: rgba(255, 255, 255, 0.9); }
.community_topic_posts_widget .breadcrumbs {
  margin-top: 30px;
  margin-bottom: 10px; }
  .community_topic_posts_widget .breadcrumbs a {
    -webkit-transition: 0.1s ease color;
    -moz-transition: 0.1s ease color;
    -ms-transition: 0.1s ease color;
    transition: 0.1s ease color;
    text-decoration: none;
    color: #666; }
    .community_topic_posts_widget .breadcrumbs a .text {
      text-decoration: underline; }
    .community_topic_posts_widget .breadcrumbs a:hover {
      color: #DD4A4A; }

.community_topic_posts_widget .topic_posts_header .topic_information {
  background: #F4F4F4;
  padding: 15px 18px;
  font-size: 14px; }

.community_topic_posts_widget .topic_posts_header h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0; }

.community_topic_posts_widget .topic_posts_header .topic_flags {
  word-spacing: 10px; }

.community_topic_posts_widget .topic_posts_header .topic_flag {
  font-size: 14px;
  background: #dadada;
  border-radius: 4px;
  padding: 3px 6px;
  display: inline-block;
  font-weight: bold;
  color: rgba(102, 102, 102, 0.9);
  line-height: 15px;
  vertical-align: 2px; }
  .community_topic_posts_widget .topic_posts_header .topic_flag.sticky_flag {
    background: #A287C0;
    color: #f6f3f9; }

.community_topic_posts_widget .topic_posts_header .topic_meta {
  color: #666;
  margin-top: 10px; }
  .community_topic_posts_widget .topic_posts_header .topic_meta a {
    color: #222; }

.community_topic_posts_widget .topic_posts_header .reply_tools {
  margin-top: 15px; }

.community_topic_posts_widget .topic_posts_header .moderator_tools {
  float: right;
  padding: 6px 0;
  color: #666; }
  .community_topic_posts_widget .topic_posts_header .moderator_tools a {
    color: #222; }

.community_topic_posts_widget .topic_posts_header .lock_log {
  background: #e7e7e7;
  padding: 15px 18px; }
  .community_topic_posts_widget .topic_posts_header .lock_log abbr {
    margin-left: 5px; }
  .community_topic_posts_widget .topic_posts_header .lock_log .topic_meta {
    margin: 0; }
  .community_topic_posts_widget .topic_posts_header .lock_log .formatted {
    margin-top: 10px;
    font-size: 18px; }
    .community_topic_posts_widget .topic_posts_header .lock_log .formatted > :last-child {
      margin-bottom: 0; }

.community_topic_posts_widget .topic_posts_footer {
  margin-top: 40px; }
  .community_topic_posts_widget .topic_posts_footer .footer_message {
    background: #F4F4F4;
    color: #666;
    padding: 15px 18px; }
    .community_topic_posts_widget .topic_posts_footer .footer_message abbr {
      margin-left: 5px; }
    .community_topic_posts_widget .topic_posts_footer .footer_message a {
      color: #222; }
  .community_topic_posts_widget .topic_posts_footer .community_post_form_widget .label {
    display: none; }

.community_topic_posts_widget .topic_pager {
  color: #666; }
  .community_topic_posts_widget .topic_pager.bottom_pager {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #666;
    background: #F4F4F4;
    border-top: 1px solid #dadada;
    line-height: 35px;
    padding: 10px 40px;
    margin: 0;
    font-size: 16px; }
    .community_topic_posts_widget .topic_pager.bottom_pager:last-child {
      border-radius: 0 0 5px 5px; }

.community_topic_posts_widget .topic_posts_footer {
  border-top: 1px solid #dadada;
  padding: 20px 40px;
  margin: 0; }
  .community_topic_posts_widget .topic_posts_footer .lock_message {
    color: #fe4e50;
    font-weight: bold;
    background: rgba(255, 0, 0, 0.1);
    padding: 10px; }
    .community_topic_posts_widget .topic_posts_footer .lock_message a {
      color: inherit; }
    .community_topic_posts_widget .topic_posts_footer .lock_message abbr {
      border: 0;
      margin-left: 10px;
      font-weight: normal; }

.community_topic_posts_widget .create_account_banner {
  color: #666; }
  .community_topic_posts_widget .create_account_banner .button {
    margin-right: 20px; }
.credit_card_lightbox_widget {
  width: 600px; }
  .credit_card_lightbox_widget .form {
    margin: 20px 40px; }
    .credit_card_lightbox_widget .form input[type=text] {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box; }
    .credit_card_lightbox_widget .form p {
      margin: 20px 0; }
    .credit_card_lightbox_widget .form .has_error {
      border-color: #D14343;
      box-shadow: 0 0 0 1px #D14343; }
  .credit_card_lightbox_widget .secure_footer {
    padding: 20px 40px;
    border-top: 1px solid #dadada;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .credit_card_lightbox_widget .secure_footer .stripe_button {
      height: 26px;
      margin-right: 20px; }
    .credit_card_lightbox_widget .secure_footer img {
      display: block; }
    .credit_card_lightbox_widget .secure_footer .sub {
      color: #999;
      font-size: 14px;
      line-height: 1.4; }
  .credit_card_lightbox_widget .card_row {
    position: relative; }
    .credit_card_lightbox_widget .card_row.visa_card .card_image {
      background-image: url("/static/images/stripe/cards/visa.png"); }
    .credit_card_lightbox_widget .card_row.mastercard_card .card_image {
      background-image: url("/static/images/stripe/cards/mastercard.png"); }
    .credit_card_lightbox_widget .card_row.amex_card .card_image {
      background-image: url("/static/images/stripe/cards/amex.png"); }
    .credit_card_lightbox_widget .card_row.discover_card .card_image {
      background-image: url("/static/images/stripe/cards/discover.png"); }
    .credit_card_lightbox_widget .card_row.diners_card .card_image {
      background-image: url("/static/images/stripe/cards/diners.png"); }
    .credit_card_lightbox_widget .card_row.jcb_card .card_image {
      background-image: url("/static/images/stripe/cards/jcb.png"); }
    .credit_card_lightbox_widget .card_row .card_image {
      width: 32px;
      height: 20px;
      background-image: url("/static/images/stripe/cards/placeholder.png");
      position: absolute;
      top: 29px;
      right: 10px; }
.dashboard_game_channel_lightbox_widget {
  width: 500px; }
  .dashboard_game_channel_lightbox_widget .build_table {
    margin: 20px 40px; }
    .dashboard_game_channel_lightbox_widget .build_table .status_column.completed.active {
      background: rgba(170, 218, 128, 0.5);
      color: #222; }
    .dashboard_game_channel_lightbox_widget .build_table .status_column.completed {
      color: #999; }
    .dashboard_game_channel_lightbox_widget .build_table .status_column.started {
      background: rgba(251, 145, 117, 0.5); }
    .dashboard_game_channel_lightbox_widget .build_table .status_column.processing {
      background: rgba(52, 160, 242, 0.5); }
    .dashboard_game_channel_lightbox_widget .build_table .status_column.failed {
      background: rgba(254, 78, 80, 0.5); }
  .dashboard_game_channel_lightbox_widget table {
    width: 100%; }
  .dashboard_game_channel_lightbox_widget h2 code {
    background: #F4F4F4; }
  .dashboard_game_channel_lightbox_widget .bottom_buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .dashboard_game_channel_lightbox_widget .bottom_buttons .rest {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .dashboard_game_channel_lightbox_widget .bottom_buttons .rest a {
        color: #999; }
.dashboard_game_upload_channel_lightbox_widget input[type=file] {
  display: none; }

.dashboard_game_upload_channel_lightbox_widget .btn_pick_archive, .dashboard_game_upload_channel_lightbox_widget .btn_pick_directory {
  display: block;
  margin-top: 10px; }
  .dashboard_game_upload_channel_lightbox_widget .btn_pick_archive .icon, .dashboard_game_upload_channel_lightbox_widget .btn_pick_directory .icon {
    margin-right: 6px; }

.dashboard_game_upload_channel_lightbox_widget .zip-part, .dashboard_game_upload_channel_lightbox_widget .directory-part {
  display: inline-block; }

.dashboard_game_upload_channel_lightbox_widget .zip-part {
  margin-right: 10px; }

.dashboard_game_upload_channel_lightbox_widget .directory-part {
  margin-left: 10px; }

.dashboard_game_upload_channel_lightbox_widget.loaded .loading_lightbox {
  opacity: 0;
  pointer-events: none; }

.dashboard_game_upload_channel_lightbox_widget .status {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 600px; }

.dashboard_game_upload_channel_lightbox_widget .loading_lightbox {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  opacity: .9;
  text-align: center; }
.dashboard_purchase_lightbox_widget {
  width: 600px; }
  .dashboard_purchase_lightbox_widget h2 .purchase_permalink {
    margin-left: 10px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    color: #999;
    text-decoration: none; }
    .dashboard_purchase_lightbox_widget h2 .purchase_permalink:hover {
      color: #666; }
  .dashboard_purchase_lightbox_widget.show_download_group .download_group {
    display: block; }
  .dashboard_purchase_lightbox_widget.show_download_group .show_download_btn {
    display: none; }
  .dashboard_purchase_lightbox_widget .status_tag {
    margin-right: 40px;
    color: white;
    background: gray;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    border-radius: 2px;
    padding: 0px 6px;
    height: 20px;
    line-height: 20px; }
    .dashboard_purchase_lightbox_widget .status_tag.complete {
      background: #34a0f2; }
    .dashboard_purchase_lightbox_widget .status_tag.refunded {
      background: #FB9175; }
  .dashboard_purchase_lightbox_widget .details_group .tip {
    color: #666; }
  .dashboard_purchase_lightbox_widget .buyer_group .country_code {
    color: #666; }
  .dashboard_purchase_lightbox_widget .info_group {
    margin: 20px 40px; }
    .dashboard_purchase_lightbox_widget .info_group h3 {
      font-size: 14px;
      margin: 0;
      margin-bottom: 6px;
      line-height: 20px; }
    .dashboard_purchase_lightbox_widget .info_group .group_container, .dashboard_purchase_lightbox_widget .info_group .group_table {
      display: block;
      border: 1px solid #dadada;
      border-radius: 2px;
      font-size: 16px;
      padding: 10px 20px; }
    .dashboard_purchase_lightbox_widget .info_group .group_table tr td {
      line-height: 22px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .dashboard_purchase_lightbox_widget .info_group .group_table tr td a {
        color: #666; }
    .dashboard_purchase_lightbox_widget .info_group .group_table tr td:first-child {
      width: 130px;
      text-align: right;
      color: #999;
      font-size: 14px;
      padding-right: 10px; }
  .dashboard_purchase_lightbox_widget .download_group {
    display: none; }
    .dashboard_purchase_lightbox_widget .download_group p {
      margin: 0;
      font-size: 14px;
      color: #666; }
    .dashboard_purchase_lightbox_widget .download_group .download_url_text {
      display: block;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      color: #666; }
  .dashboard_purchase_lightbox_widget .bottom_links {
    margin: 20px 40px; }
    .dashboard_purchase_lightbox_widget .bottom_links a {
      margin-right: 10px; }
  .dashboard_purchase_lightbox_widget .fraud_notice {
    background: #F4F4F4;
    padding: 10px;
    margin: 20px 40px; }
    .dashboard_purchase_lightbox_widget .fraud_notice p {
      font-size: 14px;
      color: #666;
      margin: 0;
      margin-bottom: 10px; }
      .dashboard_purchase_lightbox_widget .fraud_notice p:last-child {
        margin-bottom: 0; }
.dashboard_purchase_list_widget {
  border: 1px solid #c8c8c8;
  border-radius: 2px;
  margin-bottom: 10px; }
  .dashboard_purchase_list_widget .status_flag {
    display: inline-block;
    background: #a6a6a6;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
    padding: 0px 6px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle; }
    .dashboard_purchase_list_widget .status_flag.refunded_flag {
      background: #FB9175; }
  .dashboard_purchase_list_widget .purchase_row {
    border-bottom: 1px solid #dadada;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .dashboard_purchase_list_widget .purchase_row:last-child {
      border-bottom: 0; }
    .dashboard_purchase_list_widget .purchase_row:hover .info_column .purchase_info_btn {
      opacity: 1; }
    .dashboard_purchase_list_widget .purchase_row > div {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding: 10px 20px; }
    .dashboard_purchase_list_widget .purchase_row .amount_column {
      width: 18%;
      background: #F4F4F4; }
      .dashboard_purchase_list_widget .purchase_row .amount_column .purchase_price {
        font-size: 18px;
        margin-bottom: 2px; }
      .dashboard_purchase_list_widget .purchase_row .amount_column .purchase_source {
        color: #666;
        font-size: 14px; }
    .dashboard_purchase_list_widget .purchase_row .item_column {
      width: 52%; }
      .dashboard_purchase_list_widget .purchase_row .item_column .item_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 2px;
        font-size: 18px; }
        .dashboard_purchase_list_widget .purchase_row .item_column .item_title .bundle_flag {
          margin-right: 8px; }
        .dashboard_purchase_list_widget .purchase_row .item_column .item_title .mini_data {
          -moz-user-select: none;
          -webkit-user-select: none;
          user-select: none;
          vertical-align: middle;
          margin-left: 10px;
          display: inline-block;
          font-size: 12px;
          color: #999;
          border: 1px solid #dadada;
          border-radius: 2px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          height: 20px;
          line-height: 20px;
          padding: 0 5px; }
      .dashboard_purchase_list_widget .purchase_row .item_column .purchase_email {
        color: #666;
        font-size: 14px; }
        .dashboard_purchase_list_widget .purchase_row .item_column .purchase_email a {
          color: inherit;
          text-decoration: none; }
          .dashboard_purchase_list_widget .purchase_row .item_column .purchase_email a:hover {
            text-decoration: underline; }
    .dashboard_purchase_list_widget .purchase_row .info_column {
      text-align: right;
      min-width: 10%;
      padding: 0;
      font-size: 14px;
      line-height: 1.5; }
      .dashboard_purchase_list_widget .purchase_row .info_column > div {
        margin-bottom: 2px; }
      .dashboard_purchase_list_widget .purchase_row .info_column .purchase_info_btn {
        opacity: 0;
        -webkit-transition: opacity 0.1s ease;
        -moz-transition: opacity 0.1s ease;
        -ms-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease; }
      .dashboard_purchase_list_widget .purchase_row .info_column a {
        color: #666; }
    .dashboard_purchase_list_widget .purchase_row .date_column {
      width: 20%;
      font-size: 14px;
      color: #666;
      line-height: 1.5; }
      .dashboard_purchase_list_widget .purchase_row .date_column .subber {
        color: #999; }
      .dashboard_purchase_list_widget .purchase_row .date_column .purchase_referrer {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
.edit_collection_lightbox_widget {
  width: 622px; }
  .edit_collection_lightbox_widget.is_private .on_profile_toggle {
    opacity: 0.5; }
  .edit_collection_lightbox_widget form {
    margin: 30px 40px; }
    .edit_collection_lightbox_widget form.loading .loader {
      display: inline-block; }
    .edit_collection_lightbox_widget form .loader {
      display: none; }
    .edit_collection_lightbox_widget form .redactor-box {
      width: 540px; }
    .edit_collection_lightbox_widget form .check_list, .edit_collection_lightbox_widget form .radio_list {
      font-size: 16px;
      line-height: 1.5; }
.edit_event_lightbox_widget {
  width: 600px; }
  .edit_event_lightbox_widget .input_row {
    margin: 20px 40px; }
  .edit_event_lightbox_widget .buttons {
    margin: 15px 40px; }
    .edit_event_lightbox_widget .buttons .right_buttons {
      float: right;
      line-height: 35px; }
      .edit_event_lightbox_widget .buttons .right_buttons a {
        color: #666; }
  .edit_event_lightbox_widget .loader {
    display: none; }
  .edit_event_lightbox_widget form.loading .loader {
    display: inline-block; }
.featured_game_grid_widget {
  color: #ddd;
  padding: 20px 0 0 20px;
  margin-bottom: 20px; }
  .featured_game_grid_widget h2 {
    color: #eee;
    padding-right: 20px;
    margin: 0;
    margin-bottom: 25px;
    font-weight: normal; }
  .featured_game_grid_widget video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: black; }
  .featured_game_grid_widget .video_shadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
  .featured_game_grid_widget .game_cell {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 25px; }
    .featured_game_grid_widget .game_cell:hover .label {
      bottom: 0px; }
    .featured_game_grid_widget .game_cell:hover .fading_data {
      opacity: 1.0; }
    body.disable_hover .featured_game_grid_widget .game_cell:hover .label {
      bottom: -30px; }
    body.disable_hover .featured_game_grid_widget .game_cell:hover .fading_data {
      opacity: 0; }
    .featured_game_grid_widget .game_cell.image_loading .game_thumb {
      opacity: 0; }
    .featured_game_grid_widget .game_cell .fading_data {
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      .ie .featured_game_grid_widget .game_cell .fading_data {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .featured_game_grid_widget .game_cell .bordered {
      background: rgba(0, 0, 0, 0.5);
      width: 192px;
      height: 152px;
      position: relative;
      border-radius: 2px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
      box-shadow: 0 0 0 2px #222; }
    .featured_game_grid_widget .game_cell .sale_flag {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: absolute;
      top: -9px;
      right: 0;
      background: url("/static/images/ribbon-sale.png");
      width: 54px;
      height: 61px;
      color: #867132;
      text-shadow: 0 1px 0 #FFF18E; }
      .featured_game_grid_widget .game_cell .sale_flag .mini_label {
        font-size: 12px;
        color: #A78F4A;
        text-transform: uppercase;
        line-height: 1.1; }
      .featured_game_grid_widget .game_cell .sale_flag .text {
        text-align: center;
        position: absolute;
        top: 10px;
        left: 10px;
        right: 9px;
        font-weight: bold; }
    .featured_game_grid_widget .game_cell .meta_tag {
      float: right;
      position: relative;
      z-index: 1;
      border-radius: 3px;
      padding: 2px 5px;
      text-transform: uppercase;
      margin-left: 10px;
      font-size: 13px;
      letter-spacing: 0.05em;
      box-shadow: 0 0 0 5px #333; }
      .featured_game_grid_widget .game_cell .meta_tag.price_tag {
        color: #70F1C9;
        padding: 1px 5px;
        border: 1px solid rgba(36, 192, 145, 0.5);
        background-color: rgba(36, 192, 145, 0.1);
        border-radius: 4px; }
      .featured_game_grid_widget .game_cell .meta_tag.free_tag {
        background: #232323; }
      .featured_game_grid_widget .game_cell .meta_tag.web_tag {
        background: #999999;
        color: #222; }
    .featured_game_grid_widget .game_cell .game_thumb {
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out;
      vertical-align: top;
      display: block;
      position: absolute;
      border-radius: 2px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
      background-position: 50% 50%;
      background-size: cover; }
    .featured_game_grid_widget .game_cell .label {
      color: white;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #aaa;
      margin-top: 6px;
      margin-bottom: 10px; }
      .featured_game_grid_widget .game_cell .label a {
        text-decoration: none;
        color: #aaa; }
        .featured_game_grid_widget .game_cell .label a:hover {
          text-decoration: underline; }
    .featured_game_grid_widget .game_cell .meta_data {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      position: absolute;
      bottom: 5px;
      left: 5px;
      padding: 2px 6px;
      height: 18px;
      line-height: 18px;
      font-size: 16px;
      color: white;
      border-radius: 2px;
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
      text-shadow: 0 0 4px black;
      cursor: default;
      white-space: nowrap;
      font-size: 14px;
      word-spacing: 5px; }
.filter_picker_widget {
  display: inline-block;
  position: relative;
  z-index: 1; }
  .filter_picker_widget.open {
    z-index: 2; }
    .filter_picker_widget.open .filter_popup {
      display: block; }
    .filter_picker_widget.open .value_label {
      color: inherit !important; }
  .filter_picker_widget.popup_visible .filter_popup {
    opacity: 1; }
    .ie .filter_picker_widget.popup_visible .filter_popup {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .filter_picker_widget .value_label {
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    -ms-transition: color 0.1s ease;
    transition: color 0.1s ease; }
  .filter_picker_widget .filter_value {
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .filter_picker_widget .filter_value:hover .value_label {
      color: #DD4A4A; }
  .filter_picker_widget .icon_down_tick {
    fill: #666;
    margin-left: 4px; }
  .filter_picker_widget .filter_popup {
    -webkit-transition: opacity 0.2s ease, top 0.1s ease;
    -moz-transition: opacity 0.2s ease, top 0.1s ease;
    -ms-transition: opacity 0.2s ease, top 0.1s ease;
    transition: opacity 0.2s ease, top 0.1s ease;
    opacity: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: none;
    min-width: 150px;
    position: absolute;
    text-align: left;
    top: -10px;
    left: -15px;
    box-shadow: 0 0 0 1px #d0d0d0, 0 2px 4px rgba(0, 0, 0, 0.2);
    background: #F4F4F4;
    border-radius: 3px;
    z-index: 1; }
    .ie .filter_picker_widget .filter_popup {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .filter_picker_widget .filter_options {
    -webkit-transition: margin-top 0.1s ease;
    -moz-transition: margin-top 0.1s ease;
    -ms-transition: margin-top 0.1s ease;
    transition: margin-top 0.1s ease;
    border-top: 1px solid #dadada;
    padding: 5px 0;
    background: white;
    border-radius: 0 0 3px 3px; }
    .filter_picker_widget .filter_options .filter_option {
      cursor: pointer;
      font-weight: normal;
      font-size: 16px;
      display: block;
      padding: 0 15px;
      line-height: 30px;
      height: 30px;
      color: inherit;
      text-decoration: none;
      letter-spacing: 0.05em;
      position: relative; }
      .filter_picker_widget .filter_options .filter_option:hover {
        background-color: #FFF0F0;
        color: #DD4A4A; }
      .filter_picker_widget .filter_options .filter_option:active {
        background: #E44949;
        color: white; }
.follow_button_widget {
  cursor: pointer; }
  .follow_button_widget.animate_bounce, .follow_button_widget.animate_drop_down {
    pointer-events: none; }
  .follow_button_widget.outline {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid rgba(255, 255, 255, 0.6);
    color: white; }
    .follow_button_widget.outline:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .follow_button_widget.outline:active {
      background: #e44949;
      border-color: #e44949; }
  .follow_button_widget.is_following:hover .unfollow_label {
    display: inline; }
  .follow_button_widget.is_following:hover .on_unfollow {
    display: none; }
  .follow_button_widget.is_following .on_unfollow {
    display: inline; }
  .follow_button_widget.is_following .on_follow {
    display: none; }
  .follow_button_widget .on_unfollow, .follow_button_widget .unfollow_label {
    display: none; }
  .follow_button_widget .icon {
    margin-right: 5px;
    position: relative;
    top: 1px; }
.forward_report_lightbox_widget {
  width: 630px;
  padding-bottom: 10px; }
  .forward_report_lightbox_widget textarea {
    min-height: 20em; }
  .forward_report_lightbox_widget form.has_errors .form_errors {
    display: block; }
  .forward_report_lightbox_widget form .form_errors {
    display: none;
    margin: 0 40px 30px 40px;
    font-size: 16px; }
    .forward_report_lightbox_widget form .form_errors li {
      line-height: 1.5; }
  .forward_report_lightbox_widget form .loader {
    display: none; }
  .forward_report_lightbox_widget form.loading .loader {
    display: inline-block; }
  .forward_report_lightbox_widget label, .forward_report_lightbox_widget .buttons {
    margin: 10px 40px;
    display: block; }
  .forward_report_lightbox_widget .email_selector span.label, .forward_report_lightbox_widget .email_selector span.caption {
    display: block; }
  .forward_report_lightbox_widget .email_selector span.caption {
    color: #666; }
  .forward_report_lightbox_widget .email_selector span.name {
    margin-right: .4em; }
  .forward_report_lightbox_widget .email_selector span.email {
    opacity: .8; }
    .forward_report_lightbox_widget .email_selector span.email:before {
      content: "<"; }
    .forward_report_lightbox_widget .email_selector span.email:after {
      content: ">"; }
.game_carousel_widget {
  position: relative; }
  .game_carousel_widget.ready .scrollbar_outer, .game_carousel_widget.ready .paddle_next, .game_carousel_widget.ready .paddle_prev {
    opacity: 1; }
    .ie .game_carousel_widget.ready .scrollbar_outer, .ie .game_carousel_widget.ready .paddle_next, .ie .game_carousel_widget.ready .paddle_prev {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .game_carousel_widget.ready .scrolling_inner {
    overflow: auto; }
  .game_carousel_widget.on_right .paddle_next {
    opacity: 0;
    width: 0; }
    .ie .game_carousel_widget.on_right .paddle_next {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .game_carousel_widget.on_left .paddle_prev {
    opacity: 0;
    width: 0; }
    .ie .game_carousel_widget.on_left .paddle_prev {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .game_carousel_widget.no_scrollbar {
    padding-bottom: 0; }
    .game_carousel_widget.no_scrollbar .paddle_next, .game_carousel_widget.no_scrollbar .paddle_prev {
      display: none; }
    .game_carousel_widget.no_scrollbar .scrollbar_outer {
      display: none; }
  .game_carousel_widget.game_grid_widget .game_cell {
    margin-bottom: 30px;
    margin-right: 40px;
    white-space: normal;
    max-width: 315px; }
    .game_carousel_widget.game_grid_widget .game_cell:last-child {
      margin-right: 0; }
  .game_carousel_widget .scrolling_outer {
    overflow: hidden; }
  .game_carousel_widget .scrolling_inner {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden; }
  .game_carousel_widget .scrollbar_outer {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    height: 8px;
    background: rgba(0, 0, 0, 0.2); }
    .ie .game_carousel_widget .scrollbar_outer {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .game_carousel_widget .scrollbar_outer:hover .scrollbar_inner, .game_carousel_widget .scrollbar_outer .scrollbar_inner.dragging {
      background: #FA5C5C; }
    .game_carousel_widget .scrollbar_outer .scrollbar_inner {
      -webkit-transition: background 0.2s ease;
      -moz-transition: background 0.2s ease;
      -ms-transition: background 0.2s ease;
      transition: background 0.2s ease;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 50%;
      background: rgba(250, 92, 92, 0.5); }
  .game_carousel_widget .paddle_next, .game_carousel_widget .paddle_prev {
    -webkit-transition: opacity 0.4s ease, width 0.2s ease;
    -moz-transition: opacity 0.4s ease, width 0.2s ease;
    -ms-transition: opacity 0.4s ease, width 0.2s ease;
    transition: opacity 0.4s ease, width 0.2s ease;
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 200px;
    cursor: pointer;
    overflow: hidden;
    background: #333; }
    .ie .game_carousel_widget .paddle_next, .ie .game_carousel_widget .paddle_prev {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .game_carousel_widget .paddle_next .paddle_center_area, .game_carousel_widget .paddle_prev .paddle_center_area {
      position: absolute;
      top: 0;
      bottom: 25px;
      left: 0;
      right: 0;
      opacity: 0.6; }
      .ie .game_carousel_widget .paddle_next .paddle_center_area, .ie .game_carousel_widget .paddle_prev .paddle_center_area {
        filter: alpha(opacity=60);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
      .game_carousel_widget .paddle_next .paddle_center_area:hover, .game_carousel_widget .paddle_prev .paddle_center_area:hover {
        opacity: 1; }
        .ie .game_carousel_widget .paddle_next .paddle_center_area:hover, .ie .game_carousel_widget .paddle_prev .paddle_center_area:hover {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .game_carousel_widget .paddle_next .paddle_center_area:after, .game_carousel_widget .paddle_prev .paddle_center_area:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 37px;
        margin-left: -10px;
        margin-top: -18px; }
  .game_carousel_widget .paddle_next {
    right: 0; }
  .game_carousel_widget .paddle_prev {
    left: 0; }
  .game_carousel_widget .paddle_next {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); }
    .game_carousel_widget .paddle_next .paddle_center_area:after {
      background-image: url("/static/images/carousel-arrow-right-dark.png"); }
  .game_carousel_widget .paddle_prev {
    background: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 100%); }
    .game_carousel_widget .paddle_prev .paddle_center_area:after {
      background-image: url("/static/images/carousel-arrow-left-dark.png"); }
.game_header_widget {
  font-family: Lato, sans-serif;
  position: relative;
  z-index: 3; }
  .game_header_widget .publish_status {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px; }
    .game_header_widget .publish_status .priv_group {
      text-align: center;
      line-height: 1.1;
      display: inline-block;
      vertical-align: top; }
      .game_header_widget .publish_status .priv_group .pub_toggle {
        height: 20px;
        line-height: 20px;
        display: block; }
      .game_header_widget .publish_status .priv_group .secret_url {
        color: rgba(255, 255, 255, 0.7);
        font-size: 12px;
        text-decoration: none; }
        .game_header_widget .publish_status .priv_group .secret_url:hover {
          text-decoration: underline; }
    .game_header_widget .publish_status .pub_toggle {
      display: inline-block;
      font-size: 13px;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
      color: white;
      font-weight: bold;
      text-decoration: none;
      height: 30px;
      line-height: 30px;
      border-radius: 3px;
      padding: 0 10px;
      vertical-align: top;
      margin-top: 10px; }
      .game_header_widget .publish_status .pub_toggle.private {
        background-color: #9385bf;
        background-image: linear-gradient(bottom, #8482be 0%, #A287C0 100%);
        background-image: -webkit-linear-gradient(bottom, #8482be 0%, #A287C0 100%);
        background-image: -moz-linear-gradient(bottom, #8482be 0%, #A287C0 100%);
        background-image: -o-linear-gradient(bottom, #8482be 0%, #A287C0 100%);
        background-image: -ms-linear-gradient(bottom, #8482be 0%, #A287C0 100%); }
      .game_header_widget .publish_status .pub_toggle.published {
        background-color: #7ec456;
        background-image: linear-gradient(bottom, #6CB952 0%, #90CE59 100%);
        background-image: -webkit-linear-gradient(bottom, #6CB952 0%, #90CE59 100%);
        background-image: -moz-linear-gradient(bottom, #6CB952 0%, #90CE59 100%);
        background-image: -o-linear-gradient(bottom, #6CB952 0%, #90CE59 100%);
        background-image: -ms-linear-gradient(bottom, #6CB952 0%, #90CE59 100%); }
.greenlight_button_widget .greenlight_link {
  text-decoration: none; }

.greenlight_button_widget .greenlight_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 470px;
  border-radius: 6px;
  padding: 10px 20px;
  border: 1px solid #dadada;
  font-size: 16px; }
  .greenlight_button_widget .greenlight_button:hover {
    background: #F4F4F4;
    border-color: #d0d0d0; }
  .greenlight_button_widget .greenlight_button img {
    margin-right: 20px; }
  .greenlight_button_widget .greenlight_button .sub {
    margin-top: 4px;
    color: #666;
    font-size: 14px; }
.header_widget {
  height: 50px;
  position: relative; }
  .header_widget input {
    font-family: Lato, sans-serif; }
  .header_widget.minimal_header .primary_header {
    text-align: center; }
  .header_widget.minimal_header .header_buttons, .header_widget.minimal_header .game_search, .header_widget.minimal_header .secondary_header {
    display: none; }
  .header_widget.gray .primary_header {
    background: #333; }
  .header_widget.gray .user_panel_widget .profile_avatar {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18); }
  .header_widget .primary_header {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    background: #FA5C5C;
    padding: 0 40px 0 32px;
    color: white;
    height: 50px; }
  .header_widget h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0; }
  .header_widget.small_logo .header_logo.shrinkable {
    background-image: url("/static/images/itchio-textless-white.svg");
    height: 40px;
    width: 40px;
    margin-top: 4px; }
  .header_widget .header_logo {
    background-image: url("/static/images/itchio-white.svg");
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 107px;
    height: 30px;
    margin: 0;
    vertical-align: top;
    margin-top: 10px;
    text-decoration: none; }
  .header_widget .user_panel_widget {
    color: white;
    top: 10px;
    right: 40px; }
    .header_widget .user_panel_widget.logged_in {
      right: 32px; }
    .header_widget .user_panel_widget a {
      color: white; }
    .header_widget .user_panel_widget .drop_menu_wrap.open .menu_tick {
      background-color: rgba(0, 0, 0, 0.1); }
    .header_widget .user_panel_widget .drop_menu_wrap .menu_tick {
      background-image: url("/static/images/down-tick-2.png"); }
      .header_widget .user_panel_widget .drop_menu_wrap .menu_tick:hover {
        background-color: rgba(0, 0, 0, 0.1); }
  .header_widget .game_search {
    vertical-align: top;
    display: inline-block;
    margin-top: 10px; }
    @media (max-width: 960px) {
      .header_widget .game_search {
        display: none; } }
    .header_widget .game_search .search_input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: inline-block;
      vertical-align: top;
      border: 0;
      border-radius: 3px;
      padding: 4px 10px;
      font-size: 14px;
      color: #333;
      width: 260px;
      height: 30px;
      margin: 0;
      margin-left: 20px;
      font-size: 16px; }
      .header_widget .game_search .search_input:focus {
        outline: none; }
      .header_widget .game_search .search_input:valid {
        border-radius: 3px 0 0 3px; }
        .header_widget .game_search .search_input:valid + .submit_btn {
          opacity: 1; }
          .ie .header_widget .game_search .search_input:valid + .submit_btn {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .header_widget .game_search .submit_btn {
      opacity: 0;
      -webkit-transition: opacity 0.1s ease;
      -moz-transition: opacity 0.1s ease;
      -ms-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: inline-block;
      vertical-align: top;
      border: 0;
      margin: 0;
      height: 30px;
      line-height: 30px;
      background: rgba(255, 255, 255, 0.3);
      color: white;
      padding: 0px 10px;
      cursor: pointer;
      font-size: 14px;
      border-radius: 0 3px 3px 0; }
      .ie .header_widget .game_search .submit_btn {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .header_widget .header_buttons {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    height: 50px; }
    @media (max-width: 600px) {
      .header_widget .header_buttons {
        display: none; } }
    .header_widget .header_buttons .header_button {
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      vertical-align: top;
      margin: 0 10px;
      position: relative;
      margin-top: 10px;
      line-height: 30px; }
      .header_widget .header_buttons .header_button:hover, .header_widget .header_buttons .header_button.active {
        border-bottom: 2px solid rgba(255, 255, 255, 0.5); }
    .header_widget .header_buttons .feed_bubble {
      position: absolute;
      top: -8px;
      right: -15px;
      position: absolute;
      font-size: 10px;
      text-transform: uppercase;
      background: white;
      color: #FA5C5C;
      border-radius: 3px;
      padding: 0px 4px 0px 4px;
      font-weight: bold;
      line-height: 15px;
      height: 15px; }
    .header_widget .header_buttons .alt_button {
      display: none; }
    @media (min-width: 1020px) {
      .header_widget .header_buttons .alt_button {
        display: inline; } }
  .header_widget .owner_tools {
    background: #444;
    padding: 0 15px; }
    @media (max-width: 800px) {
      .header_widget .owner_tools {
        display: none; } }
    @media (min-width: 1150px) {
      .header_widget .owner_tools:before {
        content: "Manage:";
        margin-right: 5px;
        margin-top: 10px;
        line-height: 30px;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        z-index: 2;
        display: inline-block; } }
    .header_widget .owner_tools .tool_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white;
      line-height: 26px;
      height: 30px;
      padding-top: 0;
      padding-bottom: 0;
      cursor: pointer;
      background: transparent;
      margin-left: 10px;
      vertical-align: top;
      margin-top: 10px; }
      @media (max-width: 980px) {
        .header_widget .owner_tools .tool_button {
          display: none; } }
      .header_widget .owner_tools .tool_button .icon-brush {
        display: inline-block;
        margin-right: 5px;
        font-size: 20px;
        width: 20px;
        height: 10px;
        vertical-align: top;
        margin-top: 2px; }
      .header_widget .owner_tools .tool_button:hover {
        background-color: rgba(255, 255, 255, 0.2); }
  .header_widget .admin_tools {
    margin-top: 9px;
    vertical-align: top;
    line-height: normal;
    height: auto;
    font-size: 13px;
    display: inline-flex; }
    .header_widget .admin_tools a {
      color: white; }
    .header_widget .admin_tools .bad {
      background: red;
      color: white; }
    .header_widget .admin_tools .admin_tool_column {
      background: red; }
  @media (max-width: 420px) {
    .header_widget .header_logo.shrinkable {
      background-image: url("/static/images/itchio-textless-white.svg");
      height: 40px;
      width: 40px;
      margin-top: 4px; }
    .header_widget .primary_header {
      padding-left: 20px;
      padding-right: 20px; }
    .header_widget .user_panel_widget {
      right: 20px; } }
.jam_grid_widget .jam {
  border: 1px solid #dadada;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  width: 300px;
  margin-right: 20px;
  font-size: 14px;
  vertical-align: top; }
  .jam_grid_widget .jam h3 {
    margin: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .jam_grid_widget .jam h3 a {
      text-decoration: none; }
  .jam_grid_widget .jam .meta_row {
    margin-top: 2px; }
    .jam_grid_widget .jam .meta_row a {
      color: #666; }
.jam_header_widget {
  background: white;
  height: auto;
  padding: 20px 40px 0 40px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  /*
    .stats_container {
        a {
            color: inherit;
            text-decoration: none
        }

        .stat_value, .stat_label {
            @include transition(color 0.2s ease);
        }

        > :last-child {
            border-right: 0;
        }
    }

    .stat_header_inside {
        margin: 0 auto;
        max-width: $wide_site_width;
    }
}
*/ }
  .jam_header_widget .header_inner {
    margin: 0 auto;
    max-width: 1200px; }
  .jam_header_widget .header_columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .jam_header_widget .header_columns .title_colum {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .jam_header_widget .header_columns .cover_column {
      margin-right: 20px; }
      .jam_header_widget .header_columns .cover_column img {
        display: block; }
  .jam_header_widget .cover_image {
    width: 82px;
    height: 65px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-position: 50% 50%; }
  .jam_header_widget .stat_box {
    border-right: 1px solid #dadada;
    display: inline-block;
    padding: 10px 20px;
    text-align: right; }
    .jam_header_widget .stat_box a, .jam_header_widget .stat_box .stat_value, .jam_header_widget .stat_box .stat_label {
      text-decoration: none;
      -webkit-transition: color 0.2s ease;
      -moz-transition: color 0.2s ease;
      -ms-transition: color 0.2s ease;
      transition: color 0.2s ease; }
    .jam_header_widget .stat_box .stat_value {
      font-size: 34px;
      color: #444; }
    .jam_header_widget .stat_box .stat_label {
      color: #888;
      font-size: 12px; }
    .jam_header_widget .stat_box:last-child {
      border-right: 0; }
  .jam_header_widget .header_tabs {
    padding-top: 16px;
    font-size: 16px; }
  .jam_header_widget .jam_title_header {
    font-size: 32px;
    font-weight: normal;
    margin: 0; }
    .jam_header_widget .jam_title_header a {
      text-decoration: none;
      color: inherit; }
  .jam_header_widget .jam_host_header {
    margin-top: 5px;
    padding-bottom: 4px;
    color: #999; }
    .jam_header_widget .jam_host_header a {
      color: #666; }
.late_submit_url_lightbox_widget .button_row, .late_submit_url_lightbox_widget .form {
  margin: 20px 40px; }

.late_submit_url_lightbox_widget .form .submit_url_input {
  width: 400px; }
.randomizer_sidebar_widget .next_game_btn {
  display: block;
  width: 100%; }

.randomizer_sidebar_widget h1 {
  margin: 20px 0 5px 0; }
  .randomizer_sidebar_widget h1 a {
    color: inherit;
    text-decoration: none; }

.randomizer_sidebar_widget h2 {
  margin: 25px 0 10px 0; }

.randomizer_sidebar_widget .sidebar_inner.login_message {
  background: #dadada;
  font-size: 14px;
  line-height: 1.3;
  padding-top: 10px;
  padding-bottom: 10px; }
  .randomizer_sidebar_widget .sidebar_inner.login_message a {
    color: #666;
    font-weight: bold; }

.randomizer_sidebar_widget .meta_row {
  margin-top: 5px;
  font-size: 14px;
  color: #999; }
  .randomizer_sidebar_widget .meta_row a {
    color: #666; }
  .randomizer_sidebar_widget .meta_row .icon_link {
    text-decoration: none; }
    .randomizer_sidebar_widget .meta_row .icon_link .icon {
      margin-right: 5px;
      font-size: 10px;
      display: inline-block;
      vertical-align: middle; }
    .randomizer_sidebar_widget .meta_row .icon_link .link_text {
      text-decoration: underline; }
  .randomizer_sidebar_widget .meta_row .button {
    color: white;
    margin-left: 5px; }
    .randomizer_sidebar_widget .meta_row .button .icon {
      display: none; }
  .randomizer_sidebar_widget .meta_row .icon-twitter {
    text-decoration: none;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 1px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    .randomizer_sidebar_widget .meta_row .icon-twitter:hover {
      color: #DD4A4A; }

.randomizer_sidebar_widget .game_rater {
  display: block;
  margin-bottom: 20px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 15px 0 10px 0;
  margin-top: 25px; }
  .randomizer_sidebar_widget .game_rater .feedback_summary {
    margin: 10px 0 0 0;
    color: #666;
    line-height: 1.3;
    font-size: 14px; }
  .randomizer_sidebar_widget .game_rater a.rating_btn {
    line-height: 31px; }
  .randomizer_sidebar_widget .game_rater .rating_btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: calc(50% - 5px);
    background: white;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #dadada;
    color: #555;
    border-radius: 3px;
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: border 0.2s ease, background-color 0.2s ease;
    -moz-transition: border 0.2s ease, background-color 0.2s ease;
    -ms-transition: border 0.2s ease, background-color 0.2s ease;
    transition: border 0.2s ease, background-color 0.2s ease; }
    .randomizer_sidebar_widget .game_rater .rating_btn:disabled {
      opacity: 0.5; }
    .randomizer_sidebar_widget .game_rater .rating_btn:last-child {
      margin-right: 0; }
    .randomizer_sidebar_widget .game_rater .rating_btn.positive_btn:hover, .randomizer_sidebar_widget .game_rater .rating_btn.positive_btn.selected {
      border-color: #45B976;
      background: #ecf8f1; }
    .randomizer_sidebar_widget .game_rater .rating_btn.negative_btn:hover, .randomizer_sidebar_widget .game_rater .rating_btn.negative_btn.selected {
      border-color: #5E88A0;
      background: #eff3f6; }

.randomizer_sidebar_widget .game_summary, .randomizer_sidebar_widget .game_tags, .randomizer_sidebar_widget .empty_message p {
  font-size: 16px;
  line-height: 1.4;
  margin: 15px 0; }

.randomizer_sidebar_widget .empty_message button {
  display: block; }

.randomizer_sidebar_widget .game_tags strong {
  display: inline-block;
  margin-right: 5px; }

.randomizer_sidebar_widget .game_tags a {
  color: #666;
  display: inline-block;
  margin-right: 5px; }

.randomizer_sidebar_widget .recently_viewed_games .recent_games_list {
  margin-top: 20px; }

.randomizer_sidebar_widget .recently_viewed_games .recent_game {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center; }
  .randomizer_sidebar_widget .recently_viewed_games .recent_game .thumb_link {
    display: block;
    flex: none;
    -webkit-flex: none;
    width: 80px;
    height: 63px; }
  .randomizer_sidebar_widget .recently_viewed_games .recent_game .thumb {
    display: block;
    background: white;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee;
    width: 80px;
    height: 63px; }
  .randomizer_sidebar_widget .recently_viewed_games .recent_game .game_content {
    margin-left: 10px;
    overflow: hidden; }
  .randomizer_sidebar_widget .recently_viewed_games .recent_game .game_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 4px; }
    .randomizer_sidebar_widget .recently_viewed_games .recent_game .game_title a {
      font-weight: bold;
      text-decoration: none; }
  .randomizer_sidebar_widget .recently_viewed_games .recent_game .game_author a {
    color: #666; }

.randomizer_sidebar_widget .sub_tools {
  font-size: 14px;
  margin-top: 8px;
  text-align: center; }
  .randomizer_sidebar_widget .sub_tools a {
    color: #666; }
.report_list_widget .load_more {
  padding: 10px 0; }

.report_list_widget .report {
  position: relative;
  border: 1px solid #dadada;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.2;
  padding: 15px;
  margin-bottom: 20px; }
  .report_list_widget .report p:first-child {
    margin-top: 0; }
  .report_list_widget .report .report_status {
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    transition: background 0.4s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 4px;
    padding: 15px 20px;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    color: #999;
    background: transparent;
    visibility: hidden;
    pointer-events: none; }
  .report_list_widget .report.done .report_status {
    background: rgba(255, 255, 255, 0.8);
    visibility: visible; }
  .report_list_widget .report:focus {
    box-shadow: 0 0 0px 2px #DD4A4A;
    background-color: #fdf6f6;
    outline: none;
    border-color: transparent; }
  .report_list_widget .report strong {
    color: #666; }
  .report_list_widget .report pre {
    white-space: pre-wrap;
    font-family: inherit;
    max-width: 600px;
    padding: 1em;
    background: #FFFED8;
    color: #3a390f;
    line-height: 1.4; }

.report_list_widget .report_tools div {
  display: inline-block;
  margin-right: 5px; }
  .report_list_widget .report_tools div .icon {
    margin-right: 5px; }
  .report_list_widget .report_tools div .shortcut {
    text-decoration: underline; }
.sale_list_widget .sale_row {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: relative;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  width: 800px;
  margin: 0 20px 40px 0; }
  .sale_list_widget .sale_row .sale_columns {
    height: 160px;
    position: relative; }
  .sale_list_widget .sale_row .goal_progress_widget {
    border-top: 2px solid #dadada;
    padding: 10px 20px 13px 20px; }
    .sale_list_widget .sale_row .goal_progress_widget .stat_summary {
      display: none; }

.sale_list_widget .sale_games {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 420px;
  padding: 16px 0 0 15px;
  border-left: 1px solid #dadada; }
  .sale_list_widget .sale_games .game_thumb {
    background-color: white;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: relative;
    width: 315px;
    height: 250px;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
    .sale_list_widget .sale_games .game_thumb .no_cover_text {
      color: #dadada;
      font-size: 120px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -60px;
      margin-top: -65px; }
  .sale_list_widget .sale_games .game_thumb {
    display: inline-block;
    margin-right: 10px;
    width: 157px;
    height: 125px; }
  .sale_list_widget .sale_games .sale_gradient {
    position: absolute;
    background: url("images/bundle_gradient.png");
    width: 121px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
  .sale_list_widget .sale_games .sale_overlay_link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }

.sale_list_widget .sale_data {
  margin-right: 420px;
  padding: 15px 20px 0 20px; }

.sale_list_widget .sale_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 2px 0; }
  .sale_list_widget .sale_title a {
    text-decoration: none; }

.sale_list_widget .sale_author, .sale_list_widget .game_count {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5; }

.sale_list_widget .sale_author a {
  color: #666;
  text-decoration: none; }
  .sale_list_widget .sale_author a:hover {
    text-decoration: underline; }

.sale_list_widget .game_count {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5; }
  .sale_list_widget .game_count .total_price, .sale_list_widget .game_count .savings {
    color: #666; }

.sale_list_widget .data_row {
  line-height: 1.7; }

.sale_list_widget .game_platforms {
  color: #666; }

.sale_list_widget .game_platforms .icon {
  margin-right: 3px; }

.sale_list_widget .sale_end {
  font-weight: bold; }

.sale_list_widget .offer_columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .sale_list_widget .offer_columns .button {
    margin-right: 15px; }

.sale_list_widget .sale_flag {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: -9px;
  right: 0;
  background: url("/static/images/ribbon-sale.png");
  width: 54px;
  height: 61px;
  color: #867132;
  text-shadow: 0 1px 0 #FFF18E; }
  .sale_list_widget .sale_flag .mini_label {
    font-size: 12px;
    color: #A78F4A;
    text-transform: uppercase;
    line-height: 1.1; }
  .sale_list_widget .sale_flag .text {
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 9px;
    font-weight: bold; }
.stat_header_widget {
  border-bottom: 1px solid #DADADA;
  height: 80px;
  position: relative; }
  @media (max-width: 450px) {
    .responsive .stat_header_widget {
      height: auto; }
      .responsive .stat_header_widget .text_container {
        padding: 28px 40px; } }
  .stat_header_widget h2, .stat_header_widget .top_links {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .stat_header_widget .top_links {
    margin-left: 10px; }
    .stat_header_widget .top_links a {
      color: #888;
      text-decoration: none; }
      .stat_header_widget .top_links a:hover {
        text-decoration: underline; }
  .stat_header_widget .stats_container {
    float: right; }
  .stat_header_widget .text_container {
    padding: 28px 0 0 40px; }
  .stat_header_widget a .stat_box .stat_value, .stat_header_widget a .stat_box .stat_label {
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .stat_header_widget a .stat_box:hover .stat_value, .stat_header_widget a .stat_box:hover .stat_label {
    color: #DD4A4A; }
  .stat_header_widget .stat_box {
    display: inline-block;
    border-left: 1px solid #dadada;
    height: 60px;
    padding: 10px 20px;
    text-align: right; }
    .stat_header_widget .stat_box .stat_value {
      font-size: 34px;
      color: #444; }
    .stat_header_widget .stat_box .stat_label {
      color: #888;
      font-size: 12px; }
  .stat_header_widget .right_buttons {
    position: absolute;
    top: 28px;
    right: 40px; }
    .stat_header_widget .right_buttons .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444; }
      .stat_header_widget .right_buttons .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .stat_header_widget .right_buttons .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
.suggest_tag_description_lightbox_widget {
  width: 620px; }
  .suggest_tag_description_lightbox_widget h2 .single_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .suggest_tag_description_lightbox_widget.has_submitted .after_submit {
    display: block; }
  .suggest_tag_description_lightbox_widget.has_submitted .before_submit {
    display: none; }
  .suggest_tag_description_lightbox_widget .after_submit {
    display: none; }
  .suggest_tag_description_lightbox_widget .form {
    margin: 20px 40px; }
    .suggest_tag_description_lightbox_widget .form.has_errors .form_errors {
      display: block; }
    .suggest_tag_description_lightbox_widget .form .form_errors {
      display: none; }
    .suggest_tag_description_lightbox_widget .form p {
      margin-left: 0;
      margin-right: 0; }
.tabbed_header_widget .header_breadcrumbs {
  background: #F4F4F4;
  padding: 5px 40px;
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #dadada;
  border-radius: 3px 3px 0 0; }
  .tabbed_header_widget .header_breadcrumbs a {
    color: #666; }
  .tabbed_header_widget .header_breadcrumbs .trail {
    color: #666;
    font-weight: bold;
    text-decoration: none; }
    .tabbed_header_widget .header_breadcrumbs .trail:hover {
      text-decoration: underline; }
.user_panel_widget {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px; }
  .user_panel_widget .notifications_bubble {
    width: 22px;
    height: 22px;
    color: #FA5C5C !important;
    background: white;
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 4px;
    text-decoration: none;
    margin-right: 15px;
    -webkit-animation: bouncein 0.2s ease-in-out 0.2s;
    -moz-animation: bouncein 0.2s ease-in-out 0.2s;
    -ms-animation: bouncein 0.2s ease-in-out 0.2s;
    animation: bouncein 0.2s ease-in-out 0.2s; }
  .user_panel_widget .profile_avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); }
  .user_panel_widget .profile_link {
    color: white;
    text-decoration: none;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle; }
    .user_panel_widget .profile_link .user_name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: top;
      max-width: 150px; }
    .user_panel_widget .profile_link:hover {
      text-decoration: underline; }
  .user_panel_widget .drop_menu_wrap {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: middle; }
    .user_panel_widget .drop_menu_wrap.open .menu_tick {
      background-color: rgba(255, 255, 255, 0.1); }
    .user_panel_widget .drop_menu_wrap.open .drop_menu {
      display: block; }
    .user_panel_widget .drop_menu_wrap .menu_tick {
      -webkit-transition: background-color 0.2s ease;
      -moz-transition: background-color 0.2s ease;
      -ms-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      cursor: pointer;
      margin-left: 10px;
      margin-right: 5px;
      background: url("/static/images/down-tick-2.png") 50% 50% no-repeat;
      width: 23px;
      height: 21px;
      border-radius: 4px; }
      .user_panel_widget .drop_menu_wrap .menu_tick:hover {
        background-color: rgba(255, 255, 255, 0.1); }
    .user_panel_widget .drop_menu_wrap .drop_menu {
      display: none;
      line-height: normal;
      border-radius: 3px;
      box-shadow: 0 0 0 1px #d0d0d0, 0 2px 4px rgba(0, 0, 0, 0.2);
      position: absolute;
      text-align: left;
      top: 100%;
      right: -8px;
      margin-top: 10px;
      background: white;
      color: #333;
      min-width: 200px;
      white-space: nowrap;
      z-index: 250; }
    .user_panel_widget .drop_menu_wrap .menu_group {
      padding-bottom: 5px; }
      .user_panel_widget .drop_menu_wrap .menu_group:first-child .group_header {
        padding-top: 10px;
        border-top: 0; }
      .user_panel_widget .drop_menu_wrap .menu_group .group_header {
        font-size: 12px;
        font-weight: bold;
        color: #777;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 10px 0 8px 14px;
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
        margin-bottom: 5px;
        background: #F4F4F4;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none; }
    .user_panel_widget .drop_menu_wrap .link_row {
      display: block;
      padding: 0 14px;
      line-height: 32px;
      color: inherit;
      text-decoration: none;
      letter-spacing: 0.05em;
      position: relative; }
      .user_panel_widget .drop_menu_wrap .link_row .link_bubble {
        top: 7px;
        right: 50px; }
      .user_panel_widget .drop_menu_wrap .link_row.has_bubble {
        padding-right: 40px; }
      .user_panel_widget .drop_menu_wrap .link_row:hover {
        background-color: #FFF0F0;
        color: #DD4A4A; }
      .user_panel_widget .drop_menu_wrap .link_row:active {
        background: #E44949;
        color: white; }
  .user_panel_widget .panel_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    height: 30px;
    line-height: 26px;
    color: white;
    padding: 0 15px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 16px;
    border-radius: 3px;
    margin-left: 10px; }
    .user_panel_widget .panel_button:hover {
      background: rgba(255, 255, 255, 0.8);
      color: #FA5C5C; }
    .user_panel_widget .panel_button:active {
      background: rgba(255, 255, 255, 0.4); }
.app_page .header_content {
  background: white; }
  .app_page .header_content p {
    color: #999;
    font-size: 14px; }
    .app_page .header_content p a {
      color: #666; }

.app_page .right_buttons {
  position: absolute;
  top: 50px;
  right: 45px;
  font-size: 16px; }
  .app_page .right_buttons img {
    opacity: 0.5;
    vertical-align: -4px;
    margin-right: 8px;
    width: 20px;
    height: 20px; }
  .app_page .right_buttons .version_button {
    background: #aada80;
    text-shadow: 0 1px 0 #76bd37;
    color: white;
    display: inline-block;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 12px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-decoration: none; }
    .app_page .right_buttons .version_button:hover {
      background: #b7e094; }
  .app_page .right_buttons .github_button {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    box-shadow: inset 0 0 0 1px #dadada;
    border-radius: 4px;
    padding: 5px 12px;
    text-decoration: none;
    color: #666;
    font-weight: bold; }
    .app_page .right_buttons .github_button:hover {
      background: #f9f9f9;
      border-color: #c1c1c1; }
    .app_page .right_buttons .github_button:active {
      background: #F4F4F4; }

.app_page .download_row {
  color: #999; }
  .app_page .download_row .direct_links {
    font-size: 16px;
    line-height: 1.5;
    margin-left: 10px; }
    .app_page .download_row .direct_links a {
      color: #666; }

.app_page .text_container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  width: 1000px;
  padding: 40px 45px;
  position: relative; }

.app_page .download_btn .icon {
  margin-right: 8px; }

.app_page .social_buttons_widget {
  margin-top: 20px; }

.app_page h1 {
  font-size: 46px;
  margin: 0;
  margin-bottom: 10px; }

.app_page h2 {
  font-size: 20px;
  color: #666; }

.app_page .image_container {
  width: 1000px;
  margin: 35px auto; }
  .app_page .image_container img {
    display: block;
    width: 100%; }

.app_page .faq_container .download_row {
  margin-top: 60px; }

.app_page p {
  margin: 15px 0 0 0;
  font-size: 16px;
  line-height: 1.5; }
.blog_post_page {
  background: white;
  overflow: hidden; }
  .blog_post_page.has_header_image .header_column {
    color: white;
    margin-bottom: 20px;
    position: relative;
    background-position: 50% 50%; }
    .blog_post_page.has_header_image .header_column h1, .blog_post_page.has_header_image .header_column .post_meta {
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
      color: white; }
      .blog_post_page.has_header_image .header_column h1 a, .blog_post_page.has_header_image .header_column .post_meta a {
        color: white; }
    .blog_post_page.has_header_image .header_column h1 {
      margin-top: 80px; }
    .blog_post_page.has_header_image .header_column:before {
      content: " ";
      position: absolute;
      z-index: 9;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.3);
      background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
      background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
      background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
      background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%); }
  .blog_post_page .post_sticky_bar {
    position: fixed;
    top: -60px;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 10;
    background: white;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    -webkit-transition: top 0.2s ease;
    -moz-transition: top 0.2s ease;
    -ms-transition: top 0.2s ease;
    transition: top 0.2s ease; }
    @media (max-width: 800px) {
      .blog_post_page .post_sticky_bar {
        display: none; } }
    .blog_post_page .post_sticky_bar .sticky_bar_inner {
      position: relative; }
    .show_sticky_bar .blog_post_page .post_sticky_bar {
      top: 0; }
    .blog_post_page .post_sticky_bar .social_buttons_widget {
      position: absolute;
      top: 0px;
      right: 0px; }
      .blog_post_page .post_sticky_bar .social_buttons_widget .fb-like {
        margin-right: 30px; }
    .blog_post_page .post_sticky_bar .page_title {
      font-weight: bold;
      font-size: 18px; }
  .blog_post_page .header_column_inner, .blog_post_page .post_column, .blog_post_page .game_grid_header, .blog_post_page .sticky_bar_inner {
    width: auto;
    max-width: 800px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto; }
    @media (min-width: 1240px) {
      .blog_post_page .header_column_inner, .blog_post_page .post_column, .blog_post_page .game_grid_header, .blog_post_page .sticky_bar_inner {
        padding-right: 260px; } }
  .blog_post_page .header_column {
    overflow: hidden; }
    .blog_post_page .header_column .header_column_inner {
      position: relative;
      z-index: 10; }
    .blog_post_page .header_column h1 {
      margin-top: 60px;
      margin-bottom: 10px;
      font-size: 38px;
      font-weight: normal; }
    .blog_post_page .header_column .post_meta {
      margin-bottom: 33px;
      font-size: 16px;
      color: #999; }
      .blog_post_page .header_column .post_meta a {
        color: #666; }
      .blog_post_page .header_column .post_meta .author_twitter {
        opacity: 0.8; }
  .blog_post_page .post_column {
    position: relative; }
    .blog_post_page .post_column .itchio_intro {
      font-size: 16px;
      display: none;
      border-radius: 3px;
      width: 230px;
      border: 1px solid #dadada;
      position: absolute;
      right: 0;
      top: 0; }
      @media (min-width: 1240px) {
        .blog_post_page .post_column .itchio_intro {
          display: block; } }
      .blog_post_page .post_column .itchio_intro h3 {
        font-size: 14px;
        margin: 0;
        padding: 10px 15px;
        background: #F4F4F4; }
      .blog_post_page .post_column .itchio_intro p {
        font-size: 14px;
        color: #666;
        margin: 6px 15px 10px 15px;
        line-height: 1.5; }
        .blog_post_page .post_column .itchio_intro p a {
          color: #222; }
    .blog_post_page .post_column h2 {
      font-size: 24px;
      font-weight: bold;
      margin: 66px 0 33px 0; }
    .blog_post_page .post_column p, .blog_post_page .post_column ul, .blog_post_page .post_column ol {
      font-size: 20px;
      margin: 0 0 33px 0;
      line-height: 33px; }
      @media (max-width: 500px) {
        .blog_post_page .post_column p, .blog_post_page .post_column ul, .blog_post_page .post_column ol {
          font-size: 18px;
          line-height: 1.5; } }
    .blog_post_page .post_column blockquote {
      margin: 0 0 33px 0;
      padding: 20px 40px;
      background: #F4F4F4;
      color: #666; }
      .blog_post_page .post_column blockquote p:last-child {
        margin-bottom: 0; }
    .blog_post_page .post_column li {
      margin-bottom: 10px; }
    .blog_post_page .post_column img {
      display: block;
      margin: 66px 0;
      width: 100%; }
      @media (min-width: 1020px) {
        .blog_post_page .post_column img {
          width: 1000px;
          position: relative;
          left: -100px; } }
  .blog_post_page .post_tools {
    margin-bottom: 20px;
    margin-top: 24px;
    padding: 10px;
    background: #F4F4F4;
    text-align: right;
    min-height: 35px;
    *zoom: 1; }
    .blog_post_page .post_tools:before, .blog_post_page .post_tools:after {
      content: " ";
      display: table; }
    .blog_post_page .post_tools:after {
      clear: both; }
    .blog_post_page .post_tools .social_buttons_widget {
      height: 20px;
      margin-top: 8px;
      margin-left: 5px;
      float: left; }
    .blog_post_page .post_tools .social_button {
      text-align: left; }
    @media (max-width: 700px) {
      .blog_post_page .post_tools {
        text-align: left; }
        .blog_post_page .post_tools .social_buttons_widget {
          float: none;
          margin-left: 0px;
          margin-bottom: 15px; } }
    @media (max-width: 500px) {
      .blog_post_page .post_tools {
        text-align: center; }
        .blog_post_page .post_tools .social_buttons_widget {
          display: none; } }
  .blog_post_page .game_grid_widget {
    margin-left: 40px;
    margin-right: 20px; }
  .blog_post_page .game_grid_outer {
    border-top: 1px solid #dadada;
    border-bottom: 2px solid #d0d0d0; }
    .blog_post_page .game_grid_outer h2 {
      margin: 20px auto 40px auto;
      font-size: 28px;
      font-weight: normal; }
.browse_base_page .grid_loader {
  background: #f5f5f5;
  color: #666;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d0d0d0;
  font-size: 16px; }
  .browse_base_page .grid_loader .on_loading {
    display: none; }
  .browse_base_page .grid_loader .loader {
    vertical-align: middle;
    margin-right: 10px; }

.browse_base_page.loading .grid_loader .on_loading {
  display: block; }

.browse_base_page.loading .grid_loader .next_page {
  display: none; }

.browse_base_page .grid_loader {
  border-bottom: 0;
  margin-bottom: 0;
  border-radius: 0 0 3px 3px; }

.browse_base_page .grid_columns {
  margin: 0 auto;
  max-width: 1920px;
  *zoom: 1; }
  .browse_base_page .grid_columns:before, .browse_base_page .grid_columns:after {
    content: " ";
    display: table; }
  .browse_base_page .grid_columns:after {
    clear: both; }
  .browse_base_page .grid_columns .filter_column_outer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 260px;
    float: left;
    padding-top: 43px; }
  .browse_base_page .grid_columns .grid_column_outer {
    margin-left: 260px; }

.browse_base_page .grid_column {
  margin: 20px 30px 20px 0;
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px; }
  .browse_base_page .grid_column .grid_outer {
    background: none;
    border: none; }
    .browse_base_page .grid_column .grid_outer .game_grid_widget {
      padding: 20px 0 0 20px; }

.browse_base_page .filter_column .filters_header {
  color: #666;
  padding: 10px 0;
  padding-left: 40px;
  background: rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid #dadada; }
  .browse_base_page .filter_column .filters_header .filters_header_text {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; }
  .browse_base_page .filter_column .filters_header .clear_filters {
    margin-left: 5px; }
  .browse_base_page .filter_column .filters_header a {
    color: #666; }

.browse_base_page .browse_header {
  position: relative; }
  .browse_base_page .browse_header h2 {
    font-size: 24px;
    margin: 0 20px 20px 20px;
    padding-top: 16px;
    margin-right: 380px;
    line-height: 1.8; }
    .browse_base_page .browse_header h2 .game_count {
      font-weight: normal;
      color: #999; }
    @media (max-width: 1400px) {
      .browse_base_page .browse_header h2 {
        margin-right: 0; } }
  .browse_base_page .browse_header .classification_picker {
    line-height: 1.2;
    border: 2px solid #dadada;
    border-radius: 4px;
    padding: 3px 5px 4px 8px;
    margin: 0 8px;
    display: inline-block; }
  .browse_base_page .browse_header .sort_options {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 25px;
    padding-left: 20px;
    line-height: 40px;
    color: #666;
    font-size: 16px;
    background: #F4F4F4;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-radius: 0 3px 0 3px; }
    .browse_base_page .browse_header .sort_options .link_wrapper {
      margin-right: 5px; }
      .browse_base_page .browse_header .sort_options .link_wrapper:last-child {
        margin-right: 0; }
    .browse_base_page .browse_header .sort_options .active {
      font-weight: bold;
      color: #222; }
    .browse_base_page .browse_header .sort_options a {
      color: #666; }
    @media (max-width: 1400px) {
      .browse_base_page .browse_header .sort_options {
        position: static;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #dadada; } }
  .browse_base_page .browse_header p {
    margin: 15px 20px 10px 20px;
    color: #999;
    line-height: 1.5;
    font-size: 16px; }
    .browse_base_page .browse_header p a:not(.button) {
      color: #666; }

.browse_base_page .filter_pickers .filter_label {
  display: block;
  padding: 10px 0;
  color: #666;
  font-size: 15px;
  font-weight: normal; }
  .browse_base_page .filter_pickers .filter_label .filter_arrow {
    color: #666;
    margin-right: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: -1px; }
    .browse_base_page .filter_pickers .filter_label .filter_arrow .icon-triangle-down {
      display: none; }
  .browse_base_page .filter_pickers .filter_label:hover {
    cursor: pointer; }
    .browse_base_page .filter_pickers .filter_label:hover .filter_arrow {
      color: black; }
  .browse_base_page .filter_pickers .filter_label .filter_clear {
    color: #999;
    float: right;
    margin-right: 10px;
    text-decoration: none; }
    .browse_base_page .filter_pickers .filter_label .filter_clear:hover {
      color: black; }

.browse_base_page .filter_pickers .filter_label {
  padding-left: 20px; }

.browse_base_page .filter_pickers .filter_group.shown .filter_label .filter_arrow .icon-triangle-down {
  display: inline; }

.browse_base_page .filter_pickers .filter_group.shown .filter_label .filter_arrow .icon-triangle-right {
  display: none; }

.browse_base_page .filter_pickers .filter_group.has {
  color: #DD4A4A;
  background: white;
  border: 1px solid #dadada;
  border-left: none;
  border-right: none;
  box-shadow: 1px 0 0 0 #dadada;
  margin-bottom: 5px; }
  .browse_base_page .filter_pickers .filter_group.has:first-child {
    border-top: 0; }
  .browse_base_page .filter_pickers .filter_group.has .filter_label {
    color: #444; }

.browse_base_page .filter_pickers .filter_group.always_shown .filter_label {
  padding-left: 40px; }
  .browse_base_page .filter_pickers .filter_group.always_shown .filter_label .filter_arrow {
    display: none; }

.browse_base_page .filter_pickers .filter_dropdown {
  display: inline-block;
  padding: 10px 15px; }

.browse_base_page .filter_pickers .filter_btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
  -webkit-transition: padding 0.2s;
  -moz-transition: padding 0.2s;
  -ms-transition: padding 0.2s;
  transition: padding 0.2s;
  position: relative;
  display: block;
  padding: 0 45px;
  height: 0;
  overflow-y: hidden;
  color: #666;
  text-decoration: none; }
  .browse_base_page .filter_pickers .filter_btn:hover {
    color: white;
    background: #666; }
  .browse_base_page .filter_pickers .filter_btn a {
    color: inherit;
    text-decoration: none; }
  .browse_base_page .filter_pickers .filter_btn .filter_link {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 45px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle; }
    .browse_base_page .filter_pickers .filter_btn .filter_link > .icon {
      margin-right: 10px; }

.browse_base_page .filter_pickers .filter_inline_toggle_btn {
  -webkit-transition: transform 0.1s;
  -moz-transition: transform 0.1s;
  -ms-transition: transform 0.1s;
  transition: transform 0.1s;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  margin-right: 20px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: none; }
  .browse_base_page .filter_pickers .filter_inline_toggle_btn:hover {
    transform: scale(1.3); }

.browse_base_page .filter_pickers .filter_group.shown .filter_inline_toggle_btn {
  display: inline; }

.browse_base_page .filter_pickers .filter_btn.active, .browse_base_page .filter_pickers .filter_btn.toggle_more, .browse_base_page .filter_pickers .filter_group.shown .filter_btn {
  padding: 8px 45px;
  height: 32px; }

.browse_base_page .filter_pickers .filter_btn.toggle_more:after {
  content: "More options"; }

.browse_base_page .filter_pickers .filter_group.shown .filter_btn.toggle_more:after {
  content: "Fewer options"; }

.browse_base_page .filter_pickers .filter_btn.active, .browse_base_page .filter_pickers .filter_btn.active:hover {
  background: white;
  color: #DD4A4A; }

.browse_base_page .remove_tag_btn {
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  -ms-transition: color 0.1s;
  transition: color 0.1s;
  color: #999;
  text-decoration: none;
  padding: 3px;
  display: inline-block;
  float: right; }
  .browse_base_page .remove_tag_btn:hover {
    color: #DD4A4A; }

.browse_base_page .filter_tags .filter_tag {
  *zoom: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #DD4A4A;
  background: white;
  border: 1px solid #dadada;
  border-left: none;
  border-right: none;
  box-shadow: 1px 0 0 0 #dadada;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px 10px 45px;
  margin-bottom: 5px; }
  .browse_base_page .filter_tags .filter_tag:before, .browse_base_page .filter_tags .filter_tag:after {
    content: " ";
    display: table; }
  .browse_base_page .filter_tags .filter_tag:after {
    clear: both; }

.browse_base_page .filter_tags h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: normal;
  color: inherit; }
  .browse_base_page .filter_tags h3 .icon {
    margin-right: 10px; }
  .browse_base_page .filter_tags h3 .remove_tag_btn {
    margin-left: 10px; }

.browse_base_page .filter_tags p {
  margin-left: 0;
  font-size: 13px;
  color: #999; }

.browse_base_page .filter_tags .suggest_description_btn {
  color: #666; }

.browse_base_page .related_tags {
  margin: 20px 20px;
  color: #666;
  font-size: 16px;
  line-height: 1.5; }
  .browse_base_page .related_tags .tags_label .label_text {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; }
  .browse_base_page .related_tags .tags_label .browse_top_tags {
    font-size: 14px;
    margin-left: 10px; }
    .browse_base_page .related_tags .tags_label .browse_top_tags a {
      color: #666; }
  .browse_base_page .related_tags .tag_list {
    word-spacing: 5px; }
  .browse_base_page .related_tags .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    background: white;
    margin-right: 10px;
    margin-bottom: 5px; }
    .browse_base_page .related_tags .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .browse_base_page .related_tags .outline_button:active {
      background: #e44949;
      border-color: #e44949; }
  .browse_base_page .related_tags .tag_segmented_btn {
    display: inline-block;
    margin-top: 5px;
    word-spacing: normal; }
    .browse_base_page .related_tags .tag_segmented_btn a {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444; }
      .browse_base_page .related_tags .tag_segmented_btn a:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .browse_base_page .related_tags .tag_segmented_btn a:active {
        background: #e44949;
        border-color: #e44949; }
      .browse_base_page .related_tags .tag_segmented_btn a:first-child:not(:only-child) {
        border-radius: 4px 0 0 4px;
        border-right-width: 1px; }
      .browse_base_page .related_tags .tag_segmented_btn a:last-child:not(:only-child) {
        border-left: none;
        border-radius: 0 4px 4px 0; }

.browse_base_page .browse_game_grid .game_cell.has_cover {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px; }
  .browse_base_page .browse_game_grid .game_cell.has_cover .game_thumb {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 1; }
  .browse_base_page .browse_game_grid .game_cell.has_cover.image_loading .game_thumb {
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotatex(-20deg) scale3d(0.95, 0.95, 1);
    -moz-transform: rotatex(-20deg) scale3d(0.95, 0.95, 1);
    -ms-transform: rotatex(-20deg) scale3d(0.95, 0.95, 1);
    transform: rotatex(-20deg) scale3d(0.95, 0.95, 1);
    opacity: 0.5; }

.browse_base_page .mobile_nav {
  display: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #444;
  padding: 10px 0; }
  .browse_base_page .mobile_nav .nav_section {
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    transition: background 0.2s;
    display: inline-block;
    text-align: center;
    width: 44%;
    border: 2px solid #999;
    padding: 8px 0px;
    color: white;
    font-size: 13px; }
    .browse_base_page .mobile_nav .nav_section .icon {
      margin-right: 10px; }
    .browse_base_page .mobile_nav .nav_section:hover {
      cursor: pointer;
      background: #666; }
    .browse_base_page .mobile_nav .nav_section:first-child {
      border-radius: 4px 0 0 4px; }
    .browse_base_page .mobile_nav .nav_section:last-child {
      border-radius: 0 4px 4px 0; }
    .browse_base_page .mobile_nav .nav_section:first-child:last-child {
      border-radius: 4px; }

.browse_base_page .empty_message {
  font-size: 21px;
  padding: 100px 0;
  color: #666;
  text-align: center; }
  .browse_base_page .empty_message .icon {
    vertical-align: middle;
    font-size: 130%;
    margin: 10px; }
  .browse_base_page .empty_message a {
    margin-top: 20px; }

@media (max-width: 850px) {
  .browse_base_page {
    max-width: 100%;
    overflow: hidden; }
    .browse_base_page.filters_shown .grid_columns .filter_column_outer {
      opacity: 1.0;
      overflow-y: scroll; }
    .browse_base_page.filters_shown .grid_columns .grid_column_outer {
      -webkit-transform: translate(240px, 0);
      -moz-transform: translate(240px, 0);
      -ms-transform: translate(240px, 0);
      transform: translate(240px, 0); }
    .browse_base_page .mobile_nav {
      display: block; }
    .browse_base_page .grid_columns {
      min-height: 100vh;
      position: relative; }
      .browse_base_page .grid_columns .grid_column_outer {
        -webkit-transition: transform 0.2s;
        -moz-transition: transform 0.2s;
        -ms-transition: transform 0.2s;
        transition: transform 0.2s;
        margin-left: 20px;
        position: relative;
        z-index: 2; }
        .browse_base_page .grid_columns .grid_column_outer .grid_column {
          margin-right: 20px; }
      .browse_base_page .grid_columns .filter_column_outer {
        -webkit-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        transition: opacity 0.1s;
        opacity: 0;
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; } }

@media (max-width: 650px) {
  .browse_base_page.filters_shown .grid_columns .grid_column_outer {
    -webkit-transform: translate(260px, 0);
    -moz-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    transform: translate(260px, 0); }
  .browse_base_page .grid_columns .grid_column_outer {
    margin-left: 0; }
    .browse_base_page .grid_columns .grid_column_outer .grid_column {
      margin: 0;
      box-shadow: none;
      border: 0;
      border-radius: 0; }
  .browse_base_page .grid_columns .filter_column_outer {
    padding-top: 0; }
  .browse_base_page .browse_header h2 {
    font-size: 20px; }
  .browse_base_page .browse_header .sort_options {
    font-size: 14px; } }
.browse_games_page .osvr_intro {
  border: 1px solid #FCD5BB;
  background: #FEF0E7;
  text-align: center;
  padding: 20px;
  margin: 20px 20px 0 20px; }
  .browse_games_page .osvr_intro .logos {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px; }
    .browse_games_page .osvr_intro .logos .plus {
      font-size: 22px;
      color: #666; }
    .browse_games_page .osvr_intro .logos img {
      width: 400px; }
      .browse_games_page .osvr_intro .logos img.itchio_logo {
        width: 300px; }
  .browse_games_page .osvr_intro .blurb {
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    width: 400px;
    position: relative;
    background: white;
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left; }
    .browse_games_page .osvr_intro .blurb p:first-child {
      margin-top: 0; }
    .browse_games_page .osvr_intro .blurb p:last-child {
      margin-bottom: 0; }
    .browse_games_page .osvr_intro .blurb .partner_logo {
      position: absolute;
      bottom: 15px;
      right: 10px;
      width: 60px; }

@media (max-width: 850px) {
  .browse_games_page .osvr_intro {
    padding: 0; }
    .browse_games_page .osvr_intro .itchio_logo, .browse_games_page .osvr_intro .osvr_logo, .browse_games_page .osvr_intro .plus {
      display: none; }
    .browse_games_page .osvr_intro .blurb {
      margin: 0;
      width: auto;
      background: none;
      font-size: 12px; }
      .browse_games_page .osvr_intro .blurb .partner_logo {
        width: 40px; } }
.browse_sales_page {
  font-size: 14px; }
  .browse_sales_page.grid_results_page .grid_outer {
    border: 0;
    border-bottom: 1px solid #dadada;
    overflow: hidden; }
  .browse_sales_page .social_buttons_widget {
    float: none;
    margin: 20px 0 20px 40px; }
  .browse_sales_page .grid_header {
    border-bottom: 1px solid #dadada; }
    .browse_sales_page .grid_header p {
      font-size: 16px;
      line-height: 1.5;
      margin: 20px 40px;
      max-width: 600px; }
  .browse_sales_page .sales_container {
    overflow: hidden;
    padding: 40px 20px 0 40px;
    text-align: center; }
  .browse_sales_page .sale_group {
    margin-bottom: 40px; }
  .browse_sales_page .sale_footer {
    background: white;
    border: 1px solid #d0d0d0;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
    text-align: center; }
    .browse_sales_page .sale_footer p {
      font-size: 16px;
      line-height: 1.5;
      margin: 20px 40px;
      color: #666; }
    .browse_sales_page .sale_footer .button {
      margin-left: 10px; }
.bundle_page .social_buttons_widget {
  margin-bottom: 20px; }

.bundle_page .promotion_extras {
  margin-bottom: 15px; }
  .bundle_page .promotion_extras .extra_bubble {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 3px;
    background: white;
    line-height: 20px;
    margin-right: 10px; }
    .bundle_page .promotion_extras .extra_bubble .icon {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      vertical-align: top;
      display: inline-block;
      height: 20px;
      padding: 0 5px;
      padding-top: 3px;
      color: #999; }
    .bundle_page .promotion_extras .extra_bubble .label {
      vertical-align: top;
      display: inline-block;
      border-left: 1px solid #dadada;
      height: 20px;
      padding: 0 5px;
      color: #666;
      font-weight: bold; }

.bundle_page .other_content .bundle_row {
  margin: 0 30px 80px 30px; }
  .bundle_page .other_content .bundle_row h2 {
    margin: 0 10px 5px 10px; }
    .bundle_page .other_content .bundle_row h2 a {
      text-decoration: none; }
      .bundle_page .other_content .bundle_row h2 a:hover {
        text-decoration: underline; }
  .bundle_page .other_content .bundle_row .bundle_summary {
    margin: 0 10px 10px 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #666; }
  .bundle_page .other_content .bundle_row:last-child {
    margin-bottom: 0; }
.chat_page .chat_columns {
  display: -webkit-flex;
  display: flex; }
  .chat_page .chat_columns .text_column {
    margin-left: 40px;
    max-width: 400px; }
  .chat_page .chat_columns p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0; }
.collection_page {
  position: relative; }
  .collection_page .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444; }
    .collection_page .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .collection_page .outline_button:active {
      background: #e44949;
      border-color: #e44949; }
  .collection_page .grid_header h2 {
    margin-right: 200px;
    white-space: normal; }
  .collection_page .follow_area {
    position: absolute;
    top: 20px;
    right: 40px; }
  @media (max-width: 700px) {
    .collection_page .follow_area {
      position: static;
      margin: 20px 40px 0 40px; }
    .collection_page .grid_header h2 {
      margin-right: 40px; } }
  .collection_page .collection_description {
    margin: 0 40px;
    max-width: 700px; }
    .collection_page .collection_description h1, .collection_page .collection_description h2, .collection_page .collection_description h3, .collection_page .collection_description h4, .collection_page .collection_description p, .collection_page .collection_description ul, .collection_page .collection_description ol {
      margin: 20px 0 0 0; }
    .collection_page .collection_description p {
      font-size: 16px;
      line-height: 1.5; }
    .collection_page .collection_description ul, .collection_page .collection_description ol {
      font-size: 16px;
      line-height: 1.2; }
  .collection_page .edit_tools {
    margin: 20px 40px 0 40px;
    font-size: 16px;
    line-height: 1.5; }
    .collection_page .edit_tools .outline_button {
      margin-right: 10px; }
  .collection_page .admin_tools {
    position: absolute;
    top: 10px;
    right: 10px; }
  .collection_page .privacy_notification {
    background-color: #FFF0F0;
    color: #FA5C5C;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    padding: 8px 40px; }
    @media (max-width: 600px) {
      .collection_page .privacy_notification {
        text-align: left; } }
  .collection_page .layout_grid .game_cell.has_blurb .blurb_outer {
    display: block; }
  .collection_page .layout_grid .game_cell.has_blurb .without_blurb {
    display: none; }
  .collection_page .layout_grid .game_cell.has_blurb span.with_blurb {
    display: inline; }
  .collection_page .layout_grid .game_cell .blurb_outer {
    margin-top: 20px;
    display: none; }
    .collection_page .layout_grid .game_cell .blurb_outer a {
      color: #666; }
  .collection_page .layout_grid .game_cell .blurb_meta {
    margin-bottom: 8px;
    color: #999; }
  .collection_page .layout_grid .game_cell .blurb_drop {
    line-height: 1.6;
    background: #F4F4F4;
    padding: 10px; }
    .collection_page .layout_grid .game_cell .blurb_drop :first-child {
      margin-top: 0; }
    .collection_page .layout_grid .game_cell .blurb_drop :last-child {
      margin-bottom: 0; }
  .collection_page .layout_grid .game_cell .edit_text {
    margin-top: 10px; }
    .collection_page .layout_grid .game_cell .edit_text a {
      color: #999; }
    .collection_page .layout_grid .game_cell .edit_text .with_blurb {
      display: none; }
  .collection_page .layout_list {
    padding-top: 40px; }
    .collection_page .layout_list .game_row {
      *zoom: 1;
      max-width: 960px;
      margin: 0 auto 60px auto; }
      .collection_page .layout_list .game_row:before, .collection_page .layout_list .game_row:after {
        content: " ";
        display: table; }
      .collection_page .layout_list .game_row:after {
        clear: both; }
    .collection_page .layout_list .game_row_header {
      margin-bottom: 30px;
      font-size: 16px;
      color: #999; }
      .collection_page .layout_list .game_row_header .game_title {
        font-size: 30px;
        font-weight: bold;
        text-decoration: none; }
      .collection_page .layout_list .game_row_header .sub {
        display: inline-block;
        margin: 0 5px; }
      .collection_page .layout_list .game_row_header .author_link {
        color: #666; }
    .collection_page .layout_list .blurb_content {
      margin-left: 345px; }
    .collection_page .layout_list .blurb_meta {
      font-size: 16px;
      color: #999;
      margin-bottom: 15px; }
      .collection_page .layout_list .blurb_meta a {
        color: #666; }
    .collection_page .layout_list .game_cell {
      width: 315px;
      margin-bottom: 0;
      margin-right: 0;
      float: left; }
      .collection_page .layout_list .game_cell .game_meta {
        font-size: 16px;
        margin: 10px 0;
        color: #666; }
      .collection_page .layout_list .game_cell .game_genre, .collection_page .layout_list .game_cell .game_platform {
        margin: 0;
        display: inline; }
        .collection_page .layout_list .game_cell .game_genre:after, .collection_page .layout_list .game_cell .game_platform:after {
          content: ", "; }
        .collection_page .layout_list .game_cell .game_genre:last-child:after, .collection_page .layout_list .game_cell .game_platform:last-child:after {
          content: ""; }
    .collection_page .layout_list .formatted {
      font-size: 18px; }
      .collection_page .layout_list .formatted p {
        line-height: 1.6; }
.community_accept_moderator_page p {
  font-size: 16px;
  line-height: 1.5; }
  .community_accept_moderator_page p:last-child {
    margin-bottom: 0; }
  .community_accept_moderator_page p.sub {
    color: #666; }
.community_base_edit_page_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px;
  margin-top: 0px; }

.community_base_edit_page_page h3 {
  margin-top: 40px; }
.community_blocks_page p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0; }

.community_blocks_page .intro_text {
  max-width: 600px; }

.community_blocks_page .empty_message {
  color: #666; }
.community_bookmarks_page .empty_message {
  font-size: 16px;
  line-height: 1.5;
  color: #666; }
.community_category_page .community_category_header_widget .new_topic_btn {
  vertical-align: top;
  margin-top: 25px;
  margin-right: 20px; }

.community_category_page .moderator_tools, .community_category_page .filter_notice {
  font-size: 16px;
  line-height: 1.5;
  background: #F4F4F4;
  padding: 10px 20px; }
  .community_category_page .moderator_tools strong, .community_category_page .filter_notice strong {
    color: #444; }

.community_category_page .moderator_tools {
  margin: 20px 0 0 0; }

.community_category_page .filter_notice {
  margin: 0 0 20px 0; }

.community_category_page .rules_link {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 20px 0; }

.community_category_page .rules_content {
  display: none; }

.community_category_page.rules_visible .rules_link {
  display: none; }

.community_category_page.rules_visible .rules_content {
  display: block; }
.community_category_reports_page .page_tabs {
  margin-bottom: 20px;
  margin-top: 30px; }

.community_category_reports_page .reports_table {
  width: 100%;
  border: 1px solid #a7a7a7;
  padding: 1px; }
  .community_category_reports_page .reports_table td {
    padding: 6px 10px; }
  .community_category_reports_page .reports_table tr:last-child > .report_reason {
    padding-bottom: 10px; }
  .community_category_reports_page .reports_table tr .report_reason > p:last-child {
    margin-bottom: 0; }
  .community_category_reports_page .reports_table form {
    text-align: right; }
  .community_category_reports_page .reports_table tbody td {
    border-top: 1px solid #dadada; }
  .community_category_reports_page .reports_table tbody > tr:first-child td {
    border-top: 0; }
  .community_category_reports_page .reports_table .report_reason {
    padding-bottom: 40px; }
    .community_category_reports_page .reports_table .report_reason > p:first-child {
      margin-top: 5px; }
.community_edit_category_page .directory_warning {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.5; }

.community_edit_category_page .category_tag_editor .tag_list {
  margin: 10px 0; }

.community_edit_category_page .category_tag_editor .tag_row {
  margin-bottom: 5px; }
  .community_edit_category_page .category_tag_editor .tag_row:last-child {
    margin-bottom: 0; }

.community_edit_category_page .category_tag_editor .tag_label {
  padding: 4px 10px;
  background: #F4F4F4;
  font-weight: bold;
  border-radius: 3px;
  font-size: 14px;
  color: #666;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin-right: 10px; }

.community_edit_category_page .category_tag_editor a {
  color: #999; }
.community_edit_category_children_page .button_row {
  margin-bottom: 10px; }

.community_edit_category_children_page .category_row:first-child > .category_primary_inputs .move_up_btn {
  display: none; }

.community_edit_category_children_page .category_row:last-child > .category_primary_inputs .move_down_btn {
  display: none; }

.community_edit_category_children_page .category_row {
  margin-bottom: 15px;
  border: 1px solid #dadada;
  background: rgba(0, 0, 0, 0.05);
  position: relative; }
  .community_edit_category_children_page .category_row:last-child {
    margin-bottom: 0; }
  .community_edit_category_children_page .category_row .new_flag {
    background: #999;
    position: absolute;
    top: -10px;
    right: -10px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px; }
  .community_edit_category_children_page .category_row .child_categories {
    padding: 15px;
    padding-left: 45px;
    border-top: 1px solid #dadada;
    background: rgba(255, 255, 255, 0.8); }
  .community_edit_category_children_page .category_row .move_btn, .community_edit_category_children_page .category_row .remove_btn, .community_edit_category_children_page .category_row .created_at, .community_edit_category_children_page .category_row .topics_count {
    margin-right: 10px;
    color: #666; }
  .community_edit_category_children_page .category_row .category_primary_inputs {
    margin: 15px;
    margin-bottom: 7.5px; }
    .community_edit_category_children_page .category_row .category_primary_inputs .text_input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: calc(50% - 5px);
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
      margin-right: 10px; }
      .community_edit_category_children_page .category_row .category_primary_inputs .text_input:last-child {
        margin-right: 0; }
  .community_edit_category_children_page .category_row .category_secondary_inputs {
    margin: 15px; }
    .community_edit_category_children_page .category_row .category_secondary_inputs .button {
      vertical-align: middle;
      margin-right: 10px; }
    .community_edit_category_children_page .category_row .category_secondary_inputs label {
      display: inline-block;
      margin-right: 10px; }
    .community_edit_category_children_page .category_row .category_secondary_inputs input[type=checkbox] {
      margin-left: 0; }
    .community_edit_category_children_page .category_row .category_secondary_inputs .category_link {
      margin-right: 10px; }
.community_edit_post_page .edit_warning {
  background: #EFEEBF;
  padding: 15px;
  font-size: 16px;
  margin-bottom: 40px; }

.community_edit_post_page .parent_post {
  border-top: 1px solid #dadada;
  padding: 0 40px 40px 40px; }
  .community_edit_post_page .parent_post h3 {
    margin: 0;
    margin-top: 20px; }
  .community_edit_post_page .parent_post .community_post_list_widget {
    padding-top: 25px; }

.community_edit_post_page .stat_header_widget {
  height: auto; }
  .community_edit_post_page .stat_header_widget h2 {
    line-height: 1.4;
    display: block; }
  .community_edit_post_page .stat_header_widget .text_container {
    padding: 20px 20px 20px 40px; }
  .community_edit_post_page .stat_header_widget .topic_info_row {
    font-size: 16px;
    margin-top: 4px;
    color: #666; }
.community_home_page .page_tabs {
  margin-bottom: 20px; }
.community_new_topic_page .category_rules {
  border-top: 1px solid #dadada; }
  .community_new_topic_page .category_rules .formatted > :last-child {
    margin-bottom: 0; }
.community_profile_page .empty_message {
  font-size: 16px;
  line-height: 1.5;
  color: #666; }

.community_profile_page .stat_header_widget .avatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  background-color: #F4F4F4;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-right: 15px; }

.community_profile_page .stat_header_widget h2 {
  vertical-align: top;
  margin-top: 14px; }

.community_profile_page .stat_header_widget .text_container {
  padding-top: 16px; }

.community_profile_page .stat_header_widget .author_flag {
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 4px;
  padding: 0px 8px;
  display: inline-block;
  font-weight: bold;
  color: rgba(102, 102, 102, 0.8);
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  margin-left: 10px;
  vertical-align: 3px; }
  .community_profile_page .stat_header_widget .author_flag.admin {
    background: #fc8d8d;
    color: rgba(255, 255, 255, 0.8); }

.community_profile_page .topic_post_row {
  border: 1px solid #dadada;
  margin-bottom: 20px; }
  .community_profile_page .topic_post_row .topic_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #F4F4F4;
    color: #666;
    padding: 8px 20px;
    size: 14px; }
    .community_profile_page .topic_post_row .topic_title a {
      color: #666; }
  .community_profile_page .topic_post_row .community_post_list_widget {
    padding: 15px 20px; }
    .community_profile_page .topic_post_row .community_post_list_widget .post_header > :not(.post_date) {
      display: none; }
    .community_profile_page .topic_post_row .community_post_list_widget .post_header .post_date {
      margin-left: 0; }

.community_profile_page .sub_header {
  background: #F4F4F4;
  border-bottom: 1px solid #dadada;
  padding: 10px 20px 10px 40px; }
  .community_profile_page .sub_header .user_data {
    font-size: 16px;
    color: #666;
    line-height: 35px; }
  .community_profile_page .sub_header .follow_user_btn {
    float: right;
    display: block; }

.community_profile_page .game_carousel_widget {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px; }
  .community_profile_page .game_carousel_widget .scrollbar_outer {
    left: 5px; }
  .community_profile_page .game_carousel_widget .game_cell {
    max-width: 220px; }
    .community_profile_page .game_carousel_widget .game_cell .game_author, .community_profile_page .game_carousel_widget .game_cell .game_platform, .community_profile_page .game_carousel_widget .game_cell .game_text, .community_profile_page .game_carousel_widget .game_cell .game_genre {
      display: none; }
    .community_profile_page .game_carousel_widget .game_cell .game_title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 18px; }
    .community_profile_page .game_carousel_widget .game_cell .game_thumb {
      width: 220px;
      height: 174px; }
.community_recent_page .recent_post_list .post_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  padding: 6px 0px;
  color: #999; }
  .community_recent_page .recent_post_list .post_row:hover .post_date {
    opacity: 1; }
  .community_recent_page .recent_post_list .post_row > * {
    margin-left: 10px; }
    .community_recent_page .recent_post_list .post_row > *:first-child {
      margin-left: 0; }
  .community_recent_page .recent_post_list .post_row .post_action {
    font-size: 14px;
    background: #e7e7e7;
    border-radius: 4px;
    padding: 0px 8px;
    display: inline-block;
    font-weight: bold;
    color: rgba(102, 102, 102, 0.8);
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    width: 80px;
    text-align: center; }
    .community_recent_page .recent_post_list .post_row .post_action.new_topic {
      background: #34a0f2;
      color: rgba(255, 255, 255, 0.9); }
  .community_recent_page .recent_post_list .post_row .post_topic {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .community_recent_page .recent_post_list .post_row .post_topic .author_link {
      color: #666; }
  .community_recent_page .recent_post_list .post_row .post_category {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    width: 260px; }
    .community_recent_page .recent_post_list .post_row .post_category a {
      color: #666; }
  .community_recent_page .recent_post_list .post_row .post_date {
    opacity: 0;
    transition: opacity 0.1s ease;
    margin-left: 5px; }
  .community_recent_page .recent_post_list .post_row .avatar_container .poster_avatar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
.curation_list_page .curation_list_header {
  border-bottom: 1px solid #dadada; }
  .curation_list_page .curation_list_header .header_inner {
    width: 960px;
    margin: 0 auto;
    *zoom: 1;
    position: relative; }
    .curation_list_page .curation_list_header .header_inner:before, .curation_list_page .curation_list_header .header_inner:after {
      content: " ";
      display: table; }
    .curation_list_page .curation_list_header .header_inner:after {
      clear: both; }
    @media (min-width: 1220px) {
      .curation_list_page .curation_list_header .header_inner {
        width: 1200px; } }
  .curation_list_page .curation_list_header .follow_area {
    position: absolute;
    top: 20px;
    right: 20px; }
  .curation_list_page .curation_list_header h1 {
    margin: 30px 0 0 0;
    font-size: 32px; }
  .curation_list_page .curation_list_header .curation_list_author {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 20px; }
    .curation_list_page .curation_list_header .curation_list_author a {
      color: #666; }
      .curation_list_page .curation_list_header .curation_list_author a:hover {
        color: #222; }
  .curation_list_page .curation_list_header .formatted {
    margin-bottom: 30px; }
    .curation_list_page .curation_list_header .formatted > :last-child {
      margin-bottom: 0; }

.curation_list_page .list_rows {
  background-color: white;
  padding-bottom: 40px;
  border-bottom: 2px solid #d0d0d0; }
  .curation_list_page .list_rows .list_rows_inner {
    width: 960px;
    margin: 0 auto;
    *zoom: 1; }
    .curation_list_page .list_rows .list_rows_inner:before, .curation_list_page .list_rows .list_rows_inner:after {
      content: " ";
      display: table; }
    .curation_list_page .list_rows .list_rows_inner:after {
      clear: both; }
    @media (min-width: 1220px) {
      .curation_list_page .list_rows .list_rows_inner {
        width: 1200px; } }

.curation_list_page .curation_list_row {
  margin-bottom: 40px; }
  .curation_list_page .curation_list_row h2 {
    margin: 30px 0 10px 0;
    font-size: 28px; }
    .curation_list_page .curation_list_row h2 a {
      color: #444;
      text-decoration: none; }
      .curation_list_page .curation_list_row h2 a:hover {
        border-bottom: 1px solid #dadada; }
  .curation_list_page .curation_list_row .list_row_meta {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px; }
  .curation_list_page .curation_list_row .game_carousel_widget {
    margin-top: 20px; }
    .curation_list_page .curation_list_row .game_carousel_widget .game_cell {
      max-width: 220px; }
      .curation_list_page .curation_list_row .game_carousel_widget .game_cell .game_thumb {
        width: 220px;
        height: 174px; }
.dashboard_page .blank_content {
  text-align: center; }
  .dashboard_page .blank_content h3 {
    font-weight: normal;
    font-size: 22px;
    color: #666; }
  .dashboard_page .blank_content .sub_links {
    margin-top: 15px;
    font-size: 14px; }
    .dashboard_page .blank_content .sub_links a {
      color: #999; }

.dashboard_page .social_nag {
  margin: 20px 0; }
  .dashboard_page .social_nag .icon-heart {
    color: #999; }

.dashboard_page .game_list .cover_image {
  float: left;
  margin-top: 1px;
  margin-left: 1px;
  height: 83px;
  width: 105px;
  border-right: 1px solid white;
  position: relative;
  background: #f5f5f5;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .dashboard_page .game_list .cover_image .no_image {
    text-align: center;
    color: #999; }

.dashboard_page .game_list .game_row {
  height: 85px;
  margin-bottom: 10px;
  border: 1px solid #dadada;
  border-radius: 2px; }

.dashboard_page .game_list .game_title, .dashboard_page .game_list .game_links {
  margin-left: 106px; }

.dashboard_page .game_list .game_title {
  font-size: 20px;
  padding: 0 10px;
  line-height: 49px;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .dashboard_page .game_list .game_title a {
    display: block;
    color: #444;
    text-decoration: none; }
    .dashboard_page .game_list .game_title a:hover {
      color: #222; }

.dashboard_page .game_list .game_links {
  background: #eee;
  color: #999;
  padding: 0 10px;
  line-height: 36px; }
  .dashboard_page .game_list .game_links a {
    color: #666; }
    .dashboard_page .game_list .game_links a:hover {
      color: #222; }

.dashboard_page .game_list .publish_status {
  float: right; }

.dashboard_page .columns .left_col {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  width: 430px;
  margin-right: 20px; }
  .dashboard_page .columns .left_col:last-child, .dashboard_page .columns .left_col.last {
    margin-right: 0; }

.dashboard_page .columns .right_col {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  width: 430px;
  margin-right: 20px; }
  .dashboard_page .columns .right_col:last-child, .dashboard_page .columns .right_col.last {
    margin-right: 0; }

.dashboard_page .notification {
  border: 1px solid #dadada;
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5; }
  .dashboard_page .notification:before {
    content: "Note:";
    font-weight: bold;
    margin-right: 5px;
    color: #333; }
  .dashboard_page .notification .sub_link {
    color: #666; }

.dashboard_page .column_cell {
  margin-bottom: 20px; }

.dashboard_page .sale_list, .dashboard_page .jam_list {
  font-size: 14px; }
  .dashboard_page .sale_list li, .dashboard_page .jam_list li {
    line-height: 1.6; }
  .dashboard_page .sale_list .inactive a, .dashboard_page .jam_list .inactive a {
    color: #666; }

.dashboard_page .header_notification {
  margin-top: 30px;
  padding: 8px 40px;
  font-size: 16px;
  background: #FFF0F0;
  color: #DD4A4A; }

.dashboard_page .graph_container {
  margin-left: -20px; }

.dashboard_page .tag_bubble {
  vertical-align: middle;
  display: inline-block;
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  padding: 0 6px;
  line-height: 20px;
  border-radius: 2px;
  text-transform: uppercase; }
  .dashboard_page .tag_bubble a {
    text-decoration: none;
    color: white !important; }
  .dashboard_page .tag_bubble.green {
    background: #90ce59; }
  .dashboard_page .tag_bubble.red {
    background: #FB9175; }

.dashboard_page .filter_picker_widget {
  display: inline-block;
  line-height: normal; }
  .dashboard_page .filter_picker_widget .icon_down_tick {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    fill: #666; }
  .dashboard_page .filter_picker_widget .filter_options {
    padding: 10px 0;
    margin-top: 20px;
    width: 200px; }
    .dashboard_page .filter_picker_widget .filter_options > ul:last-child {
      margin-bottom: 0; }
    .dashboard_page .filter_picker_widget .filter_options > ul ul {
      margin: 0 0 5px 0;
      padding-left: 20px; }
  .dashboard_page .filter_picker_widget ul {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 15px;
    margin-bottom: 20px;
    padding: 0; }
    .dashboard_page .filter_picker_widget ul li {
      list-style: none; }
.dashboard_bundles_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px; }
  .dashboard_bundles_page p:first-child {
    margin-top: 0; }

.dashboard_bundles_page .bundle_list {
  margin-top: 40px; }
.dashboard_game_ratings_page .toggle_ratings {
  background: #F4F4F4;
  padding: 10px 15px;
  margin-bottom: 40px; }
  .dashboard_game_ratings_page .toggle_ratings.loading > * {
    opacity: 0.5; }
  .dashboard_game_ratings_page .toggle_ratings p {
    margin: 0; }
.dashboard_game_upload_embed_page p {
  font-size: 16px;
  line-height: 1.5; }

.dashboard_game_upload_embed_page .form select {
  font-size: 16px;
  line-height: 1.5;
  font-size: 14px;
  padding: 3px 5px; }

.dashboard_game_upload_embed_page .form .embed_options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
  width: 524px; }
  .dashboard_game_upload_embed_page .form .embed_options .label {
    margin-right: 10px; }
  .dashboard_game_upload_embed_page .form .embed_options .spacer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .dashboard_game_upload_embed_page .form .embed_options input {
    display: inline-block;
    width: 50px;
    margin: 0 20px 0 0; }

.dashboard_game_upload_embed_page .form .color_input {
  display: inline-block;
  vertical-align: middle; }

.dashboard_game_upload_embed_page .form .ludum_dare_directions {
  margin-top: 30px; }
  .dashboard_game_upload_embed_page .form .ludum_dare_directions input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: monospace;
    font-size: 14px; }

.dashboard_game_upload_embed_page .form textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 80px;
  margin: 0;
  font-family: monospace;
  font-size: 14px; }

.dashboard_game_upload_embed_page .embed_directions {
  margin: 10px 0;
  font-size: 14px;
  color: #666; }
  .dashboard_game_upload_embed_page .embed_directions strong {
    color: #4d4d4d; }

.dashboard_game_upload_embed_page .preview_container {
  z-index: 1000;
  position: fixed;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .dashboard_game_upload_embed_page .preview_container iframe {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
    background: #333; }
.dashboard_jams_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px; }
  .dashboard_jams_page p:first-child {
    margin-top: 0; }

.dashboard_jams_page .jams_list {
  margin-top: 40px; }
.dashboard_payout_page p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0; }

.dashboard_payout_page .breakdown_table tr.total_row td {
  font-weight: bold;
  background: #F4F4F4; }

.dashboard_payout_page h3 {
  margin-top: 40px; }
.dashboard_payouts_page p {
  font-size: 16px;
  max-width: 600px;
  line-height: 1.5; }
  .dashboard_payouts_page p:first-child {
    margin-top: 0; }
  .dashboard_payouts_page p.sub {
    color: #666; }

.dashboard_payouts_page .loader {
  margin-left: 10px;
  display: none; }

.dashboard_payouts_page form.loading .loader {
  display: inline-block; }

.dashboard_payouts_page .question {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  border: 1px solid #dadada;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  margin-left: 5px;
  cursor: default; }

.dashboard_payouts_page .destination_group {
  margin-bottom: 40px; }
  .dashboard_payouts_page .destination_group:last-child {
    margin-bottom: 0; }
.dashboard_purchase_page .return_link_row {
  font-size: 16px;
  line-height: 1.5;
  width: 600px;
  margin: 0 auto;
  margin-top: 40px; }
  .dashboard_purchase_page .return_link_row a {
    color: #666; }

.dashboard_purchase_page .lightbox {
  position: static;
  overflow: hidden;
  margin: 20px auto 40px auto;
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px; }
.dashboard_purchases_page p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  max-width: 600px; }

.dashboard_purchases_page .page_intro {
  width: 600px;
  margin: 40px auto; }

.dashboard_purchases_page .empty_message {
  color: #666; }

.dashboard_purchases_page .graphs_outer {
  padding: 30px 40px 10px 40px;
  border-bottom: 1px solid #dadada; }
  .dashboard_purchases_page .graphs_outer .tab_units {
    float: right;
    position: relative;
    top: 2px;
    color: #999; }
    .dashboard_purchases_page .graphs_outer .tab_units .graph_unit {
      margin-left: 10px;
      color: #666; }
      .dashboard_purchases_page .graphs_outer .tab_units .graph_unit.active {
        text-decoration: none;
        font-weight: bold;
        color: #222; }
  .dashboard_purchases_page .graphs_outer .page_tabs {
    margin-bottom: 20px; }

.dashboard_purchases_page .exporter {
  float: right;
  margin-top: 4px; }
  .dashboard_purchases_page .exporter a {
    color: #666; }

.dashboard_purchases_page .purchase_navigator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .dashboard_purchases_page .purchase_navigator .results_summary {
    color: #666;
    font-size: 16px; }
  .dashboard_purchases_page .purchase_navigator .clear_search_btn {
    text-decoration: none;
    color: #999;
    font-size: 25px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    line-height: 17px;
    position: relative;
    top: -1px; }
    .dashboard_purchases_page .purchase_navigator .clear_search_btn:hover {
      color: #666; }
  .dashboard_purchases_page .purchase_navigator .search_field {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right; }
    .dashboard_purchases_page .purchase_navigator .search_field input {
      width: 200px; }
.dashboard_sales_page p {
  font-size: 16px;
  line-height: 1.5;
  max-width: 600px; }
  .dashboard_sales_page p:first-child {
    margin-top: 0; }

.dashboard_sales_page .sale_list {
  margin-top: 40px; }
.developers_page .guide_nav {
  text-align: center;
  padding-bottom: 40px;
  font-size: 16px; }
  .developers_page .guide_nav strong {
    color: #666; }
  .developers_page .guide_nav .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    margin: 0 10px; }
    .developers_page .guide_nav .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .developers_page .guide_nav .outline_button:active {
      background: #e44949;
      border-color: #e44949; }

.developers_page .photo_header {
  background-color: #3A434C;
  background-image: url("//static.itch.io/images/developers/controller.jpg");
  background-size: cover;
  background-position: 50% 60%;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
  .developers_page .photo_header .inner_column {
    position: relative; }
  .developers_page .photo_header .photo_inside {
    padding: 40px 0; }
  .developers_page .photo_header h1 {
    color: white;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin: 0 auto 40px auto;
    max-width: 800px; }
  .developers_page .photo_header .messaging {
    padding: 10px 0;
    color: white;
    margin-right: 500px; }
    .developers_page .photo_header .messaging p {
      font-size: 18px;
      margin: 0;
      margin-bottom: 20px;
      line-height: 1.5; }
  .developers_page .photo_header .button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-right: 10px; }
  .developers_page .photo_header a {
    color: white; }
  .developers_page .photo_header .photo_columns {
    position: relative; }
  .developers_page .photo_header #screencast {
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 10px rgba(0, 0, 0, 0.5);
    border: 4px solid transparent;
    border-radius: 2px; }

.developers_page .box_content {
  position: relative;
  padding: 35px;
  margin: 4px;
  border: 1px dashed #E0E0E0;
  border-radius: 2px; }
  .developers_page .box_content .fancy {
    font-family: serif;
    color: #444;
    font-style: italic;
    font-size: 14px;
    margin-top: 3px; }
  .developers_page .box_content .divider {
    width: 400px;
    margin: 25px auto;
    border-top: 1px dashed #ccc; }
  .developers_page .box_content .guide {
    position: relative;
    *zoom: 1;
    margin-bottom: 40px; }
    .developers_page .box_content .guide:before, .developers_page .box_content .guide:after {
      content: " ";
      display: table; }
    .developers_page .box_content .guide:after {
      clear: both; }
    .developers_page .box_content .guide.right_guide .image {
      float: right; }
    .developers_page .box_content .guide.right_guide .text {
      margin-left: 0;
      margin-right: 500px; }
    .developers_page .box_content .guide .new_ribbon {
      position: absolute;
      top: -14px;
      left: 360px;
      width: 89px;
      height: 101px;
      background-image: url("/static/images/new_ribbon.png"); }
    .developers_page .box_content .guide .image {
      float: left;
      background-color: #d0d0d0;
      background-image: linear-gradient(bottom, #c4c4c4 0%, #ddd 100%);
      background-image: -webkit-linear-gradient(bottom, #c4c4c4 0%, #ddd 100%);
      background-image: -moz-linear-gradient(bottom, #c4c4c4 0%, #ddd 100%);
      background-image: -o-linear-gradient(bottom, #c4c4c4 0%, #ddd 100%);
      background-image: -ms-linear-gradient(bottom, #c4c4c4 0%, #ddd 100%);
      width: 450px;
      height: 250px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 0 40px rgba(0, 0, 0, 0.2), 0 0 0 3px white, 0 0 0 4px #ccc;
      border: 1px solid #777;
      border-radius: 2px; }
    .developers_page .box_content .guide .text {
      margin-left: 500px;
      margin-top: 50px;
      text-align: left; }
      .developers_page .box_content .guide .text h3 {
        color: #444;
        font-size: 28px;
        margin: 0;
        font-weight: normal; }
        .developers_page .box_content .guide .text h3 .icon {
          margin-right: 8px;
          color: #9E9E9E; }
      .developers_page .box_content .guide .text p {
        color: #666;
        font-size: 16px;
        line-height: 1.5;
        margin: 15px 0; }
  .developers_page .box_content .register_form_widget {
    margin-top: 20px; }
    .developers_page .box_content .register_form_widget h2 {
      font-size: 28px;
      font-weight: normal;
      text-align: center; }
    .developers_page .box_content .register_form_widget .form_columns {
      font-size: 0; }
      .developers_page .box_content .register_form_widget .form_columns .col {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        width: 430px;
        margin-right: 20px; }
        .developers_page .box_content .register_form_widget .form_columns .col:last-child, .developers_page .box_content .register_form_widget .form_columns .col.last {
          margin-right: 0; }
    .developers_page .box_content .register_form_widget .text_input {
      width: 400px; }
.directory_page {
  background: white; }
  .directory_page h1 {
    background: #F4F4F4;
    border-bottom: 1px solid #dadada;
    padding: 20px 40px; }
  .directory_page h2 {
    margin: 20px 40px;
    font-size: 24px; }
    .directory_page h2 a {
      text-decoration: none;
      color: inherit; }
  .directory_page .facet_columns {
    -webkit-columns: 300px;
    -moz-columns: 300px;
    -ms-columns: 300px;
    columns: 300px;
    margin: 20px 40px; }
  .directory_page .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    vertical-align: 3px;
    margin-left: 10px; }
    .directory_page .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .directory_page .outline_button:active {
      background: #e44949;
      border-color: #e44949; }
  .directory_page .facet_group {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #F4F4F4;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 16px; }
    .directory_page .facet_group h3 {
      font-size: 18px;
      margin: 0;
      color: #666;
      margin-bottom: 15px; }
    .directory_page .facet_group ul {
      list-style: none;
      margin: 0;
      padding: 0;
      word-wrap: break-word; }
      .directory_page .facet_group ul li {
        margin: 8px 0;
        line-height: 1.3; }
.donation_complete_page .icon-heart {
  color: #EC4E61;
  vertical-align: top;
  margin-left: 4px;
  font-size: 16px; }

.donation_complete_page p {
  font-size: 16px;
  line-height: 1.5; }
.edit_game_page .when_game_only {
  display: none; }

.edit_game_page.is_game .when_game_only {
  display: block; }

.edit_game_page .loading .form_loader, .edit_game_page.loading .form_loader {
  display: inline-block; }

.edit_game_page.payments_disabled .payment_warning {
  display: none; }

.edit_game_page.payments_disabled .suggested_price_row, .edit_game_page.payments_disabled .suggest_toggle_row {
  display: none; }

.edit_game_page.can_purchase .price_input_row .min_price, .edit_game_page.can_purchase .suggest_toggle_row {
  display: block; }

.edit_game_page.can_purchase .price_input_row .min_price_help {
  display: none; }

.edit_game_page.can_purchase .price_input_row .label .sub {
  display: inline; }

.edit_game_page.can_purchase.show_suggested_price .suggested_price_row {
  display: block; }

.edit_game_page.can_donate .donation_input_row {
  display: block; }

.edit_game_page .CodeMirror {
  margin: 6px 0;
  border: 2px solid #cdcdcd; }

.edit_game_page .anchor {
  height: 0;
  position: relative;
  top: -80px; }

.edit_game_page .game_edit_form h2 {
  margin-top: 40px; }

.edit_game_page .hint {
  font-style: italic;
  color: #666;
  margin-top: 15px; }
  .edit_game_page .hint:before {
    content: "tip";
    background: #b3b3b3;
    color: white;
    font-style: normal;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 2px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px; }

.edit_game_page form.has_errors .form_errors {
  display: block; }

.edit_game_page form .form_errors {
  display: none;
  margin: 0 40px 30px 40px;
  font-size: 16px; }
  .edit_game_page form .form_errors li {
    line-height: 1.5; }

.edit_game_page form .form_errors {
  margin: 0; }

.edit_game_page .input_row {
  margin-bottom: 25px; }

.edit_game_page .donation_input_row, .edit_game_page .suggest_toggle_row, .edit_game_page .suggested_price_row {
  display: none; }

.edit_game_page .html_options {
  line-height: 1.6; }

.edit_game_page .price_group {
  margin-bottom: 20px; }
  .edit_game_page .price_group .input_row {
    margin-bottom: 5px; }
  .edit_game_page .price_group .suggest_toggle_row {
    margin: 10px 0; }

.edit_game_page .price_input_row .min_price, .edit_game_page .price_input_row .label .sub {
  display: none; }

.edit_game_page .suggested_price_row {
  display: none; }
  .edit_game_page .suggested_price_row .suggested_price_error {
    color: #D14343;
    display: none; }
  .edit_game_page .suggested_price_row.has_error input {
    border-color: #e59595;
    color: #D14343; }
  .edit_game_page .suggested_price_row.has_error .sub {
    display: none; }
  .edit_game_page .suggested_price_row.has_error .suggested_price_error {
    display: inline; }

.edit_game_page .when_not_default {
  display: none; }

.edit_game_page .when_has_download {
  display: none; }

.edit_game_page.has_download .when_has_download {
  display: block; }

.edit_game_page .when_unity {
  display: none; }

.edit_game_page.type_unity .when_default {
  display: none; }

.edit_game_page.type_unity .when_unity, .edit_game_page.type_unity .when_not_default {
  display: block; }

.edit_game_page.type_unity .spanunity {
  display: inline; }

.edit_game_page .when_flash {
  display: none; }

.edit_game_page.type_flash .when_default {
  display: none; }

.edit_game_page.type_flash .when_flash, .edit_game_page.type_flash .when_not_default {
  display: block; }

.edit_game_page.type_flash .spanflash {
  display: inline; }

.edit_game_page .when_java {
  display: none; }

.edit_game_page.type_java .when_default {
  display: none; }

.edit_game_page.type_java .when_java, .edit_game_page.type_java .when_not_default {
  display: block; }

.edit_game_page.type_java .spanjava {
  display: inline; }

.edit_game_page .when_html {
  display: none; }

.edit_game_page.type_html .when_default {
  display: none; }

.edit_game_page.type_html .when_html, .edit_game_page.type_html .when_not_default {
  display: block; }

.edit_game_page.type_html .spanhtml {
  display: inline; }

.edit_game_page p.sub {
  color: #666;
  margin: 5px 0; }

.edit_game_page .form_loader {
  display: none;
  margin: 0 10px; }

.edit_game_page textarea {
  height: 250px; }

.edit_game_page .upload_editor {
  margin: 20px 0; }
  .edit_game_page .upload_editor .upload_direction {
    font-weight: bold; }
  .edit_game_page .upload_editor .file_list {
    margin: 10px 0; }
  .edit_game_page .upload_editor .uploading_message {
    margin: 10px 0;
    color: #666; }
    .edit_game_page .upload_editor .uploading_message .loader {
      margin-right: 4px; }
  .edit_game_page .upload_editor .button_divider {
    color: #666;
    margin: 0 10px;
    display: inline-block; }
  .edit_game_page .upload_editor .on_multi_upload {
    display: none; }
  .edit_game_page .upload_editor .has_multi_upload .on_multi_upload {
    display: inline; }
  .edit_game_page .upload_editor .upload_buttons .external_file_buttons {
    float: right;
    margin-top: 10px; }
    .edit_game_page .upload_editor .upload_buttons .external_file_buttons a {
      color: #666; }
  .edit_game_page .upload_editor .upload_buttons .help_hover {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    border: 1px solid #dadada;
    background: white;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    cursor: default; }
    .edit_game_page .upload_editor .upload_buttons .help_hover:before {
      content: "?"; }

.edit_game_page .uploader {
  border: 1px solid #dadada;
  border-radius: 3px;
  margin: 10px 0 20px 0;
  background: white;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: top 0.4s ease-in-out, left 0.4s ease-in-out, border-color 0.15s;
  -moz-transition: top 0.4s ease-in-out, left 0.4s ease-in-out, border-color 0.15s;
  -ms-transition: top 0.4s ease-in-out, left 0.4s ease-in-out, border-color 0.15s;
  transition: top 0.4s ease-in-out, left 0.4s ease-in-out, border-color 0.15s; }
  .edit_game_page .uploader:first-child .move_up_wrap {
    display: none; }
  .edit_game_page .uploader:last-child .move_down_wrap {
    display: none; }
  .edit_game_page .uploader:hover .delete_btn {
    opacity: 1.0; }
  .edit_game_page .uploader.delete_hover {
    border-color: #FA5C5C;
    overflow: hidden; }
  .edit_game_page .uploader.is_hidden .upload_display_name {
    color: #999; }
  .edit_game_page .uploader.screenshot_uploader .filename {
    margin: 15px; }
  .edit_game_page .uploader .external_url_row {
    margin: 10px 15px 15px 15px; }
    .edit_game_page .uploader .external_url_row .external_url_input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      margin: 0;
      width: 100%; }
  .edit_game_page .uploader .inline_edit_input {
    width: 300px;
    margin: 0; }
  .edit_game_page .uploader .upload_title, .edit_game_page .uploader .meta_data, .edit_game_page .uploader .platform_list {
    margin-left: 15px;
    margin-right: 15px; }
  .edit_game_page .uploader .upload_title {
    margin-top: 10px; }
  .edit_game_page .uploader .platform_list {
    margin-top: 10px;
    margin-bottom: 15px; }
  .edit_game_page .uploader .price_error {
    color: #D14343; }
  .edit_game_page .uploader .platform_list {
    display: flex;
    align-items: center; }
    .edit_game_page .uploader .platform_list .platform_picker, .edit_game_page .uploader .platform_list .channel_link {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      height: 30px;
      line-height: 30px; }
    .edit_game_page .uploader .platform_list .platform_picker {
      display: flex;
      align-items: center;
      margin-right: 10px;
      cursor: pointer;
      font-size: 15px;
      color: #444;
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 0 4px; }
      .edit_game_page .uploader .platform_list .platform_picker.chosen, .edit_game_page .uploader .platform_list .platform_picker:hover.chosen {
        background: #D2FFB5;
        border-color: #C1D5B4;
        color: #3E423C; }
      .edit_game_page .uploader .platform_list .platform_picker:hover {
        background: #efefef;
        border-color: #cdcdcd; }
    .edit_game_page .uploader .platform_list .channel_link {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: inline-block;
      background: #66B355;
      color: white;
      text-decoration: none;
      padding: 0 10px;
      font-size: 14px;
      text-shadow: 0 1px 0 #606e5d;
      cursor: pointer;
      border-radius: 3px;
      border: none;
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
      text-align: center;
      line-height: 28px;
      font-weight: bold;
      height: 30px; }
      .edit_game_page .uploader .platform_list .channel_link:hover {
        background: #6cb65c; }
      .edit_game_page .uploader .platform_list .channel_link:active {
        background-color: #63845b;
        position: relative;
        top: 1px; }
      .edit_game_page .uploader .platform_list .channel_link .icon {
        margin-right: 6px; }
    .edit_game_page .uploader .platform_list .checkbox {
      margin: 0;
      margin-right: 4px; }
  .edit_game_page .uploader .upload_field_toggle, .edit_game_page .uploader .upload_price_picker {
    border-top: 1px solid #dadada;
    padding: 10px 15px;
    color: #666; }
    .edit_game_page .uploader .upload_field_toggle label, .edit_game_page .uploader .upload_price_picker label {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none; }
    .edit_game_page .uploader .upload_field_toggle .checkbox, .edit_game_page .uploader .upload_price_picker .checkbox {
      margin: 0;
      margin-right: 5px; }
  .edit_game_page .uploader .upload_price_picker .min_price_input_row {
    margin: 10px 0 0 0; }
  .edit_game_page .uploader .upload_price_picker .file_min_price {
    display: inline-block;
    width: 60px;
    padding: 4px 6px;
    margin-right: 10px; }
    .edit_game_page .uploader .upload_price_picker .file_min_price.has_error {
      border-color: #e59595;
      color: #D14343; }
  .edit_game_page .uploader .upload_content {
    line-height: 1.5; }
  .edit_game_page .uploader .upload_display_name {
    font-size: 16px; }
  .edit_game_page .uploader .upload_fname {
    color: #666; }
  .edit_game_page .uploader .meta_data {
    margin: 5px 15px; }
    .edit_game_page .uploader .meta_data a {
      color: #666; }
  .edit_game_page .uploader .upload_stats {
    margin: 5px 15px;
    color: #999; }
  .edit_game_page .uploader .delete_btn {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    display: block;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-radius: 0 0px 0 4px;
    padding: 3px 6px;
    text-decoration: none;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s; }
    .edit_game_page .uploader .delete_btn:hover {
      background: #FA5C5C;
      border-color: #FA5C5C;
      color: white; }
    .edit_game_page .uploader .delete_btn:active {
      background: #e65757;
      color: white; }
  .edit_game_page .uploader .success_message, .edit_game_page .uploader .progress_message {
    color: #666; }
  .edit_game_page .uploader .error_message {
    color: #D14343;
    margin: 15px;
    font-size: 16px;
    line-height: 1.5; }
  .edit_game_page .uploader .progress_message {
    display: inline; }
  .edit_game_page .uploader .file_size, .edit_game_page .uploader .external_label {
    color: #999; }
  .edit_game_page .uploader .progress {
    border: 1px solid #889FAD;
    background: #E5F9FF;
    height: 20px;
    position: relative;
    margin: 15px; }
    .edit_game_page .uploader .progress .progress_inner {
      -webkit-animation: scroll_background 1s linear;
      -moz-animation: scroll_background 1s linear;
      -ms-animation: scroll_background 1s linear;
      animation: scroll_background 1s linear;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transition: right 0.1s ease-in-out;
      -moz-transition: right 0.1s ease-in-out;
      -ms-transition: right 0.1s ease-in-out;
      transition: right 0.1s ease-in-out;
      background: #01A2D5;
      background-image: url("/static/images/progress_stripe.png");
      background-position: 0 0;
      position: absolute;
      margin: 1px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 100%; }

.edit_game_page .screenshot_editor {
  margin-top: 20px; }
  .edit_game_page .screenshot_editor .screenshot_list {
    margin: 10px 0;
    overflow: hidden;
    height: 0; }
    .edit_game_page .screenshot_editor .screenshot_list a {
      color: #666; }
    .edit_game_page .screenshot_editor .screenshot_list.has_image {
      height: auto;
      border: 1px solid #dadada;
      background: #eee; }
  .edit_game_page .screenshot_editor .screenshot {
    position: relative;
    width: 250px;
    margin: 20px auto;
    box-shadow: 1px 1px 4px gray;
    left: 0;
    top: 0;
    -webkit-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
    -ms-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
    transition: top 0.4s ease-in-out, left 0.4s ease-in-out; }
    .edit_game_page .screenshot_editor .screenshot:first-child .move_up_tool {
      display: none; }
    .edit_game_page .screenshot_editor .screenshot:last-child .move_down_tool {
      display: none; }
    .edit_game_page .screenshot_editor .screenshot:hover .screen_tools {
      opacity: 1; }
      .ie .edit_game_page .screenshot_editor .screenshot:hover .screen_tools {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .edit_game_page .screenshot_editor .screenshot .screen_tools {
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
      opacity: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      padding: 5px 10px;
      color: #222;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 1px;
      box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
      line-height: 1.5; }
      .ie .edit_game_page .screenshot_editor .screenshot .screen_tools {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .edit_game_page .screenshot_editor .screenshot img {
      display: block;
      width: 250px; }

.edit_game_page .domain_wrapper {
  position: relative;
  border: 2px solid #cdcdcd;
  border-radius: 2px;
  margin: 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .edit_game_page .domain_wrapper .domain {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 16px;
    padding: 8px;
    padding-right: 0;
    color: #999; }
  .edit_game_page .domain_wrapper input {
    border: 0;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1px; }

.edit_game_page .game_dimensions .mult {
  font-size: 18px;
  color: #999;
  margin: 0 10px; }

.edit_game_page .game_dimensions .dimension_label {
  margin-right: 8px;
  color: #666; }

.edit_game_page .game_dimensions input.inline_input {
  width: 30px;
  text-align: right;
  margin-right: 4px; }

.edit_game_page .money_input {
  width: 350px; }

.edit_game_page .suggest_toggle_row {
  color: #444; }
  .edit_game_page .suggest_toggle_row input {
    vertical-align: middle;
    margin: 0 5px 0 0; }

.edit_game_page .disabled_payments_input_row {
  margin: 8px 0 0 10px;
  display: inline-block;
  color: #444; }
  .edit_game_page .disabled_payments_input_row input {
    vertical-align: middle;
    margin: 0 5px 0 0; }

.edit_game_page .warning_box {
  padding-bottom: 0; }
  .edit_game_page .warning_box p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.5;
    width: 600px; }

.edit_game_page .tags_input_row .tag_input {
  font-family: Lato, sans-serif;
  font-size: 14px;
  width: 542px;
  border-color: #AAA; }

.edit_game_page .tags_input_row .text-core .text-wrap .text-tags .text-tag .text-button {
  font-size: 14px;
  height: 19px;
  font-family: Lato, sans-serif;
  background: #eaeaea;
  border-color: #AAA; }
  .edit_game_page .tags_input_row .text-core .text-wrap .text-tags .text-tag .text-button .text-remove {
    top: 4px; }

.edit_game_page .upload_lock_message {
  padding: 20px;
  line-height: 1.5; }

.edit_game_page .app_store_links_row .clear_store_button {
  position: absolute;
  top: 9px;
  right: 0px;
  outline-color: #FA5C5C;
  color: #666;
  border: 0;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
  padding: 10px;
  line-height: 10px; }
  .edit_game_page .app_store_links_row .clear_store_button:hover {
    color: #DD4A4A; }

.edit_game_page .app_store_links_row .store_url_inputs .input_row {
  margin: 10px 0 0 0; }

.edit_game_page .app_store_links_row .add_buttons {
  line-height: 30px;
  margin-top: 5px; }

.edit_game_page .app_store_links_row .input_wrapper {
  position: relative; }
  .edit_game_page .app_store_links_row .input_wrapper input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding-right: 40px; }

.edit_game_page .app_store_links_row .add_link_button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: Lato, sans-serif;
  font-size: 14px;
  padding: 2px 8px;
  margin-right: 5px;
  color: #666;
  background: transparent;
  border: 1px solid #dadada;
  border-radius: 3px;
  cursor: pointer;
  outline-color: #FA5C5C; }
  .edit_game_page .app_store_links_row .add_link_button:hover {
    border-color: #d0d0d0;
    color: black; }
  .edit_game_page .app_store_links_row .add_link_button .icon {
    font-size: 12px;
    color: #999;
    margin-right: 5px; }

.edit_game_page .ludum_dare_tagger {
  color: #666; }
  .edit_game_page .ludum_dare_tagger button {
    margin-left: 10px; }
.edit_game_email_page p {
  line-height: 1.5;
  font-size: 16px;
  margin: 0 0 20px 0; }

.edit_game_email_page .email_preview.show_download_link div.with_download_link {
  display: block; }

.edit_game_email_page .email_preview .with_download_link {
  display: none; }

.edit_game_email_page .email_preview .preview_outer {
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #dadada;
  margin: 20px 0;
  border-radius: 3px; }

.edit_game_email_page .email_preview .preview_subject {
  border-bottom: 1px solid #dadada;
  padding: 10px;
  font-weight: bold;
  color: #555; }

.edit_game_email_page .email_preview .preview_body {
  min-height: 10px;
  padding: 0 10px; }
  .edit_game_email_page .email_preview .preview_body .body_drop {
    padding-bottom: 10px; }

.edit_game_email_page .email_preview p {
  margin: 10px 0; }
  .edit_game_email_page .email_preview p.sub {
    font-size: 0.8em;
    color: #666; }
    .edit_game_email_page .email_preview p.sub a {
      color: #444; }

.edit_game_email_page .email_preview h1, .edit_game_email_page .email_preview h2, .edit_game_email_page .email_preview h3, .edit_game_email_page .email_preview h4 {
  font-size: 16px;
  margin: 10px 0; }

.edit_game_email_page .email_preview h1, .edit_game_email_page .email_preview h2 {
  font-size: 18px; }

.edit_game_email_page .email_preview hr {
  border: 0;
  height: 1px;
  background: #dadada; }

.edit_game_email_page .right_buttons {
  float: right; }

.edit_game_email_page .button_row button {
  margin: 0; }
.edit_sale_page form.has_errors .form_errors {
  display: block; }

.edit_sale_page form .form_errors {
  display: none;
  margin: 0 40px 30px 40px;
  font-size: 16px; }
  .edit_sale_page form .form_errors li {
    line-height: 1.5; }

.edit_sale_page.loading .loader {
  display: inline-block; }

.edit_sale_page.loading .buttons a {
  display: none; }

.edit_sale_page.is_bundle .bundle_min_price_row {
  display: block; }

.edit_sale_page.disable_bundle .bundle_disabled_message {
  display: block; }

.edit_sale_page.disable_bundle .bundle_enabled_fields {
  display: none; }

.edit_sale_page .no_games_warning p {
  font-size: 16px;
  line-height: 1.5; }

.edit_sale_page form .form_errors {
  margin: 0; }

.edit_sale_page .loader {
  display: none; }

.edit_sale_page .input_row {
  margin-bottom: 25px; }

.edit_sale_page .bundle_disabled_message {
  display: none;
  color: #666; }

.edit_sale_page .bundle_min_price_row {
  display: none;
  margin-top: 10px; }
  .edit_sale_page .bundle_min_price_row .suggested_bundle_price {
    font-weight: bold; }

.edit_sale_page .bundle_toggle {
  display: inline-block;
  margin-top: 10px; }

.edit_sale_page .duration_row .date_picker {
  display: inline-block;
  width: 150px;
  margin-right: 20px; }

.edit_sale_page .duration_row .duration_label {
  margin-right: 8px;
  color: #666; }

.edit_sale_page .rate_row .inner_toggle {
  margin-top: 8px; }
  .edit_sale_page .rate_row .inner_toggle label {
    border: 1px solid #dadada;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 2px; }
    .edit_sale_page .rate_row .inner_toggle label:hover {
      background: #F4F4F4; }
  .edit_sale_page .rate_row .inner_toggle input {
    margin-left: 0; }

.edit_sale_page .rate_row .rate_slider_outer {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  margin: 10px 20px 10px 0; }

.edit_sale_page .rate_row .rate_value {
  font-size: 24px; }

.edit_sale_page .game_list {
  margin: 20px 0;
  width: 550px; }
  .edit_sale_page .game_list .warning {
    color: #D14343; }
  .edit_sale_page .game_list .game_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    display: block; }
    .edit_sale_page .game_list .game_row > * {
      line-height: 30px; }
    .edit_sale_page .game_list .game_row input {
      margin-right: 6px; }
    .edit_sale_page .game_list .game_row .game_title {
      margin-right: 10px; }
    .edit_sale_page .game_list .game_row .game_price {
      color: #666; }
    .edit_sale_page .game_list .game_row:not(.disabled):hover {
      background: #FFF0F0;
      border-radius: 3px;
      cursor: pointer; }
    .edit_sale_page .game_list .game_row.disabled {
      cursor: not-allowed; }
      .edit_sale_page .game_list .game_row.disabled .game_title {
        color: #666; }
      .edit_sale_page .game_list .game_row.disabled .game_price {
        color: #8c8c8c; }

.edit_sale_page .redactor-box {
  width: 540px; }

.edit_sale_page .header_notification {
  margin-top: 30px;
  padding: 8px 40px;
  font-size: 16px;
  background: #FFF0F0;
  color: #DD4A4A; }
.event_page {
  overflow: hidden; }
  .event_page .event_row {
    font-size: 16px;
    width: 900px;
    margin: 40px auto; }
.events_page.loading .event_loader .on_loading {
  display: block; }

.events_page.loading .event_loader .next_page {
  display: none; }

.events_page .event_loader {
  border-top: 2px solid #dadada;
  text-align: center;
  color: #666;
  padding: 10px;
  font-size: 16px; }
  .events_page .event_loader .loader {
    margin-right: 10px; }

.events_page .event_row {
  position: relative;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px; }
  .events_page .event_row.has_like .event_header .like_count {
    opacity: 1;
    margin-right: 6px;
    width: auto; }
    .ie .events_page .event_row.has_like .event_header .like_count {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .events_page .event_row .event_header {
    margin-bottom: 20px;
    background: #F4F4F4;
    border-radius: 3px 3px 0 0; }
    .events_page .event_row .event_header .source_user_avatar {
      display: inline-block;
      width: 25px;
      height: 25px;
      vertical-align: -6px;
      margin-right: 10px;
      background-size: cover;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      border-radius: 2px; }
    .events_page .event_row .event_header .event_tools {
      float: right;
      color: #666;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 45px;
      font-size: 18px;
      margin-right: 15px; }
    .events_page .event_row .event_header a {
      color: #666; }
    .events_page .event_row .event_header .follow_user_btn {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444;
      line-height: normal;
      vertical-align: top;
      margin-right: 15px; }
      .events_page .event_row .event_header .follow_user_btn:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .events_page .event_row .event_header .follow_user_btn:active {
        background: #e44949;
        border-color: #e44949; }
    .events_page .event_row .event_header .event_user_action {
      padding: 0 25px;
      height: 45px;
      line-height: 45px; }
      .events_page .event_row .event_header .event_user_action strong {
        color: #444; }
    .events_page .event_row .event_header .like_count {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      font-weight: bold;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease, margin 0.2s ease;
      -moz-transition: opacity 0.2s ease, margin 0.2s ease;
      -ms-transition: opacity 0.2s ease, margin 0.2s ease;
      transition: opacity 0.2s ease, margin 0.2s ease;
      width: 0; }
      .ie .events_page .event_row .event_header .like_count {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .events_page .event_row .event_header .action_btn {
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      transition: all 0.1s ease;
      display: inline-block;
      vertical-align: top; }
      .events_page .event_row .event_header .action_btn:not(.disabled) {
        cursor: pointer; }
        .events_page .event_row .event_header .action_btn:not(.disabled):hover {
          color: gray; }
        .events_page .event_row .event_header .action_btn:not(.disabled):active {
          color: #4d4d4d; }
    .events_page .event_row .event_header .delete_btn, .events_page .event_row .event_header .edit_btn {
      margin-right: 10px; }
    .events_page .event_row .event_header .like_btn {
      position: relative;
      z-index: 2; }
      .events_page .event_row .event_header .like_btn.liked {
        color: #FA5C5C; }
        .events_page .event_row .event_header .like_btn.liked:hover {
          color: #fc8d8d; }
        .events_page .event_row .event_header .like_btn.liked:active {
          color: #f82b2b; }
  .events_page .event_row .star_picker {
    margin-top: 11px; }
  .events_page .event_row .object_title_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .events_page .event_row .object_title {
    font-size: 24px;
    text-decoration: none; }
  .events_page .event_row .object_summary {
    line-height: 1.5;
    margin: 10px 0; }
  .events_page .event_row .object_tags {
    line-height: 1.5;
    margin: 15px 0 20px 0; }
    .events_page .event_row .object_tags .tag {
      color: #999;
      display: inline-block;
      margin-right: 10px;
      text-decoration: none; }
      .events_page .event_row .object_tags .tag.featured_tag {
        color: #b18a8a; }
      .events_page .event_row .object_tags .tag:hover {
        text-decoration: underline; }
  .events_page .event_row .object_short_summary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    margin-top: -2px; }
  .events_page .event_row .game_content {
    font-size: 16px;
    line-height: 1.4;
    margin: 15px 0 20px 0; }
  .events_page .event_row .event_source_user {
    margin-right: 5px; }
  .events_page .event_row .event_time {
    color: #666;
    font-style: italic;
    text-decoration: none; }
    .events_page .event_row .event_time:hover {
      text-decoration: underline; }
  .events_page .event_row .event_content {
    *zoom: 1;
    margin: 0 25px 25px 25px; }
    .events_page .event_row .event_content:before, .events_page .event_row .event_content:after {
      content: " ";
      display: table; }
    .events_page .event_row .event_content:after {
      clear: both; }
    .events_page .event_row .event_content .event_main_content > :first-child {
      margin-top: 0; }
    .events_page .event_row .event_content .event_main_content > :last-child {
      margin-bottom: 0; }
    .events_page .event_row .event_content.has_side_content .event_main_content {
      margin-left: 345px; }
      @media (max-width: 1200px) {
        .events_page .event_row .event_content.has_side_content .event_main_content {
          margin-left: 280px; } }
  .events_page .event_row .event_side_content {
    float: left;
    position: relative; }
    .events_page .event_row .event_side_content .game_cell_tools {
      position: absolute;
      top: 5px;
      right: 10px;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease, top 0.2s ease;
      -moz-transition: opacity 0.2s ease, top 0.2s ease;
      -ms-transition: opacity 0.2s ease, top 0.2s ease;
      transition: opacity 0.2s ease, top 0.2s ease; }
      .ie .events_page .event_row .event_side_content .game_cell_tools {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .events_page .event_row .event_side_content .game_cell_tools .action_btn {
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        display: inline-block;
        background: black;
        background: rgba(30, 30, 30, 0.5);
        color: #eee;
        font-size: 12px;
        border: 1px solid rgba(10, 10, 10, 0.5);
        border-radius: 2px;
        padding: 2px 4px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
        margin-bottom: 10px;
        text-decoration: none;
        border: 4px solid #DD4A4A;
        background: rgba(30, 30, 30, 0.8);
        font-size: 14px;
        box-shadow: none;
        border-radius: 3px; }
        .events_page .event_row .event_side_content .game_cell_tools .action_btn .icon {
          margin-right: 5px; }
        .events_page .event_row .event_side_content .game_cell_tools .action_btn:hover {
          background: rgba(38, 38, 38, 0.5); }
        .events_page .event_row .event_side_content .game_cell_tools .action_btn:hover {
          border-color: #e15f5f;
          background: rgba(40, 40, 40, 0.8); }
    .events_page .event_row .event_side_content:hover .game_cell_tools {
      top: 10px;
      opacity: 1; }
      .ie .events_page .event_row .event_side_content:hover .game_cell_tools {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .events_page .event_row .event_side_content img {
      width: 315px;
      height: 250px;
      box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee;
      border: 1px solid white; }
      @media (max-width: 1200px) {
        .events_page .event_row .event_side_content img {
          width: 250px;
          height: 198px; } }
  .events_page .event_row .image_list {
    margin-bottom: 10px;
    overflow: hidden; }
    .events_page .event_row .image_list img {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 50%;
      float: left;
      display: block;
      border: 0;
      padding: 0;
      padding-right: 10px;
      margin-bottom: 10px; }
  .events_page .event_row .uploads_summary, .events_page .event_row .images_summary {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px; }
  .events_page .event_row .upload_list {
    border: 1px solid #dadada;
    padding: 5px 20px; }
    .events_page .event_row .upload_list .upload_row {
      margin: 10px 0; }
    .events_page .event_row .upload_list strong {
      font-weight: normal; }
    .events_page .event_row .upload_list .file_size {
      color: #999; }
    .events_page .event_row .upload_list .icon {
      color: #666;
      margin-right: 5px; }
  .events_page .event_row .button_row {
    margin-top: 15px; }
    .events_page .event_row .button_row .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444;
      padding-left: 20px;
      padding-right: 20px; }
      .events_page .event_row .button_row .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .events_page .event_row .button_row .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
      .events_page .event_row .button_row .outline_button .icon {
        font-size: 10px;
        margin-left: 8px; }
  .events_page .event_row .game_grid_widget {
    margin-top: 17px; }
    .events_page .event_row .game_grid_widget .game_cell {
      width: 196px;
      margin-bottom: 10px; }
      .events_page .event_row .game_grid_widget .game_cell:last-child {
        margin-right: 0; }
      .events_page .event_row .game_grid_widget .game_cell .game_thumb {
        width: 100%;
        height: 155px; }
    .events_page .event_row .game_grid_widget.few_items .game_cell {
      width: auto;
      display: inline-flex; }
      .events_page .event_row .game_grid_widget.few_items .game_cell .game_cell_data {
        width: 176px;
        margin-left: 20px; }
      .events_page .event_row .game_grid_widget.few_items .game_cell .game_thumb {
        width: 196px; }
.feed_page {
  background: #F4F4F4;
  overflow: hidden;
  font-size: 16px; }
  .feed_page .feed_header {
    background: white; }
  .feed_page .empty_content, .feed_page .alt_content_notify {
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #666;
    margin: 20px auto 30px auto;
    max-width: 600px; }
    .feed_page .empty_content .sub, .feed_page .alt_content_notify .sub {
      font-size: 16px;
      margin: 10px auto 0 auto; }
  .feed_page .page_notification {
    color: #666;
    margin: 0 0 20px 0; }
    .feed_page .page_notification a {
      color: #666; }
  .feed_page .alt_content_notify {
    max-width: none;
    background: #F4F4F4;
    margin-top: 0;
    padding: 20px 0; }
  .feed_page .column_outer {
    text-align: center;
    white-space: nowrap; }
  .feed_page .feed_column, .feed_page .right_column, .feed_page .left_column {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    white-space: normal; }
  .feed_page .feed_column {
    width: 900px; }
    @media (max-width: 1200px) {
      .feed_page .feed_column {
        width: 720px; } }
  .feed_page .right_column {
    width: 280px;
    margin-left: 20px; }
    @media (max-width: 1200px) {
      .feed_page .right_column {
        width: 250px; } }
    .feed_page .right_column p {
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 10px 0; }
    .feed_page .right_column h3 {
      margin: 0 0 10px 0; }
    .feed_page .right_column .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444; }
      .feed_page .right_column .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .feed_page .right_column .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
    .feed_page .right_column .mega_notification {
      -webkit-transition: background 0.2s ease;
      -moz-transition: background 0.2s ease;
      -ms-transition: background 0.2s ease;
      transition: background 0.2s ease;
      display: block;
      background: #FA5C5C;
      color: white;
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 6px;
      text-decoration: none; }
      .feed_page .right_column .mega_notification:hover {
        background: #fa6b6b; }
      .feed_page .right_column .mega_notification .mega_notification_head {
        font-weight: bold;
        margin-bottom: 5px; }
  .feed_page .featured_tags_outer {
    margin-bottom: 20px; }
    .feed_page .featured_tags_outer p {
      line-height: 35px; }
      .feed_page .featured_tags_outer p .outline_button {
        line-height: 20px;
        vertical-align: middle;
        margin-right: 8px; }
      .feed_page .featured_tags_outer p .see_all_link {
        color: #666; }
  .feed_page .left_column {
    width: 250px;
    margin-top: 20px;
    margin-right: 20px; }
  .feed_page .manage_games_btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    display: inline-block;
    vertical-align: top;
    margin-top: 28px;
    margin-right: 5px; }
    .feed_page .manage_games_btn:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .feed_page .manage_games_btn:active {
      background: #e44949;
      border-color: #e44949; }
    .feed_page .manage_games_btn .icon {
      margin-right: 5px; }
  .feed_page .stat_header_widget {
    overflow: hidden;
    margin-bottom: 20px;
    height: auto; }
    .feed_page .stat_header_widget .stat_header_inside {
      width: 1200px;
      margin: 0 auto; }
      @media (max-width: 1200px) {
        .feed_page .stat_header_widget .stat_header_inside {
          width: auto;
          margin: 0;
          margin-left: 40px; }
          .feed_page .stat_header_widget .stat_header_inside .stats_container > a:last-child .stat_box, .feed_page .stat_header_widget .stat_header_inside .stats_container > .stat_box:last-child {
            border-right: 0; } }
    .feed_page .stat_header_widget .stat_box {
      border-right: 1px solid #dadada;
      border-left: 0; }
    .feed_page .stat_header_widget .stat_header_inside {
      *zoom: 1;
      min-height: 80px; }
      .feed_page .stat_header_widget .stat_header_inside:before, .feed_page .stat_header_widget .stat_header_inside:after {
        content: " ";
        display: table; }
      .feed_page .stat_header_widget .stat_header_inside:after {
        clear: both; }
  .feed_page .feed_filters {
    border-top: 1px solid #dadada;
    background: #F4F4F4; }
    .feed_page .feed_filters .feed_filter_inside {
      width: 1200px;
      margin: 0 auto; }
      @media (max-width: 1200px) {
        .feed_page .feed_filters .feed_filter_inside {
          width: auto;
          margin: 0;
          margin-left: 40px; } }
    .feed_page .feed_filters strong {
      color: #666;
      display: inline-block;
      margin-right: 20px; }
    .feed_page .feed_filters .tab {
      color: #666;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      border-left: 1px solid #dadada; }
      .feed_page .feed_filters .tab:last-child {
        border-right: 1px solid #dadada; }
      .feed_page .feed_filters .tab:hover {
        color: #222; }
      .feed_page .feed_filters .tab.active {
        text-decoration: none;
        background: white;
        color: #444; }
  .feed_page .users_to_follow .dismiss_btn, .feed_page .games_to_rate .dismiss_btn {
    font-size: 12px;
    color: #999;
    margin-left: 8px; }
  .feed_page .games_to_rate {
    margin-top: 15px; }
    .feed_page .games_to_rate .game_to_rate {
      margin-bottom: 25px;
      *zoom: 1; }
      .feed_page .games_to_rate .game_to_rate:before, .feed_page .games_to_rate .game_to_rate:after {
        content: " ";
        display: table; }
      .feed_page .games_to_rate .game_to_rate:after {
        clear: both; }
      .feed_page .games_to_rate .game_to_rate.rated .dismiss_btn {
        display: none; }
      .feed_page .games_to_rate .game_to_rate.rated .rate_game_btn .after_rate {
        display: inline; }
      .feed_page .games_to_rate .game_to_rate.rated .rate_game_btn .before_rate {
        display: none; }
    .feed_page .games_to_rate img {
      float: left;
      display: block;
      margin-top: 4px;
      box-shadow: 0 0 0 1px white, 0 0 2px 2px rgba(0, 0, 0, 0.13);
      width: 80px; }
    .feed_page .games_to_rate .to_rate_content {
      margin-left: 95px; }
    .feed_page .games_to_rate .game_title {
      font-size: 18px; }
      .feed_page .games_to_rate .game_title a {
        text-decoration: none; }
    .feed_page .games_to_rate .game_author {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      margin-top: 2px; }
      .feed_page .games_to_rate .game_author a {
        color: #666; }
    .feed_page .games_to_rate .rate_row {
      margin-top: 12px; }
    .feed_page .games_to_rate .rate_game_btn {
      cursor: pointer; }
      .feed_page .games_to_rate .rate_game_btn .after_rate {
        display: none; }
  .feed_page .users_to_follow_outer {
    margin-top: 40px; }
  .feed_page .users_to_follow .user_to_follow {
    margin-bottom: 20px; }
  .feed_page .users_to_follow .follow_row {
    margin-top: 8px; }
  .feed_page .users_to_follow .user_name {
    font-size: 18px; }
    .feed_page .users_to_follow .user_name a {
      text-decoration: none; }
  .feed_page .users_to_follow .user_games {
    margin-top: 2px;
    font-size: 14px;
    color: #999; }
    .feed_page .users_to_follow .user_games a {
      color: #666; }
  .feed_page .games_column .game_cell {
    width: 280px; }
    .feed_page .games_column .game_cell .game_thumb {
      width: 280px;
      height: 222px; }
.followers_base_page .empty_content {
  text-align: center;
  font-weight: normal;
  font-size: 22px;
  color: #666;
  margin: 20px 0; }

.followers_base_page .follow {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 8px; }
  .followers_base_page .follow:nth-child(2n) {
    background: #f4f4f4; }
  .followers_base_page .follow .name_col {
    margin-left: 50px;
    margin-right: 200px; }
  .followers_base_page .follow .button_col {
    float: right; }
    .followers_base_page .follow .button_col button {
      display: block; }
  .followers_base_page .follow img, .followers_base_page .follow .image_placeholder {
    float: left;
    width: 35px;
    height: 35px; }
  .followers_base_page .follow .image_placeholder {
    background: #e7e7e7; }
.game_distribute_base_page .tab_column {
  padding: 10px 0; }

.game_distribute_base_page .content_column {
  padding: 30px 40px; }

.game_distribute_base_page .tab_column .tab_btn {
  text-decoration: none; }
.game_email_page h3 {
  margin-top: 30px; }

.game_email_page p {
  width: 600px;
  font-size: 16px;
  margin: 0 0 20px 0;
  line-height: 1.5; }
.game_events_page .events_column {
  width: 960px;
  margin: 40px auto;
  font-size: 16px; }
  .game_events_page .events_column .empty_content {
    text-align: center;
    font-size: 24px;
    color: #666; }
.game_external_keys_page p {
  font-size: 16px;
  line-height: 1.5;
  width: 600px;
  margin: 0 0 20px 0; }
.game_external_keys_type_page p {
  font-size: 16px;
  line-height: 1.5;
  width: 600px;
  margin: 0 0 20px 0; }
.game_interact_base_page p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.5; }

.game_interact_base_page .tab_column {
  padding: 10px 0; }

.game_interact_base_page .content_column {
  padding: 30px 40px; }

.game_interact_base_page .tab_column .tab_btn {
  text-decoration: none; }

.game_interact_base_page .filters {
  margin-bottom: 15px;
  font-size: 16px; }
  .game_interact_base_page .filters .filter_section {
    display: inline-block;
    margin-right: 20px; }
    .game_interact_base_page .filters .filter_section:last-child {
      margin-right: 0; }
    .game_interact_base_page .filters .filter_section.total {
      font-weight: bold; }
    .game_interact_base_page .filters .filter_section .selectize_input {
      display: inline-block;
      min-width: 180px;
      margin-left: 5px;
      vertical-align: middle; }

.game_interact_base_page .rating, .game_interact_base_page .press_link {
  width: 600px;
  border: 1px solid #dadada;
  border-radius: 4px;
  margin-bottom: 15px; }
  .game_interact_base_page .rating .row_header, .game_interact_base_page .press_link .row_header {
    border-bottom: 1px solid #dadada;
    padding: 8px 15px;
    color: #666; }
    .game_interact_base_page .rating .row_header:last-child, .game_interact_base_page .press_link .row_header:last-child {
      border-bottom: 0; }
    .game_interact_base_page .rating .row_header .row_author, .game_interact_base_page .press_link .row_header .row_author {
      margin-left: 15px; }
  .game_interact_base_page .rating .user_link, .game_interact_base_page .press_link .user_link {
    text-decoration: none; }
  .game_interact_base_page .rating .avatar, .game_interact_base_page .press_link .avatar {
    width: 25px;
    height: 25px;
    margin: 0 2px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle; }
  .game_interact_base_page .rating .star_picker, .game_interact_base_page .press_link .star_picker {
    font-size: inherit; }
  .game_interact_base_page .rating .blurb, .game_interact_base_page .press_link .blurb {
    margin: 10px 15px;
    line-height: 1.4;
    font-size: 16px;
    line-height: 1.5; }
    .game_interact_base_page .rating .blurb > :last-child, .game_interact_base_page .press_link .blurb > :last-child {
      margin-bottom: 0; }
.game_links_page p {
  font-size: 16px;
  line-height: 1.5; }

.game_links_page .link_list {
  margin-bottom: 10px;
  border: 1px solid #dadada; }
  .game_links_page .link_list:before {
    content: "Links";
    display: block;
    background: #F4F4F4;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    color: #666;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase; }
  .game_links_page .link_list .empty_message {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin: 10px 15px;
    display: block; }

.game_links_page .link_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin: 10px 15px; }
  .game_links_page .link_row input {
    margin: 0; }
  .game_links_page .link_row .label_column {
    width: 200px;
    margin-right: 10px;
    display: block; }
    .game_links_page .link_row .label_column input {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box; }
  .game_links_page .link_row .link_type_name {
    font-weight: bold; }
  .game_links_page .link_row .move_link {
    color: #666;
    margin: 0 10px; }
    .game_links_page .link_row .move_link.disabled {
      visibility: hidden; }
  .game_links_page .link_row .remove_btn {
    text-decoration: none;
    font-size: 16px;
    margin-left: 10px; }

.game_links_page .add_buttons .type_label {
  margin-right: 10px; }

.game_links_page .add_buttons .button {
  margin-left: 10px; }

.game_links_page .buttons {
  margin-top: 30px; }
.game_metadata_base_page .tab_column {
  padding: 10px 0; }

.game_metadata_base_page .content_column {
  padding: 30px 40px; }

.game_metadata_base_page .tab_column .tab_btn {
  text-decoration: none; }

.game_metadata_base_page .form .code_license_explain, .game_metadata_base_page .form .assets_license_explain {
  width: 542px; }

.game_metadata_base_page .form section {
  margin-bottom: 30px; }
  .game_metadata_base_page .form section:last-child {
    margin-bottom: 0; }
  .game_metadata_base_page .form section .input_row {
    margin-bottom: 10px; }

.game_metadata_base_page .form .players_slider_outer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 25px;
  width: 470px; }

.game_metadata_base_page .form .check_columns .check_list {
  display: inline-block;
  vertical-align: top;
  padding-right: 50px; }

.game_metadata_base_page .form .code_license, .game_metadata_base_page .form .assets_license {
  border: 1px solid #dadada;
  background-color: #ffffdd;
  border-radius: 2px;
  line-height: 1.6;
  display: none;
  margin: 15px 0;
  padding: 10px 13px; }
  .game_metadata_base_page .form .code_license p, .game_metadata_base_page .form .assets_license p {
    margin: 0; }
  .game_metadata_base_page .form .code_license.shown, .game_metadata_base_page .form .assets_license.shown {
    display: block; }

.game_metadata_base_page .when_local_multiplayer {
  display: none; }

.game_metadata_base_page.with_local_multiplayer .when_local_multiplayer {
  display: block; }
@charset "UTF-8";
.grid_results_page .grid_loader {
  background: #f5f5f5;
  color: #666;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d0d0d0;
  font-size: 16px; }
  .grid_results_page .grid_loader .on_loading {
    display: none; }
  .grid_results_page .grid_loader .loader {
    vertical-align: middle;
    margin-right: 10px; }

.grid_results_page.loading .grid_loader .on_loading {
  display: block; }

.grid_results_page.loading .grid_loader .next_page {
  display: none; }

.grid_results_page .social_buttons_widget {
  float: right;
  margin-top: 10px; }

.grid_results_page .warning_box {
  font-size: 16px;
  margin: 40px 0;
  padding: 25px 40px; }
  .grid_results_page .warning_box *:last-child {
    margin-bottom: 0; }
  .grid_results_page .warning_box h3 {
    font-size: 18px; }
  .grid_results_page .warning_box p {
    max-width: 600px;
    line-height: 1.5; }

.grid_results_page .grid_header {
  *zoom: 1;
  background: white;
  padding-bottom: 20px; }
  .grid_results_page .grid_header:before, .grid_results_page .grid_header:after {
    content: " ";
    display: table; }
  .grid_results_page .grid_header:after {
    clear: both; }
  .grid_results_page .grid_header.has_filters {
    padding-bottom: 0px; }
  .grid_results_page .grid_header .game_count, .grid_results_page .grid_header .current_page {
    font-weight: normal;
    color: #666;
    margin-left: 10px; }
  .grid_results_page .grid_header h2 {
    font-size: 26px;
    margin: 20px 40px 0 40px; }
    .grid_results_page .grid_header h2 a {
      color: #444; }
  .grid_results_page .grid_header .header_right {
    color: #666;
    float: right;
    font-weight: normal; }
  .grid_results_page .grid_header .sub_header, .grid_results_page .grid_header .search_description {
    margin: 15px 40px 0 40px;
    color: #999;
    line-height: 1.5;
    font-size: 16px; }
    .grid_results_page .grid_header .sub_header a:not(.button, .button), .grid_results_page .grid_header .search_description a:not(.button, .button) {
      color: #666; }
  .grid_results_page .grid_header .search_description {
    color: #666; }
    .grid_results_page .grid_header .search_description a {
      color: #DD4A4A; }
  .grid_results_page .grid_header .filters_label {
    font-size: 14px;
    margin: 30px 40px 5px 40px;
    color: #999; }
    .grid_results_page .grid_header .filters_label a {
      color: #999; }
    .grid_results_page .grid_header .filters_label .misc_links {
      float: right; }
      .grid_results_page .grid_header .filters_label .misc_links .link_wrapper::after {
        content: " · "; }
      .grid_results_page .grid_header .filters_label .misc_links .link_wrapper:last-child::after {
        content: ""; }
  .grid_results_page .grid_header .filters_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #dadada;
    font-size: 0;
    background: #f8f8f8; }
    @media (max-width: 1090px) {
      .grid_results_page .grid_header .filters_row {
        text-align: center; } }
    .grid_results_page .grid_header .filters_row .filter_group {
      display: inline-block; }
    .grid_results_page .grid_header .filters_row .filter_btn, .grid_results_page .grid_header .filters_row .filter_label {
      display: inline-block;
      font-size: 16px;
      padding: 10px;
      border-right: 1px solid #dadada; }
    .grid_results_page .grid_header .filters_row .filter_label {
      font-weight: bold;
      margin-left: 40px;
      padding: 10px 10px 10px 0; }
      @media (max-width: 1090px) {
        .grid_results_page .grid_header .filters_row .filter_label {
          margin-left: 10px; } }
    .grid_results_page .grid_header .filters_row .filter_btn {
      cursor: pointer;
      color: #666;
      text-decoration: none; }
      .grid_results_page .grid_header .filters_row .filter_btn .icon {
        margin-right: 8px; }
        @media (max-width: 1315px) {
          .grid_results_page .grid_header .filters_row .filter_btn .icon {
            display: none; } }
      .grid_results_page .grid_header .filters_row .filter_btn.active {
        background: #E6FFBA;
        color: #496319;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
        .grid_results_page .grid_header .filters_row .filter_btn.active:hover {
          background: #E6FFBA; }
      .grid_results_page .grid_header .filters_row .filter_btn:hover {
        background: #f0f0f0; }
    .grid_results_page .grid_header .filters_row .filter_dropdown {
      display: inline-block;
      padding-left: 10px; }

.grid_results_page .grid_outer {
  background: white;
  border-top: 1px solid #dadada;
  border-bottom: 2px solid #d0d0d0; }
  .grid_results_page .grid_outer .game_grid_widget {
    padding: 30px 20px 0 40px; }

.grid_results_page .empty_message {
  font-size: 21px;
  margin: 180px 0;
  color: #666;
  text-align: center; }
  .grid_results_page .empty_message .icon {
    vertical-align: middle;
    font-size: 130%;
    margin: 10px; }
  .grid_results_page .empty_message a {
    margin-top: 20px; }
.index_page {
  background: #333;
  *zoom: 1; }
  .index_page:before, .index_page:after {
    content: " ";
    display: table; }
  .index_page:after {
    clear: both; }
  .index_page.is_mobile .index_sidebar {
    overflow-y: auto; }
  .index_page .leader_game_row {
    text-align: center;
    margin-bottom: 30px;
    margin-left: 20px; }
    @media (max-width: 650px) {
      .index_page .leader_game_row {
        display: none; } }
  .index_page .leader_game_outer {
    display: block; }
    .index_page .leader_game_outer:nth-child(2) {
      display: none; }
    .index_page .leader_game_outer.to_place {
      display: none; }
    @media (min-width: 1250px) {
      .index_page .leader_game_outer {
        display: inline-block;
        width: 50%;
        margin: 0; }
        .index_page .leader_game_outer:nth-child(2) {
          display: inline-block; } }
  .index_page .leader_game {
    text-align: left;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    height: 260px;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #222;
    background: #222;
    background-position: 50% 50%;
    background-size: cover; }
    body:not(.disable_hover) .index_page .leader_game:hover .game_screenshots {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
      .ie body:not(.disable_hover) .index_page .leader_game:hover .game_screenshots {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .index_page .leader_game:hover .game_price {
      background: rgba(124, 161, 145, 0.6); }
    .index_page .leader_game.preorder_only .game_price, .index_page .leader_game.on_sale .game_price {
      padding-top: 23px; }
    .index_page .leader_game.preorder_only.on_sale .game_price {
      padding-top: 17px; }
    .index_page .leader_game .inset_highlight {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      border-radius: 2px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }
    .index_page .leader_game .game_data {
      position: absolute;
      top: 0px;
      right: 0px;
      left: 0px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      height: 90px;
      border-radius: 2px 2px 0 0; }
      .index_page .leader_game .game_data h1 {
        margin: 16px 160px 0 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
        font-weight: normal;
        font-size: 26px; }
        @media (max-width: 1600px) {
          .index_page .leader_game .game_data h1 {
            font-size: 22px;
            margin-top: 19px; } }
      .index_page .leader_game .game_data h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 4px 0 0 20px;
        color: white;
        font-size: 16px;
        font-weight: normal;
        color: #aaa;
        margin-right: 150px; }
        @media (max-width: 1600px) {
          .index_page .leader_game .game_data h2 {
            font-size: 14px; } }
    .index_page .leader_game .game_data_bottom {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
      background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
      background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
      background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
      padding: 8px 20px;
      color: rgba(255, 255, 255, 0.8);
      text-shadow: 1px 1px 2px black; }
      .index_page .leader_game .game_data_bottom .sale_countdown {
        float: right; }
      .index_page .leader_game .game_data_bottom .icon {
        margin-right: 4px;
        font-size: 14px; }
    .index_page .leader_game .data_right {
      position: absolute;
      top: 0;
      right: 0; }
    .index_page .leader_game .game_price {
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      transition: background 0.3s ease;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      border-radius: 0 2px 0 0;
      width: 140px;
      text-align: center;
      padding-top: 31px;
      display: inline-block;
      color: #70F1C9;
      background: rgba(104, 145, 127, 0.6);
      height: 90px;
      font-size: 20px;
      cursor: pointer; }
      .index_page .leader_game .game_price .price_banner {
        font-size: 14px;
        color: rgba(112, 241, 201, 0.5); }
    .index_page .leader_game .game_screenshots {
      -webkit-transition: all 0.6s ease, opacity 0.3s ease;
      -moz-transition: all 0.6s ease, opacity 0.3s ease;
      -ms-transition: all 0.6s ease, opacity 0.3s ease;
      transition: all 0.6s ease, opacity 0.3s ease;
      -webkit-transform: translate(-10px, 0);
      -moz-transform: translate(-10px, 0);
      -ms-transform: translate(-10px, 0);
      transform: translate(-10px, 0);
      opacity: 0;
      white-space: nowrap;
      position: absolute;
      text-align: right;
      left: 20px;
      bottom: 30px; }
      .ie .index_page .leader_game .game_screenshots {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .index_page .leader_game .game_screenshots img {
        cursor: pointer;
        display: inline-block;
        height: 100px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 10px 2px rgba(0, 0, 0, 0.4);
        position: relative;
        border-radius: 1px;
        margin-right: 20px; }
  .index_page .featured_bundles_outer {
    background: #494949;
    border-radius: 2px;
    padding: 0 20px 20px 20px;
    margin: 0 40px 40px 40px; }
    .index_page .featured_bundles_outer h2 {
      padding: 18px 0 0 0;
      margin: 0;
      text-align: center;
      color: white;
      font-size: 20px;
      font-weight: normal; }
    .index_page .featured_bundles_outer h3 {
      margin: 0;
      text-align: center;
      font-size: 16px;
      color: rgba(255, 255, 255, 0.7);
      font-weight: normal; }
      .index_page .featured_bundles_outer h3 a {
        color: rgba(255, 255, 255, 0.8);
        display: inline-block;
        margin-left: 5px; }
        .index_page .featured_bundles_outer h3 a .icon {
          font-size: 10px; }
    .index_page .featured_bundles_outer .featured_bundles {
      margin-top: 18px;
      background: #333;
      text-align: center;
      padding: 20px; }
      @media (max-width: 650px) {
        .index_page .featured_bundles_outer .featured_bundles {
          display: none; } }
    .index_page .featured_bundles_outer .bundle_cell {
      display: inline-block;
      vertical-align: top;
      margin: 20px 100px;
      position: relative;
      width: 200px;
      background: url("/static/images/home2/bundle_shadow.png") 50% 187px no-repeat; }
      .index_page .featured_bundles_outer .bundle_cell .wrap_link {
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
      .index_page .featured_bundles_outer .bundle_cell .bundle_title {
        font-size: 18px;
        color: #aaa;
        margin-top: 12px;
        margin-bottom: 4px;
        line-height: 1.4; }
        .index_page .featured_bundles_outer .bundle_cell .bundle_title a {
          color: inherit;
          text-decoration: none; }
      .index_page .featured_bundles_outer .bundle_cell .bundle_meta {
        color: #777; }
        .index_page .featured_bundles_outer .bundle_cell .bundle_meta .bundle_price {
          display: inline-block;
          color: #70F1C9;
          border: 1px solid rgba(36, 192, 145, 0.5);
          background-color: rgba(36, 192, 145, 0.1);
          border-radius: 4px;
          padding: 2px 4px; }
  .index_page .footer {
    margin: 20px 0;
    padding: 20px 20px 0 20px;
    margin-left: 300px;
    border-top: 1px solid #444;
    text-shadow: none;
    font-size: 14px; }
    .index_page .footer .primary a:hover {
      color: #ddd; }
    @media (max-width: 850px) {
      .index_page .footer {
        margin-left: 0; } }
    @media (max-width: 1100px) {
      .index_page .footer {
        font-size: 12px; } }
  .index_page .buttons_header {
    border-bottom: 1px solid #444;
    margin-bottom: 20px;
    height: 69px;
    position: relative; }
    @media (max-width: 850px) {
      .index_page .buttons_header {
        display: none; } }
    .index_page .buttons_header .randomizer_tab {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      width: 30px;
      height: 22px;
      text-align: center;
      display: inline-block;
      color: #999;
      text-decoration: none;
      border: 2px solid rgba(153, 153, 153, 0.8);
      border-radius: 3px;
      vertical-align: top;
      position: relative;
      top: 6px;
      left: -18px;
      font-size: 18px; }
      .index_page .buttons_header .randomizer_tab .icon {
        display: inline-block;
        vertical-align: top; }
      .index_page .buttons_header .randomizer_tab:hover {
        color: #222;
        border-color: white;
        background: white; }
    .index_page .buttons_header .header_tabs {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 40px; }
      @media (max-width: 1100px) {
        .index_page .buttons_header .header_tabs {
          left: 20px; }
          .index_page .buttons_header .header_tabs .active {
            display: none; } }
      @media (max-width: 1333px) {
        .index_page .buttons_header .header_tabs {
          font-size: 16px; } }
      @media (max-width: 1333px) {
        .index_page .buttons_header .header_tabs {
          font-size: 16px; } }
      .index_page .buttons_header .header_tabs .extra_tab {
        display: inline-block;
        position: relative;
        margin-left: 20px; }
        @media (max-width: 1200px) {
          .index_page .buttons_header .header_tabs .extra_tab {
            display: none; } }
        .index_page .buttons_header .header_tabs .extra_tab:before {
          content: " ";
          position: absolute;
          top: -20px;
          bottom: 0px;
          left: -21px;
          width: 1px;
          background: #444; }
    .index_page .buttons_header .header_tab {
      border-bottom: 4px solid #333;
      padding-bottom: 21px;
      color: #999; }
      .index_page .buttons_header .header_tab.active, .index_page .buttons_header .header_tab:hover {
        color: white;
        border-bottom: 4px solid #FA5C5C; }
    .index_page .buttons_header .feed_bubble {
      position: absolute;
      top: -8px;
      right: 0px;
      position: absolute;
      font-size: 10px;
      text-transform: uppercase;
      background: white;
      color: #FA5C5C;
      border-radius: 3px;
      padding: 0px 4px 0px 4px;
      font-weight: bold;
      line-height: 15px;
      height: 15px; }
  .index_page .buttons_header .user_panel_widget {
    margin: 0;
    padding: 20px 38px 12px 10px;
    text-align: right;
    color: #aaa; }
    @media (max-width: 1333px) {
      .index_page .buttons_header .user_panel_widget .user_name {
        display: none; } }
    @media (max-width: 1100px) {
      .index_page .buttons_header .user_panel_widget {
        padding-right: 18px; } }
    .index_page .buttons_header .user_panel_widget .panel_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white;
      margin-left: 10px;
      height: 30px;
      padding: 0 10px;
      line-height: 26px;
      font-size: 16px; }
      .index_page .buttons_header .user_panel_widget .panel_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .index_page .buttons_header .user_panel_widget .panel_button:active {
        background: #e44949;
        border-color: #e44949; }
  .index_page .anon_intro {
    color: white;
    font-size: 16px;
    padding: 15px 40px;
    background: #272727;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); }
    @media (max-width: 1100px) {
      .index_page .anon_intro {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 850px) {
      .index_page .anon_intro {
        background: #bb4f4f; } }
    .index_page .anon_intro .action_buttons {
      display: block;
      margin-top: 15px;
      opacity: 0.8; }
      @media (min-width: 1250px) {
        .index_page .anon_intro .action_buttons {
          display: inline-block;
          margin: 0;
          margin-left: 10px; } }
    .index_page .anon_intro a {
      color: white; }
  .index_page .see_all_games {
    color: white;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    background: #FA5C5C;
    padding: 20px 0; }
    .index_page .see_all_games a {
      margin-left: 10px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white;
      border: 2px solid white;
      color: white; }
      .index_page .see_all_games a:hover {
        background: white;
        color: #FA5C5C; }
      .index_page .see_all_games a .icon {
        margin-left: 5px;
        position: relative;
        top: 1px; }
      @media (max-width: 650px) {
        .index_page .see_all_games a {
          margin: 20px 20px 0 20px;
          display: block; } }
  @media (max-width: 850px) {
    .index_page .sidebar_shroud {
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
      opacity: 0;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 10;
      display: none; }
      .ie .index_page .sidebar_shroud {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .index_page .sidebar_shroud.open {
        display: block; }
      .index_page .sidebar_shroud.visible {
        opacity: 1; }
        .ie .index_page .sidebar_shroud.visible {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  .index_page .sidebar_social {
    text-align: center;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.6); }
    .index_page .sidebar_social .icon {
      margin-left: 8px;
      font-size: 18px;
      display: inline-block;
      vertical-align: -3px;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.8); }
      .index_page .sidebar_social .icon:hover {
        color: white; }
  .index_page .main_column {
    margin-left: 300px; }
    @media (max-width: 850px) {
      .index_page .main_column {
        margin-left: 0; } }
    .index_page .main_column .index_games {
      padding-top: 15px; }
    .index_page .main_column .game_section {
      padding: 0 20px; }
      @media (max-width: 1100px) {
        .index_page .main_column .game_section {
          padding: 0; } }
      .index_page .main_column .game_section.dividing {
        border-bottom: 1px solid #4d4d4d;
        margin-bottom: 20px; }
    .index_page .main_column .featured_game_grid_widget {
      margin-top: 0;
      padding-top: 0; }
      .index_page .main_column .featured_game_grid_widget .leader_game_row {
        margin-left: 0; }
    .index_page .main_column .itchio_cell .cell_body {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 20px;
      left: 20px;
      margin: auto 0;
      height: 185px; }
    .index_page .main_column .itchio_cell p {
      max-width: 400px;
      font-size: 22px;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
      margin: 20px 0;
      margin-left: 4px; }
      .index_page .main_column .itchio_cell p .sub {
        font-size: 18px; }
    .index_page .main_column .itchio_cell .button {
      font-size: 18px;
      line-height: 40px;
      height: 40px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      margin-right: 4px;
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: 4px solid #C34848; }
    .index_page .main_column .itchio_cell .primary_button {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center; }
    .index_page .main_column .itchio_cell a {
      color: white; }
    .index_page .main_column .game_cell .game_thumb {
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
      .ie .index_page .main_column .game_cell .game_thumb {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .index_page .main_column .game_cell.has_cover.image_loading .game_thumb {
      opacity: 0; }
      .ie .index_page .main_column .game_cell.has_cover.image_loading .game_thumb {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .index_page .main_column .game_cell.video_loaded .game_thumb {
      opacity: 0; }
    .index_page .main_column .game_cell.video_loaded:hover .game_thumb {
      opacity: 0.9; }
  .index_page .index_mobile_header {
    display: none;
    position: relative; }
    @media (max-width: 850px) {
      .index_page .index_mobile_header {
        display: block; } }
    .index_page .index_mobile_header .root_link {
      margin-top: 10px;
      display: inline-block;
      vertical-align: top; }
    .index_page .index_mobile_header .primary_header {
      padding-left: 0; }
    .index_page .index_mobile_header .header_right {
      position: absolute;
      top: 0;
      right: 20px;
      padding-top: 10px; }
    .index_page .index_mobile_header .header_menu_btn {
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      padding: 17px 20px; }
      .index_page .index_mobile_header .header_menu_btn .menu_bar_outer {
        position: relative;
        width: 25px;
        height: 17px; }
      .index_page .index_mobile_header .header_menu_btn .menu_bar {
        background: white;
        height: 3px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
        .index_page .index_mobile_header .header_menu_btn .menu_bar:first-child {
          bottom: auto; }
        .index_page .index_mobile_header .header_menu_btn .menu_bar:last-child {
          top: auto; }
  .index_page .index_sidebar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #191919;
    z-index: 1;
    position: fixed;
    overflow: hidden;
    width: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden; }
    .index_page .index_sidebar:hover {
      overflow-y: auto; }
    .index_page .index_sidebar .scrolling_content {
      width: 300px; }
    .index_page .index_sidebar .title {
      padding: 15px 0;
      text-align: center;
      margin: 0; }
    .index_page .index_sidebar h2 {
      font-size: 15px;
      text-transform: uppercase;
      color: white;
      margin-bottom: 8px; }
    .index_page .index_sidebar .sidebar_browse_group {
      background: #232323;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 20px 40px; }
      .index_page .index_sidebar .sidebar_browse_group:first-child {
        border-top: 0; }
      .index_page .index_sidebar .sidebar_browse_group .browse_filters {
        margin-left: -10px;
        margin-right: -10px; }
        .index_page .index_sidebar .sidebar_browse_group .browse_filters a {
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-transition: all 0.1s ease;
          -moz-transition: all 0.1s ease;
          -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
          font-size: 14px;
          display: inline-block;
          border-radius: 4px;
          padding: 0 10px;
          height: 27px;
          line-height: 27px;
          width: 50%;
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none; }
          .index_page .index_sidebar .sidebar_browse_group .browse_filters a:hover {
            color: white;
            background: #FA5C5C; }
    .index_page .index_sidebar .blog_post_section {
      padding: 25px 40px; }
      .index_page .index_sidebar .blog_post_section h2 {
        color: rgba(255, 255, 255, 0.8); }
      .index_page .index_sidebar .blog_post_section ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      .index_page .index_sidebar .blog_post_section .post_link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
        line-height: 2.0;
        text-decoration: none; }
        .index_page .index_sidebar .blog_post_section .post_link:hover {
          color: white;
          text-decoration: underline; }
    .index_page .index_sidebar .game_search {
      padding: 0 40px 15px 40px; }
      .index_page .index_sidebar .game_search input[type=text] {
        -webkit-transition: box-shadow 0.1s ease;
        -moz-transition: box-shadow 0.1s ease;
        -ms-transition: box-shadow 0.1s ease;
        transition: box-shadow 0.1s ease;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        border: 0;
        font-size: 16px;
        padding: 8px 15px;
        background: #eee;
        border-radius: 4px;
        box-shadow: 0 0 0 0 #DD4A4A;
        opacity: 0.8; }
        .index_page .index_sidebar .game_search input[type=text]:focus, .index_page .index_sidebar .game_search input[type=text]:hover, .index_page .index_sidebar .game_search input[type=text]:active {
          opacity: 1; }
        .index_page .index_sidebar .game_search input[type=text]:focus {
          outline: none;
          box-shadow: 0 0 0 3px #DD4A4A; }
    .index_page .index_sidebar .short_title {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: none;
      padding: 15px 20px 0 36px;
      height: 55px;
      margin-bottom: 15px; }
    .index_page .index_sidebar .sidebar_close_btn {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      position: absolute;
      top: 15px;
      right: 15px;
      color: white;
      cursor: pointer;
      font-size: 50px;
      line-height: 14px; }
    @media (max-width: 850px) {
      .index_page .index_sidebar {
        left: -300px;
        z-index: 10;
        -webkit-transition: left 0.2s ease;
        -moz-transition: left 0.2s ease;
        -ms-transition: left 0.2s ease;
        transition: left 0.2s ease; }
        .index_page .index_sidebar.visible {
          left: 0; }
        .index_page .index_sidebar .title {
          display: none; }
        .index_page .index_sidebar .short_title {
          display: block; } }
  .index_page .home_carousel {
    padding-left: 0px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px; }
    .index_page .home_carousel.ready .scrollbar_outer, .index_page .home_carousel.ready .paddle_next, .index_page .home_carousel.ready .paddle_prev {
      opacity: 1; }
      .ie .index_page .home_carousel.ready .scrollbar_outer, .ie .index_page .home_carousel.ready .paddle_next, .ie .index_page .home_carousel.ready .paddle_prev {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .index_page .home_carousel.ready .scrolling_inner {
      overflow: auto; }
    .index_page .home_carousel.on_right .paddle_next {
      opacity: 0;
      width: 0; }
      .ie .index_page .home_carousel.on_right .paddle_next {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .index_page .home_carousel.on_left .paddle_prev {
      opacity: 0;
      width: 0; }
      .ie .index_page .home_carousel.on_left .paddle_prev {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .index_page .home_carousel.no_scrollbar {
      padding-bottom: 0; }
      .index_page .home_carousel.no_scrollbar .paddle_next, .index_page .home_carousel.no_scrollbar .paddle_prev {
        display: none; }
      .index_page .home_carousel.no_scrollbar .scrollbar_outer {
        display: none; }
    .index_page .home_carousel .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white;
      opacity: 0.6;
      margin-left: 10px; }
      .index_page .home_carousel .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .index_page .home_carousel .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
      .ie .index_page .home_carousel .outline_button {
        filter: alpha(opacity=60);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
      .index_page .home_carousel .outline_button:hover {
        opacity: 1; }
        .ie .index_page .home_carousel .outline_button:hover {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .index_page .home_carousel h2 {
      margin-left: 20px;
      margin-bottom: 0;
      height: 40px; }
    .index_page .home_carousel .paddle_next, .index_page .home_carousel .paddle_prev {
      -webkit-transition: opacity 0.4s ease, width 0.2s ease;
      -moz-transition: opacity 0.4s ease, width 0.2s ease;
      -ms-transition: opacity 0.4s ease, width 0.2s ease;
      transition: opacity 0.4s ease, width 0.2s ease;
      opacity: 0;
      position: absolute;
      z-index: 2;
      top: 46px;
      width: 50px;
      height: 200px;
      cursor: pointer;
      overflow: hidden;
      background: #333; }
      .ie .index_page .home_carousel .paddle_next, .ie .index_page .home_carousel .paddle_prev {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .index_page .home_carousel .paddle_next .paddle_center_area, .index_page .home_carousel .paddle_prev .paddle_center_area {
        position: absolute;
        top: 0;
        bottom: 25px;
        left: 0;
        right: 0;
        opacity: 0.6; }
        .ie .index_page .home_carousel .paddle_next .paddle_center_area, .ie .index_page .home_carousel .paddle_prev .paddle_center_area {
          filter: alpha(opacity=60);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
        .index_page .home_carousel .paddle_next .paddle_center_area:hover, .index_page .home_carousel .paddle_prev .paddle_center_area:hover {
          opacity: 1; }
          .ie .index_page .home_carousel .paddle_next .paddle_center_area:hover, .ie .index_page .home_carousel .paddle_prev .paddle_center_area:hover {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
        .index_page .home_carousel .paddle_next .paddle_center_area:after, .index_page .home_carousel .paddle_prev .paddle_center_area:after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 20px;
          height: 37px;
          margin-left: -10px;
          margin-top: -18px; }
    .index_page .home_carousel .paddle_next {
      right: 0;
      background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333333 50%, #333333 100%); }
      .index_page .home_carousel .paddle_next .paddle_center_area:after {
        background-image: url("/static/images/carousel-arrow-right-white.png"); }
    .index_page .home_carousel .paddle_prev {
      left: 0;
      background: linear-gradient(to right, #333333 0%, #333333 50%, rgba(51, 51, 51, 0) 100%); }
      .index_page .home_carousel .paddle_prev .paddle_center_area:after {
        background-image: url("/static/images/carousel-arrow-left-white.png"); }
    .index_page .home_carousel .scrollbar_outer {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease;
      -moz-transition: opacity 0.4s ease;
      -ms-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease;
      position: absolute;
      bottom: 20px;
      right: 20px;
      left: 20px;
      height: 8px;
      background: rgba(0, 0, 0, 0.2); }
      .ie .index_page .home_carousel .scrollbar_outer {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .index_page .home_carousel .scrollbar_outer:hover .scrollbar_inner, .index_page .home_carousel .scrollbar_outer .scrollbar_inner.dragging {
        background: #FA5C5C; }
      .index_page .home_carousel .scrollbar_outer .scrollbar_inner {
        -webkit-transition: background 0.2s ease;
        -moz-transition: background 0.2s ease;
        -ms-transition: background 0.2s ease;
        transition: background 0.2s ease;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background: rgba(250, 92, 92, 0.5); }
    .index_page .home_carousel .scrolling_outer {
      overflow: hidden; }
    .index_page .home_carousel .scrolling_inner {
      padding-top: 10px;
      white-space: nowrap;
      padding-left: 20px;
      padding-bottom: 50px;
      overflow: hidden; }
    .index_page .home_carousel .game_cell {
      white-space: normal; }
  .index_page .cube {
    position: relative;
    width: 200px;
    height: 210px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% 100px;
    -moz-perspective-origin: 50% 100px;
    -ms-perspective-origin: 50% 100px;
    perspective-origin: 50% 100px; }
    .index_page .cube, .index_page .cube .face {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }
    .index_page .cube .face {
      position: absolute;
      width: 200px;
      height: 158.49057px;
      display: block;
      left: 50%;
      margin-left: -100px;
      top: 50%;
      margin-top: -79.24528px;
      background: #444;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
      border: 1px solid rgba(0, 0, 0, 0.81);
      border-radius: 2px;
      background-size: cover;
      background-position: 50% 50%; }
  .index_page .app_banner {
    color: white;
    background: #494949;
    background: linear-gradient(to right, #0f88e4, rgba(0, 0, 0, 0.7)), url("https://static.itch.io/images/app-banner.png") 100% 0 no-repeat, linear-gradient(to right, #0f88e4, #fa6943);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 0 40px;
    padding: 15px 20px;
    font-size: 16px; }
    @media (max-width: 850px) {
      .index_page .app_banner {
        display: none; } }
    @media (min-width: 1600px) {
      .index_page .app_banner {
        background: linear-gradient(to right, #0f88e4, rgba(0, 0, 0, 0.2)), url("https://static.itch.io/images/app-banner.png") 100% 0 no-repeat, linear-gradient(to right, #0f88e4, #fa6943); } }
    @media (max-width: 1100px) {
      .index_page .app_banner {
        margin-left: 20px;
        margin-right: 20px; } }
    .index_page .app_banner .outline_button {
      margin-left: 10px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white; }
      .index_page .app_banner .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .index_page .app_banner .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
  .index_page.ready .footer_banner {
    opacity: 1;
    transform: translate(0, 0); }
  .index_page .footer_banner {
    background: #A287C0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 80px;
    color: white;
    opacity: 0;
    transform: translate(0, 20px);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    @media (max-width: 650px) {
      .index_page .footer_banner {
        display: none; } }
    .index_page .footer_banner .close_btn {
      font-size: 28px;
      line-height: 16px;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer; }
    .index_page .footer_banner svg {
      vertical-align: -7px;
      margin-left: 5px;
      fill: white;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .index_page .footer_banner a {
      color: white;
      font-size: 18px;
      border-radius: 4px;
      border: 1px solid white;
      padding: 10px 40px;
      text-decoration: none;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .index_page .footer_banner a:hover {
        background: white;
        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
        color: #A287C0; }
        .index_page .footer_banner a:hover svg {
          fill: #A287C0; }
      .index_page .footer_banner a:active {
        background: #ddd; }
.jam_community_page.page_widget {
  background: #F4F4F4;
  border-bottom: 0;
  padding-bottom: 1px; }

.jam_community_page .content_frame {
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  margin: 20px auto 20px auto;
  background: white;
  max-width: 1200px;
  min-width: 960px; }

.jam_community_page .column_outer {
  padding: 0 20px; }
.jam_community_topic_page.page_widget {
  background: #F4F4F4;
  border-bottom: 0;
  padding-bottom: 1px; }

.jam_community_topic_page .community_topic_posts_widget {
  background: white;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  margin: 20px auto 20px auto;
  background: white;
  max-width: 1200px;
  min-width: 960px; }

.jam_community_topic_page .column_outer {
  padding: 0 20px; }
.jam_page_base_page {
  font-size: 16px;
  background: white;
  border-bottom: 1px solid #dadada; }
  .jam_page_base_page .page_banner {
    width: 100%; }
  .jam_page_base_page .feed_column {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    white-space: normal; }
  .jam_page_base_page .empty_content {
    text-align: center;
    font-weight: normal;
    font-size: 27px;
    color: #666;
    margin: 30px auto;
    max-width: 600px; }
  .jam_page_base_page .responsive_column {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1200px; }
.jam_participants_page p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  max-width: 600px;
  margin-bottom: 20px; }

.jam_participants_page .sort_row {
  font-size: 14px;
  text-align: right;
  margin: 20px 0; }

.jam_participants_page .particiapants_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end; }
  .jam_participants_page .particiapants_header .table_col {
    font-size: 12px;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px; }
  .jam_participants_page .particiapants_header .pager {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .jam_participants_page .particiapants_header .rated_col {
    width: 10%; }
  .jam_participants_page .particiapants_header .submissions_col {
    width: 30%; }

.jam_participants_page .participants_list {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  margin-bottom: 20px; }
  .jam_participants_page .participants_list .participant_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .jam_participants_page .participants_list .participant_row:nth-child(2n) {
      background: #f0f0f0; }
  .jam_participants_page .participants_list .avatar_col {
    padding: 13px; }
  .jam_participants_page .participants_list .user_avatar {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    width: 35px;
    height: 35px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
  .jam_participants_page .participants_list .participant_summary {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.5;
    font-size: 16px; }
    .jam_participants_page .participants_list .participant_summary .sub {
      font-size: 14px;
      color: #999; }
  .jam_participants_page .participants_list .rated_col {
    width: 10%; }
    .jam_participants_page .participants_list .rated_col.empty {
      color: #999; }
  .jam_participants_page .participants_list .submissions_col {
    width: 30%;
    font-size: 16px; }
    .jam_participants_page .participants_list .submissions_col a {
      color: #666; }
    .jam_participants_page .participants_list .submissions_col em {
      color: #999; }
.jams_page {
  background: white;
  padding-bottom: 40px;
  overflow: hidden;
  border-bottom: 2px solid #d0d0d0; }
  .jams_page .jams_header {
    white-space: nowrap; }
    .jams_page .jams_header .column {
      white-space: normal;
      display: inline-block;
      vertical-align: top; }
  .jams_page .hosted_jams, .jams_page .participated_jams {
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px; }
  .jams_page .jams_tools {
    text-align: center;
    margin-top: 65px; }
  .jams_page p {
    line-height: 1.5;
    font-size: 16px;
    margin: 24px 40px;
    max-width: 600px; }
  .jams_page h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
    margin: 20px 40px 0 40px; }
    .jams_page h2 .header_right {
      color: #666;
      float: right;
      font-weight: normal; }
    .jams_page h2 a {
      color: #444; }
  .jams_page .jam_grid_widget {
    margin: 20px 20px 0 40px; }
  .jams_page .jam_calendar {
    font-size: 16px; }
    .jams_page .jam_calendar .scrollbar_outer {
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      height: 10px;
      margin-top: 6px; }
      .jams_page .jam_calendar .scrollbar_outer .scrollbar {
        position: absolute;
        background: #B8B8B8;
        top: 0;
        bottom: 0;
        border-radius: 24px;
        opacity: 0;
        -webkit-transition: opacity 0.6s ease;
        -moz-transition: opacity 0.6s ease;
        -ms-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease; }
        .jams_page .jam_calendar .scrollbar_outer .scrollbar:hover, .jams_page .jam_calendar .scrollbar_outer .scrollbar.dragging {
          background: silver; }
        .jams_page .jam_calendar .scrollbar_outer .scrollbar.visible {
          opacity: 1; }
    .jams_page .jam_calendar .calendar {
      overflow: hidden;
      cursor: move;
      border-bottom: 1px solid #dadada; }
      .jams_page .jam_calendar .calendar .calendar_scrolling {
        height: 250px;
        position: relative;
        background: white; }
      .jams_page .jam_calendar .calendar .calendar_row {
        position: relative;
        height: 40px;
        margin: 3px 0; }
      .jams_page .jam_calendar .calendar .jam_cell {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        top: 0;
        bottom: 0;
        background: #A8A8A8;
        color: white;
        line-height: 40px;
        padding: 0 20px; }
        .jams_page .jam_calendar .calendar .jam_cell.after_end {
          opacity: 0.75; }
        .jams_page .jam_calendar .calendar .jam_cell.small_text {
          font-size: 14px; }
        .jams_page .jam_calendar .calendar .jam_cell a {
          color: inherit;
          text-decoration: none; }
          .jams_page .jam_calendar .calendar .jam_cell a:hover {
            text-decoration: underline; }
      .jams_page .jam_calendar .calendar .calendar_rows, .jams_page .jam_calendar .calendar .day_markers {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .jams_page .jam_calendar .calendar .elapsed_time {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        background: #F5F5F5;
        border-right: 5px solid #E9E9E9;
        box-shadow: 0 0 0 1px #DEDEDE; }
      .jams_page .jam_calendar .calendar .day_markers {
        z-index: 1;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none; }
        .jams_page .jam_calendar .calendar .day_markers .day_marker {
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          border-left: 1px solid #dadada;
          position: absolute;
          top: 40px;
          bottom: 0; }
          .jams_page .jam_calendar .calendar .day_markers .day_marker:first-child {
            border-left: 0; }
          .jams_page .jam_calendar .calendar .day_markers .day_marker .day_ordinal, .jams_page .jam_calendar .calendar .day_markers .day_marker .day_name {
            position: absolute;
            left: 0;
            right: 0;
            height: 40px;
            line-height: 40px;
            padding-left: 20px; }
          .jams_page .jam_calendar .calendar .day_markers .day_marker .day_ordinal {
            top: 0;
            border-bottom: 1px solid #dadada;
            color: #666;
            font-weight: bold; }
          .jams_page .jam_calendar .calendar .day_markers .day_marker .day_name {
            bottom: 0;
            border-top: 1px solid #dadada;
            font-size: 13px;
            text-transform: uppercase;
            color: #777; }
      .jams_page .jam_calendar .calendar .calendar_rows {
        z-index: 2;
        top: 82px;
        bottom: 30px; }
      .jams_page .jam_calendar .calendar .month_markers {
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        height: 20px;
        background: black;
        position: relative;
        z-index: 5; }
        .jams_page .jam_calendar .calendar .month_markers .month_marker {
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          background: #EFEFEF;
          border-left: 1px solid #dadada;
          border-bottom: 1px solid #dadada;
          border-top: 1px solid #dadada;
          color: #444;
          position: absolute;
          top: 0;
          bottom: 0;
          height: 40px;
          line-height: 40px;
          padding: 0 20px; }
          .jams_page .jam_calendar .calendar .month_markers .month_marker:first-child {
            border-left: 0; }
.knowledge_base_article_page {
  background: white;
  box-shadow: inset 50vw 0 0 #F4F4F4; }
  .knowledge_base_article_page.logged_in .on_logged_out {
    display: none; }
  .knowledge_base_article_page.logged_out .on_logged_in {
    display: none; }
  .knowledge_base_article_page.category_api .navigation .get_label {
    display: none; }
  .knowledge_base_article_page.category_api .ssi_content > h3 {
    margin-top: 60px; }
    .knowledge_base_article_page.category_api .ssi_content > h3 code {
      display: block;
      margin: 25px 0 20px 0;
      background: #eee;
      box-shadow: 0 0 0 10px #EEE; }
    .knowledge_base_article_page.category_api .ssi_content > h3 .get_label {
      background: #34a0f2;
      color: white;
      font-weight: bold;
      font-size: 14px;
      border-radius: 4px;
      padding: 3px 6px;
      display: inline-block;
      vertical-align: top;
      float: left;
      margin-right: 10px;
      position: relative;
      top: 4px; }
      .knowledge_base_article_page.category_api .ssi_content > h3 .get_label:before {
        content: "GET"; }
  .knowledge_base_article_page.name_already-bought .recover_form {
    border: 1px solid #dadada;
    padding: 20px;
    border-radius: 3px;
    background: #F4F4F4; }
  .knowledge_base_article_page h1 {
    font-weight: bold;
    color: #444;
    font-size: 38px;
    margin-bottom: 40px; }
  .knowledge_base_article_page .column_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px; }
    @media (max-width: 1100px) {
      .knowledge_base_article_page .column_wrapper {
        padding: 0 20px; } }
  .knowledge_base_article_page .nav_column {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    width: 280px; }
    @media (max-width: 1100px) {
      .knowledge_base_article_page .nav_column {
        width: 240px; } }
    .knowledge_base_article_page .nav_column .column_header {
      color: #444444;
      padding-top: 40px;
      font-size: 15px;
      text-transform: uppercase;
      margin-bottom: 8px;
      font-weight: bold; }
      .knowledge_base_article_page .nav_column .column_header:first-child {
        padding-top: 60px; }
        @media (max-width: 1100px) {
          .knowledge_base_article_page .nav_column .column_header:first-child {
            padding-top: 40px; } }
    .knowledge_base_article_page .nav_column .tab_btn {
      display: block;
      font-size: 16px;
      text-decoration: none;
      margin: 10px 0px 6px 0; }
      .knowledge_base_article_page .nav_column .tab_btn a {
        display: inline-block;
        color: #666;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        padding-bottom: 3px; }
        .knowledge_base_article_page .nav_column .tab_btn a:hover {
          color: #222; }
      .knowledge_base_article_page .nav_column .tab_btn.selected a {
        color: #DD4A4A;
        border-bottom: 1px solid #DD4A4A; }
  .knowledge_base_article_page .content_column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    background: white;
    padding: 40px 0px 40px 60px; }
    @media (max-width: 1100px) {
      .knowledge_base_article_page .content_column {
        padding-left: 20px;
        padding-top: 30px; } }
  .knowledge_base_article_page .text_content {
    color: #333;
    font-size: 18px; }
    .knowledge_base_article_page .text_content h2 {
      font-size: 28px;
      font-weight: bold;
      margin: 60px 0 15px 0;
      color: #444; }
    .knowledge_base_article_page .text_content h3 {
      font-size: 22px;
      line-height: 1.5; }
    .knowledge_base_article_page .text_content p {
      font-size: inherit;
      line-height: 1.7;
      margin: 0 0 24px 0; }
    .knowledge_base_article_page .text_content .team .team_member {
      display: block;
      margin: 70px 0; }
    .knowledge_base_article_page .text_content .team p {
      *zoom: 1;
      margin-bottom: 40px;
      padding: 0 20px; }
      .knowledge_base_article_page .text_content .team p:before, .knowledge_base_article_page .text_content .team p:after {
        content: " ";
        display: table; }
      .knowledge_base_article_page .text_content .team p:after {
        clear: both; }
    .knowledge_base_article_page .text_content .team a {
      text-decoration: none; }
      .knowledge_base_article_page .text_content .team a .icon {
        margin: 0 5px; }
      .knowledge_base_article_page .text_content .team a .icon-globe {
        vertical-align: 1px; }
    .knowledge_base_article_page .text_content .team .team_info {
      height: 32px;
      line-height: 32px;
      margin-top: 10px;
      display: inline-block; }
      .knowledge_base_article_page .text_content .team .team_info .icon {
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        font-size: 130%; }
      .knowledge_base_article_page .text_content .team .team_info a {
        margin-left: 10px; }
    .knowledge_base_article_page .text_content .team img:first-child {
      width: 100px;
      height: 100px;
      background: #fafafa;
      float: left;
      margin-right: 20px;
      margin-top: 5px;
      border-radius: 50%; }
    .knowledge_base_article_page .text_content code {
      background: #F4F4F4;
      padding: 0 4px; }
    .knowledge_base_article_page .text_content ul, .knowledge_base_article_page .text_content ol {
      margin: 24px 0; }
      .knowledge_base_article_page .text_content ul li, .knowledge_base_article_page .text_content ol li {
        line-height: 1.8; }
        .knowledge_base_article_page .text_content ul li > ul, .knowledge_base_article_page .text_content ul li > ol, .knowledge_base_article_page .text_content ol li > ul, .knowledge_base_article_page .text_content ol li > ol {
          margin: 0;
          margin-bottom: 12px; }
    .knowledge_base_article_page .text_content .ssi_content iframe {
      margin: 40px auto;
      display: block; }
    .knowledge_base_article_page .text_content .learn_more a {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      transition: all 0.2s;
      display: inline-block;
      color: #e26464;
      font-weight: bold;
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 10px 20px; }
      .knowledge_base_article_page .text_content .learn_more a:hover {
        text-decoration: none;
        color: #DD4A4A;
        border-color: #DD4A4A; }
      .knowledge_base_article_page .text_content .learn_more a .icon {
        margin-left: 2px;
        margin-right: 6px;
        vertical-align: -1px; }
    .knowledge_base_article_page .text_content .social_nag {
      margin-top: 40px;
      padding-top: 20px;
      font-size: 16px;
      border-top: 1px dashed #dadada;
      color: #666; }
      .knowledge_base_article_page .text_content .social_nag .icon {
        margin-right: 10px;
        vertical-align: -1px; }
    .knowledge_base_article_page .text_content .game_grid_widget {
      border: 1px solid #e9e9e9;
      border-left: none;
      border-right: none;
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 40px;
      margin-bottom: 40px;
      background-image: linear-gradient(90deg, #fff 0%, #fafafa 40%, #fafafa 60%, #fff); }
    .knowledge_base_article_page .text_content blockquote {
      color: #444;
      background: #F4F4F4;
      padding: 20px 40px;
      margin: 0;
      margin-bottom: 24px;
      border-left: 4px solid #dadada;
      font-size: 16px; }
      .knowledge_base_article_page .text_content blockquote p {
        max-width: initial;
        margin-bottom: 10px; }
        .knowledge_base_article_page .text_content blockquote p:last-child {
          margin-bottom: 0; }
    .knowledge_base_article_page .text_content pre {
      background: #444;
      color: white;
      padding: 20px;
      margin: 0 0 24px 0;
      font-size: 85%; }
      .knowledge_base_article_page .text_content pre code {
        background: transparent; }
    .knowledge_base_article_page .text_content > :first-child {
      margin-top: 0; }
  .knowledge_base_article_page .image_holder {
    background: white;
    border: 0;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
  .knowledge_base_article_page .promo_images {
    margin: 45px 0;
    text-align: center;
    white-space: nowrap; }
    .knowledge_base_article_page .promo_images .image_holder {
      display: inline-block;
      vertical-align: top;
      margin: 0 10px; }
    .knowledge_base_article_page .promo_images a {
      text-decoration: none; }
  .knowledge_base_article_page .aside_image {
    float: right;
    margin: 0 0 40px 40px; }
    .knowledge_base_article_page .aside_image img {
      background: white;
      box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
    .knowledge_base_article_page .aside_image .image_holder {
      background-size: cover; }
    .knowledge_base_article_page .aside_image.aside_left {
      float: left;
      margin: 0 40px 40px 0; }
  .knowledge_base_article_page .button_row {
    text-align: center;
    border-bottom: 1px dashed #dadada;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .knowledge_base_article_page .button_row.bottom {
      border-bottom: 0;
      padding-bottom: 0; }
  .knowledge_base_article_page .sub {
    margin-top: 10px;
    color: #666;
    font-style: italic; }
  .knowledge_base_article_page .index_sticky_bar .social_buttons_widget {
    top: 0px; }
  .knowledge_base_article_page .index_sticky_bar .page_title {
    font-weight: bold;
    font-size: 18px; }
  .knowledge_base_article_page .text_content .navigation {
    border: 1px solid #dadada;
    padding: 0; }
    .knowledge_base_article_page .text_content .navigation h3 {
      font-size: 14px;
      border-bottom: 1px solid #dadada;
      padding: 5px 20px;
      color: #666;
      background: #F4F4F4;
      margin: 0; }
    .knowledge_base_article_page .text_content .navigation ul {
      margin: 0; }
    .knowledge_base_article_page .text_content .navigation > ul {
      padding: 10px 40px; }
    .knowledge_base_article_page .text_content .navigation li, .knowledge_base_article_page .text_content .navigation ul {
      line-height: normal; }
    .knowledge_base_article_page .text_content .navigation a {
      display: block;
      text-decoration: none;
      line-height: 1.8;
      font-size: 14px; }
      .knowledge_base_article_page .text_content .navigation a:hover {
        text-decoration: underline; }
    .knowledge_base_article_page .text_content .navigation .hide_toc_btn {
      float: right;
      padding: 2px 20px 0 0;
      color: #666; }
      .knowledge_base_article_page .text_content .navigation .hide_toc_btn:after {
        content: "[hide]"; }
    .knowledge_base_article_page .text_content .navigation.collapsed ul {
      display: none; }
    .knowledge_base_article_page .text_content .navigation.collapsed h3 {
      border-bottom: 0; }
    .knowledge_base_article_page .text_content .navigation.collapsed .hide_toc_btn:after {
      content: "[show]"; }
  .knowledge_base_article_page h2.highlight {
    background: #CEFC9C;
    box-shadow: 0 0 0 10px #CEFC9C; }
  .knowledge_base_article_page .mobile_menu {
    display: none; }
  @media (max-width: 850px) {
    .knowledge_base_article_page {
      box-shadow: none; }
      .knowledge_base_article_page .column_wrapper {
        padding: 0;
        display: block; }
      .knowledge_base_article_page .nav_column {
        display: none;
        background-color: #F4F4F4;
        padding: 30px;
        width: auto;
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #dadada; }
        .knowledge_base_article_page .nav_column .tab_btn a {
          padding: 5px 0; }
        .knowledge_base_article_page .nav_column .column_header {
          padding-top: 30px; }
          .knowledge_base_article_page .nav_column .column_header:first-child {
            padding-top: 10px; }
      .knowledge_base_article_page .content_column {
        margin-left: 0;
        padding: 20px 40px; }
        .knowledge_base_article_page .content_column h1 {
          font-size: 28px;
          margin-bottom: 30px; }
      .knowledge_base_article_page .mobile_menu {
        display: block;
        font-size: 16px;
        padding: 8px 10px;
        color: #666;
        background: #F4F4F4;
        border-radius: 4px;
        margin: 0 auto;
        text-align: center; }
        .knowledge_base_article_page .mobile_menu:after {
          content: "show menu"; }
        .knowledge_base_article_page .mobile_menu:hover {
          cursor: pointer; }
      .knowledge_base_article_page .text_content {
        font-size: 14px; }
        .knowledge_base_article_page .text_content blockquote {
          font-size: 14px;
          padding: 10px 15px; }
        .knowledge_base_article_page .text_content h2 {
          font-size: 18px; }
        .knowledge_base_article_page .text_content .learn_more a {
          border: none;
          padding: 0; }
      .knowledge_base_article_page.show_menu .nav_column {
        display: block; }
      .knowledge_base_article_page.show_menu .mobile_menu:after {
        content: "hide menu"; } }
.my_collections_page .stat_header_widget {
  border-bottom: 0; }

.my_collections_page .warning_box {
  padding-left: 40px;
  padding-right: 40px;
  border-left: 0;
  border-right: 0; }

.my_collections_page .empty_message {
  border-top: 1px solid #dadada; }
  .my_collections_page .empty_message p {
    margin: 20px 40px;
    font-size: 16px;
    line-height: 1.5; }
  .my_collections_page .empty_message em {
    color: #666; }

.my_collections_page .game_collection {
  border-top: 1px solid #dadada; }
  .my_collections_page .game_collection.no_games .no_games_message {
    display: block; }
  .my_collections_page .game_collection .live_edit_input {
    width: 300px;
    border: 1px solid #aaa;
    margin: 0;
    padding: 4px;
    font-size: 18px;
    color: #333; }
    .my_collections_page .game_collection .live_edit_input:focus {
      outline: none; }
  .my_collections_page .game_collection h2 {
    padding: 20px 40px 15px 40px;
    background: #f0f0f0;
    font-weight: normal;
    font-size: 22px; }
    .my_collections_page .game_collection h2 .collection_title {
      color: inherit;
      text-decoration: none;
      display: inline-block;
      vertical-align: bottom; }
    .my_collections_page .game_collection h2 .collection_title_wrap {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 450px;
      display: inline-block; }
    .my_collections_page .game_collection h2 a.collection_title:hover, .my_collections_page .game_collection h2 a.collection_title:active {
      text-decoration: underline; }
      .my_collections_page .game_collection h2 a.collection_title:hover .outline_button, .my_collections_page .game_collection h2 a.collection_title:active .outline_button {
        background-color: #444;
        border-color: #666;
        color: white; }
    .my_collections_page .game_collection h2 a.collection_title:active .outline_button {
      background-color: #333; }
    .my_collections_page .game_collection h2 .sub {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      color: #999;
      margin-left: 10px;
      margin-top: 5px; }
      .my_collections_page .game_collection h2 .sub a {
        color: #666; }
    .my_collections_page .game_collection h2 .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid rgba(255, 255, 255, 0.6);
      color: white;
      background: white;
      color: #444;
      margin-left: 10px;
      vertical-align: top; }
  .my_collections_page .game_collection .toggle_input {
    margin-left: 10px;
    color: #666; }
    .my_collections_page .game_collection .toggle_input.disabled {
      color: #aaa; }
    .my_collections_page .game_collection .toggle_input input {
      vertical-align: middle; }
  .my_collections_page .game_collection .no_games_message {
    display: none;
    margin: 0 40px 20px 40px;
    font-size: 16px;
    color: #666; }

.my_collections_page .game_list {
  padding: 5px 40px 0 40px; }
  .my_collections_page .game_list.single_game .top_tools {
    display: none; }
  .my_collections_page .game_list .load_more_cell {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 200px;
    height: 158px;
    border: 1px solid #dadada;
    background: #eee;
    position: relative; }
    .my_collections_page .game_list .load_more_cell .loader {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
  .my_collections_page .game_list .game_cell {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 40px; }
    .my_collections_page .game_list .game_cell.invisible {
      opacity: 0; }
      .ie .my_collections_page .game_list .game_cell.invisible {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .my_collections_page .game_list .game_cell:first-child .move_left_btn {
      display: none; }
    .my_collections_page .game_list .game_cell:last-child .move_right_btn {
      display: none; }
    .my_collections_page .game_list .game_cell .game_thumb {
      position: relative;
      overflow: hidden; }
    .my_collections_page .game_list .game_cell .hover_tools {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background: rgba(0, 0, 0, 0.8);
      height: 24px;
      line-height: 24px;
      white-space: nowrap;
      z-index: 1;
      position: absolute;
      left: 0px;
      right: 0px;
      font-size: 12px; }
      .my_collections_page .game_list .game_cell .hover_tools.top_tools {
        top: -24px; }
        .my_collections_page .game_list .game_cell .hover_tools.top_tools .half_button {
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      .my_collections_page .game_list .game_cell .hover_tools.bottom_tools {
        bottom: -24px; }
        .my_collections_page .game_list .game_cell .hover_tools.bottom_tools .half_button {
          border-top: 1px solid rgba(255, 255, 255, 0.3); }
      .my_collections_page .game_list .game_cell .hover_tools span {
        color: #ddd;
        text-decoration: none;
        cursor: pointer; }
      .my_collections_page .game_list .game_cell .hover_tools .half_button {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: inline-block;
        width: 50%;
        text-align: center; }
        .my_collections_page .game_list .game_cell .hover_tools .half_button:hover {
          background: rgba(255, 255, 255, 0.1); }
        .my_collections_page .game_list .game_cell .hover_tools .half_button:first-child {
          border-right: 1px solid rgba(255, 255, 255, 0.3); }
      .my_collections_page .game_list .game_cell .hover_tools .remove_btn {
        color: #ff9999; }
        .my_collections_page .game_list .game_cell .hover_tools .remove_btn:hover {
          background: rgba(255, 100, 100, 0.2); }
    .my_collections_page .game_list .game_cell:hover .hover_tools.top_tools {
      top: 0px; }
    .my_collections_page .game_list .game_cell:hover .hover_tools.bottom_tools {
      bottom: 0px; }
.not_found_page .admin_debug {
  border: 1px solid #FB9175;
  padding: 20px;
  border-radius: 3px;
  position: relative; }
  .not_found_page .admin_debug:before {
    content: "Admin";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #FB9175;
    border-bottom: 1px solid #FB9175;
    border-radius: 0 0 0 3px;
    padding: 2px 4px;
    color: #f84212;
    font-weight: bold;
    background: rgba(251, 145, 117, 0.1); }
  .not_found_page .admin_debug pre {
    white-space: pre-wrap; }
.notifications_page .unseen_notifications {
  margin-bottom: 30px; }

.notifications_page .empty_message {
  color: #666;
  font-size: 16px; }

.notifications_page .notification_row {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.5; }
  .notifications_page .notification_row .timestamp {
    color: #666;
    margin-left: 10px; }
  .notifications_page .notification_row .sub {
    color: #666; }
  .notifications_page .notification_row .purchase_tag, .notifications_page .notification_row .new_tag {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 4px 1px 4px;
    font-weight: bold;
    line-height: 15px; }
  .notifications_page .notification_row .purchase_tag {
    background: #999;
    margin-left: 7px; }
  .notifications_page .notification_row .new_tag {
    background: #FA5C5C;
    margin-right: 7px; }
@charset "UTF-8";
.promotion_page .columns_wrapper {
  position: relative;
  border-bottom: 1px solid #dadada; }
  .promotion_page .columns_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: white;
    width: 60%;
    z-index: 0; }
    @media (max-width: 1440px) {
      .promotion_page .columns_wrapper:before {
        width: 50%; } }
    @media (max-width: 1160px) {
      .promotion_page .columns_wrapper:before {
        width: 40%; } }
    @media (max-width: 900px) {
      .promotion_page .columns_wrapper:before {
        display: none; } }

.promotion_page .details_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 40%;
  padding: 40px 0; }
  .promotion_page .details_column .column_padded {
    max-width: 600px;
    padding: 0 40px; }

.promotion_page .game_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 1;
  position: relative;
  vertical-align: top;
  background: white;
  max-width: 800px;
  display: inline-block;
  width: 60%;
  padding: 40px;
  padding-right: 0;
  padding-bottom: 0; }
  .promotion_page .game_column p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin: 0 0 20px 0; }

.promotion_page .game_carousel_widget .paddle_next {
  background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 50%, #f4f4f4 100%); }
  .promotion_page .game_carousel_widget .paddle_next .paddle_center_area:after {
    background-image: url("/static/images/carousel-arrow-right-dark.png"); }

.promotion_page .game_carousel_widget .paddle_prev {
  background: linear-gradient(to right, #f4f4f4 0%, #f4f4f4 50%, rgba(244, 244, 244, 0) 100%); }
  .promotion_page .game_carousel_widget .paddle_prev .paddle_center_area:after {
    background-image: url("/static/images/carousel-arrow-left-dark.png"); }

.promotion_page .game_carousel_widget .game_cell {
  max-width: 220px; }
  .promotion_page .game_carousel_widget .game_cell .game_text, .promotion_page .game_carousel_widget .game_cell .game_author, .promotion_page .game_carousel_widget .game_cell .game_genre {
    display: none; }
  .promotion_page .game_carousel_widget .game_cell .game_thumb {
    width: 220px;
    height: 174px; }

@media (max-width: 1440px) {
  .promotion_page .details_column, .promotion_page .game_column {
    width: 50%; } }

@media (max-width: 1160px) {
  .promotion_page .details_column {
    width: 60%; }
  .promotion_page .game_column {
    width: 40%; } }

@media (max-width: 900px) {
  .promotion_page .details_column, .promotion_page .game_column {
    display: block;
    width: auto;
    max-width: none; } }

.promotion_page h1 {
  margin-bottom: 20px;
  font-size: 32px; }

.promotion_page .promotion_host, .promotion_page .promotion_meta {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.4; }
  .promotion_page .promotion_host a, .promotion_page .promotion_meta a {
    color: inherit; }
  .promotion_page .promotion_host .meta_group:not(:first-child, :first-child):before, .promotion_page .promotion_meta .meta_group:not(:first-child, :first-child):before {
    content: " · "; }

.promotion_page .privacy_notification {
  background-color: #FFF0F0;
  color: #FA5C5C;
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  padding: 8px 40px;
  border-bottom: 2px solid #ffbdbd; }
  @media (max-width: 600px) {
    .promotion_page .privacy_notification {
      text-align: left; } }

.promotion_page .promo_game_grid .game_cell {
  margin-right: 40px; }

.promotion_page .promo_game_grid .game_genre, .promotion_page .promo_game_grid .game_platform, .promotion_page .promo_game_grid .game_text, .promotion_page .promo_game_grid .game_promo, .promotion_page .promo_game_grid .game_author {
  font-size: 16px; }

.promotion_page .admin_panel {
  font-size: 16px;
  border: 1px solid #dadada;
  background: white;
  padding: 15px; }

.promotion_page .not_active_notification {
  background: #dadada;
  padding: 15px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px; }

.promotion_page .promotion_buy_row_outer {
  margin-bottom: 20px; }

.promotion_page .promotion_buy_row {
  border: 1px solid #dadada;
  border-radius: 4px;
  background: white;
  display: inline-block; }
  .promotion_page .promotion_buy_row .buy_bundle_btn, .promotion_page .promotion_buy_row .buy_game_btn {
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 36px;
    height: 40px;
    padding: 0 20px;
    margin: 16px 16px 0 16px; }

.promotion_page .promotion_description {
  margin-top: 40px; }

.promotion_page .countdown {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1px solid #dadada;
  display: inline-block;
  vertical-align: top;
  padding: 7px 10px 0 10px;
  text-align: center;
  height: 73px; }
  .promotion_page .countdown .countdown_label {
    color: #999;
    margin-bottom: 3px; }
  .promotion_page .countdown .time_block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px; }
    .promotion_page .countdown .time_block.hidden {
      display: none; }
    .promotion_page .countdown .time_block .block_value {
      font-size: 18px;
      color: #666; }
    .promotion_page .countdown .time_block .block_label {
      text-transform: uppercase;
      font-size: 12px;
      color: #999; }

.promotion_page .other_content h1 {
  margin: 40px;
  font-size: 26px; }
.randomizer_page {
  background: white;
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }
  .randomizer_page.initial {
    background: url(/static/images/blog/covers-blue.jpg); }
    .randomizer_page.initial .randomizer_intro_outer {
      background: rgba(255, 255, 255, 0.5); }
  .randomizer_page.loading:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    background: rgba(244, 244, 244, 0.5);
    z-index: 2; }
    @media (min-width: 1500px) {
      .randomizer_page.loading:before {
        width: 350px; } }
  .randomizer_page.no_sidebar .sidebar {
    left: -350px; }
  .randomizer_page.no_sidebar .object_viewer_outer, .randomizer_page.no_sidebar .randomizer_intro_outer {
    left: 0; }
  .randomizer_page.no_filters .randomizer_intro_outer {
    display: none; }
  .randomizer_page .sidebar_inner {
    padding: 20px;
    padding-top: 0; }
    @media (min-width: 1500px) {
      .randomizer_page .sidebar_inner {
        padding-left: 40px;
        padding-right: 40px; } }
  .randomizer_page .sidebar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -ms-transition: left 0.2s ease;
    transition: left 0.2s ease;
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
    background: #F4F4F4;
    width: 300px; }
    @media (min-width: 1500px) {
      .randomizer_page .sidebar {
        width: 350px; } }
  .randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -ms-transition: left 0.2s ease;
    transition: left 0.2s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 300px; }
    @media (min-width: 1500px) {
      .randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
        left: 350px; } }
  .randomizer_page .randomizer_intro_outer {
    z-index: 1;
    overflow: auto;
    background: rgba(255, 255, 255, 0.9);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center; }
    .randomizer_page .randomizer_intro_outer .transition_wrapper {
      max-width: 500px;
      margin: auto; }
    .randomizer_page .randomizer_intro_outer .randomizer_intro {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      background: #F4F4F4;
      padding: 40px;
      position: relative;
      opacity: 0; }
      .ie .randomizer_page .randomizer_intro_outer .randomizer_intro {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .randomizer_page .randomizer_intro_outer .randomizer_intro.animated {
        -webkit-animation: intro 0.6s cubic-bezier(0.22, 0.52, 0.54, 0.84);
        -moz-animation: intro 0.6s cubic-bezier(0.22, 0.52, 0.54, 0.84);
        -ms-animation: intro 0.6s cubic-bezier(0.22, 0.52, 0.54, 0.84);
        animation: intro 0.6s cubic-bezier(0.22, 0.52, 0.54, 0.84);
        opacity: 1; }
        .ie .randomizer_page .randomizer_intro_outer .randomizer_intro.animated {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .randomizer_page .randomizer_intro_outer .randomizer_intro .social_buttons_widget {
        position: absolute;
        top: 44px;
        right: 0; }
        @media (max-width: 850px) {
          .randomizer_page .randomizer_intro_outer .randomizer_intro .social_buttons_widget {
            display: none; } }
      .randomizer_page .randomizer_intro_outer .randomizer_intro p {
        font-size: 16px;
        line-height: 1.5; }
      .randomizer_page .randomizer_intro_outer .randomizer_intro h1 {
        font-size: 22px; }
      .randomizer_page .randomizer_intro_outer .randomizer_intro h2 {
        font-size: 18px;
        margin-bottom: 0; }
      .randomizer_page .randomizer_intro_outer .randomizer_intro .buttons {
        border-top: 1px solid #dadada;
        padding-top: 20px;
        text-align: center; }
        .randomizer_page .randomizer_intro_outer .randomizer_intro .buttons button {
          min-width: 200px; }
    .randomizer_page .randomizer_intro_outer .filters {
      padding: 16px 0; }
      .randomizer_page .randomizer_intro_outer .filters .filter {
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        border: 2px solid #dadada;
        padding: 3px 10px;
        background: white;
        border-radius: 3px;
        margin-right: 5px;
        margin-top: 4px;
        margin-bottom: 4px;
        color: #666;
        display: inline-block;
        font-size: 14px; }
        .randomizer_page .randomizer_intro_outer .filters .filter:hover {
          border-color: #d0d0d0;
          cursor: pointer; }
        .randomizer_page .randomizer_intro_outer .filters .filter.selected {
          border-color: #45B976;
          background: #ecf8f1; }
        .randomizer_page .randomizer_intro_outer .filters .filter .label {
          display: inline-block;
          vertical-align: top; }
        .randomizer_page .randomizer_intro_outer .filters .filter input {
          display: inline-block;
          vertical-align: top;
          margin: 0;
          margin-right: 8px;
          margin-top: 3px; }
  .randomizer_page .object_viewer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 0; }
    @media (max-width: 1000px) {
      .randomizer_page .object_viewer {
        padding: 0; } }
  @media (max-width: 800px) {
    .randomizer_page {
      position: static;
      border-bottom: 2px solid #d0d0d0; }
      .randomizer_page .sidebar {
        position: static;
        width: auto; }
        .randomizer_page .sidebar .recently_viewed_games {
          display: none; }
        .randomizer_page .sidebar .game_summary_page, .randomizer_page .sidebar .feedback_summary {
          display: none; }
        .randomizer_page .sidebar .game_rater {
          border-bottom: 0;
          padding-bottom: 0;
          padding-top: 0;
          border-top: 0; }
      .randomizer_page .object_viewer_outer {
        display: none; }
      .randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
        position: static; }
      .randomizer_page .randomizer_intro_outer {
        min-height: calc(100vh - 100px); }
      .randomizer_page.no_filters .object_viewer_outer {
        display: block; }
      .randomizer_page.no_filters .randomizer_intro_outer {
        display: none; }
      .randomizer_page.loading:before {
        width: auto;
        right: 0;
        position: fixed; } }
.sale_page .goal_progress_widget {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 20px 40px;
  margin: 40px 0 40px 0;
  background: rgba(255, 255, 255, 0.5); }
  @media (max-width: 1010px) {
    .sale_page .goal_progress_widget .extra_stats {
      display: none; }
    .sale_page .goal_progress_widget .stat_inline:nth-child(2) {
      border-right: 0; } }

.sale_page .countdown_row {
  margin-bottom: 20px; }
  .sale_page .countdown_row .countdown {
    border: 1px solid #dadada;
    border-radius: 4px;
    background: white; }
.search_page {
  background: white; }
  .search_page .user_results {
    border-top: 1px solid #dadada;
    background: #F4F4F4;
    vertical-align: top;
    padding: 15px 40px; }
    .search_page .user_results .results_label {
      color: #666;
      margin-bottom: 10px;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase; }
    .search_page .user_results .user_results_cells {
      white-space: nowrap;
      overflow-y: auto; }
    .search_page .user_results .user_result_cell {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 20px;
      background: white;
      width: 250px;
      border: 1px solid #dadada;
      padding: 10px;
      border-radius: 3px;
      font-size: 16px; }
      .search_page .user_results .user_result_cell .user_data {
        line-height: 1.4; }
      .search_page .user_results .user_result_cell .user_sub {
        color: #666;
        font-size: 14px; }
      .search_page .user_results .user_result_cell .user_name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .search_page .user_results .user_result_cell .avatar_container {
        display: block;
        margin-right: 10px; }
      .search_page .user_results .user_result_cell .result_avatar {
        width: 40px;
        height: 40px;
        background-color: #F4F4F4;
        background-size: cover;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        border-radius: 2px; }
  .search_page .button_results {
    background: #F4F4F4;
    border-top: 1px solid #dadada;
    padding: 15px 40px; }
    .search_page .button_results:last-child {
      margin-bottom: 0; }
    .search_page .button_results .results_label {
      color: #666;
      margin-bottom: 10px; }
      .search_page .button_results .results_label a {
        color: #666; }
    .search_page .button_results .tag_list {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .search_page .button_results .tag_list .tag_segmented_btn {
        display: inline-block; }
    .search_page .button_results .label_text {
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase; }
    .search_page .button_results .outline_button {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      border-radius: 4px;
      text-decoration: none;
      padding: 3px 10px;
      font-size: 14px;
      letter-spacing: 0.025em;
      white-space: nowrap;
      border: 2px solid #dadada;
      color: #444;
      background: white;
      margin-right: 10px; }
      .search_page .button_results .outline_button:hover {
        background: white;
        color: #333;
        color: white;
        background: #FA5C5C;
        border-color: #FA5C5C; }
      .search_page .button_results .outline_button:active {
        background: #e44949;
        border-color: #e44949; }
    .search_page .button_results .browse_top_tags {
      display: inline-block;
      margin-left: 10px; }
  .search_page .browse_link {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444;
    font-size: 18px; }
    .search_page .browse_link:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .search_page .browse_link:active {
      background: #e44949;
      border-color: #e44949; }
.support_page .game_support {
  background: #F4F4F4;
  padding: 15px 20px;
  margin-bottom: 20px; }
  .support_page .game_support p {
    margin: 0; }
  .support_page .game_support ul {
    margin: 10px 0 0 0; }
.unsubscribe_email_page p {
  font-size: 16px;
  line-height: 1.5; }

.unsubscribe_email_page button {
  margin: 0; }
.user_oauth_authorize_page p {
  font-size: 16px;
  line-height: 1.5; }

.user_oauth_authorize_page .padded > :first-child {
  margin-top: 0; }

.user_oauth_authorize_page .oauth_app_info {
  color: #666;
  font-weight: bold; }

.user_oauth_authorize_page .emphasis {
  font-size: 18px; }

.user_oauth_authorize_page h3 {
  margin-top: 25px; }

.user_oauth_authorize_page .scope {
  max-width: 400px;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin: 10px 0;
  padding: 20px; }
  .user_oauth_authorize_page .scope h4 {
    margin: 0; }
  .user_oauth_authorize_page .scope p:last-child {
    margin-bottom: 0; }
.user_settings_api_keys_page .full_key {
  display: none; }

.user_settings_api_keys_page .key_cell.show_key .truncated_key {
  display: none; }

.user_settings_api_keys_page .key_cell.show_key .full_key {
  display: inline; }

.user_settings_api_keys_page h2 {
  margin-top: 40px; }
  .user_settings_api_keys_page h2:first-child {
    margin-top: 0; }
.user_settings_credit_cards_page .card_table .card_name_cell img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }
.user_settings_email_addresses_page .email_address_table .verify_email_sent {
  display: none; }

.user_settings_email_addresses_page .email_address_table .sent_verify .resend_verify_email_btn {
  display: none; }

.user_settings_email_addresses_page .email_address_table .sent_verify .verify_email_sent {
  display: inline; }

.user_settings_email_addresses_page .verify_warning_box.is_complete .before_submit {
  display: none; }

.user_settings_email_addresses_page .verify_warning_box.is_complete .after_submit {
  display: block; }

.user_settings_email_addresses_page .verify_warning_box.loading .loader {
  display: inline-block; }

.user_settings_email_addresses_page .verify_warning_box .after_submit {
  display: none; }
  .user_settings_email_addresses_page .verify_warning_box .after_submit p {
    margin: 0; }

.user_settings_email_addresses_page .verify_warning_box .loader {
  display: none;
  margin-left: 10px; }
.user_settings_email_notifications_page .form label {
  font-size: 16px; }

.user_settings_email_notifications_page .form em {
  font-size: 16px; }

.user_settings_email_notifications_page .email_checkbox_row {
  margin-bottom: 0; }
  .user_settings_email_notifications_page .email_checkbox_row label {
    display: block;
    padding: 10px 0;
    border: 1px solid transparent;
    border-radius: 4px; }
    .user_settings_email_notifications_page .email_checkbox_row label .icon {
      margin: 10px;
      color: #666; }
    .user_settings_email_notifications_page .email_checkbox_row label:hover {
      border-color: #dadada;
      cursor: pointer; }
      .user_settings_email_notifications_page .email_checkbox_row label:hover .icon {
        color: #222; }

.user_settings_email_notifications_page .buttons {
  margin-top: 30px; }

.user_settings_email_notifications_page hr {
  margin: 30px 0; }

.user_settings_email_notifications_page strong {
  display: block;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #666; }
.user_settings_page_page p, .user_settings_page_page ul, .user_settings_page_page li {
  line-height: 1.5;
  font-size: 16px; }

.user_settings_page_page input[type="text"], .user_settings_page_page input[type="password"], .user_settings_page_page input[type="email"], .user_settings_page_page textarea {
  font-size: 16px; }

.user_settings_page_page .tab_column, .user_settings_page_page .content_column {
  padding-top: 30px; }

.user_settings_page_page .tab_column {
  padding-bottom: 40px;
  padding-top: 0; }
  .user_settings_page_page .tab_column .tab_header:first-child {
    border-top: 0; }

.user_settings_page_page .content_column {
  *zoom: 1; }
  .user_settings_page_page .content_column:before, .user_settings_page_page .content_column:after {
    content: " ";
    display: table; }
  .user_settings_page_page .content_column:after {
    clear: both; }

.user_settings_page_page .bare_input {
  font-size: 16px;
  padding: 8px 0; }

.user_settings_page_page h2 a {
  color: #666;
  font-weight: normal; }

.user_settings_page_page .content_column {
  min-height: 300px; }

.user_settings_page_page .form_errors {
  border-bottom: 1px solid #dadada;
  padding: 20px 40px; }

.user_settings_page_page button {
  margin-left: 0; }

.user_settings_page_page .form {
  margin-bottom: 40px; }
  .user_settings_page_page .form .label div.sub {
    margin: 5px 0; }

.user_settings_page_page .redactor-box {
  width: 540px; }

.user_settings_page_page .nice_table {
  font-size: 16px; }

.user_settings_page_page .privacy_form label {
  font-size: 16px; }

.user_settings_page_page .privacy_form em {
  font-size: 16px; }

.user_settings_page_page .tfa_status {
  font-weight: bold; }
  .user_settings_page_page .tfa_status.enabled {
    color: #66B355; }
  .user_settings_page_page .tfa_status.disabled {
    color: #D14343; }
.user_settings_profile_page.has_avatar .profile_image_row .profile_image_column {
  display: inline-block; }

.user_settings_profile_page.has_avatar .profile_image_row .remove_image_btn {
  display: inline; }

.user_settings_profile_page .profile_image_row .label {
  margin-bottom: 10px; }

.user_settings_profile_page .profile_image_row .link_row {
  margin-top: 5px; }
  .user_settings_profile_page .profile_image_row .link_row a {
    color: #666; }

.user_settings_profile_page .profile_image_row .remove_image_btn {
  display: none; }

.user_settings_profile_page .profile_image_row .profile_image_column {
  vertical-align: top; }

.user_settings_profile_page .profile_image_row .upload_buttons_column {
  display: inline-block; }

.user_settings_profile_page .profile_image_row .profile_image_column {
  margin-right: 10px;
  display: none; }
  .user_settings_profile_page .profile_image_row .profile_image_column img {
    width: 100px;
    height: 100px;
    display: block; }
.user_settings_seller_page .payout_modes {
  font-size: 0;
  margin-bottom: 20px;
  white-space: nowrap; }

.user_settings_seller_page p.sub {
  color: #666; }

.user_settings_seller_page p.notification {
  background: #f0f0f0;
  padding: 20px; }

.user_settings_seller_page .payout_mode_picker {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px; }

.user_settings_seller_page .payout_mode {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: normal;
  font-size: 13px;
  border: 2px solid #dadada;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  width: 337px;
  padding: 12px 10px 12px 0;
  margin-right: 10px;
  position: relative;
  cursor: default; }
  .user_settings_seller_page .payout_mode:last-child {
    margin-right: 0; }
  .user_settings_seller_page .payout_mode:hover {
    background-color: #F4F4F4; }
  .user_settings_seller_page .payout_mode.selected {
    border-color: #FA5C5C;
    background-color: white; }
  .user_settings_seller_page .payout_mode input {
    position: absolute;
    top: 18px;
    left: 10px; }
  .user_settings_seller_page .payout_mode .payout_name {
    font-weight: bold;
    font-size: 16px; }
  .user_settings_seller_page .payout_mode .payout_name, .user_settings_seller_page .payout_mode .payout_description {
    line-height: 1.5;
    margin-left: 40px; }

.user_settings_seller_page .mode_settings {
  display: none; }
  .user_settings_seller_page .mode_settings.visible {
    display: block; }

.user_settings_seller_page .cut_row {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  border: 2px solid #dadada;
  vertical-align: top;
  border-radius: 5px;
  padding: 15px;
  position: relative;
  cursor: default; }
  .user_settings_seller_page .cut_row .label {
    font-size: 16px; }
  .user_settings_seller_page .cut_row .cut_summary {
    position: absolute;
    top: 38px;
    right: 20px; }
    .user_settings_seller_page .cut_row .cut_summary .sub {
      color: #666;
      font-size: 15px; }
  .user_settings_seller_page .cut_row .cut_icon {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
    position: absolute;
    padding: 15px;
    top: 0;
    right: 0;
    color: #FA5C5C;
    font-size: 16px; }
    .user_settings_seller_page .cut_row .cut_icon.sad {
      color: #999; }
    .user_settings_seller_page .cut_row .cut_icon.happy {
      -webkit-animation: heartbeat 0.7s ease 0s infinite;
      -moz-animation: heartbeat 0.7s ease 0s infinite;
      -ms-animation: heartbeat 0.7s ease 0s infinite;
      animation: heartbeat 0.7s ease 0s infinite; }
  .user_settings_seller_page .cut_row .cut_container {
    padding: 14px 0; }
  .user_settings_seller_page .cut_row .cut_slider_outer {
    margin-right: 200px; }
  .user_settings_seller_page .cut_row .cut_value {
    font-size: 24px; }
  .user_settings_seller_page .cut_row .cut_presets {
    color: #999; }
    .user_settings_seller_page .cut_row .cut_presets a {
      color: #666;
      display: inline-block;
      margin-left: 5px; }
.user_settings_tfa_app_page .qrcode {
  width: 256px;
  height: 256px;
  float: right;
  margin: 20px; }
  .user_settings_tfa_app_page .qrcode canvas {
    width: 100%;
    height: 100%; }

.user_settings_tfa_app_page p, .user_settings_tfa_app_page ul {
  max-width: 540px; }

.user_settings_tfa_app_page .secret_code {
  display: none; }

.user_settings_tfa_app_page.secret_shown .show_secret_btn {
  display: none; }

.user_settings_tfa_app_page.secret_shown .secret_code {
  display: block; }

.user_settings_tfa_app_page .spacer {
  height: 2em; }
.user_settings_tfa_configure_page .stat_header_widget {
  position: relative; }
  .user_settings_tfa_configure_page .stat_header_widget .right_buttons {
    position: absolute;
    top: 28px;
    right: 40px; }
  .user_settings_tfa_configure_page .stat_header_widget .outline_button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border: 2px solid #dadada;
    color: #444; }
    .user_settings_tfa_configure_page .stat_header_widget .outline_button:hover {
      background: white;
      color: #333;
      color: white;
      background: #FA5C5C;
      border-color: #FA5C5C; }
    .user_settings_tfa_configure_page .stat_header_widget .outline_button:active {
      background: #e44949;
      border-color: #e44949; }

.user_settings_tfa_configure_page .act_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid #dadada;
  padding: 40px;
  margin: 0;
  width: 50%; }
  .user_settings_tfa_configure_page .act_column p:first-child {
    margin-top: 0; }

.user_settings_tfa_configure_page .learn_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1px solid #dadada;
  position: relative;
  left: -1px;
  padding: 40px;
  width: 50%; }
  .user_settings_tfa_configure_page .learn_column h2 {
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 20px 0; }
  .user_settings_tfa_configure_page .learn_column p {
    margin: 0 0 20px 0; }
.user_settings_tfa_scratchcodes_page.has_notice .stat_header_widget {
  border-bottom: 0; }

.user_settings_tfa_scratchcodes_page .onboarding_notification {
  background-color: #e0f0dd;
  color: #5e7e57;
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  padding: 10px 40px;
  border-bottom: 1px solid #a5d39b;
  border-top: 1px solid #a5d39b; }
  .user_settings_tfa_scratchcodes_page .onboarding_notification p {
    margin: 0; }

@media print {
  .user_settings_tfa_scratchcodes_page .onboarding_notification, .user_settings_tfa_scratchcodes_page .buttons {
    display: none; } }

.user_settings_tfa_scratchcodes_page .secret_code {
  margin: 10px 0; }

.user_settings_tfa_scratchcodes_page .code_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid #dadada;
  padding: 40px;
  margin: 0;
  width: 50%; }
  .user_settings_tfa_scratchcodes_page .code_column p:first-child {
    margin-top: 0; }

.user_settings_tfa_scratchcodes_page .learn_column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1px solid #dadada;
  position: relative;
  left: -1px;
  padding: 40px;
  width: 50%; }
  .user_settings_tfa_scratchcodes_page .learn_column h2 {
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 20px 0; }
  .user_settings_tfa_scratchcodes_page .learn_column p {
    margin: 0 0 20px 0; }
.user_tfa_page_page p, .user_tfa_page_page ul {
  font-size: 16px;
  line-height: 1.5; }

.user_tfa_page_page .buttons .line {
  padding-left: .4em;
  color: #999; }

.user_tfa_page_page .buttons .line a {
  color: #666; }

.user_tfa_page_page .secret_code {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 400px;
  text-align: center;
  font-size: 20px;
  color: #666;
  background-color: #eee;
  border: 1px solid #999;
  padding: 5px;
  font-family: monospace; }
  .user_tfa_page_page .secret_code .char_group {
    display: inline-block;
    margin-right: 8px; }
    .user_tfa_page_page .secret_code .char_group:last-child {
      margin-right: 0; }
.user_totp_verify_page p {
  font-size: 16px;
  line-height: 1.5; }

.user_totp_verify_page .padded p:first-child {
  margin-top: 0; }

.user_totp_verify_page .padded .hint {
  font-style: italic;
  color: #D14343; }

.user_totp_verify_page .user_preview {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  font-size: 16px; }
  .user_totp_verify_page .user_preview .preview_header {
    margin-right: 10px;
    color: #444; }
  .user_totp_verify_page .user_preview .preview_avatar {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: middle; }
  .user_totp_verify_page .user_preview .preview_username {
    margin-left: .4em; }
.view_jam_edit_submissions_page .pager {
  margin: 0;
  padding: 30px 40px 20px 40px;
  border-bottom: 1px solid #dadada; }

.view_jam_edit_submissions_page .empty_message {
  font-size: 16px;
  margin: 40px; }

.view_jam_edit_submissions_page .jam_game_list h3 {
  margin: 30px 40px 10px 40px; }

.view_jam_edit_submissions_page .jam_game {
  border-bottom: 1px solid #dadada;
  padding: 20px 40px;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  position: relative; }
  .view_jam_edit_submissions_page .jam_game .game_image {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee;
    float: left;
    width: 105px;
    height: 83px;
    text-align: center; }
    .view_jam_edit_submissions_page .jam_game .game_image a {
      text-decoration: none; }
    .view_jam_edit_submissions_page .jam_game .game_image img {
      display: block;
      width: 105px;
      height: 83px; }
    .view_jam_edit_submissions_page .jam_game .game_image .no_cover {
      color: #ddd;
      font-size: 50px;
      margin-top: 13px; }
  .view_jam_edit_submissions_page .jam_game .jam_game_content {
    margin-left: 125px; }
  .view_jam_edit_submissions_page .jam_game .game_title {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 5px; }
    .view_jam_edit_submissions_page .jam_game .game_title a {
      text-decoration: none; }
  .view_jam_edit_submissions_page .jam_game .submission_misc {
    color: #888; }
    .view_jam_edit_submissions_page .jam_game .submission_misc a {
      color: #666; }
  .view_jam_edit_submissions_page .jam_game .submit_date {
    color: #666; }

.view_jam_edit_submissions_page .late_submit_form_outer {
  padding: 30px 40px 20px 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dadada; }
  .view_jam_edit_submissions_page .late_submit_form_outer p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 600px; }
  .view_jam_edit_submissions_page .late_submit_form_outer .game_url_input {
    width: 300px;
    margin-right: 15px; }
.view_jam_entries_page .browse_game_grid {
  margin: 0 20px 0 40px; }

.view_jam_entries_page .jam_header_widget {
  margin-bottom: 0; }

.view_jam_entries_page .jam_filter_picker {
  background: #F4F4F4;
  padding-top: 5px; }

.view_jam_entries_page .jam_filter_empty {
  display: none;
  color: #666;
  margin: 30px 20px; }
  .view_jam_entries_page .jam_filter_empty p {
    font-size: 18px; }

.view_jam_entries_page .page_tabs .tabs_inner {
  padding: 0 40px;
  margin: 0 auto;
  max-width: 1200px;
  line-height: 30px; }

.view_jam_entries_page .page_tabs .tab_sub {
  font-size: 14px;
  text-transform: uppercase;
  color: #666; }

.view_jam_entries_page .page_tabs a {
  cursor: pointer; }

.view_jam_entries_page .page_tabs .sub {
  color: inherit;
  opacity: 0.6; }

.view_jam_entries_page .rated_game {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  .ie .view_jam_entries_page .rated_game {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .view_jam_entries_page .rated_game:hover {
    opacity: 0; }
    .ie .view_jam_entries_page .rated_game:hover {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .view_jam_entries_page .rated_game .rated_label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 40px;
    line-height: 40px;
    color: white;
    font-size: 24px;
    font-weight: normal;
    text-shadow: 0 0 20px black; }
    .view_jam_entries_page .rated_game .rated_label .icon {
      vertical-align: bottom; }
.view_jam_feed_page.jam_page_base_page {
  background: #F4F4F4;
  border-bottom: 0; }

.view_jam_feed_page .column_outer {
  margin: 40px 0;
  text-align: center;
  white-space: nowrap; }
.view_jam_plain_page .jam_columns {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 40px;
  *zoom: 1; }
  .view_jam_plain_page .jam_columns:before, .view_jam_plain_page .jam_columns:after {
    content: " ";
    display: table; }
  .view_jam_plain_page .jam_columns:after {
    clear: both; }
  .view_jam_plain_page .jam_columns .side_column {
    float: right;
    width: 300px; }
  .view_jam_plain_page .jam_columns .primary_column {
    margin-right: 340px; }
  @media (max-width: 1100px) {
    .view_jam_plain_page .jam_columns .side_column {
      width: 270px; }
    .view_jam_plain_page .jam_columns .primary_column {
      margin-right: 310px; } }

.view_jam_plain_page .side_column .buttons button {
  width: 100%;
  display: block; }

.view_jam_plain_page .side_column .sub {
  font-size: 14px;
  line-height: 1.4;
  color: #666; }

.view_jam_plain_page .jam_message {
  background: #F4F4F4;
  padding: 12px 15px;
  line-height: 1.5;
  margin: 15px 0;
  color: #666; }
  .view_jam_plain_page .jam_message:first-child, .view_jam_plain_page .jam_message :first-child {
    margin-top: 0; }
  .view_jam_plain_page .jam_message :last-child {
    margin-bottom: 0; }
  .view_jam_plain_page .jam_message a:not(.button) {
    color: #666; }
  .view_jam_plain_page .jam_message .button {
    display: block;
    margin-top: 10px; }

.view_jam_plain_page .countdown_outer {
  margin: 20px 0; }
  .view_jam_plain_page .countdown_outer:first-child {
    margin-top: 0; }

.view_jam_plain_page .countdown {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  padding: 10px 0; }
  .view_jam_plain_page .countdown .countdown_label {
    color: #999;
    margin-bottom: 3px; }
  .view_jam_plain_page .countdown .time_block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 70px; }
    .view_jam_plain_page .countdown .time_block.hidden {
      display: none; }
    .view_jam_plain_page .countdown .time_block .block_value {
      font-size: 18px;
      color: #666; }
    .view_jam_plain_page .countdown .time_block .block_label {
      text-transform: uppercase;
      font-size: 12px;
      color: #999; }

.view_jam_plain_page .privacy_notification {
  background-color: #FFF0F0;
  color: #FA5C5C;
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  padding: 8px 40px;
  border-bottom: 2px solid #ffbdbd; }

.view_jam_plain_page .unjoin_jam {
  margin-top: 10px;
  font-size: 14px; }
  .view_jam_plain_page .unjoin_jam a {
    color: #999; }

.view_jam_plain_page .countdown_label {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 8px; }

.view_jam_plain_page .countdown {
  border-bottom: 1px solid #dadada; }

.view_jam_plain_page .date_data {
  line-height: 1.4;
  color: #666;
  font-size: 14px;
  margin-top: 20px; }
  .view_jam_plain_page .date_data .date_format {
    font-weight: bold; }

.view_jam_plain_page .grid_outer {
  margin-top: 60px; }
  .view_jam_plain_page .grid_outer h2 .game_count {
    font-weight: normal;
    color: #666; }

.view_jam_plain_page .own_submissions {
  margin-top: 40px;
  color: #666; }
  .view_jam_plain_page .own_submissions li {
    line-height: 1.5; }
  .view_jam_plain_page .own_submissions ul {
    padding-left: 20px; }
  .view_jam_plain_page .own_submissions .unsubmit_btn {
    color: #999; }
.view_jam_rate_game_page.no_sidebar .main_column {
  margin-left: 0; }

.view_jam_rate_game_page .play_btn {
  white-space: nowrap; }

.view_jam_rate_game_page .entry_columns {
  *zoom: 1; }
  .view_jam_rate_game_page .entry_columns:before, .view_jam_rate_game_page .entry_columns:after {
    content: " ";
    display: table; }
  .view_jam_rate_game_page .entry_columns:after {
    clear: both; }

.view_jam_rate_game_page .empty_message {
  font-size: 16px;
  color: #666; }

.view_jam_rate_game_page .game_cover {
  margin: 20px 0 0 0;
  width: 315px;
  height: 250px;
  display: block;
  border: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }

.view_jam_rate_game_page .main_column {
  margin-left: 336px;
  border: 1px solid #dadada;
  border-top: 0;
  margin-bottom: -1px; }

.view_jam_rate_game_page .screenshot {
  display: inline-block;
  margin: 20px 20px 0 0; }

.view_jam_rate_game_page .game_downloads .upload {
  margin-bottom: 15px;
  word-wrap: break-word;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center; }
  .view_jam_rate_game_page .game_downloads .upload .upload_name {
    -webkit-flex: 1;
    flex: 1;
    line-height: 1.3;
    letter-spacing: 8px; }
    .view_jam_rate_game_page .game_downloads .upload .upload_name > * {
      letter-spacing: normal; }
    .view_jam_rate_game_page .game_downloads .upload .upload_name .download_platforms {
      letter-spacing: 3px; }
  .view_jam_rate_game_page .game_downloads .upload .button {
    margin-right: 15px; }
  .view_jam_rate_game_page .game_downloads .upload .file_size {
    color: #666; }
  .view_jam_rate_game_page .game_downloads .upload .download_platforms {
    font-size: 15px; }
    .view_jam_rate_game_page .game_downloads .upload .download_platforms .icon {
      vertical-align: top;
      color: #666; }
  .view_jam_rate_game_page .game_downloads .upload:hover {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0 4px 4px 0; }

.view_jam_rate_game_page .jam_comment_list p, .view_jam_rate_game_page .jam_comment_list li, .view_jam_rate_game_page .criteria_rater p, .view_jam_rate_game_page .criteria_rater li, .view_jam_rate_game_page .visit_game p, .view_jam_rate_game_page .visit_game li, .view_jam_rate_game_page .field_responses p, .view_jam_rate_game_page .field_responses li {
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  word-wrap: break-word; }

.view_jam_rate_game_page .jam_comment_list p, .view_jam_rate_game_page .criteria_rater p, .view_jam_rate_game_page .visit_game p, .view_jam_rate_game_page .field_responses p {
  margin: 20px 0; }

.view_jam_rate_game_page .field_responses p {
  margin-top: 0; }
  .view_jam_rate_game_page .field_responses p:last-child {
    margin-bottom: 0; }

.view_jam_rate_game_page .field_responses .cc_flag img {
  vertical-align: middle; }

.view_jam_rate_game_page .field_responses .cc_flag .country {
  font-size: 16px;
  color: #666;
  margin-left: 10px;
  vertical-align: middle; }

.view_jam_rate_game_page .field_responses .badges .badge {
  border: 1px solid #dadada;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 15px 10px; }
  .view_jam_rate_game_page .field_responses .badges .badge img {
    display: block;
    margin: 10px auto 20px auto;
    max-width: 540px; }

.view_jam_rate_game_page .jam_comment_list .jam_comment {
  border: 1px solid #dadada;
  margin-bottom: 20px;
  border-radius: 2px; }
  .view_jam_rate_game_page .jam_comment_list .jam_comment .comment_head {
    background: #f7f7f7;
    border-bottom: 1px solid #dadada;
    font-size: 16px;
    padding: 10px; }
    .view_jam_rate_game_page .jam_comment_list .jam_comment .comment_head a {
      color: #666; }
    .view_jam_rate_game_page .jam_comment_list .jam_comment .comment_head .comment_date {
      color: #999; }
    .view_jam_rate_game_page .jam_comment_list .jam_comment .comment_head .comment_tools {
      float: right; }
  .view_jam_rate_game_page .jam_comment_list .jam_comment .comment_body p {
    margin: 10px; }

.view_jam_rate_game_page .rate_cell {
  border-bottom: 1px solid #dadada;
  padding: 20px; }
  .view_jam_rate_game_page .rate_cell p:last-child {
    margin-bottom: 0; }
  .view_jam_rate_game_page .rate_cell:last-child {
    border-bottom: 0; }

.view_jam_rate_game_page .criteria_rater .criteria_wrap {
  display: inline-block;
  text-align: right; }

.view_jam_rate_game_page .criteria_rater .crit_label {
  font-weight: bold;
  color: #666; }

.view_jam_rate_game_page .criteria_rater .buttons_row {
  margin-top: 20px; }

.view_jam_rate_game_page .data_column {
  width: 335px;
  float: left;
  padding-bottom: 20px; }
  .view_jam_rate_game_page .data_column .game_screenshots img {
    width: 147px; }

.view_jam_rate_game_page .jam_game_header {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px; }
  .view_jam_rate_game_page .jam_game_header .num_ratings {
    float: right;
    color: #666;
    font-size: 14px;
    padding: 10px 10px 0 0; }
  .view_jam_rate_game_page .jam_game_header .mini_title {
    font-size: 14px;
    font-style: italic;
    color: #999;
    margin-top: 20px;
    margin-bottom: 2px; }
  .view_jam_rate_game_page .jam_game_header h1 {
    margin: 0 0 15px 0;
    font-size: 24px; }
    .view_jam_rate_game_page .jam_game_header h1 .sub {
      color: #666;
      font-size: 14px;
      margin-left: 10px;
      font-weight: normal; }
  .view_jam_rate_game_page .jam_game_header .short_text, .view_jam_rate_game_page .jam_game_header .game_author {
    margin: 8px 0 0 0;
    font-size: 16px;
    color: #666; }
    .view_jam_rate_game_page .jam_game_header .short_text a, .view_jam_rate_game_page .jam_game_header .game_author a {
      color: #666; }
  .view_jam_rate_game_page .jam_game_header .game_author {
    color: #999; }
  .view_jam_rate_game_page .jam_game_header .submission_tools {
    margin: 20px 0 0 0; }
    .view_jam_rate_game_page .jam_game_header .submission_tools .button {
      margin-right: 10px; }

.view_jam_rate_game_page .star_picker {
  margin: 5px; }

@media (max-width: 900px) {
  .view_jam_rate_game_page .data_column {
    display: none; }
  .view_jam_rate_game_page .entry_columns.responsive_column {
    padding: 0; }
  .view_jam_rate_game_page .main_column {
    margin-left: 0;
    border: 0;
    margin-bottom: 0; }
    .view_jam_rate_game_page .main_column .rate_cell {
      padding-left: 40px;
      padding-right: 40px; } }
.view_jam_results_page h2 .sub {
  font-weight: normal;
  color: #666;
  margin-left: 10px; }

.view_jam_results_page .criteria_sort {
  padding: 0; }

.view_jam_results_page .ranking_footer {
  border-top: 1px solid #dadada;
  text-align: right;
  padding: 20px 0; }

.view_jam_results_page .jam_summary {
  border-bottom: 1px solid #dadada; }
  .view_jam_results_page .jam_summary p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5; }

.view_jam_results_page .game_rank {
  padding: 30px 0;
  *zoom: 1; }
  .view_jam_results_page .game_rank:before, .view_jam_results_page .game_rank:after {
    content: " ";
    display: table; }
  .view_jam_results_page .game_rank:after {
    clear: both; }
  .view_jam_results_page .game_rank.first_place .game_cover img {
    width: 315px; }
  .view_jam_results_page .game_rank.second_place .game_cover img {
    width: 300px; }
  .view_jam_results_page .game_rank.third_place .game_cover img {
    width: 275px; }
  .view_jam_results_page .game_rank .ordinal_rank {
    font-size: 18px;
    color: #222; }
  .view_jam_results_page .game_rank a {
    color: #222; }
  .view_jam_results_page .game_rank h2, .view_jam_results_page .game_rank h3, .view_jam_results_page .game_rank h4 {
    margin: 0px;
    margin-bottom: 10px; }
  .view_jam_results_page .game_rank h2 a {
    text-decoration: none;
    color: #DD4A4A; }
  .view_jam_results_page .game_rank h3, .view_jam_results_page .game_rank h4 {
    font-weight: normal;
    color: #666; }
    .view_jam_results_page .game_rank h3 a, .view_jam_results_page .game_rank h4 a {
      color: #444; }
  .view_jam_results_page .game_rank .thumb_wrapper {
    display: inline-block;
    position: relative; }
  .view_jam_results_page .game_rank .game_thumb_glow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 2px white, 0 0 0 4px #eeeeee; }
  .view_jam_results_page .game_rank .game_cover {
    display: block;
    float: left;
    width: 315px;
    text-align: right; }
    .view_jam_results_page .game_rank .game_cover img {
      display: block;
      width: 250px; }
  .view_jam_results_page .game_rank .game_data {
    margin-left: 340px; }
  .view_jam_results_page .game_rank .nice_table {
    width: 100%; }
    .view_jam_results_page .game_rank .nice_table td {
      width: 20%; }
    .view_jam_results_page .game_rank .nice_table .crit_name_col {
      width: 40%; }

@media (max-width: 900px) {
  .view_jam_results_page .game_rank .game_data {
    margin-left: 0; }
  .view_jam_results_page .game_rank .game_cover {
    display: none; } }
.view_jam_screenshots_page .grid_loader {
  background: #f5f5f5;
  color: #666;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d0d0d0;
  font-size: 16px; }
  .view_jam_screenshots_page .grid_loader .on_loading {
    display: none; }
  .view_jam_screenshots_page .grid_loader .loader {
    vertical-align: middle;
    margin-right: 10px; }

.view_jam_screenshots_page.loading .grid_loader .on_loading {
  display: block; }

.view_jam_screenshots_page.loading .grid_loader .next_page {
  display: none; }

.view_jam_screenshots_page .screenshot_grid_widget {
  padding-left: 20px; }

.view_jam_screenshots_page .game_screenshot_cell {
  display: inline-block;
  width: 315px;
  height: 250px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #dadada;
  position: relative; }
  .view_jam_screenshots_page .game_screenshot_cell.image_loading .game_screenshot {
    opacity: 0; }
    .ie .view_jam_screenshots_page .game_screenshot_cell.image_loading .game_screenshot {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .view_jam_screenshots_page .game_screenshot_cell .game_screenshot {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%; }
    .ie .view_jam_screenshots_page .game_screenshot_cell .game_screenshot {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .view_jam_screenshots_page .game_screenshot_cell .game_data {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .ie .view_jam_screenshots_page .game_screenshot_cell .game_data {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
      opacity: 1; }
      .ie .view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    body.disable_hover .view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
      opacity: 0; }
      .ie body.disable_hover .view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .view_jam_screenshots_page .game_screenshot_cell .game_data .text_content {
      position: absolute;
      bottom: 10px;
      right: 10px;
      font-size: 18px;
      max-width: 60%;
      text-align: right;
      color: white;
      text-decoration: none; }
    .view_jam_screenshots_page .game_screenshot_cell .game_data .game_title {
      font-size: 24px;
      line-height: 26px;
      max-height: 156px;
      overflow: hidden; }
    .view_jam_screenshots_page .game_screenshot_cell .game_data .game_author {
      color: rgba(255, 255, 255, 0.8); }
    .view_jam_screenshots_page .game_screenshot_cell .game_data .platform_data {
      color: white;
      margin: 10px; }
      .view_jam_screenshots_page .game_screenshot_cell .game_data .platform_data .icon {
        margin-right: 5px; }
.view_past_jams_page .grid_outer {
  padding: 20px 40px; }

.view_past_jams_page .pager {
  margin: 0 0 20px 0; }

.view_past_jams_page .jam_grid_widget {
  margin-bottom: 10px; }