@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 400;
 src: local('Lato Regular'), local('Lato-Regular'), url('fonts/lato-v14-latin-regular.woff2') format('woff2'), url('fonts/lato-v14-latin-regular.woff') format('woff');
}
@font-face {
 font-family: 'Lato';
 font-style: italic;
 font-weight: 400;
 src: local('Lato Italic'), local('Lato-Italic'), url('fonts/lato-v14-latin-italic.woff2') format('woff2'), url('fonts/lato-v14-latin-italic.woff') format('woff');
}
@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 700;
 src: local('Lato Bold'), local('Lato-Bold'), url('fonts/lato-v14-latin-700.woff2') format('woff2'), url('fonts/lato-v14-latin-700.woff') format('woff');
}
@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 900;
 src: local('Lato Black'), local('Lato-Black'), url('fonts/lato-v14-latin-900.woff2') format('woff2'), url('fonts/lato-v14-latin-900.woff') format('woff');
}
@font-face {
 font-family: 'LatoExtended';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'), local('Lato Regular'), local('Lato-Regular');
}
@font-face {
 font-family: 'LatoExtended';
 font-style: italic;
 font-weight: 400;
 src: url('fonts/Lato-Italic.woff2') format('woff2'), url('fonts/Lato-Italic.woff') format('woff'), local('Lato Italic'), local('Lato-Italic');
}
@font-face {
 font-family: 'LatoExtended';
 font-style: normal;
 font-weight: 700;
 src: url('fonts/Lato-Bold.woff2') format('woff2'), url('fonts/Lato-Bold.woff') format('woff'), local('Lato Bold'), local('Lato-Bold');
}
@font-face {
 font-family: 'LatoExtended';
 font-style: normal;
 font-weight: 900;
 src: url('fonts/Lato-Black.woff2') format('woff2'), url('fonts/Lato-Black.woff') format('woff'), local('Lato Black'), local('Lato-Black');
}
:root {
 --itchio_white_back: #fff;
 --itchio_gray_back: #f4f4f4;
 --itchio_bg_color: var(--itchio_white_back);
 --itchio_body_color: #222;
 --itchio_body_color_gray: #767676;
 --itchio_body_color_med: #434343;
 --itchio_body_color_light: #606060;
 --itchio_body_color_lighter: #858585;
 --itchio_border_color: #dadada;
 --itchio_edge_border_color: #cdcdcd;
 --itchio_input_border_color: #cdcdcd;
 --itchio_input_focus_color: #361275;
 --itchio_light_highlight: #fff0f0;
 --itchio_warning_bg: #fffdbd;
 --itchio_target_bg: #d7fcaf;
 --itchio_gutter_width: 40px;
}
body {
 color: var(--itchio_body_color);
 margin: 0;
 font-size: 13px;
 font-family: sans-serif;
}
a {
 color: #da2c49;
 color: var(--itchio_link_color, #da2c49);
}
a img {
 border: 0;
}
h2 {
 margin: 15px 0;
}
.screenreader_only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border-width: 0;
}
.skip_to_main {
 position: absolute;
 top: -40px;
 left: 0;
 background-color: #000;
 color: #fff;
 background-color: #ff2449;
 background-color: var(--itchio_button_color, #ff2449);
 color: white;
 color: var(--itchio_button_fg_color, white);
 padding: 8px;
 z-index: 1000;
 font-size: 16px;
}
.skip_to_main:focus {
 top: 5px;
 left: 5px;
}
.return_link:before {
 content: '←';
 display: inline-block;
 margin-right: 5px;
 text-decoration: none;
}
html[dir='rtl'] .return_link:before {
 content: '→';
 margin-right: 0;
 margin-left: 5px;
}
.forward_link:after {
 content: '→';
 display: inline-block;
 margin-left: 5px;
 text-decoration: none;
}
html[dir='rtl'] .forward_link:after {
 content: '←';
 margin-left: 0px;
 margin-right: 5px;
}
.loader {
 display: inline-block;
 background-image: url('images/loader.gif');
 vertical-align: middle;
 width: 16px;
 height: 16px;
}
.loader.dark {
 background-image: url('images/loader-dark.gif');
}
.loader.huge {
 width: 66px;
 height: 66px;
 background-image: url('images/loader-huge.gif');
}
.loader.checkout {
 width: 43px;
 height: 11px;
 background-image: url('images/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;
 display: inline-block;
 background: #ff2449;
 color: white;
 text-decoration: none;
 padding: 0 10px;
 font-size: 14px;
 text-shadow: 0 1px 0 #c3223e;
 background: var(--itchio_button_color, #ff2449);
 color: var(--itchio_button_fg_color, white);
 text-shadow: 0 1px 0 var(--itchio_button_shadow_color, #c3223e);
 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: #ff2e51;
 background: var(--itchio_button_color, #ff2e51);
}
.button:active {
 background-color: #e1193b;
 background-color: var(--itchio_button_color, #e1193b);
 position: relative;
 top: 1px;
}
.button.fat {
 font-size: 18px;
 letter-spacing: 0.025em;
 line-height: 38px;
 font-weight: 900;
 height: 40px;
 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 {
 opacity: 0.8;
 filter: grayscale(80%);
}
.button:focus {
 outline-color: #361275;
}
.dark_theme .button:focus {
 outline-color: white;
}
.button.outline {
 background: transparent;
 border: 1px solid rgba(255, 36, 73, 0.4);
 border: 1px solid var(--itchio_button_color, rgba(255, 36, 73, 0.4));
 color: #ff2449;
 color: var(--itchio_link_color, #ff2449);
 text-shadow: none;
}
.button.outline:hover {
 border: 1px solid rgba(255, 36, 73, 0.6);
 border: 1px solid var(--itchio_button_color, rgba(255, 36, 73, 0.6));
}
.button.disabled {
 opacity: 0.5;
 filter: grayscale(100%);
}
.button.disabled:focus {
 outline: 0;
}
.button.disabled:active {
 position: static;
}
a.learn_more,
.learn_more a {
 color: var(--itchio_body_color_light);
}
html:not([dir='rtl']) a.learn_more > .svgicon,
html:not([dir='rtl']) .learn_more a > .svgicon {
 margin-right: 5px;
}
html[dir='rtl'] a.learn_more > .svgicon,
html[dir='rtl'] .learn_more a > .svgicon {
 margin-left: 5px;
}
.global_flash {
 position: fixed;
 z-index: 101;
 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 {
 transition: all 0.25s ease-in-out;
}
.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: 2em;
}
.formatted hr {
 border: 0;
 height: 1px;
 background: var(--itchio_border_color);
}
.formatted img {
 max-width: 100%;
}
.formatted img[width][height] {
 height: auto;
}
.warning_box {
 background: var(--itchio_warning_bg, #fffdbd);
 color: #323100;
 padding: 20px;
 margin-bottom: 20px;
 font-size: 16px;
}
.dark_theme .warning_box {
 color: #eee;
}
.warning_box h2,
.warning_box h3,
.warning_box h4 {
 color: #3a3a27;
}
.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: #ff2449;
 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-direction: alternate;
}
.text-center {
 text-align: center;
}
.text-right {
 text-align: right;
}
.text-justify {
 text-align: justify;
}
.user_formatted {
 word-wrap: break-word;
}
.user_formatted img,
.user_formatted iframe {
 max-width: 100%;
 border: 0;
}
.user_formatted pre {
 white-space: pre-wrap;
}
.user_formatted table {
 border: 1px solid;
 border-color: var(--itchio_border_color);
}
.user_formatted table td,
.user_formatted table th {
 padding: 5px;
}
.user_formatted figure {
 margin: 1em 0;
}
.user_formatted figure > img {
 margin-left: auto;
 margin-right: auto;
}
.user_formatted figure figcaption {
 margin-top: 0.5em;
 font-size: 80%;
 opacity: 0.8;
 font-style: italic;
}
.user_formatted .embed_preload {
 border: 0;
 position: relative;
 background-color: rgba(0, 0, 0, 0.5);
 cursor: pointer;
 max-width: 100%;
 box-sizing: border-box;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5), inset 0 0 0 1px black;
 display: inline-flex;
 vertical-align: top;
}
.user_formatted .embed_preload:before {
 content: 'Click to activate embed';
 color: white;
 padding-top: 10px;
 font-weight: bold;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.6) none 50% 50% no-repeat;
 transition: background-size 0.2s ease;
}
.user_formatted .embed_preload.other_embed .embed_url {
 border-radius: 2px;
 position: relative;
 padding: 3px;
 box-sizing: border-box;
 z-index: 1;
 background: rgba(0, 0, 0, 0.5);
 color: white;
 margin-top: auto;
 margin-left: auto;
 margin-right: auto;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width: 100%;
}
.user_formatted .embed_preload.other_embed:before {
 background-image: url(images/play_icon.svg);
 background-size: 60px;
}
.user_formatted .embed_preload.youtube_preload:before {
 content: 'Click to activate YouTube video';
 background-image: url(images/youtube_icon.svg);
 background-size: 60px;
}
.user_formatted .embed_preload.youtube_preload:hover:before {
 background-size: 70px;
}
.user_formatted .embed_preload.twitch_preload {
 content: 'Click to activate Twitch video';
}
.user_formatted .embed_preload.twitch_preload:before {
 background-image: url(images/twitch_logo.svg);
 background-size: 80px;
}
.user_formatted .embed_preload.twitch_preload:hover:before {
 background-size: 90px;
}
@keyframes popin {
 0% {
  opacity: 0;
  transform: scale(0.8);
 }
 75% {
  transform: scale(1.1);
 }
 100% {
  opacity: 1;
  transform: scale(1);
 }
}
@keyframes bouncein {
 0% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.3);
 }
 90% {
  transform: scale(0.9);
 }
 100% {
  transform: scale(1);
 }
}
@keyframes loader-left {
 from {
  left: 0;
 }
 to {
  left: 90%;
 }
}
@keyframes loader-right {
 from {
  right: 90%;
 }
 to {
  right: 0;
 }
}
.perf_panel {
 opacity: 0.5;
 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;
 z-index: 2;
}
@media (max-width: 960px) {
 .perf_panel {
  display: none;
 }
}
.perf_panel:hover {
 opacity: 1;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.perf_panel .stat_row {
 display: inline-block;
}
.perf_query_log_widget details[open] summary {
 opacity: 0.3;
}
@keyframes pulse_opacity {
 0% {
  opacity: 0.4;
 }
 50% {
  opacity: 0.6;
 }
 100% {
  opacity: 0.4;
 }
}
@keyframes spin {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(360deg);
 }
}
@keyframes bounce {
 0%,
 20%,
 53%,
 80%,
 100% {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 0, 0) rotate(0deg);
 }
 40%,
 43% {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translate3d(0, -20px, 0) rotate(10deg);
 }
 70% {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translate3d(0, -10px, 0) rotate(-10deg);
 }
 90% {
  transform: translate3d(0, -3px, 0) rotate(0deg);
 }
}
@keyframes drop_down {
 0% {
  opacity: 1;
  transform: translate3d(0, 0, 0);
 }
 100% {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
 }
}
@keyframes popout {
 0% {
  opacity: 1;
  transform: scale(1, 1);
 }
 100% {
  opacity: 0;
  transform: scale(1.1, 1.1);
 }
}
.animate_bounce {
 animation: bounce 0.5s ease;
}
.animate_popout {
 animation-fill-mode: forwards;
 animation: popout 0.25s ease-out forwards;
}
.animate_drop_down {
 animation: drop_down 0.25s ease forwards;
}
.animate_heartbeat {
 animation: heartbeat 0.3s ease;
}
@keyframes heartbeat {
 0% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.1);
 }
 100% {
  transform: scale(1);
 }
}
@keyframes intro {
 0% {
  opacity: 0;
  transform: translate(0, 20px);
 }
 100% {
  opacity: 1;
  transform: translate(0, 0);
 }
}
@keyframes lightbox_intro {
 0% {
  opacity: 0;
  transform: translate(-50%, 20px);
 }
 100% {
  opacity: 1;
  transform: translate(-50%, 0);
 }
}
@keyframes scroll_background {
 from {
  background-position: 0 0;
 }
 to {
  background-position: -30px 0;
 }
}
#lightbox_shroud {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: #40434e;
 opacity: 0.8;
 -webkit-transition: opacity 0.12s ease-out;
 z-index: 1000;
}
#lightbox_shroud.invisible {
 opacity: 0;
}
#lightbox_container {
 z-index: 1001;
 *zoom: 1;
}
#lightbox_container:before,
#lightbox_container:after {
 content: ' ';
 display: table;
}
#lightbox_container:after {
 clear: both;
}
#lightbox_container .lightbox {
 position: absolute;
 left: 50%;
 margin-top: 80px;
 transform: translate(-50%, 0);
}
@media (max-width: 600px) {
 #lightbox_container .lightbox {
  margin: 5px;
  left: 0;
  transform: none;
  box-shadow: none;
  width: auto !important;
  max-width: none !important;
 }
}
dialog {
 color: var(--itchio_body_color);
 background-color: var(--itchio_white_back);
 box-shadow: 0 0 0 2px #dadada, 0 0 0 4px white, 0 0 20px rgba(0, 0, 0, 0.2);
 border-radius: 2px;
 border: 0;
}
.dark_theme dialog {
 box-shadow: 0 0 0 2px #444, 0 0 20px 2px black;
}
dialog::backdrop {
 background: rgba(64, 67, 78, 0.8);
}
.lightbox {
 margin-bottom: 60px;
 color: var(--itchio_body_color);
 z-index: 1001;
 background-color: var(--itchio_white_back);
 box-shadow: 0 0 0 2px #dadada, 0 0 0 4px white;
 border-radius: 2px;
 display: flow-root;
 --itchio_lightbox_gutter: 40px;
}
.dark_theme .lightbox {
 box-shadow: 0 0 0 2px #444, 0 0 20px 2px black;
}
.lightbox.compact {
 --itchio_lightbox_gutter: 20px;
}
.lightbox.compact h2 {
 margin: 20px;
 border: 0;
 padding: 0;
}
.lightbox.compact p {
 margin: 20px;
}
.lightbox.compact .close_button {
 margin-top: 15px;
}
.lightbox .content .spinner_container {
 text-align: center;
 margin: 15px auto 15px auto;
}
.lightbox .close_button {
 float: right;
 margin-top: 22px;
 margin-right: 20px;
 color: var(--itchio_body_color_med);
 opacity: 0.7;
 cursor: pointer;
 border: 0;
 background: transparent;
}
.lightbox .close_button:hover {
 opacity: 1;
}
.lightbox.animated {
 animation: lightbox_intro 0.2s ease-in-out;
}
@media (max-width: 600px) {
 .lightbox.animated {
  animation: intro 0.2s ease-in-out;
 }
}
.lightbox h2 {
 border-bottom: 1px solid;
 border-color: var(--itchio_border_color);
 margin: 0 0 20px 0;
 padding: 25px 40px;
 padding: 25px var(--itchio_lightbox_gutter, 40px);
 font-weight: 900;
 color: var(--itchio_body_color_med);
}
.lightbox h2 .game_title {
 color: var(--itchio_body_color);
}
.lightbox p {
 line-height: 1.5;
 font-size: 16px;
 margin: 20px 40px;
 margin: 20px var(--itchio_lightbox_gutter, 40px);
}
.lightbox .button_row {
 margin-top: 10px;
}
.lightbox .button_row a {
 color: var(--itchio_body_color_light);
}
@media (max-width: 600px) {
 .lightbox {
  --itchio_lightbox_gutter: 20px;
 }
 .lightbox .close_button {
  float: right;
  margin-top: 12px;
  margin-right: 10px;
 }
}
.loading_lightbox .loader_outer {
 margin: 20px;
 font-size: 16px;
 color: var(--itchio_body_color_light);
}
.loading_lightbox .loader_label {
 padding: 0 20px 5px 20px;
}
@media (max-width: 600px) {
 .loading_lightbox .loader_outer {
  max-width: 100px;
  margin: 0 auto 0 auto;
  padding: 20px;
 }
}
.error_lightbox_widget {
 width: 100%;
 max-width: 450px;
}
.error_lightbox_widget .form_errors {
 margin: 0 var(--itchio_lightbox_gutter, 40px);
}
.error_lightbox_widget .form_errors ul {
 margin-top: 0;
}
.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;
}
:focus {
 outline-color: var(--itchio_input_focus_color);
}
.form {
 --itchio_form_input_row_gap: 20px;
}
.form .input_row {
 margin-bottom: var(--itchio_form_input_row_gap);
 font-size: 14px;
}
.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: var(--itchio_body_color_med);
}
.form .input_row ul.radio_list input,
.form .input_row ul.check_list input {
 vertical-align: middle;
 margin: 0 5px 0 0;
}
html[dir='rtl'] .form .input_row ul.radio_list input,
html[dir='rtl'] .form .input_row ul.check_list input {
 margin-right: 0;
 margin-left: 5px;
}
.form .input_row .input_error {
 margin: 5px 0 0 0;
 font-size: 14px;
 color: #d14343;
}
.form .label {
 color: var(--itchio_body_color_med);
 font-weight: 900;
}
.form .label .sub,
.form label .sub {
 font-weight: normal;
 color: var(--itchio_body_color_light);
}
.form .label .sub a,
.form label .sub a {
 color: var(--itchio_body_color_med);
}
.form input[type='text'],
.form input[type='number'],
.form input[type='password'],
.form input[type='email'],
.form input[type='datetime-local'],
.form input[type='date'],
.form input[type='url'],
.form textarea,
.form .fake_input {
 padding: 8px;
 border: 2px solid;
 box-sizing: border-box;
 border-color: var(--itchio_input_border_color);
 color: var(--itchio_body_color);
 background-color: var(--itchio_white_back);
 border-radius: 2px;
 font-family: inherit;
 width: 100%;
 max-width: 550px;
 max-width: var(--itchio_form_input_width, 550px);
 margin: 6px 0;
}
.form input[type='text']:focus,
.form input[type='number']:focus,
.form input[type='password']:focus,
.form input[type='email']:focus,
.form input[type='datetime-local']:focus,
.form input[type='date']:focus,
.form input[type='url']:focus,
.form textarea:focus,
.form .fake_input:focus {
 border-color: #aaa;
}
.dark_theme .form input[type='text']:focus,
.dark_theme .form input[type='number']:focus,
.dark_theme .form input[type='password']:focus,
.dark_theme .form input[type='email']:focus,
.dark_theme .form input[type='datetime-local']:focus,
.dark_theme .form input[type='date']:focus,
.dark_theme .form input[type='url']:focus,
.dark_theme .form textarea:focus,
.dark_theme .form .fake_input:focus {
 border-color: rgba(255, 255, 255, 0.2);
}
.form input[type='text']:disabled,
.form input[type='number']:disabled,
.form input[type='password']:disabled,
.form input[type='email']:disabled,
.form input[type='datetime-local']:disabled,
.form input[type='date']:disabled,
.form input[type='url']:disabled,
.form textarea:disabled,
.form .fake_input:disabled {
 background-color: var(--itchio_gray_back);
 opacity: 0.5;
}
.form input[type='text'].has_error,
.form input[type='number'].has_error,
.form input[type='password'].has_error,
.form input[type='email'].has_error,
.form input[type='datetime-local'].has_error,
.form input[type='date'].has_error,
.form input[type='url'].has_error,
.form textarea.has_error,
.form .fake_input.has_error {
 border-color: #d14343;
}
.form input[type='text'].big_input,
.form input[type='number'].big_input,
.form input[type='password'].big_input,
.form input[type='email'].big_input,
.form input[type='datetime-local'].big_input,
.form input[type='date'].big_input,
.form input[type='url'].big_input,
.form textarea.big_input,
.form .fake_input.big_input {
 font-size: 24px;
}
.form input[type='text'].medium_input,
.form input[type='number'].medium_input,
.form input[type='password'].medium_input,
.form input[type='email'].medium_input,
.form input[type='datetime-local'].medium_input,
.form input[type='date'].medium_input,
.form input[type='url'].medium_input,
.form textarea.medium_input,
.form .fake_input.medium_input {
 font-size: 16px;
}
.form input[type='text'].inline_input,
.form input[type='number'].inline_input,
.form input[type='password'].inline_input,
.form input[type='email'].inline_input,
.form input[type='datetime-local'].inline_input,
.form input[type='date'].inline_input,
.form input[type='url'].inline_input,
.form textarea.inline_input,
.form .fake_input.inline_input {
 width: auto;
}
.form .selectize-input {
 width: 100%;
 max-width: 550px;
 max-width: var(--itchio_form_input_width, 550px);
 box-sizing: border-box;
 border: 2px solid;
 border-color: var(--itchio_input_border_color);
 color: var(--itchio_body_color);
 background-color: var(--itchio_white_back);
 border-radius: 2px;
 padding: 8px;
}
.form .selectize-input,
.form .selectize-input.focus {
 box-shadow: none;
}
.form .selectize-input:focus {
 outline: none;
 border-color: #aaa;
}
.form .selectize-control {
 margin: 6px 0;
}
.form .selectize-control.single .selectize-input {
 border-color: var(--itchio_input_border_color);
 color: var(--itchio_body_color);
 background-color: var(--itchio_white_back);
 background-image: none;
}
.form .selectize-control.single .selectize-input,
.form .selectize-control.single .selectize-input.focus {
 box-shadow: none;
}
.form .selectize-control.single .selectize-input.input-active {
 color: var(--itchio_body_color);
 background-color: var(--itchio_white_back);
 border-color: var(--itchio_input_focus_color);
}
.form .selectize-control .selectize-dropdown {
 border-radius: 3px;
 box-shadow: 0 0 0 1px var(--itchio_edge_border_color), 0 2px 4px rgba(0, 0, 0, 0.2);
 border: 0;
 overflow: hidden;
 background-color: var(--itchio_white_back);
 color: var(--itchio_body_color_med);
}
.form .selectize-control .selectize-dropdown .active {
 background-color: var(--itchio_light_highlight);
 color: #da2c49;
 color: var(--itchio_link_color, #da2c49);
}
.form .selectize-input .sub,
.form .selectize-dropdown .sub {
 color: var(--itchio_body_color_light);
}
.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: var(--itchio_form_input_row_gap, 20px);
 display: flex;
 gap: 10px;
 align-items: center;
 color: var(--itchio_body_color_lighter);
}
.form .buttons a:not(.button),
.form .buttons button.textlike {
 color: var(--itchio_body_color_med);
}
html:not([dir='rtl']) .form .buttons .right_buttons {
 margin-left: auto;
}
html[dir='rtl'] .form .buttons .right_buttons {
 margin-right: auto;
}
input,
button {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
}
button.textlike {
 border: 0;
 background: transparent;
 padding: 0;
 margin: 0;
 text-decoration: underline;
 color: #da2c49;
 color: var(--itchio_link_color, #da2c49);
 cursor: pointer;
 font-size: inherit;
 font-family: inherit;
}
.form_errors {
 color: #d14343;
 font-size: 16px;
}
fieldset {
 border: 1px solid;
 border-color: var(--itchio_border_color);
 margin-bottom: var(--itchio_form_input_row_gap, 20px);
}
fieldset legend {
 font-weight: bold;
 color: var(--itchio_body_color_med);
}
fieldset .input_row {
 margin: 10px;
}
body .ui-widget,
body .ui-widget button {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
}
.forms_image_uploader_widget .upload_progress {
 margin-bottom: 10px;
}
.forms_image_uploader_widget .preview_image > img.image_loading {
 min-width: 100px;
 min-height: 56.25px;
 background: url(images/loading.svg) 50% 50% no-repeat;
 object-fit: none;
 background-size: 40px;
}
.forms_image_uploader_widget .existing_upload_tools {
 display: flex;
 align-items: center;
 gap: 10px;
}
.forms_form_errors_widget {
 margin: 1em 0;
}
.forms_form_errors_widget > *:first-child {
 margin-top: 0;
}
.forms_form_errors_widget > *:last-child {
 margin-bottom: 0;
}
.form.buy_form_widget.has_error .error_message {
 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.show_purchase_complete .default_view {
 display: none;
}
.form.buy_form_widget.show_purchase_complete .purchase_complete_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;
 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 .purchase_complete_view {
 display: none;
}
.form.buy_form_widget .gifter {
 font-size: 16px;
 margin: 25px 0 10px 0;
 border: 1px solid;
 border-color: var(--itchio_border_color);
 padding: 8px 15px;
 border-radius: 2px;
 display: block;
}
.form.buy_form_widget .gifter:hover {
 background-color: var(--itchio_gray_back);
}
.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 .age_verification .date_inputs {
 display: flex;
 align-items: center;
 gap: 5px;
}
.form.buy_form_widget .fixed_price {
 font-size: 24px;
 margin-bottom: 10px;
}
.form.buy_form_widget .download_links a {
 color: var(--itchio_body_color_light);
}
.form.buy_form_widget button {
 margin: 0;
}
.form.buy_form_widget p {
 margin: 10px 0;
}
.form.buy_form_widget .warning {
 font-weight: bold;
}
.form.buy_form_widget .warning.big {
 font-size: 140%;
 color: red;
 background-color: var(--itchio_gray_back);
 padding: 5px;
}
.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;
}
@media (max-width: 600px) {
 .lightbox .form.buy_form_widget .add_buttons {
  text-align: center;
  margin-bottom: 10px;
 }
}
.form.buy_form_widget .next_tier_btn {
 margin-left: 5px;
 font-size: 14px;
}
.form.buy_form_widget .add_buttons .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;
}
@media (max-width: 600px) {
 .lightbox .form.buy_form_widget .add_buttons .add_btn {
  width: 120px;
  margin-bottom: 10px;
 }
}
.form.buy_form_widget .add_buttons .add_btn:active {
 box-shadow: 0 1px #1c9571;
 position: relative;
 top: 2px;
}
.form.buy_form_widget .add_buttons .add_btn .icon {
 vertical-align: middle;
 margin-right: 6px;
 font-size: 11px;
}
.form.buy_form_widget .add_buttons .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;
 display: inline-block;
 background: #ff2449;
 color: white;
 text-decoration: none;
 padding: 0 10px;
 font-size: 14px;
 text-shadow: 0 1px 0 #c3223e;
 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: #ff2e51;
}
.form.buy_form_widget .checkout_btn:active {
 background-color: #e1193b;
 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;
}
@media (max-width: 600px) {
 .lightbox .form.buy_form_widget .checkout_btn {
  display: block;
  width: 100%;
 }
}
.form.buy_form_widget .money_input {
 margin: 0;
 width: 330px;
 font-size: 24px;
}
.form.buy_form_widget .money_split {
 display: flex;
 margin: 20px 0;
}
.form.buy_form_widget .money_split .add_btn {
 margin-left: 10px;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 border-radius: 2px;
 font-size: 14px;
 font-weight: bold;
 background: #f4f4f4;
 background-color: #f1f1f1;
 background-image: linear-gradient(bottom, #efefef 0%, #f4f4f4 100%);
 background-image: -webkit-linear-gradient(bottom, #efefef 0%, #f4f4f4 100%);
 background-image: -moz-linear-gradient(bottom, #efefef 0%, #f4f4f4 100%);
 background-image: -o-linear-gradient(bottom, #efefef 0%, #f4f4f4 100%);
 background-image: -ms-linear-gradient(bottom, #efefef 0%, #f4f4f4 100%);
 color: var(--itchio_body_color);
 cursor: pointer;
 padding: 0 8px;
 border: 2px solid #c1c1c1;
}
.dark_theme .form.buy_form_widget .money_split .add_btn {
 background: #1b1b1b;
 background-color: #1e1e1e;
 background-image: linear-gradient(bottom, #202020 0%, #1b1b1b 100%);
 background-image: -webkit-linear-gradient(bottom, #202020 0%, #1b1b1b 100%);
 background-image: -moz-linear-gradient(bottom, #202020 0%, #1b1b1b 100%);
 background-image: -o-linear-gradient(bottom, #202020 0%, #1b1b1b 100%);
 background-image: -ms-linear-gradient(bottom, #202020 0%, #1b1b1b 100%);
 border-color: rgba(255, 255, 255, 0.1);
}
.form.buy_form_widget .money_split .add_btn:hover {
 background-color: #ececec;
 background-image: linear-gradient(bottom, #eaeaea 0%, #efefef 100%);
 background-image: -webkit-linear-gradient(bottom, #eaeaea 0%, #efefef 100%);
 background-image: -moz-linear-gradient(bottom, #eaeaea 0%, #efefef 100%);
 background-image: -o-linear-gradient(bottom, #eaeaea 0%, #efefef 100%);
 background-image: -ms-linear-gradient(bottom, #eaeaea 0%, #efefef 100%);
 border-color: #b6b6b6;
}
.dark_theme .form.buy_form_widget .money_split .add_btn:hover {
 background-color: #232323;
 background-image: linear-gradient(bottom, #252525 0%, #202020 100%);
 background-image: -webkit-linear-gradient(bottom, #252525 0%, #202020 100%);
 background-image: -moz-linear-gradient(bottom, #252525 0%, #202020 100%);
 background-image: -o-linear-gradient(bottom, #252525 0%, #202020 100%);
 background-image: -ms-linear-gradient(bottom, #252525 0%, #202020 100%);
 border-color: rgba(255, 255, 255, 0.1);
}
.form.buy_form_widget .money_split .add_btn:active {
 background-color: #e5e5e5;
 background-image: linear-gradient(bottom, #e2e2e2 0%, #e7e7e7 100%);
 background-image: -webkit-linear-gradient(bottom, #e2e2e2 0%, #e7e7e7 100%);
 background-image: -moz-linear-gradient(bottom, #e2e2e2 0%, #e7e7e7 100%);
 background-image: -o-linear-gradient(bottom, #e2e2e2 0%, #e7e7e7 100%);
 background-image: -ms-linear-gradient(bottom, #e2e2e2 0%, #e7e7e7 100%);
 border-color: #acacac;
}
.dark_theme .form.buy_form_widget .money_split .add_btn:active {
 background-color: #2a2a2a;
 background-image: linear-gradient(bottom, #2d2d2d 0%, #282828 100%);
 background-image: -webkit-linear-gradient(bottom, #2d2d2d 0%, #282828 100%);
 background-image: -moz-linear-gradient(bottom, #2d2d2d 0%, #282828 100%);
 background-image: -o-linear-gradient(bottom, #2d2d2d 0%, #282828 100%);
 background-image: -ms-linear-gradient(bottom, #2d2d2d 0%, #282828 100%);
 border-color: rgba(255, 255, 255, 0.1);
}
.form.buy_form_widget .money_split .input_row {
 flex: 1;
 margin: 0;
}
.form.buy_form_widget .money_split .input_row > input {
 width: 100%;
 max-width: none;
 box-sizing: border-box;
}
.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 .reward_input_group {
 margin: 20px 0;
 border-bottom: 1px dashed;
 border-top: 1px dashed;
 border-color: var(--itchio_border_color);
}
.form.buy_form_widget .reward_input_group p {
 text-align: center;
 font-style: italic;
 color: var(--itchio_body_color_med);
 font-size: 14px;
}
.form.buy_form_widget .reward_input_group .reward_input {
 margin: 20px 0;
 padding: 10px;
 border: 2px solid;
 border-color: var(--itchio_border_color);
 border-radius: 2px;
}
.form.buy_form_widget .reward_input_group .reward_input .reward_name {
 font-size: 18px;
 color: var(--itchio_body_color_med);
 border-bottom: 1px solid;
 border-color: var(--itchio_border_color);
 padding-bottom: 0.4em;
}
.form.buy_form_widget .file_list {
 margin: 20px 0;
 border-bottom: 1px dashed;
 border-top: 1px dashed;
 border-color: var(--itchio_border_color);
}
.form.buy_form_widget .file_list .icon-download {
 margin-right: 2px;
 color: var(--itchio_body_color_med);
}
.form.buy_form_widget .file_list p {
 text-align: center;
 font-style: italic;
 color: var(--itchio_body_color_med);
 font-size: 14px;
}
.form.buy_form_widget .file_list .file_row {
 margin: 10px 0;
}
.form.buy_form_widget .file_list .file_row.inactive {
 color: #858585;
 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: #606060;
}
.form.buy_form_widget .sale_banner {
 background: #fff0b6;
 color: #47453c;
 margin-bottom: 20px;
 border: 1px solid #f9e289;
 padding: 10px;
 line-height: 1.4;
}
.form.buy_form_widget .sale_banner .end_date {
 font-style: italic;
}
.form.buy_form_widget .sale_banner .sale_description p {
 font-size: inherit;
}
.form.buy_form_widget .sale_banner .sale_description p:last-child {
 margin-bottom: 0;
}
.form.buy_form_widget .original_price {
 text-decoration: line-through;
 color: var(--itchio_body_color_light);
}
.form.buy_form_widget .file_row .original_price {
 color: #c2c2c2;
}
.form.buy_form_widget .already_bought,
.form.buy_form_widget .terms {
 margin-top: 5px;
}
.form.buy_form_widget .already_bought a,
.form.buy_form_widget .terms 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: var(--itchio_body_color_lighter);
 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: #858585;
 margin-left: 10px;
}
.form.buy_form_widget .submit_buttons a:first-child {
 margin-left: 0;
}
.form.buy_form_widget .email_capture {
 margin: 20px 0;
}
.form.buy_form_widget .email_capture .email_input {
 width: 100%;
 box-sizing: border-box;
 color: var(--itchio_body_color);
 margin: 0;
}
.form.buy_form_widget .email_capture .label {
 margin-bottom: 4px;
}
.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;
 border-color: var(--itchio_border_color);
 background: #f9f9f9;
 border-radius: 3px;
 padding: 10px 18px;
 margin-bottom: 20px;
 overflow: auto;
 max-height: 220px;
}
.dark_theme .form.bundle_buy_form_widget .receive_row,
.dark_theme .form.sale_bundle_buy_form_widget .receive_row {
 background: rgba(19, 19, 19, 0.865);
}
.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 .key_warning,
.form.sale_bundle_buy_form_widget .key_warning {
 color: #fff;
 background: #222;
 padding: 5px 10px;
}
.dark_theme .form.bundle_buy_form_widget .key_warning,
.dark_theme .form.sale_bundle_buy_form_widget .key_warning {
 color: #111;
 background: #eee;
}
.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: var(--itchio_body_color_lighter);
 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: var(--itchio_body_color_gray);
}
.form.bundle_buy_form_widget .game_list .game_row.inactive:hover,
.form.sale_bundle_buy_form_widget .game_list .game_row.inactive:hover {
 color: var(--itchio_body_color_light);
}
.form.bundle_buy_form_widget .regular_price,
.form.sale_bundle_buy_form_widget .regular_price {
 color: var(--itchio_body_color_light);
 font-size: 14px;
}
.form.bundle_buy_form_widget .game_row,
.form.sale_bundle_buy_form_widget .game_row {
 line-height: 1.6;
}
.form.bundle_buy_form_widget .game_row > *,
.form.sale_bundle_buy_form_widget .game_row > * {
 margin-right: 5px;
}
.form.bundle_buy_form_widget .game_row > *:last-child,
.form.sale_bundle_buy_form_widget .game_row > *:last-child {
 margin-right: 0;
}
.form.bundle_buy_form_widget .total_row,
.form.sale_bundle_buy_form_widget .total_row {
 color: var(--itchio_body_color_med);
 border-top: 1px solid;
 border-color: var(--itchio_border_color);
 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: var(--itchio_body_color_lighter);
}
.form.bundle_buy_form_widget .total_row strong,
.form.sale_bundle_buy_form_widget .total_row strong {
 color: var(--itchio_body_color);
}
.form.bundle_buy_form_widget .platforms,
.form.sale_bundle_buy_form_widget .platforms {
 color: var(--itchio_body_color_light);
 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;
 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;
}
@media (max-width: 600px) {
 .buy_lightbox .form {
  margin-left: 20px;
  margin-right: 20px;
 }
 .buy_lightbox .receive_row {
  padding-left: 10px;
  padding-right: 10px;
 }
}
.star_value {
 display: inline-block;
 position: relative;
}
.star_value .star_holes {
 color: var(--itchio_body_color_lighter);
}
.star_value .star_fill {
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 white-space: nowrap;
 overflow: hidden;
}
.star_picker {
 display: inline-block;
 font-size: 18px;
 padding: 4px 4px 4px 0;
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
}
.star_picker.interactive {
 color: var(--itchio_body_color_lighter);
 border: 1px solid;
 border-color: var(--itchio_border_color);
 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,
.star_picker.interactive.has_value .icon-star {
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
}
.star_picker > button {
 background: transparent;
 cursor: pointer;
 font-family: inherit;
 color: inherit;
 font-size: inherit;
 padding: 0;
 border: 0;
}
.star_picker > button .icon {
 display: block;
}
.star_picker > button,
.star_picker > .star {
 margin-right: 4px;
}
.star_picker > button:left-child,
.star_picker > .star:left-child {
 margin-right: 0;
}
.star_picker .star {
 transition: color 0.1s ease;
 padding: 0;
 cursor: pointer;
}
.collection_lightbox_widget {
 width: 600px;
 --itchio_form_input_width: 400px;
}
.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 .selectize-input {
 width: 100%;
}
.collection_lightbox_widget h2 .single_line {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
@media (max-width: 600px) {
 .collection_lightbox_widget h2 .single_line {
  white-space: normal;
 }
}
.collection_lightbox_widget h2 .object_title:before {
 content: '“';
 font-weight: normal;
 color: #858585;
}
.collection_lightbox_widget h2 .object_title:after {
 content: '”';
 font-weight: normal;
 color: #858585;
}
.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 var(--itchio_lightbox_gutter, 40px);
 font-size: 16px;
 line-height: 1.5;
 padding: 0;
 list-style: none;
}
.collection_lightbox_widget .already_in .sub {
 color: var(--itchio_body_color_light);
 margin-left: 5px;
}
.collection_lightbox_widget .follow_area {
 text-align: center;
}
.collection_lightbox_widget .add_game_to_collection_form_widget .input_row {
 margin: 20px var(--itchio_lightbox_gutter, 40px);
}
.collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option {
 position: relative;
 margin: 0;
 padding: 20px var(--itchio_lightbox_gutter, 40px) 20px 70px;
 border-bottom: 1px solid;
 border-color: var(--itchio_border_color);
}
@media (max-width: 600px) {
 .collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option {
  padding-left: 50px;
 }
}
.collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option:first-child {
 border-top: 1px solid;
 border-color: var(--itchio_border_color);
}
.collection_lightbox_widget .add_game_to_collection_form_widget .radio {
 position: absolute;
 top: 23px;
 left: 40px;
 margin: 0;
}
@media (max-width: 600px) {
 .collection_lightbox_widget .add_game_to_collection_form_widget .radio {
  left: 20px;
 }
}
.collection_lightbox_widget .add_game_to_collection_form_widget .buttons {
 padding: 20px var(--itchio_lightbox_gutter, 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 .input_label_row {
 margin-bottom: 15px;
}
.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 {
 margin-top: 0;
}
.user_tools {
 position: fixed;
 list-style: none;
 padding: 0;
 margin: 10px 10px 0 0;
 top: 0;
 right: 0;
 z-index: 2;
 margin-top: 10px;
 margin-right: 10px;
 text-align: right;
}
.user_tools li {
 margin-bottom: 10px;
}
.user_tools li:last-child {
 margin-bottom: 0;
}
@media (min-width: 960px) {
 .user_tools {
  opacity: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translate(0, 0);
 }
 .user_tools.hidden {
  opacity: 0;
  transform: translate(0, -20px);
 }
}
.user_tools .action_btn {
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 display: inline-flex;
 align-items: center;
 background: black;
 background: rgba(0, 0, 0, 0.6);
 color: #eee;
 font-size: 12px;
 font-weight: bold;
 border: 1px solid rgba(10, 10, 10, 0.5);
 border-radius: 2px;
 padding: 0.1428571429em 0.2857142857em;
 cursor: pointer;
 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
 margin-bottom: 10px;
 text-decoration: none;
 text-align: left;
 margin-bottom: 0;
 font-size: 14px;
}
.user_tools .action_btn .icon {
 margin-right: 5px;
 text-shadow: none;
}
.user_tools .action_btn > svg {
 display: inline-block;
 margin-right: 4px;
}
.user_tools .action_btn > svg:not([fill]) {
 fill: white;
}
.user_tools .action_btn > svg[fill] {
 stroke: white;
}
.user_tools .action_btn .icon,
.user_tools .action_btn .svgicon {
 width: 1.3333333333em;
 height: 1.3333333333em;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.user_tools .action_btn .icon-playlist_add {
 font-size: 18px;
}
.user_tools .action_btn:hover {
 background: rgba(20, 20, 20, 0.6);
}
.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;
}
.popup_details {
 --itchio-popup-bg: #222;
 position: absolute;
 z-index: 2;
 margin: 6px;
 width: 230px;
 background: var(--itchio-popup-bg);
 font-size: 14px;
 color: #eee;
 box-shadow: 0 0 0 2px black, 0 0 0 4px white;
 border-radius: 2px;
 transition: background 0.2s ease;
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding-bottom: 8px;
}
.popup_details:hover {
 --itchio-popup-bg: #272727;
}
.popup_details .popup_tick {
 position: absolute;
 left: 100%;
 top: 50%;
 transform: translateY(-50%);
}
.popup_details .popup_tick .popup_tick_inner_fill {
 transition: fill 0.2s ease;
 fill: var(--itchio-popup-bg);
}
.popup_details.on_right .popup_tick {
 left: auto;
 right: 100%;
 transform: translateY(-50%) rotate(180deg);
}
.popup_details .game_title {
 font-size: 16px;
 padding: 5px 10px;
 font-weight: 900;
 line-height: 1.3;
 background: rgba(255, 255, 255, 0.1);
 border-bottom: 1px solid #3c3c3c;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.popup_details .popup_description_tags {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
 list-style: none;
 padding: 0;
 margin: 0 10px;
}
.popup_details .popup_description_tags li.popup_description_tag {
 padding: 2px 5px;
 background: rgba(255, 255, 255, 0.1);
 border-radius: 2px;
 font-size: 12px;
 color: rgba(255, 255, 255, 0.6);
 display: flex;
 align-items: center;
 gap: 3px;
}
.popup_details .popup_description_tags li.popup_description_tag .icon_tag {
 position: relative;
 top: 1px;
}
.popup_details .game_text {
 font-size: 14px;
 line-height: 18px;
 overflow: hidden;
 max-height: 72px;
 margin: 0 10px;
 color: #ddd;
}
.popup_details .game_recommendations {
 --itchio_button_color: white;
 --itchio_link_color: white;
 display: flex;
 align-items: center;
 justify-content: center;
}
.popup_details .game_recommendations .button {
 display: flex;
 align-items: center;
 gap: 5px;
}
.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: 0 10px;
 display: flex;
 flex-direction: column;
 gap: 5px;
}
.popup_details .popup_screenshot {
 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: block;
 object-fit: cover;
 object-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);
}
.popup_details .popup_screenshot.visible {
 opacity: 1;
 top: 0;
}
.popup_details .popup_trailer {
 margin: 15px auto;
 text-align: center;
}
.popup_details .popup_trailer .watch_trailer_btn {
 box-sizing: border-box;
 transition: all 0.2s ease;
 display: inline-block;
 border-radius: 3px;
 text-decoration: none;
 padding: 3px 10px;
 font-size: 14px;
 letter-spacing: 0.025em;
 white-space: nowrap;
 border: 1px solid rgba(255, 255, 255, 0.6);
 color: white;
}
.popup_details .popup_trailer .watch_trailer_btn:hover {
 background: white;
 color: #222;
 color: white;
 background: #ff2449;
 border-color: #ff2449;
}
.popup_details .popup_trailer .watch_trailer_btn:active {
 background: #e1193b;
 border-color: #e1193b;
}
.game_trailer_lightbox_widget {
 box-shadow: 0 0 0 2px #222, 0 0 0 4px black;
 background: black;
 width: 960px;
}
@media (max-width: 970px) {
 .game_trailer_lightbox_widget {
  width: 100%;
 }
}
.game_trailer_lightbox_widget h2 {
 color: #606060;
 padding: 10px 20px;
 border: none;
 margin: 0;
 font-size: 15px;
}
.game_trailer_lightbox_widget h2 a {
 text-decoration: none;
 color: #4c2128;
}
.game_trailer_lightbox_widget h2 .trailer_actions {
 float: right;
}
.game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn {
 box-sizing: border-box;
 transition: all 0.2s ease;
 display: inline-block;
 border-radius: 3px;
 text-decoration: none;
 padding: 3px 10px;
 font-size: 14px;
 letter-spacing: 0.025em;
 white-space: nowrap;
 border: 1px solid rgba(255, 255, 255, 0.6);
 color: white;
 position: relative;
 top: -5px;
 transition: opacity 0.4s;
 opacity: 0.5;
}
.game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:hover {
 background: white;
 color: #222;
 color: white;
 background: #ff2449;
 border-color: #ff2449;
}
.game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:active {
 background: #e1193b;
 border-color: #e1193b;
}
.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;
}
.tab_columns {
 display: flex;
}
.tab_columns .tab_column {
 width: 180px;
 box-sizing: border-box;
 text-align: right;
 border-right: 1px solid;
 border-color: var(--itchio_border_color);
}
html[dir='rtl'] .tab_columns .tab_column {
 border-right: 0;
 border-left: 1px solid;
 border-color: var(--itchio_border_color);
}
.tab_columns .tab_column .tab_header {
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
 font-size: 12px;
 font-weight: bold;
 color: var(--itchio_body_color_gray);
 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-color: var(--itchio_gray_back);
 margin-top: 20px;
}
.dark_theme .tab_columns .tab_column .tab_header {
 border: 0;
}
.tab_columns .tab_column .tab_header:first-child {
 margin-top: 0;
}
.tab_columns .tab_column .tab_btn {
 margin: 0;
 display: block;
 width: 100%;
 box-sizing: border-box;
 font-size: 16px;
 padding: 7px 12px;
 text-align: right;
 border: 0;
 border-top: 1px solid;
 border-bottom: 1px solid;
 border-color: var(--itchio_white_back);
 text-decoration: none;
 background: transparent;
 display: block;
 cursor: pointer;
 color: var(--itchio_body_color_light);
}
.tab_columns .tab_column .tab_btn:hover {
 color: var(--itchio_body_color);
}
.tab_columns .tab_column .tab_btn.selected {
 position: relative;
 color: var(--itchio_body_color);
 font-weight: bold;
 background: rgba(64, 67, 78, 0.1);
 text-decoration: none;
}
.tab_columns .tab_column .tab_btn.selected:before {
 content: ' ';
 position: absolute;
 top: 0;
 right: -1px;
 bottom: 0;
 width: 2px;
 background: #ff2449;
}
.tab_columns .content_column {
 flex: 1;
 padding: 0 40px;
}
.lightbox.screenshot_lightbox {
 z-index: 1001;
 position: fixed;
 border-radius: 2px;
 background: #444;
 overflow: hidden;
 border: 0;
 box-shadow: 1px 0px 16px rgba(0, 0, 0, 0.5), 1px 0px 4px rgba(0, 0, 0, 0.6);
}
#lightbox_container .lightbox.screenshot_lightbox {
 margin: 0;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}
#lightbox_container .lightbox.screenshot_lightbox.animated {
 animation: none;
}
.lightbox.screenshot_lightbox.no_tools .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox.no_tools .screenshot_container .next_image_btn {
 display: none;
}
.lightbox.screenshot_lightbox img {
 display: block;
 margin: 0;
}
.lightbox.screenshot_lightbox .screenshot_container {
 display: table;
 position: relative;
 background: #111;
}
.lightbox.screenshot_lightbox .screenshot_container .loader {
 transition: opacity 0.2s ease-in-out;
 opacity: 0;
 display: block;
 background-color: white;
 background-image: url('images/loader.gif');
 background-repeat: no-repeat;
 background-position: 50% 50%;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -16px;
 margin-top: -16px;
 width: 32px;
 height: 32px;
 border-radius: 3px;
 z-index: 2;
}
.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .lb_screenshot {
 display: table-cell;
 vertical-align: top;
}
.lightbox.screenshot_lightbox .screenshot_container .lb_screenshot.hidden {
 opacity: 0;
}
.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn {
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
 cursor: pointer;
 padding: 0 25px;
 font-size: 18px;
 position: relative;
 background: #111;
 height: 100%;
}
.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:hover,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn:hover {
 background: #222;
}
.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:active,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn:active {
 background: #333;
}
.lightbox.screenshot_lightbox .screenshot_container .icon-arrow-left,
.lightbox.screenshot_lightbox .screenshot_container .icon-arrow-right {
 color: rgba(255, 255, 255, 0.6);
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -0.5em;
 margin-top: -0.5em;
}
.lightbox.screenshot_lightbox.loading .loader {
 opacity: 0.7;
}
.first_game_lightbox {
 width: 600px;
}
.first_game_lightbox .social_buttons_widget {
 height: 20px;
 overflow: hidden;
 margin: 20px 40px;
}
.first_game_lightbox .fb_wrap,
.first_game_lightbox .twitter_wrap {
 display: inline-block;
 height: 20px;
 vertical-align: top;
 margin-right: 40px;
}
.first_game_lightbox .lightbox_footer {
 color: var(--itchio_body_color_med);
 background-color: var(--itchio_gray_back);
 border-top: 1px solid;
 border-color: var(--itchio_border_color);
 overflow: hidden;
}
.first_game_lightbox .lightbox_footer p {
 font-size: 14px;
}
.embed_game_lightbox_widget {
 width: 632px;
}
.embed_game_lightbox_widget .embed_directions {
 margin-top: 5px;
 font-size: 14px;
 color: var(--itchio_body_color_light);
}
.embed_game_lightbox_widget .embed_directions strong {
 color: var(--itchio_body_color_med);
}
.embed_game_lightbox_widget .embed_container {
 margin: 20px 40px 0 40px;
}
.embed_game_lightbox_widget .embed_container iframe {
 max-width: 100%;
}
.embed_game_lightbox_widget .form {
 margin: 20px 40px 0 40px;
}
.embed_game_lightbox_widget .form textarea {
 box-sizing: border-box;
 max-width: none;
 margin: 0;
}
@media (max-width: 600px) {
 .embed_game_lightbox_widget .embed_container,
 .embed_game_lightbox_widget .form {
  margin-left: 20px;
  margin-right: 20px;
 }
}
body {
 background: #eee;
}
body.dark_theme {
 background: #1b1b1b;
}
body.locale_ru {
 --itchio_default_font: LatoExtended;
}
body.lightbox_open {
 overflow: hidden;
}
body.lightbox_open #lightbox_container {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 overflow: auto;
 padding-bottom: 40px;
}
body.frame_maximized {
 overflow: hidden;
}
abbr {
 text-decoration: none;
 cursor: help;
}
@media (max-width: 1000px) {
 .responsive .wrapper {
  padding: 0 20px;
 }
}
@media (max-width: 600px) {
 .responsive .wrapper {
  padding: 0;
 }
}
.inner_column {
 width: 960px;
 margin: 0 auto;
 position: relative;
 padding-bottom: 40px;
 background: white;
 overflow: hidden;
}
.responsive .inner_column {
 max-width: 960px;
 width: auto;
}
@media (max-width: 1000px) {
 .responsive .inner_column {
  padding-bottom: 0;
  max-width: 600px;
 }
 .responsive .inner_column .footer {
  position: static;
  display: block;
  background: rgba(0, 0, 0, 0.05);
  margin-top: 30px;
  padding: 10px 20px;
  line-height: 1.8;
 }
 .responsive .inner_column .footer .icon_logo {
  float: right;
 }
 .responsive .inner_column .footer .icon_logo .svgicon {
  margin: 0 0 0 10px;
 }
 .responsive .inner_column .footer .dot.last_dot {
  display: none;
 }
 .responsive .inner_column .footer .breadcrumbs {
  text-align: left;
 }
 .responsive .inner_column .footer .update_timestamp {
  display: block;
  opacity: 0.7;
 }
 .responsive .inner_column .footer .update_timestamp:before {
  content: '';
 }
}
@media (max-width: 650px) {
 .responsive .inner_column .footer {
  padding-bottom: 60px;
 }
}
.inner_column.size_small {
 font-size: 11px;
}
.inner_column.size_medium {
 font-size: 13px;
}
.inner_column.size_large {
 font-size: 16px;
}
.inner_column.size_very_large {
 font-size: 19px;
}
@media (max-width: 1000px) {
 .responsive .inner_column.size_very_large {
  font-size: 16px;
 }
}
.inner_column.family_pixel.size_small {
 font-size: 8px;
}
.inner_column.family_pixel.size_small .column {
 font-size: 8px;
}
.inner_column.family_pixel.size_small h1,
.inner_column.family_pixel.size_small h2,
.inner_column.family_pixel.size_small h3,
.inner_column.family_pixel.size_small h4 {
 font-size: 8px;
 font-weight: bold;
}
.inner_column.family_pixel.size_medium {
 font-size: 16px;
}
.inner_column.family_pixel.size_medium .column {
 font-size: 16px;
}
.inner_column.family_pixel.size_medium h1,
.inner_column.family_pixel.size_medium h2,
.inner_column.family_pixel.size_medium h3,
.inner_column.family_pixel.size_medium h4 {
 font-size: 24px;
 font-weight: bold;
}
.inner_column.family_pixel.size_large,
.inner_column.family_pixel.size_very_large {
 font-size: 24px;
}
.inner_column.family_pixel.size_large .column,
.inner_column.family_pixel.size_very_large .column {
 font-size: 24px;
}
.inner_column.family_pixel.size_large h1,
.inner_column.family_pixel.size_large h2,
.inner_column.family_pixel.size_large h3,
.inner_column.family_pixel.size_large h4,
.inner_column.family_pixel.size_very_large h1,
.inner_column.family_pixel.size_very_large h2,
.inner_column.family_pixel.size_very_large h3,
.inner_column.family_pixel.size_very_large h4 {
 font-size: 40px;
 font-weight: normal;
}
.inner_column p,
.inner_column ul,
.inner_column ol {
 line-height: 1.4;
}
.inner_column a {
 color: #ff0b34;
}
.inner_column h2,
.inner_column h3,
.inner_column h4 {
 margin: 0.8em 20px;
}
.inner_column h2 {
 margin-top: 1.6em;
}
.inner_column h1 {
 margin: 20px 20px 0 20px;
}
.inner_column hr {
 margin: 1em 0;
 border: 0;
 height: 1px;
 background: #dadada;
}
.inner_column .footer {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 display: flex;
 align-items: center;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 font-size: 12px;
 padding: 10px;
}
.inner_column .footer .icon_logo {
 display: block;
 height: 17px;
}
.inner_column .footer .icon_logo .svgicon {
 margin-right: 5px;
 opacity: 0.8;
}
.inner_column .footer .breadcrumbs {
 flex: 1;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: right;
 min-width: 0;
}
.inner_column .footer .breadcrumbs a {
 color: inherit !important;
 opacity: 0.7;
}
.inner_column .footer .dot {
 margin: 0 5px;
}
.inner_column .footer a {
 color: #606060;
}
.columns {
 display: flex;
 justify-content: center;
 margin-top: 20px;
}
.columns .left_col {
 flex: 1;
 width: 0;
 min-width: 0;
}
.columns .right_col {
 width: 367px;
}
.theme_editor_open .user_tools {
 display: none;
}
@media (min-width: 650px) {
 .has_site_header .user_tools {
  top: 50px;
 }
}
.user_tools .follow_user_btn.is_following .on_follow {
 display: none;
}
.user_tools .follow_user_btn:not(.is_following) .on_unfollow {
 display: none;
}
.user_tools .action_btn .mobile_label {
 display: none;
}
.user_tools .rate_game_btn.has_rating .on_edit {
 display: inline;
}
.user_tools .rate_game_btn.has_rating .on_create {
 display: none;
}
.user_tools .rate_game_btn .on_edit {
 display: none;
}
@media (max-width: 1300px) {
 .user_tools {
  position: absolute;
 }
 .user_tools .action_btn {
  font-size: 12px;
 }
}
@media (min-width: 1400px) {
 .user_tools .action_btn {
  font-size: 16px;
 }
}
@media (max-width: 960px) {
 .user_tools {
  position: static;
  margin: 0;
  white-space: nowrap;
  overflow: auto;
  text-align: left;
  padding: 8px 0 8px 10px;
  overflow: auto;
  background: #2b2b2b;
  background: var(--itchio_ui_bg_dark, #2b2b2b);
  width: 100vw;
  box-sizing: border-box;
  box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5);
 }
 .user_tools > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
 }
 .user_tools .action_btn {
  font-size: 13px;
  padding: 0 6px;
  height: 26px;
 }
 .randomizer_embed .user_tools {
  display: none;
 }
}
@media (min-width: 650px) {
 .user_tools .community_link,
 .user_tools .devlog_link {
  display: none;
 }
}
@media (max-width: 650px) {
 .user_tools {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
  z-index: 99;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  padding: 0 5px;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
 }
 .user_tools > li {
  flex: 1;
  padding: 3px 0 5px 0;
  box-sizing: border-box;
  margin: 0;
  display: flex;
  justify-content: center;
  min-width: 80px;
  height: 50px;
 }
 .user_tools > li.jam_entry {
  display: none;
 }
 .user_tools .action_btn {
  font-size: 12px;
  height: auto;
  background: transparent;
  border: 0;
  padding: 0 5px;
  box-shadow: none;
  display: grid;
  grid-template-rows: 1fr auto;
  text-align: center;
 }
 .user_tools .action_btn .mobile_label {
  display: initial;
 }
 .user_tools .action_btn .full_label {
  display: none;
 }
 .user_tools .action_btn .icon,
 .user_tools .action_btn .svgicon {
  margin: 0;
  justify-self: center;
  width: 1.6em;
  height: 1.6em;
 }
 .user_tools .action_btn .icon.icon_user_plus,
 .user_tools .action_btn .icon.icon_user_check,
 .user_tools .action_btn .svgicon.icon_user_plus,
 .user_tools .action_btn .svgicon.icon_user_check {
  margin-left: 6px;
 }
}
.embedded_game:not(.embed_disabled) .header .game_title {
 display: none;
}
.header {
 overflow: hidden;
}
.header img {
 display: none;
}
.header.has_image {
 font-size: 0;
}
.header.has_image img {
 display: inline-block;
 max-width: 100%;
}
.header.has_image h1 {
 display: none;
}
.header.align_center {
 text-align: center;
}
.header.align_right {
 text-align: right;
}
.user_formatted h1,
.user_formatted h2,
.user_formatted h3,
.user_formatted h4 {
 margin: 0.5em 0;
}
.user_formatted ul,
.user_formatted ol {
 padding-left: 2em;
}
.user_formatted table {
 margin: 1em 0;
 border-collapse: collapse;
}
.user_formatted table tr th,
.user_formatted table tr td {
 padding: 0.5em;
 vertical-align: top;
 text-align: left;
 border: 1px solid;
 border-color: inherit;
}
.user_formatted blockquote {
 font-style: italic;
 border-left: 4px solid;
 border-color: var(--itchio_bg2_sub);
 padding-left: 15px;
 margin-left: 15px;
}
.user_formatted pre {
 padding: 0.5em;
 background: var(--itchio_bg2_sub);
 word-wrap: normal;
 overflow: auto;
 padding: 10px;
 font-size: 14px;
 border-radius: 3px;
}
.user_formatted a[rel~='nofollow'] {
 position: relative;
}
.user_formatted a[rel~='nofollow']:hover > img,
.user_formatted a[rel~='nofollow']:focus > img {
 box-shadow: 0 0 0 5px red;
}
.user_formatted a[rel~='nofollow']:hover:after,
.user_formatted a[rel~='nofollow']:focus:after {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 content: 'External link';
 white-space: nowrap;
 font-weight: bold;
 pointer-events: none;
 position: absolute;
 left: 0;
 top: 100%;
 background-color: red;
 color: white;
 padding: 2px 6px;
 border-radius: 3px;
 margin-top: 3px;
 font-size: 12px;
 z-index: 1;
}
.game_page_apperance_columns {
 display: flex;
}
.game_page_apperance_columns > .game_page_primary_column {
 flex: 1;
}
.theme_editor_open .game_page_apperance_columns {
 height: calc(100vh - 50px);
}
.theme_editor_open .game_page_apperance_columns .game_page_primary_column {
 overflow: auto;
}
.popup_details {
 z-index: 1002;
}
.above_game_banner,
.game_layout_widget .goal_banner_widget {
 box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5);
 overflow: hidden;
 font-size: 14px;
 background: #333;
 background: var(--itchio_ui_bg, #333);
 color: white;
 position: relative;
 z-index: 1;
}
.above_game_banner h1,
.game_layout_widget .goal_banner_widget h1,
.above_game_banner h2,
.game_layout_widget .goal_banner_widget h2 {
 font-weight: 900;
}
.theme_editor_open .above_game_banner,
.theme_editor_open .game_layout_widget .goal_banner_widget,
.game_layout_widget .theme_editor_open .goal_banner_widget {
 display: none;
}
.above_game_banner a,
.game_layout_widget .goal_banner_widget a {
 color: inherit;
}
.above_game_banner .button,
.game_layout_widget .goal_banner_widget .button,
.above_game_banner .button.outline {
 color: white;
 border-color: rgba(255, 255, 255, 0.5);
 background: rgba(255, 255, 255, 0.05);
 text-shadow: none;
}
.above_game_banner .button:hover,
.game_layout_widget .goal_banner_widget .button:hover,
.above_game_banner .button.outline:hover {
 background: rgba(255, 255, 255, 0.1);
 border-color: rgba(255, 255, 255, 0.75);
}
.above_game_banner_inner,
.goal_banner_inner {
 box-sizing: border-box;
 max-width: 960px;
 margin: 0 auto;
 padding: 10px 20px;
}
.game_layout_widget .goal_banner_widget h3 {
 background: transparent;
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.game_layout_widget .goal_banner_widget .goal_progress_widget .stat_inline {
 border-color: rgba(255, 255, 255, 0.2);
}
.game_layout_widget .goal_banner_widget .goal_progress_widget .progress_bar {
 background: #333;
 margin-left: 2px;
 margin-right: 2px;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.jam_banner h3 {
 line-height: 1.3;
}
.jam_banner h3 a {
 opacity: 0.9;
}
.jam_banner p {
 font-size: 14px;
 line-height: 1.5;
 color: rgba(255, 255, 255, 0.8);
 margin: 10px 0;
}
.jam_banner .banner_cta {
 margin-bottom: 20px;
}
.jam_banner .jam_banner_inner {
 display: flex;
}
.jam_banner .jam_banner_inner .jam_cover {
 margin-right: 20px;
}
.jam_banner .jam_banner_inner .jam_cover img {
 width: 226px;
 height: 180px;
}
@media (max-width: 600px) {
 .jam_banner .jam_cover {
  display: none;
 }
 .jam_banner .jam_banner_break {
  display: none;
 }
 .jam_banner .hide_on_narrow {
  display: none;
 }
}
.jam_banner .external_link .icon {
 margin-right: 5px;
 vertical-align: -2px;
}
.jam_banner .external_link .svgicon {
 fill: white;
 margin-right: 5px;
 vertical-align: -3px;
}
.ludum_dare_banner .ludum_dare_banner_inner {
 display: flex;
 align-items: center;
}
.ludum_dare_banner .summary {
 flex: 1;
 font-size: 14px;
}
.ludum_dare_banner .ludum_dare_logo {
 margin-right: 20px;
 max-width: 160px;
}
@media (max-width: 600px) {
 .ludum_dare_banner .ludum_dare_banner_inner .summary {
  display: none;
 }
}
.purchase_banner .purchase_banner_inner {
 display: flex;
 flex-direction: column;
 gap: 15px;
 padding: 20px;
}
.purchase_banner h2 {
 margin: 0;
}
.purchase_banner .key_row {
 display: flex;
 gap: 10px;
 align-items: center;
}
.purchase_banner .key_row .ownership_reason {
 opacity: 0.8;
}
.purchase_banner .key_row .purchase_price {
 font-weight: bold;
}
.purchase_banner .key_row .own_date {
 font-style: italic;
 white-space: nowrap;
}
@media (max-width: 600px) {
 .purchase_banner .key_row {
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
 }
 .purchase_banner .key_row .button {
  display: block;
  width: 100%;
 }
}
.devlog_banner .notification_cols {
 display: flex;
 align-items: center;
}
.devlog_banner .notification_cols > :first-child {
 flex: 1;
}
@media (max-width: 650px) {
 .devlog_banner .notification_cols {
  display: block;
 }
}
@media (max-width: 650px) {
 .devlog_banner .notification_cta {
  display: flex;
  align-items: center;
  margin-top: 10px;
 }
 .devlog_banner .notification_cta > * {
  order: 2;
  margin: 0;
 }
 .devlog_banner .notification_cta .button {
  flex: 1;
  order: 1;
  margin-right: 10px;
 }
}
.devlog_banner .above_game_banner_inner,
.devlog_banner .goal_banner_inner {
 padding-top: 15px;
 padding-bottom: 15px;
}
.devlog_banner h2 {
 margin-top: 0;
 margin-bottom: 10px;
}
.devlog_banner .notification_text {
 line-height: 1.5;
}
.devlog_banner .game_changes {
 color: rgba(255, 255, 255, 0.8);
}
.devlog_banner .dismiss_form {
 display: inline-block;
 margin-right: 10px;
}
.devlog_banner .dismiss_form button {
 color: rgba(255, 255, 255, 0.8);
}
.lightbox,
.goal_banner_widget,
.purchase_banner,
.payment_warning_banner,
.above_game_banner,
.game_layout_widget .goal_banner_widget {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
}
.aggregate_rating {
 display: flex;
 align-items: center;
}
.aggregate_rating .star {
 padding-right: 2px;
}
.aggregate_rating .star:last-child {
 padding-right: 0;
}
.aggregate_rating .rating_count {
 opacity: 0.5;
 margin-left: 5px;
}
@font-face {
 font-family: '04b_03';
 src: url('fonts/04b03.eot');
 src: url('fonts/04b03.eot?#iefix') format('embedded-opentype'), url('fonts/04b03.woff2') format('woff2'), url('fonts/04b03.woff') format('woff'), url('fonts/04b03.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
.spam_warning_lightbox {
 width: 100%;
 max-width: 500px;
}
.admin_tag_editor_widget {
 transition: opacity 0.2s ease;
 box-sizing: border-box;
 opacity: 0.5;
 background: white;
 border: 1px solid #dadada;
 padding: 10px;
 position: fixed;
 padding: 0;
 z-index: 2;
 top: 60px;
 left: 10px;
 width: 170px;
}
.admin_tag_editor_widget:hover {
 opacity: 1;
}
.admin_tag_editor_widget hr {
 border: 0;
 height: 1px;
 background: #dadada;
}
@media (max-width: 960px) {
 .admin_tag_editor_widget {
  display: none;
 }
}
.theme_editor_open .admin_tag_editor_widget {
 display: none;
}
.admin_tag_editor_widget .close_btn {
 text-decoration: none;
 position: absolute;
 font-size: 18px;
 bottom: 5px;
 right: 5px;
}
.admin_tag_editor_widget .queue_status {
 text-align: center;
 font-weight: bold;
 padding: 4px;
 margin: 1px;
}
.admin_tag_editor_widget .queue_status a {
 color: white;
 text-decoration: none;
}
.admin_tag_editor_widget .queue_status.unrated {
 background: #34a0f2;
}
.admin_tag_editor_widget .queue_status.positive {
 background: #aada80;
}
.admin_tag_editor_widget .queue_status.neutral {
 background: gray;
}
.admin_tag_editor_widget .queue_status.negative {
 background: #fe4e50;
}
.admin_tag_editor_widget .panel_inside {
 padding: 10px;
}
.admin_tag_editor_widget .tag_row {
 line-height: 1.2;
 margin-bottom: 5px;
 background: #f0f0f0;
 padding: 2px 4px;
}
.admin_tag_editor_widget .feature_tag_btn {
 color: #858585;
}
.admin_tag_editor_widget .new_tag_form {
 display: flex;
 align-items: center;
}
.admin_tag_editor_widget .new_tag_form input[type='text'] {
 flex: 1;
 min-width: 0;
}
.admin_tag_editor_widget .new_tag_form > * {
 margin-right: 2px;
}
.admin_tag_editor_widget .new_tag_form > *:last-child {
 margin-right: 0;
}
.admin_tag_editor_widget .tweet_preview {
 box-sizing: border-box;
 width: 100%;
 height: 150px;
 display: block;
 font-size: 12px;
}
.game_layout_widget .blog_post_list_widget {
 margin: 20px;
}
.game_layout_widget .blog_post_list_widget li {
 font-size: inherit;
}
.game_layout_widget .blog_post_list_widget li .title {
 font-size: 120%;
}
.game_layout_widget .blog_post_list_widget li .meta_row {
 font-size: inherit;
 color: inherit;
 opacity: 0.6;
}
.game_layout_widget .blog_post_list_widget li .meta_row .post_likes {
 color: inherit;
}
.game_layout_widget .blog_post_list_widget li .post_image {
 margin-top: 0;
}
.game_layout_widget .blog_post_list_widget .summary {
 font-size: inherit;
 margin-top: 5px;
}
.game_layout_widget .blog_post_list_widget .summary .read_all_link {
 color: inherit;
 opacity: 0.6;
}
.community_post_form_widget .redactor-box {
 max-width: 600px;
}
.community_post_form_widget .redactor-editor {
 padding: 10px;
}
.community_post_form_widget .redactor-editor.redactor-placeholder:after {
 top: 10px;
 left: 10px;
}
.community_post_form_widget .buttons {
 display: flex;
 align-items: center;
}
.community_post_form_widget .buttons button {
 white-space: nowrap;
}
.community_post_form_widget .buttons .hint {
 flex: 1;
}
.community_post_form_widget form {
 margin: 10px 20px;
}
.community_post_form_widget form .label {
 display: none;
}
.community_post_form_widget form textarea {
 margin: 0;
}
.community_post_form_widget .input_row {
 margin-bottom: 10px;
}
.community_post_form_widget .buttons {
 margin-top: 10px;
}
.community_post_form_widget .forms_form_errors_widget {
 box-sizing: border-box;
 max-width: 600px;
}
.community_post_form_widget .g-recaptcha:not(:empty) {
 margin-top: 10px;
}
.community_post_list_widget {
 padding-top: 20px;
 margin: 0 20px;
}
@media (max-width: 650px) {
 .community_post_list_widget {
  margin-left: 10px;
  margin-right: 10px;
 }
}
.community_post_list_widget .post_form.inline_reply {
 margin: 20px 0 0 0;
}
.community_post_list_widget .post_form.inline_edit {
 margin: 5px 0 0 0;
}
.community_post_list_widget .community_post .post_grid {
 display: grid;
 align-items: start;
 grid-template-columns: 25px 25px 1fr;
 grid-template-rows: auto 1fr;
 grid-gap: 5px 10px;
 grid-template-areas: 'avatar header header' 'avatar body body';
}
.community_post_list_widget .community_post.has_vote_column .post_grid {
 grid-template-areas: 'vote avatar header' 'vote body body';
}
.community_post_list_widget > *,
.community_post_list_widget .community_post_replies > * {
 margin-top: 30px;
}
.community_post_list_widget > *:first-child,
.community_post_list_widget .community_post_replies > *:first-child {
 margin-top: 0;
}
.community_post_list_widget .community_post_replies {
 margin-left: 30px;
 margin-top: 15px;
}
@media (max-width: 650px) {
 .community_post_list_widget .community_post_replies {
  margin-left: 20px;
 }
}
.community_post_list_widget .community_post.disabled .post_body,
.community_post_list_widget .community_post.disabled .post_header,
.community_post_list_widget .community_post.disabled .avatar_container {
 opacity: 0.5;
}
.community_post_list_widget .community_post .reveal_full_post_btn {
 margin: 0;
 position: relative;
 box-sizing: border-box;
 height: 40px;
 padding: 10px 5px 0px 5px;
 margin-top: -40px;
 text-align: center;
 border: 0;
 font-size: 13px;
 display: block;
 width: 100%;
 max-width: 600px;
 cursor: pointer;
 font-weight: bold;
 background: linear-gradient(to bottom, transparent, var(--itchio_bg_color) 50%, var(--itchio_bg_color));
 z-index: 1;
 color: var(--itchio_link_color);
}
.community_post_list_widget .community_post .post_votes {
 grid-area: vote;
 margin-right: 0;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 2px;
}
.community_post_list_widget .community_post .post_votes.loading {
 opacity: 0.5;
}
.community_post_list_widget .community_post .post_votes a {
 text-decoration: none;
 color: inherit !important;
 opacity: 0.5;
}
.community_post_list_widget .community_post .post_votes button {
 border: 0;
 padding: 0;
 background: transparent;
 color: inherit;
}
.community_post_list_widget .community_post .post_votes .vote_btn {
 font-size: 22px;
 height: 22px;
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 opacity: 0.8;
}
.community_post_list_widget .community_post .post_votes .vote_btn .svgicon {
 fill: currentColor;
 stroke: currentColor;
 stroke-width: 2px;
 stroke-linejoin: round;
 width: 16px;
 height: 16px;
}
.community_post_list_widget .community_post .post_votes .vote_btn[disabled] {
 opacity: 0.1;
 pointer-events: none;
}
.community_post_list_widget .community_post .post_votes .vote_btn:hover,
.community_post_list_widget .community_post .post_votes .vote_btn.voted {
 opacity: 1;
}
.community_post_list_widget .community_post .post_votes .vote_btn.voted {
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
}
.community_post_list_widget .community_post .post_votes .vote_btn.loading {
 opacity: 0.2;
}
.community_post_list_widget .community_post .avatar_container {
 display: block;
 align-self: center;
 width: 25px;
 height: 25px;
}
.community_post_list_widget .community_post .avatar_container .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_header {
 font-size: 13px;
 align-self: center;
 grid-area: header;
 display: flex;
 align-items: center;
}
.community_post_list_widget .community_post .post_header > * {
 margin-right: 10px;
}
.community_post_list_widget .community_post .post_header .post_header_content > * {
 margin-right: 10px;
}
.community_post_list_widget .community_post .post_header .vote_counts {
 font-weight: bold;
 opacity: 0.75;
}
.community_post_list_widget .community_post .post_header .post_author a {
 font-weight: bold;
 font-size: inherit;
}
.community_post_list_widget .community_post .post_header .name_placeholder {
 font-weight: bold;
}
.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 .author_flag {
 display: none;
}
.community_post_list_widget .community_post .post_content {
 grid-area: body;
}
.community_post_list_widget .community_post .post_body {
 max-width: 600px;
 line-height: 1.6;
 word-wrap: break-word;
}
.community_post_list_widget .community_post .post_body img {
 max-width: 100%;
}
.community_post_list_widget .community_post .post_body > :first-child {
 margin-top: 5px;
}
.community_post_list_widget .community_post .post_body > :last-child {
 margin-bottom: 5px;
}
.community_post_list_widget .community_post .post_footer {
 margin-top: 10px;
 font-size: 13px;
 display: flex;
 align-items: center;
}
.community_post_list_widget .community_post .post_footer:empty {
 display: none;
}
.community_post_list_widget .community_post .post_footer > a {
 margin-right: 10px;
}
.community_post_list_widget .community_post .post_footer > a:last-child {
 margin-right: 0;
}
.community_post_list_widget .community_post .post_footer .vote_btn {
 font-family: inherit;
 font-size: inherit;
 display: inline-flex;
 align-items: center;
 margin-right: 10px;
 background: transparent;
 cursor: pointer;
 text-decoration: none;
 border: 1px solid #dadada;
 border-radius: 3px;
 padding: 1px 5px;
 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: #ff2449;
 border-color: #ff2449;
}
.community_post_list_widget .community_post .post_footer .vote_btn .svgicon {
 margin-right: 5px;
 width: 12px;
 height: 12px;
}
.community_post_list_widget .community_post .post_footer .vote_btn .icon-like {
 font-size: 12px;
 vertical-align: 1px;
}
.community_topic_posts_widget {
 padding-bottom: 0;
}
.external_url_launcher_widget {
 background: var(--itchio_bg2_sub);
 padding: 1.875em 0.625em;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}
.external_url_launcher_widget .button.launch_btn {
 height: auto;
 padding: 0.4em 0.8em;
 font-size: 120%;
 display: flex;
 align-items: center;
}
.external_url_launcher_widget .button.launch_btn .svgicon {
 margin-right: 0.3125em;
 width: 1.25em;
 height: 1.25em;
}
.external_url_launcher_widget .project_details {
 margin-top: 0.5em;
 font-size: 0.8125em;
 text-align: center;
 opacity: 0.8;
 line-height: 1.4;
 margin-bottom: -4px;
}
.external_url_launcher_widget .project_details code {
 font-weight: bold;
}
.game_comments_widget {
 margin-top: 40px;
 margin-bottom: 40px;
}
.game_comments_widget .form_errors {
 padding: 10px;
 background: rgba(255, 255, 255, 0.8);
 font-size: 13px;
}
.game_comments_widget .form_errors *:last-child {
 margin-bottom: 0;
}
.game_comments_widget .click_input::placeholder {
 color: var(--itchio_text_color);
 opacity: 0.8;
}
.game_comments_widget .post_form {
 max-width: 600px;
}
.game_comments_widget .post_form .forms_markdown_input_widget .markdown_toolbar {
 height: 30px;
}
.game_comments_widget .post_form .forms_markdown_input_widget > textarea.markdown_textarea {
 font-size: 14px;
}
.game_comments_widget .post_form .forms_markdown_input_widget > textarea.markdown_textarea:focus {
 outline: none;
 box-shadow: inset 0 0 2px 1px var(--itchio_button_color, #a287c0);
}
.game_comments_widget .post_form input.click_input {
 margin: 0;
 font-size: inherit;
 font-weight: bold;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
}
.game_comments_widget .post_form .redactor-box {
 margin: 0;
 max-width: none;
 display: flex;
 flex-direction: column;
}
.game_comments_widget .post_form .redactor-box .redactor-toolbar-box {
 order: 2;
}
.game_comments_widget .post_form .redactor-box .redactor-toolbar-box .redactor-toolbar {
 border-bottom: 0;
 border-top-style: solid;
 border-top-width: 1px;
}
.game_comments_widget .post_form .buttons {
 display: flex;
}
.game_comments_widget .post_form .buttons > :last-child:not(:first-child) {
 margin-left: auto;
}
.game_comments_widget .pagination_buttons {
 margin: 0 20px;
 margin-top: 20px;
}
.game_comments_widget .load_posts_before,
.game_comments_widget .load_posts_after {
 display: block;
 text-align: center;
 text-decoration: none;
 font-size: inherit;
 font-family: inherit;
 width: 100%;
 max-width: 640px;
 background: transparent;
 color: var(--itchio_link_color);
 font-weight: bold;
 border: 1px solid var(--itchio_button_color);
 border-radius: 2px;
 padding: 10px 20px;
 cursor: pointer;
}
.game_comments_widget .load_posts_before.loading,
.game_comments_widget .load_posts_after.loading {
 filter: grayscale(100%);
}
.game_comments_widget .form_placeholder {
 margin: 20px;
}
.game_comments_widget .topic_pager {
 margin: 10px 20px;
}
.game_community_preview_widget .community_topics {
 margin: 0 20px;
}
.game_community_preview_widget .post_links {
 margin: 20px;
}
.game_community_preview_widget .post_links a {
 margin-right: 10px;
}
.game_community_preview_widget .community_topic_row {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
 line-height: 1.5;
}
.game_community_preview_widget .community_topic_row:hover {
 background: rgba(0, 0, 0, 0.05);
 box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}
.game_community_preview_widget .community_topic_row:last-child {
 margin-bottom: 0;
}
.game_community_preview_widget .community_topic_row > * {
 margin-right: 10px;
}
.game_community_preview_widget .community_topic_row > *:last-child {
 margin-right: 0;
}
.game_community_preview_widget .community_topic_row .avatar_container {
 display: block;
}
.game_community_preview_widget .community_topic_row .avatar_container .post_avatar {
 display: block;
 width: 25px;
 height: 25px;
 background-color: var(--itchio_gray_back);
 background-size: cover;
 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 border-radius: 2px;
 background-color: rgba(0, 0, 0, 0.2);
}
.game_community_preview_widget .community_topic_row .topic_author {
 opacity: 0.6;
}
.game_community_preview_widget .community_topic_row .topic_author a {
 color: inherit !important;
}
.game_community_preview_widget .community_topic_row .topic_author,
.game_community_preview_widget .community_topic_row .topic_title {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.game_community_preview_widget .community_topic_row .primary_data {
 min-width: 0;
 flex: 1;
}
.game_community_preview_widget .community_topic_row .post_time {
 opacity: 0.5;
}
.game_community_preview_widget .community_topic_row .topic_tag {
 display: inline-block;
 border-radius: 2px;
 padding: 3px 8px;
 background: rgba(0, 0, 0, 0.1);
 line-height: 1;
 margin-right: 5px;
 font-weight: bold;
}
.game_downloader_widget {
 display: flex;
 align-items: center;
}
.game_downloader_widget > * {
 margin-right: 10px;
}
.game_downloader_widget > *:last-child {
 margin-left: 0;
}
.game_downloader_widget .dollars {
 font-weight: bold;
 font-size: 120%;
}
.game_downloader_widget .dollars.original_price {
 text-decoration: line-through;
 color: inherit;
 opacity: 0.5;
 font-weight: normal;
}
.game_downloader_widget .buy_message .sub {
 opacity: 0.5;
}
.game_downloader_widget .sale_link {
 text-decoration: none;
}
.game_downloader_widget .sale_label {
 height: 35px;
 line-height: 16px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 vertical-align: top;
 color: white;
 font-size: 13px;
 background: rgba(0, 0, 0, 0.5);
 border: 1px solid rgba(255, 255, 255, 0.7);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
 padding: 0 10px;
 border-radius: 4px;
}
.game_downloader_widget .sale_label .sale_rate {
 font-weight: bold;
 color: #67e3bd;
}
.game_downloader_widget .sale_label .main_label {
 font-style: italic;
}
.game_info_panel_widget td {
 padding: 2px 4px;
 text-align: left;
}
.game_info_panel_widget td:first-child {
 font-weight: bold;
 text-align: right;
 min-width: 100px;
 font-size: 90%;
 opacity: 0.7;
}
.game_info_panel_widget tr[title] td:first-child {
 color: inherit;
 text-decoration: underline dotted;
 cursor: help;
}
.game_quarantine_lightbox_widget {
 max-width: 600px;
 width: 100%;
}
.game_quarantine_lightbox_widget .account_summary {
 margin: 20px var(--itchio_lightbox_gutter, 40px);
 font-size: 16px;
 line-height: 1.5;
}
.game_quarantine_lightbox_widget .download_row {
 margin-top: 10px;
}
.game_quarantine_lightbox_widget h3 {
 margin: 20px var(--itchio_lightbox_gutter, 40px);
}
.game_quarantine_lightbox_widget details {
 margin: 20px var(--itchio_lightbox_gutter, 40px);
}
.game_quarantine_lightbox_widget details > p {
 margin-left: 0;
 margin-right: 0;
}
.game_quarantine_lightbox_widget details > pre {
 background-color: var(--itchio_gray_back);
 padding: 10px;
 white-space: pre-wrap;
 word-wrap: break-word;
 overflow-wrap: break-word;
}
.game_quarantine_lightbox_widget details summary {
 cursor: pointer;
 font-size: 16px;
 line-height: 1.5;
}
.game_report_lightbox_widget {
 max-width: 600px;
 width: 100%;
}
.game_report_lightbox_widget .support_notice {
 background-color: var(--itchio_gray_back);
 padding: 20px;
 margin: 0 -20px 20px -20px;
}
.game_report_lightbox_widget .support_notice a {
 white-space: nowrap;
}
.game_report_lightbox_widget p {
 margin: 0 0 15px 0;
}
.game_report_lightbox_widget .suggest_classification {
 display: none;
}
.game_report_lightbox_widget .report_submitted p {
 margin: 20px var(--itchio_lightbox_gutter, 40px);
}
.game_report_lightbox_widget .form {
 margin: 0 var(--itchio_lightbox_gutter, 40px) 30px var(--itchio_lightbox_gutter, 40px);
}
.game_report_lightbox_widget .form textarea {
 min-height: 80px;
}
@media (max-width: 600px) {
 .game_report_lightbox_widget .form {
  margin: 20px;
 }
 .game_report_lightbox_widget .form p {
  margin-left: 0;
  margin-right: 0;
 }
}
.html_embed_widget .button.load_iframe_btn,
.html_embed_widget .button.restore_btn {
 height: auto;
 padding: 0.4em 0.8em;
 font-size: 120%;
 display: flex;
 align-items: center;
}
.html_embed_widget .button.load_iframe_btn .svgicon,
.html_embed_widget .button.restore_btn .svgicon {
 margin-right: 5px;
}
.html_embed_widget .iframe_placeholder,
.html_embed_widget .restore_wrapper {
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 padding: 15px;
 box-sizing: border-box;
}
.html_embed_widget .iframe_placeholder .embed_info,
.html_embed_widget .restore_wrapper .embed_info {
 margin-top: 10px;
 font-size: 14px;
 text-align: center;
 padding: 10px;
}
.html_embed_widget .game_frame {
 margin: 0 auto;
 position: relative;
 background-position: 50% 50%;
}
.html_embed_widget .game_frame.maximized {
 margin: 0;
 width: 100% !important;
 height: 100% !important;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1000;
 background-image: none;
}
.html_embed_widget .game_frame.maximized .restore_wrapper {
 display: none;
}
.html_embed_widget .game_frame.game_pending .fullscreen_btn {
 display: none;
}
.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe {
 display: none;
}
.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-webkit-full-screen {
 display: block;
}
.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-moz-full-screen {
 display: block;
}
.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-o-full-screen {
 display: block;
}
.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:fullscreen {
 display: block;
}
.html_embed_widget .game_frame:not(.game_loaded) .restore_wrapper {
 display: none;
}
.html_embed_widget .game_frame iframe {
 height: 0;
 width: 0;
 border: 0;
 box-sizing: border-box;
 max-height: 100%;
 max-width: 100%;
 min-height: 100%;
 min-width: 100%;
}
.html_embed_widget .fullscreen_btn {
 opacity: 0.4;
 position: absolute;
 bottom: 0;
 right: 0;
 margin: 8px;
 font-size: 16px;
 display: block;
 transition: opacity 0.4s;
 background: none;
 padding: 0;
 border: 0;
 cursor: pointer;
}
.html_embed_widget .fullscreen_btn img {
 display: block;
 width: 30px;
 height: 30px;
}
.html_embed_widget .fullscreen_btn:hover {
 opacity: 0.8;
}
.html_embed_widget .game_error {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 font-size: 14px;
 color: #222;
 width: 350px;
 margin: 20px auto;
 border: 1px solid #efbebe;
 border-radius: 2px;
 background: #f9e7e7;
 line-height: 1.4;
 box-shadow: 0 0 0 4px white;
}
.html_embed_widget .game_error .error_details {
 margin: 10px 20px;
}
.html_embed_widget .game_error .error_details > h3 {
 color: inherit;
 font-size: inherit;
 margin: 0 0 10px 0;
}
.html_embed_widget .game_error .error_help {
 border-top: 1px solid #f4d2d2;
 color: #222;
 padding: 10px 20px;
}
.simple_social_buttons_widget {
 display: inline-flex;
 vertical-align: middle;
 gap: 10px;
 margin-left: 10px;
}
.simple_social_buttons_widget:empty {
 display: none;
}
.simple_social_buttons_widget > a {
 opacity: 0.8;
 display: flex;
 align-items: center;
 text-decoration: none;
 transition: 0.2s ease all;
}
.simple_social_buttons_widget > a:hover {
 opacity: 1;
}
.upload_list_widget .upload {
 margin-bottom: 15px;
 word-wrap: break-word;
 display: flex;
 align-items: center;
}
.upload_list_widget .upload:last-child {
 margin-bottom: 0;
}
.upload_list_widget .upload .upload_name {
 max-width: 100%;
 display: inline-flex;
 align-items: center;
}
.upload_list_widget .upload .upload_name .name {
 flex: 1;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 min-width: 0;
}
.upload_list_widget .upload .upload_name .external_label {
 font-size: 14px;
 background: #e7e7e7;
 border-radius: 4px;
 padding: 0px 8px;
 display: inline-flex;
 align-items: center;
 font-weight: bold;
 color: rgba(96, 96, 96, 0.8);
 height: 24px;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 height: 21px;
 font-size: 12px;
 background: var(--itchio_bg2_sub);
 color: var(--itchio_text_color);
}
.dark_theme .upload_list_widget .upload .upload_name .external_label {
 background: rgba(255, 255, 255, 0.1);
 color: #ababab;
}
.upload_list_widget .upload .upload_name > * {
 margin-left: 10px;
 white-space: nowrap;
}
.upload_list_widget .upload .upload_name > *:first-child {
 margin-left: 0;
}
.upload_list_widget .upload .upload_name .download_platforms:empty {
 display: none;
}
.upload_list_widget .upload .info_column {
 min-width: 0;
 flex: 1;
}
.upload_list_widget .upload .info_column > * {
 margin-bottom: 0.3em;
}
.upload_list_widget .upload .info_column > *:last-child {
 margin-bottom: 0;
}
.upload_list_widget .upload .upload_date {
 opacity: 0.6;
 font-size: 85%;
}
.upload_list_widget .upload .min_price {
 opacity: 0.6;
 font-size: 85%;
}
.upload_list_widget .upload .build_row {
 opacity: 0.6;
 font-size: 85%;
}
.upload_list_widget .upload .build_row .version_date {
 margin-left: 10px;
}
.upload_list_widget .upload .preorder_spacer {
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #dadada;
 height: 35px;
 line-height: 35px;
 min-width: 100px;
 color: #606060;
}
.upload_list_widget .upload .button,
.upload_list_widget .upload .preorder_spacer {
 margin-right: 15px;
 min-width: 100px;
}
.upload_list_widget .upload .file_size {
 opacity: 0.6;
 white-space: nowrap;
}
.upload_list_widget .upload .download_platforms {
 white-space: nowrap;
}
.upload_list_widget .upload .download_platforms .icon {
 vertical-align: top;
 opacity: 0.6;
}
.game_comments_page .breadcrumbs {
 margin-left: 20px;
 margin-right: 20px;
}
.game_comments_page .breadcrumbs a {
 text-decoration: none;
}
.game_comments_page .breadcrumbs a .text {
 text-decoration: underline;
}
.game_comments_page .game_comments_widget {
 margin-top: 0;
}
.game_comments_page h2 {
 margin-top: 0.8em;
}
.game_devlog_page .breadcrumbs {
 margin: 20px;
}
.game_devlog_page h2 {
 margin: 20px;
}
.game_devlog_post_page .post_header h1 {
 font-size: 2em;
 margin: 20px 0 5px 0;
 word-wrap: break-word;
}
.game_devlog_post_page .post_meta {
 font-size: 85%;
 margin: 20px 0 10px 0;
 line-height: 1.4;
}
.game_devlog_post_page .post_meta .post_social {
 white-space: nowrap;
 margin-top: 6px;
}
.game_devlog_post_page .breadcrumbs {
 font-size: 85%;
}
.game_devlog_post_page .split_columns {
 display: flex;
}
.game_devlog_post_page .split_columns .primary_column {
 flex: 1;
 margin: 0 20px;
 min-width: 0;
}
.game_devlog_post_page .split_columns .game_metadata {
 padding-top: 40px;
 width: 307px;
 margin-right: 20px;
 margin-left: 40px;
}
@media (max-width: 1000px) {
 .game_devlog_post_page .split_columns {
  display: block;
 }
 .game_devlog_post_page .split_columns .primary_column,
 .game_devlog_post_page .split_columns .game_metadata {
  width: auto;
  margin: 20px;
 }
 .game_devlog_post_page .split_columns .primary_column {
  margin: 0;
 }
 .game_devlog_post_page .split_columns .primary_column > * {
  margin: 20px;
 }
 .game_devlog_post_page .split_columns .primary_column .post_images {
  margin-left: 0;
  margin-right: 0;
 }
}
.game_devlog_post_page .primary_column > section {
 margin-bottom: 20px;
}
.game_devlog_post_page .primary_column > section:last-child {
 margin-bottom: 0;
}
.game_devlog_post_page .post_body p:first-child {
 margin-top: 0;
}
.game_devlog_post_page .post_body p:last-child {
 margin-bottom: 0;
}
.game_devlog_post_page .post_images {
 overflow-x: auto;
 white-space: nowrap;
 text-align: center;
 margin: 0 0 20px 0;
 scrollbar-color: var(--itchio_button_color) var(--itchio_gray_back);
 scrollbar-width: thin;
}
.game_devlog_post_page .post_images::-webkit-scrollbar {
 width: 6px;
 height: 6px;
}
.game_devlog_post_page .post_images::-webkit-scrollbar-track {
 background: var(--itchio_gray_back);
 border-radius: var(--itchio_border_radius);
}
.game_devlog_post_page .post_images::-webkit-scrollbar-thumb {
 background: var(--itchio_button_color);
 border-radius: var(--itchio_border_radius);
}
.game_devlog_post_page .post_images > a {
 display: inline-block;
 margin-right: 10px;
}
.game_devlog_post_page .post_images > a:last-child {
 margin-right: 0;
}
.game_devlog_post_page .post_images img {
 display: block;
}
.game_devlog_post_page .game_metadata h3 {
 margin: 0;
 font-size: 1.1em;
}
.game_devlog_post_page .game_metadata h3 + p {
 margin-top: 10px;
}
.game_devlog_post_page .game_metadata > section {
 margin-top: 20px;
}
.game_devlog_post_page .game_metadata > section:first-child {
 margin-top: 0;
}
.game_devlog_post_page .game_metadata p {
 font-size: 85%;
}
.game_devlog_post_page .game_metadata .add_collection_row a {
 display: block;
 width: 100%;
}
.game_devlog_post_page .game_metadata .add_collection_row a .icon {
 font-size: 18px;
 margin-right: 10px;
 vertical-align: -3px;
}
.game_devlog_post_page .post_files h2,
.game_devlog_post_page .game_download h2 {
 margin: 40px 0 20px 0;
}
.game_devlog_post_page .more_posts .post_date {
 margin-top: 5px;
 opacity: 0.6;
 white-space: nowrap;
 font-size: 85%;
}
.game_devlog_post_page .more_posts .post_date .icon {
 display: none;
}
.game_devlog_post_page .more_posts ul {
 margin: 10px 0 0 0;
 padding: 0;
 list-style: none;
}
.game_devlog_post_page .more_posts li {
 margin-bottom: 10px;
}
.game_devlog_post_page .more_posts li:last-child {
 margin-bottom: 0;
}
.game_devlog_post_page .game_downloader_widget {
 margin: 20px 0;
}
.game_devlog_post_page .game_info_panel_widget td {
 font-size: 85%;
}
.game_devlog_post_page .game_info_panel_widget td:first-child {
 padding-left: 0;
 min-width: 0;
}
.game_devlog_post_page .like_button_drop {
 display: inline-block;
}
.game_devlog_post_page .post_like_button {
 display: inline-flex;
 align-items: center;
 margin-right: 10px;
 border-radius: 4px;
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.game_devlog_post_page .post_like_button .likes_count {
 padding: 0 6px;
 font-size: 85%;
}
.game_devlog_post_page .post_like_button form {
 display: block;
}
.game_devlog_post_page .post_like_button .button {
 display: block;
 font-family: inherit;
}
.game_devlog_post_page .post_like_button .button .icon {
 vertical-align: -1px;
 margin-right: 4px;
}
.game_devlog_post_page .post_like_button .button:hover .default {
 display: none;
}
.game_devlog_post_page .post_like_button .button:hover .hover {
 display: initial;
}
.game_devlog_post_page .post_like_button .hover {
 display: none;
}
.view_game_page.view_flash_game_page,
.view_game_page.view_unity_game_page,
.view_game_page.view_java_game_page,
.view_game_page.view_html_game_page {
 *zoom: 1;
}
.view_game_page.view_flash_game_page:before,
.view_game_page.view_flash_game_page:after,
.view_game_page.view_unity_game_page:before,
.view_game_page.view_unity_game_page:after,
.view_game_page.view_java_game_page:before,
.view_game_page.view_java_game_page:after,
.view_game_page.view_html_game_page:before,
.view_game_page.view_html_game_page:after {
 content: ' ';
 display: table;
}
.view_game_page.view_flash_game_page:after,
.view_game_page.view_unity_game_page:after,
.view_game_page.view_java_game_page:after,
.view_game_page.view_html_game_page:after {
 clear: both;
}
.view_game_page.view_flash_game_page .center_column,
.view_game_page.view_unity_game_page .center_column,
.view_game_page.view_java_game_page .center_column,
.view_game_page.view_html_game_page .center_column {
 margin: 20px 0;
}
.view_game_page.view_flash_game_page .donate,
.view_game_page.view_unity_game_page .donate,
.view_game_page.view_java_game_page .donate,
.view_game_page.view_html_game_page .donate {
 text-align: center;
 margin: 20px 0;
}
@media (max-width: 400px) {
 .view_game_page.view_flash_game_page .center_column,
 .view_game_page.view_unity_game_page .center_column,
 .view_game_page.view_java_game_page .center_column,
 .view_game_page.view_html_game_page .center_column {
  margin: 0;
 }
}
.view_game_page.view_flash_game_page.ready .donate,
.view_game_page.view_html_game_page.ready .donate {
 display: block;
}
.view_game_page.view_flash_game_page .donate,
.view_game_page.view_html_game_page .donate {
 display: none;
}
.view_game_page.view_flash_game_page .embed_wrapper,
.view_game_page.view_html_game_page .embed_wrapper {
 margin: 20px 0;
}
.view_game_page.view_flash_game_page .game_loading,
.view_game_page.view_html_game_page .game_loading {
 padding: 20px 0;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.8;
 background: rgba(0, 0, 0, 0.04);
}
.view_game_page.view_flash_game_page .game_loading .loading_block,
.view_game_page.view_html_game_page .game_loading .loading_block {
 display: inline-block;
}
.view_game_page.view_flash_game_page.ready .game_loading {
 display: none;
}
.view_game_page.view_flash_game_page.no_flash .swf_outer {
 padding: 10px;
}
.view_game_page.view_flash_game_page.no_flash .center_column .donate {
 display: none;
}
.view_game_page.view_flash_game_page .swf_outer {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 line-height: 1.5;
 display: flex;
 align-items: center;
 justify-content: center;
}
.view_game_page.view_flash_game_page .swf_outer.hide_placeholder:before {
 display: none;
}
.view_game_page.view_flash_game_page .swf_outer object {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
}
.view_game_page.view_flash_game_page .swf_outer .flash_notification {
 font-weight: bold;
 opacity: 0.8;
 text-align: center;
 max-width: 280px;
}
@media (max-width: 400px) {
 .view_game_page.view_html_game_page .center_column {
  margin-top: 20px;
 }
}
.view_game_page.view_html_game_page.ready .donate {
 display: block;
}
.view_game_page.view_html_game_page .donate {
 display: none;
}
.view_game_page.view_unity_game_page .embed_wrapper,
.view_game_page.view_java_game_page .embed_wrapper {
 margin: 20px 0;
}
.view_game_page.view_unity_game_page .unity_drop,
.view_game_page.view_unity_game_page .jar_drop,
.view_game_page.view_java_game_page .unity_drop,
.view_game_page.view_java_game_page .jar_drop {
 margin: 0 auto;
 position: relative;
 text-align: center;
}
.view_game_page.view_unity_game_page.unity_unsupported .no_unity_message {
 display: block;
}
.view_game_page.view_unity_game_page .no_unity_message {
 display: none;
 margin: 20px;
}
.view_game_page.view_unity_game_page .no_unity_message .add_collection_row {
 text-align: center;
}
@media (max-width: 1000px) {
 .view_game_page.view_unity_game_page .no_unity_message .button,
 .view_game_page.view_unity_game_page .donate_btn {
  display: block;
 }
 .view_game_page.view_unity_game_page .donate {
  margin: 0 20px;
 }
}
.view_game_page.direct_download .header_buy_row .button {
 display: block;
 margin: 0;
}
.view_game_page.buy_on_top .header_buy_row {
 display: block;
}
.view_game_page .header_buy_row {
 display: none;
}
.view_game_page .header_buy_row p {
 margin: 20px 20px 0 20px;
}
.view_game_page .header_buy_row p:last-child {
 margin-bottom: 20px;
}
.view_game_page .header_buy_row .direct_download_row {
 margin: 10px 20px 20px 20px;
}
.view_game_page .header_buy_row .direct_download_row > button.button {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 5px;
 width: 100%;
}
.view_game_page .formatted_description {
 margin: 20px;
 margin-bottom: 40px;
 margin-top: 0;
}
.view_game_page .formatted_description .empty_text {
 font-style: italic;
 color: #606060;
}
.view_game_page .formatted_description > :first-child {
 margin-top: 0;
}
.view_game_page .more_information_toggle {
 margin: 0 20px 20px 20px;
}
.view_game_page .more_information_toggle.open .svgicon {
 transform: rotate(180deg);
}
.view_game_page .more_information_toggle .aggregate_rating {
 font-size: 16px;
}
.view_game_page .more_information_toggle .toggle_row {
 margin-bottom: 10px;
}
.view_game_page .more_information_toggle .svgicon {
 transition: transform 0.2s ease;
 margin-left: 5px;
 opacity: 0.7;
 fill: #222;
}
.view_game_page .video_embed {
 margin-right: 20px;
 margin-bottom: 10px;
}
.view_game_page .video_embed.big_video {
 margin-right: 0;
}
.view_game_page .video_embed:empty {
 display: none;
}
.lightbox_open .view_game_page .video_embed {
 visibility: hidden;
}
.view_game_page .screenshot_list {
 margin-right: 20px;
 box-sizing: border-box;
}
.view_game_page .screenshot_list img {
 display: block;
 margin-bottom: 10px;
 max-width: 347px;
}
.view_game_page .bundle_row {
 display: flex;
 align-items: center;
 padding: 10px 15px;
 margin: 20px;
 border: 2px solid #dadada;
 border-radius: 2px;
}
.view_game_page .bundle_row .bundle_label {
 opacity: 0.7;
 font-weight: normal;
}
.view_game_page .bundle_row .bundle_title {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.view_game_page .bundle_row .bundle_info {
 flex: 1;
 min-width: 0;
 margin-right: 20px;
 line-height: 1.5;
}
.view_game_page .bundle_row .bundle_info a {
 font-weight: bold;
 font-size: 110%;
}
.view_game_page .community_summary p {
 margin: 20px;
}
.view_game_page .sale_explanation {
 margin: 20px;
}
.view_game_page .uploads p {
 margin-left: 20px;
 margin-right: 20px;
}
.view_game_page .uploads .upload_list_widget {
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 10px;
}
.view_game_page .buy_row {
 margin: 20px;
}
.view_game_page .buy_row .button_message {
 display: inline-flex;
 align-items: center;
}
.view_game_page .buy_row .buy_message {
 display: flex;
 align-items: center;
}
.view_game_page .buy_row .buy_message > * {
 margin-right: 5px;
}
.view_game_page .buy_row .buy_message > *:last-child {
 margin-right: 0;
}
.view_game_page .buy_row .dollars {
 font-weight: bold;
 font-size: 120%;
}
.view_game_page .buy_row .dollars.original_price {
 text-decoration: line-through;
 color: inherit;
 opacity: 0.5;
 font-weight: normal;
}
.view_game_page .buy_row .sale_link {
 text-decoration: none;
}
.view_game_page .buy_row .sale_label {
 height: 35px;
 box-sizing: border-box;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 vertical-align: top;
 color: white;
 font-size: 12px;
 background: rgba(0, 0, 0, 0.5);
 border: 1px solid rgba(255, 255, 255, 0.7);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
 padding: 0 10px;
 border-radius: 4px;
}
.view_game_page .buy_row .sale_label .sale_rate {
 font-weight: bold;
 color: #67e3bd;
}
.view_game_page .buy_row .sale_label .main_label {
 font-style: italic;
}
.view_game_page .buy_row .sub {
 color: inherit;
 opacity: 0.5;
}
.view_game_page .buy_row .button {
 margin-right: 10px;
}
.view_game_page .button {
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
 box-sizing: border-box;
 display: inline-block;
 background: #ff2449;
 color: white;
 text-decoration: none;
 padding: 0 10px;
 font-size: 14px;
 text-shadow: 0 1px 0 #c3223e;
 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;
 min-width: 75px;
}
.view_game_page .button:hover {
 background: #ff2e51;
}
.view_game_page .button:active {
 background-color: #e1193b;
 position: relative;
 top: 1px;
}
.view_game_page .missing_game {
 width: 450px;
 margin: 20px auto;
 text-align: center;
 font-size: 18px;
 line-height: 1.8;
}
.view_game_page .missing_game p {
 text-align: left;
}
.view_game_page .app_store_links {
 margin: 15px 20px;
}
.view_game_page .app_store_links .store_btn {
 display: inline-block;
 margin-right: 10px;
}
.view_game_page .rewards h2 {
 margin-top: 30px;
}
.view_game_page .reward_summary {
 margin: 20px;
}
.view_game_page .rewards_list {
 margin: 0 20px;
}
.view_game_page .reward_row {
 border: 2px solid #dadada;
 border-radius: 2px;
 padding: 10px;
 margin-bottom: 20px;
}
.view_game_page .reward_row h3 {
 margin: 0 0 10px 0;
}
.view_game_page .reward_row .remaining_count {
 margin-left: 10px;
}
.view_game_page .reward_footer .sold_out_message {
 font-weight: bold;
}
.view_game_page .reward_footer .quantity_input {
 border: 2px solid #dadada;
 border-radius: 2px;
 padding: 4px;
}
.view_game_page .column {
 padding-bottom: 20px;
}
@media (max-width: 1000px) {
 .responsive .view_game_page .columns {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 100vw;
 }
 .responsive .view_game_page .columns .left_col,
 .responsive .view_game_page .columns .right_col {
  display: block;
  margin: 0;
  width: auto;
 }
 .responsive .view_game_page .columns .left_col {
  -webkit-order: 2;
  order: 2;
 }
 .responsive .view_game_page .columns .right_col {
  -webkit-order: 1;
  order: 1;
 }
 .responsive .view_game_page .right_col .video_embed {
  text-align: center;
  margin: 0;
  margin-bottom: 20px;
 }
 .responsive .view_game_page .header_buy_row {
  display: block;
 }
 .responsive .view_game_page .screenshot_list {
  white-space: nowrap;
  overflow: auto;
  font-size: 0;
  text-align: center;
  margin: 0;
 }
 .responsive .view_game_page .screenshot_list img {
  display: inline-block;
  margin: 0;
  height: 200px;
 }
 .responsive .view_game_page .uploads .upload {
  display: block;
  margin-bottom: 15px;
 }
 .responsive .view_game_page .uploads .upload .name {
  display: block;
 }
 .responsive .view_game_page .uploads .upload .button {
  display: block;
  margin: 0 0 5px 0;
 }
 .responsive .view_game_page .buy_row .dollars {
  font-size: 100%;
 }
}
@media (max-width: 400px) {
 .responsive .view_game_page .buy_row {
  font-size: 14px;
  white-space: nowrap;
  margin: 5px 0;
  padding: 15px 20px;
  overflow: auto;
 }
}
.view_game_page .info_panel_wrapper {
 display: none;
}
.view_game_page .game_info_panel_widget {
 background: rgba(0, 0, 0, 0.1);
 padding: 10px;
}
.view_game_page .game_devlog ul {
 padding: 0;
 margin: 20px;
 list-style: none;
}
.view_game_page .game_devlog ul li {
 margin: 0 0 5px 0;
 display: flex;
 align-items: center;
}
.view_game_page .game_devlog ul li:last-child {
 margin-bottom: 0;
}
.view_game_page .game_devlog .post_date {
 margin-top: 4px;
 opacity: 0.5;
 white-space: nowrap;
 margin-left: 10px;
 font-size: 80%;
}
.view_game_page .game_devlog .post_date .icon {
 display: none;
}
.view_game_page .game_devlog p {
 margin: 20px;
}
.content_warning_widget {
 box-sizing: border-box;
 z-index: 999;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: opacity 0.2s;
 opacity: 1;
 padding: 20px;
 overflow-y: auto;
 background-color: white;
 background-color: var(--itchio_bg_color, white);
 color: var(--itchio_text_color);
 font-family: var(--itchio_font_family), Lato, sans-serif;
}
@media (max-width: 650px) {
 .content_warning_widget {
  padding: 10px;
 }
}
.content_warning_widget .content_warning_inner {
 background-color: var(--itchio_bg2_color);
 max-width: 500px;
 padding: 20px;
}
.content_warning_widget .date_inputs {
 display: flex;
 align-items: center;
 gap: 5px;
}
.content_warning_widget .check_row {
 display: flex;
 align-items: center;
}
.content_warning_widget .check_row > *:first-child {
 margin-right: 5px;
}
.content_warning_widget .form .buttons {
 color: inherit;
}
.content_warning_widget a,
.content_warning_widget .form .buttons a {
 color: var(--itchio_link_color);
}
.content_warning_widget.hidden {
 pointer-events: none;
 opacity: 0;
}
.forms_color_input_widget {
 display: inline-flex;
 box-sizing: border-box;
 width: 150px;
 background-color: var(--itchio_white_back);
 border: 2px solid #cdcdcd;
 border-radius: 4px;
 height: 35px;
 padding: 0px 6px 0px 10px;
 position: relative;
}
.dark_theme .forms_color_input_widget {
 border-color: rgba(255, 255, 255, 0.1);
}
.forms_color_input_widget.compact {
 border-width: 1px;
}
.forms_color_input_widget.compact .color_swatch {
 width: 25px;
}
.forms_color_input_widget.compact input.color_text_input {
 font-size: 12px;
}
.forms_color_input_widget.compact.picker_open {
 box-shadow: 0 0 0 1px #a287c0;
}
.forms_color_input_widget.picker_open {
 border-color: #a287c0;
}
.forms_color_input_widget.color_error {
 border-color: #d14343;
}
.forms_color_input_widget .color_popout {
 left: 100%;
 top: -2px;
 margin-left: 10px;
}
.forms_color_input_widget.picker_left .color_popout {
 left: auto;
 right: 100%;
 margin-left: 0;
 margin-right: 10px;
}
.forms_color_input_widget input.color_text_input {
 border: 0;
 padding: 0;
 min-width: 0;
 width: 0;
 flex: 1;
 font-size: 14px;
 font-family: monospace;
 outline: none;
 background-color: var(--itchio_white_back);
 color: var(--itchio_body_color_med);
}
.forms_color_input_widget input.color_text_input:focused {
 color: var(--itchio_body_color);
}
.forms_color_input_widget .color_swatch {
 width: 50px;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 border-radius: 3px;
 margin: 4px 0;
 cursor: pointer;
}
.forms_color_input_popup_widget {
 position: absolute;
 top: 0;
 left: 0;
 box-shadow: 0 0 0 1px #cdcdcd, 0 2px 4px rgba(0, 0, 0, 0.2);
 border-radius: 3px;
 z-index: 101;
 padding: 10px;
 background-color: var(--itchio_white_back);
 margin-left: 10px;
}
.dark_theme .forms_color_input_popup_widget {
 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.forms_color_input_popup_widget .clear_color_btn {
 position: absolute;
 top: 0;
 right: 0;
 background-color: var(--itchio_white_back);
 border: 0;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 cursor: pointer;
 padding: 2px 6px;
 border-bottom: 1px solid;
 border-left: 1px solid;
 border-color: var(--itchio_border_color);
 border-radius: 0 0 0 4px;
 font-size: 14px;
 font-weight: bold;
 color: var(--itchio_body_color_light);
 z-index: 2;
}
.forms_color_input_popup_widget .clear_color_btn:hover {
 background-color: var(--itchio_gray_back);
}
.forms_color_input_popup_widget .palette_options {
 margin-top: 10px;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
 grid-gap: 5px;
 align-items: start;
}
.forms_color_input_popup_widget .palette_options > button {
 color: white;
 font-size: 0;
 width: 100%;
 height: 16px;
 border: 0;
}
.forms_color_wheel_widget {
 position: relative;
 cursor: crosshair;
}
.forms_color_wheel_widget .wheel {
 background: url(lib/farbtastic/wheel.png) no-repeat;
 position: relative;
 width: 195px;
 height: 195px;
}
.forms_color_wheel_widget .color_block,
.forms_color_wheel_widget .mask {
 position: absolute;
 top: 47px;
 left: 47px;
}
.forms_color_wheel_widget .color_block {
 background-color: blue;
}
.forms_color_wheel_widget .mask {
 background: url(lib/farbtastic/mask.png) no-repeat;
}
.forms_color_wheel_widget .marker {
 position: absolute;
 width: 17px;
 height: 17px;
 margin: -8px 0 0 -8px;
 overflow: hidden;
 background: url(lib/farbtastic/marker.png) no-repeat;
 pointer-events: none;
}
.forms_markdown_help_lightbox_widget {
 width: 100%;
 max-width: 500px;
}
.forms_markdown_help_lightbox_widget.lightbox h2 + p {
 margin-top: 0;
}
.forms_markdown_help_lightbox_widget .table_wrapper {
 margin: 20px;
}
.forms_markdown_help_lightbox_widget .nice_table {
 margin: 0;
 width: 100%;
 box-sizing: border-box;
}
.forms_markdown_help_lightbox_widget .nice_table .format_type {
 font-weight: bold;
}
.forms_markdown_help_lightbox_widget .nice_table .format_example {
 font-family: monospace;
}
.forms_markdown_input_widget {
 border: 2px solid;
 border-radius: 3px;
 border-color: var(--itchio_input_border_color);
}
.forms_markdown_input_widget.loading {
 position: relative;
}
.forms_markdown_input_widget.loading .markdown_toolbar {
 opacity: 0.5;
 pointer-events: none;
}
.forms_markdown_input_widget.loading .loading_reason {
 user-select: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: bold;
}
.forms_markdown_input_widget > textarea.markdown_textarea {
 border: 0;
 margin: 0;
 padding: 0;
 font-size: inherit;
 font-family: monospace;
 box-sizing: border-box;
 padding: 10px;
 display: block;
 border-radius: 0;
 min-height: 160px;
 resize: vertical;
 width: 100%;
 max-width: none;
}
.responsive form .forms_markdown_input_widget .markdown_textarea {
 width: 100%;
 max-width: none;
}
.forms_markdown_input_widget .markdown_toolbar {
 list-style: none;
 display: flex;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid;
 border-color: var(--itchio_border_color);
 height: 32px;
 box-sizing: border-box;
}
.forms_markdown_input_widget .markdown_toolbar button > .svgicon {
 width: 15px;
}
.forms_markdown_input_widget .markdown_toolbar button > .svgicon.markdown_icon {
 width: 26px;
 vertical-align: -3px;
 display: inline-block;
}
.forms_markdown_input_widget .markdown_toolbar > li > button {
 background: transparent;
 border: 0;
 font-family: inherit;
 font-size: inherit;
 cursor: pointer;
 padding: 3px 10px;
 box-sizing: border-box;
 color: var(--itchio_body_color_light);
}
.forms_markdown_input_widget .markdown_toolbar > li > button:hover {
 color: white;
 background: #ff2449;
 background: var(--itchio_button_color, #ff2449);
}
.forms_markdown_input_widget .markdown_toolbar > li {
 border-right: 1px solid;
 border-color: var(--itchio_border_color);
 display: flex;
}
html[dir='rtl'] .forms_markdown_input_widget .markdown_toolbar > li {
 border-right: none;
 border-left: 1px solid;
 border-color: var(--itchio_border_color);
}
.forms_markdown_input_widget .markdown_toolbar > li:last-child {
 border-right: 0;
}
.forms_markdown_video_embed_lightbox_widget {
 width: 100%;
 max-width: 500px;
}
.forms_markdown_video_embed_lightbox_widget.lightbox h2 + p {
 margin-top: 0;
}
.forms_markdown_video_embed_lightbox_widget .form {
 padding: 20px;
 padding-top: 0;
}
.forms_markdown_video_embed_lightbox_widget .form .input_split {
 display: flex;
 align-items: center;
 margin-top: 6px;
}
.forms_markdown_video_embed_lightbox_widget .form .input_split input[type='text'] {
 margin: 0;
 margin-right: 10px;
 width: auto;
 flex: 1;
}
.forms_simple_select_widget {
 display: inline-block;
 box-sizing: border-box;
 min-width: 30px;
 position: relative;
 border: 2px solid;
 border-color: var(--itchio_input_border_color);
 background-color: var(--itchio_white_back);
 padding: 4px 8px 4px 10px;
 border-radius: 4px;
 height: 35px;
}
.forms_simple_select_widget:hover .selected_option {
 color: var(--itchio_body_color);
}
.forms_simple_select_widget.disabled {
 opacity: 0.5;
 background-color: var(--itchio_gray_back);
}
.forms_simple_select_widget.disabled select:hover {
 cursor: default;
}
.forms_simple_select_widget.focused {
 border-color: #a287c0;
}
.forms_simple_select_widget.focused .select_component {
 color: var(--itchio_body_color);
}
.forms_simple_select_widget .icon,
.forms_simple_select_widget .svgicon {
 margin-left: 4px;
 color: rgba(34, 34, 34, 0.7);
}
.dark_theme .forms_simple_select_widget .icon,
.dark_theme .forms_simple_select_widget .svgicon {
 color: rgba(238, 238, 238, 0.7);
}
.forms_simple_select_widget .selected_option {
 font-size: 14px;
 color: var(--itchio_body_color_med);
 height: 100%;
 display: flex;
 align-items: center;
}
.forms_simple_select_widget .selected_option .selected_option_name {
 flex: 1;
 min-width: 0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.forms_simple_select_widget select {
 -moz-appearance: none;
 -webkit-appearance: none;
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}
.forms_simple_select_widget select:hover {
 cursor: pointer;
}
.forms_slider_widget {
 display: inline-block;
 box-sizing: border-box;
 min-width: 100px;
 position: relative;
 padding: 5px 10px;
}
.forms_slider_widget.disabled {
 opacity: 0.5;
}
.forms_slider_widget.disabled .slider_nub {
 cursor: default;
}
.forms_slider_widget .slider_fill {
 height: 100%;
 background: rgba(0, 0, 0, 0.08);
 border-radius: 16px;
}
.dark_theme .forms_slider_widget .slider_fill {
 background: rgba(255, 255, 255, 0.08);
}
.forms_slider_widget .slider_track {
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
 background-color: var(--itchio_white_back);
 height: 8px;
 border-radius: 4px;
 position: relative;
}
.dark_theme .forms_slider_widget .slider_track {
 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.forms_slider_widget .slider_nub {
 position: absolute;
 padding: 0;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 margin-top: -9px;
 margin-left: -9px;
 border: 0;
 background: #ff2449;
 border: 1px solid rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21), 0 0 0 1px rgba(255, 255, 255, 0.5);
 top: 50%;
 left: 50%;
}
.dark_theme .forms_slider_widget .slider_nub {
 box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
}
.forms_slider_widget .slider_nub:not(.disabled):hover {
 background: #ff3e5e;
}
.forms_slider_widget .slider_nub:not(.disabled):active {
 background-color: #e1193b;
}
.forms_slider_widget .value_tooltip {
 pointer-events: none;
 box-sizing: border-box;
 position: absolute;
 background: black;
 color: white;
 font-family: monospace;
 padding: 2px 4px;
 top: 0;
 font-size: 12px;
 transform: translate(-50%, -140%);
 margin-bottom: 4px;
 border-radius: 2px;
}
.row_mover_widget {
 display: inline-flex;
 align-items: center;
 border: 1px solid;
 border-color: var(--itchio_border_color);
 border-radius: 4px;
 padding: 0 2px 0 5px;
 height: 20px;
}
.row_mover_widget .mover_label {
 font-weight: bold;
 color: var(--itchio_body_color_light);
 font-size: 13px;
 margin-right: 2px;
}
.row_mover_widget .svgicon {
 width: 16px;
 height: 16px;
}
.row_mover_widget > button {
 border: 0;
 background: none;
 cursor: pointer;
 padding: 0 2px;
 margin: 0;
 align-self: stretch;
 color: var(--itchio_body_color_gray);
}
.row_mover_widget > button:hover:not([disabled]) {
 color: var(--itchio_body_color);
}
.row_mover_widget > button[disabled] {
 opacity: 0.2;
 cursor: default;
}
.follow_button_widget {
 cursor: pointer;
 white-space: nowrap;
}
.follow_button_widget.animate_bounce,
.follow_button_widget.animate_drop_down {
 pointer-events: none;
}
.follow_button_widget.outline {
 box-sizing: border-box;
 transition: all 0.2s ease;
 display: inline-block;
 border-radius: 3px;
 text-decoration: none;
 padding: 3px 10px;
 font-size: 14px;
 letter-spacing: 0.025em;
 white-space: nowrap;
 border: 1px solid rgba(255, 255, 255, 0.6);
 color: white;
}
.follow_button_widget.outline:hover {
 background: white;
 color: #222;
 color: white;
 background: #ff2449;
 border-color: #ff2449;
}
.follow_button_widget.outline:active {
 background: #e1193b;
 border-color: #e1193b;
}
.follow_button_widget.button.small .icon {
 display: none;
}
.follow_button_widget.is_following {
 transition: box-shadow 0.2s ease;
}
.follow_button_widget.is_following:not(.loading).button {
 background-color: var(--itchio_white_back);
 border-color: #ff2449;
 color: #ff2449;
 text-shadow: none;
}
.follow_button_widget.is_following:hover {
 position: relative;
 box-shadow: inset 0 0 0 2px rgba(255, 36, 73, 0.4);
}
.follow_button_widget.is_following:hover .unfollow_label {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 text-align: center;
}
.follow_button_widget.is_following:hover .on_unfollow {
 visibility: hidden;
}
.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 {
 position: relative;
 top: 1px;
}
html:not([dir='rtl']) .follow_button_widget .icon {
 margin-right: 5px;
}
html[dir='rtl'] .follow_button_widget .icon {
 margin-left: 5px;
}
.community_archive_topic_lightbox_widget {
 width: 600px;
}
.community_archive_topic_lightbox_widget .form {
 margin: 20px 40px;
}
.community_archive_topic_lightbox_widget ul li {
 font-size: 14px;
}
.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: #858585;
}
.community_ban_lightbox_widget h2 .banned_user:after {
 content: '”';
 font-weight: normal;
 color: #858585;
}
.community_ban_lightbox_widget .form {
 margin: 20px 40px;
}
.community_ban_lightbox_widget .after_submit {
 display: none;
}
.community_dismiss_pending_post_lightbox_widget {
 width: 100%;
 max-width: 450px;
}
.community_dismiss_pending_post_lightbox_widget > form {
 padding: 20px var(--itchio_lightbox_gutter, 40px);
 padding-top: 0;
}
.community_lock_topic_lightbox_widget {
 width: 600px;
}
.community_lock_topic_lightbox_widget .form {
 margin: 20px 40px;
}
.community_post_lightbox_widget {
 width: 100%;
 max-width: 600px;
}
.community_post_lightbox_widget .community_post_list_widget {
 background-color: var(--itchio_white_back);
 border: 1px solid #cdcdcd;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 border-radius: 3px;
 padding: 10px;
 margin: 20px var(--itchio_lightbox_gutter, 40px);
 margin-top: 0;
}
@media print {
 .community_post_lightbox_widget .community_post_list_widget {
  box-shadow: none;
  border: none;
 }
}
.dark_theme .community_post_lightbox_widget .community_post_list_widget {
 box-shadow: none;
 border-color: rgba(255, 255, 255, 0.1);
}
.community_post_lightbox_widget .community_post_list_widget .community_post_widget p {
 margin: 0 0 1em 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;
}
.after_download_lightbox_widget {
 max-width: 800px;
 width: 100%;
}
.after_download_lightbox_widget p {
 margin-top: 10px;
 margin-bottom: 10px;
}
.after_download_lightbox_widget .bandwidth_row {
 border-top: 1px solid #dadada;
 font-size: 14px;
 color: #606060;
 padding: 20px 40px;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}
.after_download_lightbox_widget .bandwidth_row > * {
 margin-left: 10px;
}
.after_download_lightbox_widget h3 {
 border-top: 1px solid #dadada;
 padding: 20px 40px 0 40px;
 margin: 20px 0;
 color: #444;
}
@media (max-width: 650px) {
 .after_download_lightbox_widget h3 {
  padding-left: 20px;
  padding-right: 20px;
 }
}
.after_download_lightbox_widget .game_grid_widget {
 margin: 20px 0 0 20px;
 margin-right: 0;
}
.after_download_lightbox_widget .browse_footer {
 text-align: center;
 margin-bottom: 30px;
}
.after_download_lightbox_widget .browse_footer .outline_button {
 box-sizing: border-box;
 transition: all 0.2s ease;
 display: inline-block;
 border-radius: 3px;
 text-decoration: none;
 padding: 3px 10px;
 font-size: 14px;
 letter-spacing: 0.025em;
 white-space: nowrap;
 border: 1px solid rgba(255, 255, 255, 0.6);
 color: white;
 color: #444;
 padding: 5px 17px;
 font-size: 16px;
}
.after_download_lightbox_widget .browse_footer .outline_button:hover {
 background: white;
 color: #222;
 color: white;
 background: #ff2449;
 border-color: #ff2449;
}
.after_download_lightbox_widget .browse_footer .outline_button:active {
 background: #e1193b;
 border-color: #e1193b;
}
.after_download_lightbox_widget .social_buttons_widget {
 margin: 20px 40px;
}
.after_download_lightbox_widget .social_buttons_widget .social_button {
 display: inline-block;
 min-width: 120px;
 vertical-align: top;
}
.after_download_lightbox_widget .share_row {
 display: flex;
 align-items: center;
 margin: 15px 40px 10px 40px;
 font-size: 16px;
 line-height: 1.5;
}
.after_download_lightbox_widget .share_row .share_links {
 display: flex;
 align-items: center;
}
.after_download_lightbox_widget .share_row .share_links .icon {
 margin-right: 5px;
}
.after_download_lightbox_widget .share_row > * {
 margin-right: 10px;
}
.after_download_lightbox_widget .share_row > *:last-child {
 margin-right: 0;
}
@media (max-width: 650px) {
 .after_download_lightbox_widget .share_row {
  margin-left: 20px;
  margin-right: 20px;
  display: block;
 }
 .after_download_lightbox_widget .share_row > * {
  width: 100%;
  margin: 0 0 10px 0;
 }
 .after_download_lightbox_widget .share_row > *:last-child {
  margin-bottom: 0;
 }
}
.after_download_lightbox_widget .share_row .icon-heart {
 color: #ec4e61;
}
.after_download_lightbox_widget .share_row .simple_social_buttons_widget a {
 margin-left: 10px;
 text-decoration: none;
 color: #606060;
}
.after_download_lightbox_widget .share_row .simple_social_buttons_widget a:hover {
 color: #767676;
}
.blog_post_list_widget {
 list-style: none;
 margin: 0;
 padding: 0;
}
.blog_post_list_widget li {
 margin-bottom: 35px;
 font-size: 16px;
 line-height: 1.5;
}
.blog_post_list_widget li .title {
 font-size: 18px;
 text-decoration: none;
 font-weight: bold;
}
.blog_post_list_widget li .split_content {
 display: flex;
 gap: 20px;
 align-items: center;
}
.blog_post_list_widget li .post_image {
 display: block;
 margin-top: 8px;
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.dark_theme .blog_post_list_widget li .post_image {
 box-shadow: none;
}
@media (max-width: 650px) {
 .blog_post_list_widget li .post_image {
  display: none;
 }
}
.blog_post_list_widget li .post_preview {
 flex: 1;
 min-width: 0;
}
.blog_post_list_widget li .meta_row {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font-size: 14px;
 color: var(--itchio_body_color_light);
 display: flex;
 gap: 15px;
 margin-top: 2px;
 min-width: 0;
}
.blog_post_list_widget li .meta_row a {
 color: inherit;
}
.blog_post_list_widget li .meta_row .post_likes {
 border: 1px solid #cdcdcd;
 padding: 1px 4px;
 border-radius: 4px;
 font-weight: bold;
 color: var(--itchio_body_color_light);
 font-size: 12px;
 display: inline-flex;
 gap: 4px;
 align-items: center;
}
.dark_theme .blog_post_list_widget li .meta_row .post_likes {
 border-color: rgba(255, 255, 255, 0.1);
}
.blog_post_list_widget li .meta_row .post_likes .icon {
 font-size: 12px;
}
.blog_post_list_widget li .summary_link {
 text-decoration: none;
 color: inherit;
}
.blog_post_list_widget li .summary {
 font-size: 16px;
 margin: 10px 0 0 0;
}
@media (max-width: 650px) {
 .blog_post_list_widget li .summary {
  font-size: 14px;
 }
}
.blog_post_list_widget li .summary .summary_text {
 word-wrap: break-word;
}
.blog_post_list_widget li .summary .summary_text:after {
 content: '\a0\a0';
}
.blog_post_list_widget li .summary .read_all_link {
 color: var(--itchio_body_color_gray);
 white-space: nowrap;
 text-decoration: underline;
}
.blog_post_list_widget li:last-child {
 margin-bottom: 0;
}
.game_grid_widget {
 font-size: 16px;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 grid-gap: 25px var(--itchio_grid_gap, 10px);
 align-items: start;
}
@media (max-width: 650px) {
 .game_grid_widget {
  font-size: 14px;
 }
}
.game_grid_widget .game_cell {
 min-width: 0;
}
.game_grid_widget .game_cell:hover .game_thumb .gif_overlay {
 opacity: 1;
}
.game_grid_widget .game_cell:hover .game_cell_tools {
 top: 10px;
 opacity: 1;
}
.game_grid_widget .game_cell .game_thumb {
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
 position: relative;
 background: rgba(0, 0, 0, 0.1);
 box-sizing: border-box;
 overflow: hidden;
}
.dark_theme .game_grid_widget .game_cell .game_thumb {
 box-shadow: none;
}
.game_grid_widget .game_cell .game_thumb .no_cover_text {
 background-color: var(--itchio_white_back);
 color: #dadada;
 padding-bottom: 79.3650793651%;
 box-sizing: border-box;
 font-size: 120px;
 position: relative;
}
.game_grid_widget .game_cell .game_thumb .no_cover_text > .icon {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.game_grid_widget .game_cell .game_thumb .game_link {
 display: block;
}
.game_grid_widget .game_cell .game_thumb .gif_label {
 font-weight: bold;
 font-size: 12px;
 position: absolute;
 top: 10px;
 left: 10px;
 background: #222;
 padding: 1px 4px;
 border-radius: 2px;
 color: #ccc;
 opacity: 0.8;
}
.game_grid_widget .game_cell .game_thumb .gif_overlay {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-size: cover;
 background-position: 50% 50%;
 background-color: rgba(0, 0, 0, 0.5);
 opacity: 0;
 transition: opacity 0.2s ease;
}
.game_grid_widget .game_cell .game_thumb img {
 display: block;
 width: 100%;
 height: auto;
}
.game_grid_widget .game_cell .game_cell_tools {
 position: absolute;
 top: 5px;
 right: 10px;
 opacity: 0;
 transition: opacity 0.2s ease, top 0.2s ease;
}
@media (max-width: 650px) {
 .game_grid_widget .game_cell .game_cell_tools {
  display: none;
 }
}
.game_grid_widget .game_cell .game_cell_tools .action_btn {
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 display: inline-flex;
 align-items: center;
 background: black;
 background: rgba(0, 0, 0, 0.6);
 color: #eee;
 font-size: 12px;
 font-weight: bold;
 border: 1px solid rgba(10, 10, 10, 0.5);
 border-radius: 2px;
 padding: 0.1428571429em 0.2857142857em;
 cursor: pointer;
 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
 margin-bottom: 10px;
 text-decoration: none;
 text-align: left;
 border: 4px solid #da2c49;
 background: rgba(30, 30, 30, 0.8);
 font-size: 14px;
 font-weight: bold;
 box-shadow: none;
 border-radius: 3px;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn .icon {
 margin-right: 5px;
 text-shadow: none;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn > svg {
 display: inline-block;
 margin-right: 4px;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn > svg:not([fill]) {
 fill: white;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn > svg[fill] {
 stroke: white;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn .icon,
.game_grid_widget .game_cell .game_cell_tools .action_btn .svgicon {
 width: 1.3333333333em;
 height: 1.3333333333em;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn .icon-playlist_add {
 font-size: 18px;
}
.game_grid_widget .game_cell .game_cell_tools .action_btn:hover {
 background: rgba(20, 20, 20, 0.6);
}
.game_grid_widget .game_cell .game_cell_tools .action_btn:hover {
 border-color: #de425c;
 background: rgba(40, 40, 40, 0.8);
}
.game_grid_widget .game_cell .thumb_link {
 text-decoration: none;
}
.game_grid_widget .game_cell .game_cell_data {
 margin-top: 0.75em;
 display: flex;
 flex-direction: column;
 gap: 5px;
}
@media (max-width: 650px) {
 .game_grid_widget .game_cell .game_cell_data {
  gap: 2px;
 }
}
.game_grid_widget .game_cell .game_title {
 font-size: 1em;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.game_grid_widget .game_cell .game_title a.title {
 font-weight: bold;
 color: inherit;
 text-decoration: none;
 margin-right: 6px;
 word-wrap: break-word;
}
.game_grid_widget .game_cell .game_title a.title:hover {
 text-decoration: underline;
}
.game_grid_widget .game_cell .game_author {
 display: flex;
 align-items: center;
 font-size: 0.875em;
 color: var(--itchio_body_color_light);
}
.game_grid_widget .game_cell .game_author a {
 min-width: 0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 color: inherit;
 text-decoration: none;
}
.game_grid_widget .game_cell .game_author a:hover {
 text-decoration: underline;
}
.game_grid_widget .game_cell .game_author .icon_verified {
 margin-left: 4px;
 color: var(--itchio_body_color_med);
}
.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: 0.875em;
 color: var(--itchio_body_color_lighter);
}
.game_grid_widget .game_cell .game_promo {
 font-weight: bold;
}
.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 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 color: var(--itchio_body_color_light);
}
.game_grid_widget .game_cell .game_platform > * {
 display: inline-block;
 vertical-align: middle;
 margin-right: 3px;
}
.game_grid_widget .game_cell .player_count {
 display: flex;
 align-items: center;
 font-size: 0.875em;
 gap: 5px;
}
.game_grid_widget .game_cell .player_count .svgicon {
 color: var(--itchio_body_color_gray);
}
.game_grid_widget .game_cell .web_flag {
 background: var(--itchio_body_color_med);
 color: var(--itchio_gray_back);
 font-size: 0.75em;
 padding: 2px 6px;
 border-radius: 3px;
 display: inline-block;
 margin-right: 5px;
}
.game_grid_widget .game_cell a.meta_tag {
 text-decoration: none;
 color: white !important;
}
.game_grid_widget .game_cell a.meta_tag:hover {
 opacity: 0.9;
}
.game_grid_widget .game_cell .meta_tag {
 color: white;
 font-size: 0.7222222222em;
 vertical-align: 2px;
 display: inline-flex;
 line-height: normal;
}
.game_grid_widget .game_cell .meta_tag > div {
 padding: 0.25em 0.5em;
 font-weight: bold;
 background-color: #737373;
 background-image: linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -webkit-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -moz-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -o-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -ms-linear-gradient(to top right, gray 0%, #676767 100%);
}
.game_grid_widget .game_cell .meta_tag > div:first-child {
 border-radius: 2px 0 0 2px;
}
.game_grid_widget .game_cell .meta_tag > div:last-child {
 border-radius: 0 2px 2px 0;
}
.game_grid_widget .game_cell .meta_tag > div:first-child:last-child {
 border-radius: 2px;
}
.game_grid_widget .game_cell .meta_tag.free_tag > div {
 background: var(--itchio_border_color);
 color: var(--itchio_body_color_med);
 background-image: none;
}
.game_grid_widget .game_cell .meta_tag .sale_tag {
 background: #34a0f2;
 color: rgba(255, 255, 255, 0.8);
}
.winter_sale_active .game_grid_widget .game_cell .meta_tag .sale_tag {
 background: linear-gradient(to bottom, #6c6cf6, #9e6ccd);
}
.game_grid_widget .game_cell .meta_tag .sale_tag.reverse_sale {
 background: #fe4e50 !important;
}
.game_grid_widget .game_rating {
 font-size: 0.875em;
 color: var(--itchio_body_color_lighter);
}
.game_grid_widget .game_rating > * {
 display: inline-block;
 vertical-align: middle;
}
.game_grid_widget.game_list {
 display: flex;
}
.game_grid_widget.game_list > .game_cell {
 width: 200px;
 flex: none;
 margin-bottom: 20px;
}
.game_header_widget {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
 position: relative;
 z-index: 3;
}
.theme_editor_open .game_header_widget .edit_theme_btn {
 background: rgba(255, 255, 255, 0.2);
}
.game_header_widget .publish_status {
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
 margin-left: 15px;
 height: 100%;
 vertical-align: top;
 text-align: center;
}
.game_header_widget .publish_status .pub_toggle {
 color: white;
 font-weight: bold;
 text-decoration: none;
 padding: 0 10px;
 min-width: 70px;
 font-size: 12px;
 font-weight: bold;
 border-radius: 2px;
 text-transform: uppercase;
 height: 30px;
 line-height: 30px;
}
.game_header_widget .publish_status .pub_toggle.restricted {
 background: #a287c0;
}
.game_header_widget .publish_status .pub_toggle.private {
 background: #fb9175;
 height: 20px;
 line-height: 20px;
}
.game_header_widget .publish_status .pub_toggle.private:last-child {
 height: 30px;
 line-height: 30px;
}
.game_header_widget .publish_status .pub_toggle.published {
 background: #90ce59;
}
.game_header_widget .publish_status .secret_url {
 color: rgba(255, 255, 255, 0.7);
 font-size: 12px;
 text-decoration: none;
 margin-top: 2px;
}
.game_header_widget .publish_status .secret_url:hover {
 text-decoration: underline;
}
@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;
 box-shadow: 0 0 0 2px rgba(238, 238, 238, 0.1);
 width: 189px;
 height: 150px;
 background-size: cover;
 background-position: 50% 50%;
}
.goal_banner_widget .center_column {
 margin-left: 210px;
 min-height: 150px;
 overflow: hidden;
 position: relative;
}
.goal_banner_widget h3 {
 border-bottom: 2px solid;
 border-color: var(--itchio_border_color);
 padding-bottom: 10px;
 margin: 5px 0 10px 0;
 line-height: 15px;
 background-color: var(--itchio_white_back);
 position: relative;
}
.goal_banner_widget .mini_logo {
 position: absolute;
 z-index: 1;
 top: 0;
 right: 0;
 opacity: 0.5;
}
.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;
}
.dark_theme .goal_progress_widget .progress_bar {
 background: #252525;
}
.goal_progress_widget .progress_bar .progress_inner {
 height: 100%;
 background: #ff2449;
 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: var(--itchio_body_color_lighter);
 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;
 border-color: var(--itchio_border_color);
 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: var(--itchio_body_color_light);
}
.header_widget {
 height: 50px;
 position: relative;
}
@media print {
 .header_widget {
  display: none;
 }
}
.header_widget.sticky {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 100;
}
.header_widget.minimal_header .primary_header {
 justify-content: center;
}
.header_widget.minimal_header .header_buttons,
.header_widget.minimal_header .game_search,
.header_widget.minimal_header .user_panel_widget,
.header_widget.minimal_header .header_dropdown,
.header_widget.minimal_header .bundle_link {
 display: none;
}
.header_widget.gray {
 --itchio_white_back: #111;
 --itchio_gray_back: #1b1b1b;
 --itchio_body_color: #eee;
 --itchio_body_color_gray: #949494;
 --itchio_body_color_med: #cacaca;
 --itchio_body_color_light: #ababab;
 --itchio_body_color_lighter: #838383;
 --itchio_border_color: rgba(255, 255, 255, 0.1);
 --itchio_edge_border_color: rgba(255, 255, 255, 0.1);
 --itchio_input_border_color: rgba(255, 255, 255, 0.1);
 --itchio_input_focus_color: white;
 --itchio_light_highlight: rgba(255, 36, 73, 0.1);
 --itchio_warning_bg: #3f3421;
 --itchio_target_bg: rgba(215, 252, 175, 0.2);
}
.header_widget.gray .header_logo > img {
 filter: invert(100%);
}
.header_widget.gray .primary_header {
 background: var(--itchio_ui_bg, #111);
}
.header_widget.gray .user_panel_widget .drop_menu {
 --itchio_white_back: #fff;
 --itchio_gray_back: #f4f4f4;
 --itchio_bg_color: var(--itchio_white_back);
 --itchio_body_color: #222;
 --itchio_body_color_gray: #767676;
 --itchio_body_color_med: #434343;
 --itchio_body_color_light: #606060;
 --itchio_body_color_lighter: #858585;
 --itchio_border_color: #dadada;
 --itchio_edge_border_color: #cdcdcd;
 --itchio_input_border_color: #cdcdcd;
 --itchio_input_focus_color: #361275;
 --itchio_light_highlight: #fff0f0;
 --itchio_warning_bg: #fffdbd;
 --itchio_target_bg: #d7fcaf;
}
.header_widget.mobile_nav_visible .mobile_nav_btn {
 display: inline-block;
}
.header_widget.mobile_nav_visible .primary_header {
 padding-left: 5px !important;
}
.header_widget input {
 font-family: Lato, sans-serif;
 font-family: var(--itchio_default_font, Lato), sans-serif;
}
.header_widget .primary_header {
 box-sizing: border-box;
 display: flex;
 align-items: center;
 font-size: 16px;
 background: var(--itchio_ui_bg, #40434e);
 background-color: var(--itchio_white_back);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 padding: 0 20px 0 22px;
 color: var(--itchio_body_color);
 height: 50px;
 position: relative;
 z-index: 100;
}
.holidays .header_widget .primary_header {
 background: var(--itchio_ui_bg, #d8eafa);
 background-image: url(images/snowrepeat.svg);
 background-size: 100px;
 color: black;
}
.holidays .header_widget .primary_header .active_site_promotion_btn {
 font-weight: 900;
}
.holidays .header_widget .primary_header .active_site_promotion_btn > span {
 text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.7), 1px 1px 0 rgba(255, 255, 255, 0.7), -1px 1px 0 rgba(255, 255, 255, 0.7), 1px -1px 0 rgba(255, 255, 255, 0.7), 1px 0px 0 rgba(255, 255, 255, 0.7), -1px 0px 0 rgba(255, 255, 255, 0.7), 0px 1px 0 rgba(255, 255, 255, 0.7), 0px -1px 0 rgba(255, 255, 255, 0.7);
 background: rgba(255, 255, 255, 0.9);
 box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.9);
 border-radius: 2px;
}
.dark_theme .header_widget .primary_header {
 box-shadow: none;
}
@media (max-width: 650px) {
 .header_widget .primary_header {
  padding-left: 10px;
  padding-right: 10px;
 }
}
@media (max-width: 650px) {
 .header_widget.mobile_nav .primary_header {
  padding-left: 0;
 }
}
.header_widget .header_dropdown {
 position: absolute;
 left: 0;
 right: 0;
 top: 50px;
 color: white;
 height: 40px;
 background: #40434e;
 background: var(--itchio_ui_bg, #40434e) linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
 z-index: 99;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 padding: 0 40px;
 font-size: 16px;
 white-space: nowrap;
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 20px;
 opacity: 1;
 transform: translate(0, 0);
 transition: all 0.2s ease;
}
.header_widget .header_dropdown:not(.open) {
 display: none;
}
.header_widget .header_dropdown:not(.visible) {
 opacity: 0;
 transform: translate(0, -20%);
}
.header_widget .header_dropdown a {
 color: rgba(255, 255, 255, 0.9);
 text-decoration: none;
 position: relative;
}
.header_widget .header_dropdown a:before {
 transition: all 0.1s ease;
 transform: translate(0, 2px);
 opacity: 0;
 content: ' ';
 height: 2px;
 position: absolute;
 background: rgba(255, 255, 255, 0.5);
 left: 0;
 right: 0;
 top: 100%;
}
.header_widget .header_dropdown a:hover:before {
 opacity: 1;
 transform: translate(0, 0);
}
.header_widget .header_dropdown .divider {
 width: 2px;
 height: 8px;
 border-radius: 4px;
 background: rgba(255, 255, 255, 0.5);
}
.header_widget h1 {
 margin: 0;
}
.header_widget h1 .visually_hidden {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border-width: 0;
}
.header_widget .header_logo {
 display: block;
}
.header_widget .header_logo > img {
 display: block;
 height: 35px;
 width: auto;
}
.dark_theme .header_widget .header_logo > img {
 filter: invert(100%);
}
.header_widget .header_logo .minimal_logo {
 display: none;
}
@media (max-width: 650px) {
 .header_widget .header_logo.shrinkable .full_logo {
  display: none;
 }
 .header_widget .header_logo.shrinkable .minimal_logo {
  display: block;
 }
}
.header_widget.small_logo .header_logo.shrinkable .full_logo {
 display: none;
}
.header_widget.small_logo .header_logo.shrinkable .minimal_logo {
 display: block;
}
.header_widget .user_panel_widget {
 z-index: 102;
 flex: 1;
}
.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:hover {
 background-color: rgba(0, 0, 0, 0.1);
}
.header_widget .game_search {
 display: flex;
 flex: 2;
 margin: 0 10px 0 20px;
 background-color: var(--itchio_gray_back);
 border-radius: 3px;
 max-width: 500px;
 min-width: 240px;
}
@media (max-width: 960px) {
 .header_widget .game_search .submit_btn {
  display: none;
 }
}
@media (max-width: 920px) {
 .header_widget .game_search {
  display: none;
 }
}
.header_widget .game_search .search_input {
 box-sizing: border-box;
 flex: 1;
 border: 0;
 padding: 4px 0 4px 10px;
 font-size: 14px;
 height: 30px;
 margin: 0;
 background: transparent;
 color: var(--itchio_body_color);
}
html[dir='rtl'] .header_widget .game_search .search_input {
 padding-right: 10px;
 padding-left: 0;
}
.header_widget .game_search .search_input:valid {
 border-radius: 3px 0 0 3px;
}
.header_widget .game_search .search_input:valid + .submit_btn {
 opacity: 1;
 color: #ff2449;
 color: var(--itchio_ui_bg, #ff2449);
}
.header_widget .game_search .submit_btn {
 opacity: 0.5;
 transition: opacity 0.1s ease;
 box-sizing: border-box;
 border: 0;
 margin: 0;
 background: transparent;
 color: var(--itchio_body_color_med);
 font-weight: bold;
 padding: 0px 10px;
 cursor: pointer;
 font-size: 14px;
 border-radius: 0 3px 3px 0;
}
.dark_theme .header_widget .game_search .submit_btn {
 color: white;
}
.header_widget .game_search .submit_btn.is_active {
 opacity: 1;
 color: #ff2449;
 color: var(--itchio_ui_bg, #ff2449);
}
.header_widget .bundle_link {
 background: rgba(255, 255, 255, 0.1);
 color: white;
 font-weight: bold;
 padding: 2px 6px;
 border-radius: 3px;
 text-decoration: none;
 border: 2px solid rgba(255, 255, 255, 0.4);
 font-size: 14px;
 text-align: center;
 white-space: nowrap;
}
.header_widget .bundle_link .tiny {
 font-size: 12px;
 font-weight: normal;
}
.header_widget .bundle_link:hover {
 background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1300px) {
 .header_widget .bundle_link {
  display: none;
 }
}
.header_widget .header_buttons {
 margin-left: 10px;
 height: 100%;
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
}
html[dir='rtl'] .header_widget .header_buttons {
 margin-right: 10px;
}
@media (max-width: 600px) {
 .header_widget .header_buttons {
  display: none;
 }
}
.header_widget .header_buttons .header_button {
 display: flex;
 align-items: center;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 color: inherit;
 margin: 0 10px;
 position: relative;
 padding: 5px 0;
 white-space: nowrap;
 box-sizing: border-box;
 height: 100%;
 border-bottom: 4px solid transparent;
 border-top: 4px solid transparent;
}
.header_widget .header_buttons .header_button.active_site_promotion_btn {
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
}
.winter_sale_active .header_widget .header_buttons .header_button.active_site_promotion_btn > span {
 background: linear-gradient(to bottom, #6c6cf6, #9e6ccd);
 font-weight: 900;
 color: white;
 padding: 4px 8px;
 border-radius: 12px;
}
.header_widget .header_buttons .header_button .icon {
 margin-right: 5px;
}
html[dir='rtl'] .header_widget .header_buttons .header_button .icon {
 margin-left: 5px;
 margin-right: 0;
}
.header_widget .header_buttons .header_button:hover,
.header_widget .header_buttons .header_button.active {
 border-bottom: 4px solid #ff2449;
 border-bottom: 4px solid var(--itchio_ui_bg, #ff2449);
}
.header_widget .header_buttons .browse_btn.open:before {
 opacity: 1;
}
.header_widget .header_buttons .feed_bubble {
 position: absolute;
 top: 0;
 right: -15px;
 pointer-events: none;
 position: absolute;
 font-size: 10px;
 text-transform: uppercase;
 white-space: nowrap;
 background: white;
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
 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: rgba(255, 255, 255, 0.08);
 padding: 0 15px;
 height: 100%;
 display: flex;
 align-items: center;
}
@media (max-width: 800px) {
 .header_widget .owner_tools {
  display: none;
 }
}
@media (min-width: 1150px) {
 .header_widget .owner_tools:before {
  content: 'Manage:';
  margin-right: 5px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 2;
 }
}
.header_widget .owner_tools .tool_button {
 box-sizing: border-box;
 transition: all 0.2s ease;
 display: inline-block;
 border-radius: 3px;
 text-decoration: none;
 padding: 3px 10px;
 font-size: 14px;
 letter-spacing: 0.025em;
 white-space: nowrap;
 border: 1px 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;
}
@media (max-width: 980px) {
 .header_widget .owner_tools .tool_button {
  display: none;
 }
}
.header_widget .owner_tools .tool_button .svgicon {
 display: inline-block;
 vertical-align: -3px;
 margin-right: 5px;
}
.header_widget .owner_tools .tool_button .icon {
 display: inline-block;
 margin-right: 5px;
 font-size: 20px;
 width: 20px;
 vertical-align: top;
 margin-top: 2px;
}
.header_widget .owner_tools .tool_button .icon-pencil {
 font-size: 16px;
 margin-top: 5px;
}
.header_widget .owner_tools .tool_button:hover {
 background-color: rgba(255, 255, 255, 0.2);
}
.header_widget .admin_tools {
 font-size: 13px;
 display: 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;
}
.header_widget .mobile_nav_btn {
 cursor: pointer;
 border: 0;
 background: none;
 padding: 16px 20px;
 display: none;
}
@media (max-width: 650px) {
 .header_widget .mobile_nav_btn {
  display: block;
 }
}
.header_widget .mobile_nav_btn:active {
 opacity: 0.8;
}
.header_widget .mobile_nav_btn .menu_bar_outer {
 position: relative;
 width: 25px;
 height: 17px;
}
.header_widget .mobile_nav_btn .menu_bar {
 background: var(--itchio_body_color);
 height: 3px;
 margin: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
.header_widget .mobile_nav_btn .menu_bar:first-child {
 bottom: auto;
}
.header_widget .mobile_nav_btn .menu_bar:last-child {
 top: auto;
}
.pick_image_lightbox_widget {
 width: 700px;
}
.pick_image_lightbox_widget h2 {
 margin-bottom: 0;
}
.pick_image_lightbox_widget .content_column {
 min-height: 100px;
 box-sizing: border-box;
 padding: 0;
}
.pick_image_lightbox_widget .tab_content {
 padding: 20px;
}
.pick_image_lightbox_widget .upload_image .instructions {
 margin: 0 0 10px 0;
 font-size: 14px;
}
.pick_image_lightbox_widget .pick_image {
 max-height: 200px;
 overflow-y: auto;
}
.pick_image_lightbox_widget .pick_image .empty_text {
 margin: 0;
}
.pick_image_lightbox_widget .pick_image .pick_image_btn {
 background: #f4f4f4 url('images/loader.gif') 50% 50% no-repeat;
 border: 0;
 min-height: 50px;
 min-width: 50px;
 cursor: pointer;
 margin: 0 10px 10px 0;
 vertical-align: top;
 padding: 5px;
}
.pick_image_lightbox_widget .pick_image .pick_image_btn:hover {
 background-color: #e7e7e7;
}
.pick_image_lightbox_widget .pick_image .pick_image_btn > img {
 display: block;
}
.user_panel_widget {
 font-size: 16px;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}
.user_panel_widget .notifications_bubble {
 width: 22px;
 height: 22px;
 color: white;
 background: #ff2449;
 line-height: 22px;
 border-radius: 14px;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 animation: bouncein 0.2s ease-in-out 0.2s;
}
html:not([dir='rtl']) .user_panel_widget .notifications_bubble {
 margin-right: 15px;
 margin-left: 10px;
}
html[dir='rtl'] .user_panel_widget .notifications_bubble {
 margin-left: 15px;
 margin-right: 10px;
}
.user_panel_widget .notifications_bell {
 text-decoration: none;
 opacity: 0.8;
 color: inherit;
}
html:not([dir='rtl']) .user_panel_widget .notifications_bell {
 margin-right: 15px;
 margin-left: 10px;
}
html[dir='rtl'] .user_panel_widget .notifications_bell {
 margin-left: 15px;
 margin-right: 10px;
}
.user_panel_widget .notifications_bell:hover {
 opacity: 1;
}
.user_panel_widget .profile_link {
 color: inherit;
 text-decoration: none;
 display: flex;
 align-items: center;
}
.user_panel_widget .profile_link .user_name {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width: 150px;
 overflow: hidden;
}
html:not([dir='rtl']) .user_panel_widget .profile_link .user_name {
 margin-right: 10px;
}
html[dir='rtl'] .user_panel_widget .profile_link .user_name {
 margin-left: 10px;
}
.user_panel_widget .profile_link:hover {
 text-decoration: underline;
}
.user_panel_widget .profile_avatar {
 border-radius: 3px;
 width: 30px;
 height: 30px;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
html:not([dir='rtl']) .user_panel_widget .profile_avatar {
 margin-right: 10px;
}
html[dir='rtl'] .user_panel_widget .profile_avatar {
 margin-left: 10px;
}
.user_panel_widget .drop_menu_wrap {
 position: relative;
}
.no_theme_toggle .user_panel_widget .drop_menu_wrap .theme_toggle_form {
 display: none;
}
html:not([dir='rtl']) .user_panel_widget .drop_menu_wrap .theme_toggle_form {
 margin-left: auto;
}
html[dir='rtl'] .user_panel_widget .drop_menu_wrap .theme_toggle_form {
 margin-right: auto;
}
.user_panel_widget .drop_menu_wrap .theme_toggle_form button {
 color: var(--itchio_body_color);
 background: transparent;
 border: 0;
 cursor: pointer;
}
.user_panel_widget .drop_menu_wrap .theme_toggle_form button:hover {
 color: #ff2449;
 color: var(--itchio_button_color, #ff2449);
}
.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 {
 transition: background-color 0.2s ease;
 cursor: pointer;
 background: transparent;
 padding: 4px;
 border-radius: 4px;
 border: 0;
 color: inherit;
}
.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 {
 background-color: var(--itchio_white_back);
 color: var(--itchio_body_color);
 display: none;
 line-height: normal;
 border-radius: 3px;
 box-shadow: 0 0 0 1px var(--itchio_edge_border_color), 0 2px 4px rgba(0, 0, 0, 0.2);
 position: absolute;
 top: 100%;
 right: -8px;
 margin-top: 5px;
 min-width: 200px;
 white-space: nowrap;
 z-index: 250;
 overflow: hidden;
}
html[dir='rtl'] .user_panel_widget .drop_menu_wrap .drop_menu {
 left: -8px;
 right: auto;
}
.user_panel_widget .drop_menu_wrap .menu_group {
 padding-bottom: 5px;
}
.user_panel_widget .drop_menu_wrap .menu_group:first-child .group_header {
 border-top: 0;
}
.user_panel_widget .drop_menu_wrap .menu_group .group_header {
 font-size: 12px;
 font-weight: 900;
 height: 28px;
 box-sizing: border-box;
 display: flex;
 align-items: center;
 color: var(--itchio_body_color_light);
 text-transform: uppercase;
 letter-spacing: 0.5px;
 border-bottom: 1px solid;
 border-top: 1px solid;
 margin-bottom: 5px;
 background-color: var(--itchio_gray_back);
 border-color: var(--itchio_border_color);
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none;
}
html:not([dir='rtl']) .user_panel_widget .drop_menu_wrap .menu_group .group_header {
 padding-left: 14px;
}
html[dir='rtl'] .user_panel_widget .drop_menu_wrap .menu_group .group_header {
 padding-right: 14px;
}
.dark_theme .user_panel_widget .drop_menu_wrap .menu_group .group_header {
 border: 0;
}
.user_panel_widget .drop_menu_wrap .link_row {
 display: block;
 padding: 0 14px;
 line-height: 28px;
 color: inherit;
 text-decoration: none;
 letter-spacing: 0.03em;
 position: relative;
 font-size: 15px;
}
.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: var(--itchio_light_highlight);
 color: #da2c49;
 color: var(--itchio_link_color, #da2c49);
}
.user_panel_widget .drop_menu_wrap .link_row:active {
 position: relative;
 top: 1px;
}
.user_panel_widget .panel_button {
 box-sizing: border-box;
 transition: all 0.1s ease;
 white-space: nowrap;
 height: 30px;
 line-height: 26px;
 color: inherit;
 padding: 0 15px;
 border: 2px solid;
 border-color: var(--itchio_border_color);
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 border-radius: 3px;
}
html:not([dir='rtl']) .user_panel_widget .panel_button {
 margin-left: 10px;
}
html[dir='rtl'] .user_panel_widget .panel_button {
 margin-right: 10px;
}
.user_panel_widget .panel_button:hover {
 background: rgba(255, 255, 255, 0.8);
 color: #ff2449;
}
.user_panel_widget .panel_button:active {
 background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 650px) {
 .user_panel_widget .panel_button.register_button {
  display: none;
 }
}
.library_rate_game_lightbox_widget {
 width: 100%;
 max-width: 600px;
}
.library_rate_game_lightbox_widget h2 .object_title:before {
 content: '“';
 font-weight: normal;
 color: #858585;
}
.library_rate_game_lightbox_widget h2 .object_title:after {
 content: '”';
 font-weight: normal;
 color: #858585;
}
.library_rate_game_lightbox_widget form {
 padding: 25px var(--itchio_lightbox_gutter, 40px);
 padding-top: 0;
}
.library_rate_game_lightbox_widget form p {
 margin-left: 0;
 margin-right: 0;
}
.library_rate_game_lightbox_widget .buttons {
 display: flex;
}
.library_rate_game_lightbox_widget .buttons .delete_rating_btn {
 margin-left: auto;
 font-size: 14px;
 color: var(--itchio_body_color_med);
}
.library_rate_game_lightbox_widget .star_wrapper {
 text-align: center;
 margin-bottom: 20px;
}
.library_rate_game_lightbox_widget .star_wrapper .star_picker {
 border-width: 2px;
 font-size: 26px;
}
.sponsors_placeholder_banner_widget {
 margin: 20px 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.sponsors_placeholder_banner_widget .sponsor_banner_wrapper {
 border: 1px solid;
 border-color: var(--itchio_border_color);
 padding: 2px;
}
.sponsors_placeholder_banner_widget .banner_link {
 width: 300px;
 height: 100px;
 box-sizing: border-box;
 background-color: var(--itchio_gray_back);
 color: var(--itchio_body_color_med);
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 font-size: 16px;
}
.sponsors_placeholder_banner_widget .banner_link strong {
 font-size: 28px;
 font-weight: 900;
}
.sponsors_placeholder_banner_widget .sponsor_message {
 font-size: 12px;
 color: var(--itchio_body_color_lighter);
 margin-bottom: 2px;
 text-align: center;
}
.index_game_grid_widget {
 padding: 0 20px;
}
@media (max-width: 650px) {
 .index_game_grid_widget {
  padding: 0 10px;
 }
}
.index_game_grid_widget.preview_grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
 grid-gap: 20px 10px;
 align-items: start;
}
@media (max-width: 650px) {
 .index_game_grid_widget.preview_grid {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
 }
}
.index_game_cell_widget {
 margin-bottom: 25px;
}
body:not(.disable_hover) .index_game_cell_widget:hover .fading_data,
.index_game_cell_widget.focused .fading_data {
 opacity: 1;
}
body:not(.disable_hover) .index_game_cell_widget:hover .game_thumb:after,
.index_game_cell_widget.focused .game_thumb:after {
 opacity: 1;
}
.index_game_cell_widget .fading_data {
 opacity: 0;
 transition: opacity 0.2s ease-in-out;
}
.index_game_cell_widget .game_thumb {
 text-decoration: none;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.dark_theme .index_game_cell_widget .game_thumb {
 box-shadow: none;
}
.index_game_cell_widget .game_thumb:after {
 opacity: 0;
 transition: opacity 0.2s ease-in-out;
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%);
}
.index_game_cell_widget .missing_image {
 color: var(--itchio_body_color);
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0.5;
 font-size: 12px;
 font-weight: 900;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.index_game_cell_widget .gif_label {
 font-weight: bold;
 font-size: 12px;
 position: absolute;
 top: 10px;
 left: 10px;
 background: #222;
 padding: 1px 4px;
 border-radius: 2px;
 color: #ccc;
 opacity: 0.8;
}
.index_game_cell_widget .cell_tools {
 display: block;
 position: absolute;
 top: 5px;
 right: 5px;
}
.index_game_cell_widget .cell_tools > * {
 margin-left: 5px;
}
.index_game_cell_widget .cell_tools > *:first-child {
 margin-bottom: 0;
}
.index_game_cell_widget .cell_tools button,
.index_game_cell_widget .cell_tools .add_to_collection_btn {
 display: inline-block;
 vertical-align: top;
 padding: 0px 5px;
 border: 2px solid white;
 background: rgba(30, 30, 30, 0.9);
 font-weight: bold;
 font-size: 12px;
 box-shadow: none;
 border-radius: 3px;
 color: white;
 text-decoration: none;
 line-height: 24px;
 cursor: pointer;
}
.index_game_cell_widget .cell_tools button:hover,
.index_game_cell_widget .cell_tools .add_to_collection_btn:hover {
 background: rgba(40, 40, 40, 0.9);
}
.index_game_cell_widget .cell_tools .add_to_collection_btn {
 font-size: 18px;
}
.index_game_cell_widget .cell_tools .dismiss_btn {
 opacity: 0.7;
 transition: opacity 0.1s ease;
}
.index_game_cell_widget .cell_tools .dismiss_btn:hover {
 opacity: 1;
}
.index_game_cell_widget .sale_flag {
 box-sizing: border-box;
 border: 4px solid white;
 border-bottom: 0;
 border-right: 0;
 position: absolute;
 text-align: center;
 right: 0;
 bottom: 0;
 padding: 5px 12px;
 background: #34a0f2;
 color: white;
}
.dark_theme .index_game_cell_widget .sale_flag {
 border-color: #111;
}
.winter_sale_active .index_game_cell_widget .sale_flag {
 background: linear-gradient(to bottom, #6c6cf6, #9e6ccd);
 overflow: hidden;
}
.winter_sale_active .index_game_cell_widget .sale_flag:before {
 content: '';
 display: block;
 position: absolute;
 top: -50%;
 left: -100%;
 width: 50%;
 height: 200%;
 background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
 transform: rotate(20deg);
 transform-origin: center;
 pointer-events: none;
 animation: shine 5s ease-in-out infinite;
 animation-delay: 1s;
}
.index_game_cell_widget .sale_flag.reverse_sale {
 background: #f23f34;
}
.index_game_cell_widget .sale_flag .rate {
 font-size: 20px;
 opacity: 0.9;
 font-weight: 900;
}
.index_game_cell_widget .sale_flag .mini_label {
 font-size: 12px;
 text-transform: uppercase;
 line-height: 1.1;
 opacity: 0.5;
 font-weight: bold;
}
.index_game_cell_widget .meta_tag {
 border-radius: 3px;
 padding: 2px 5px;
 text-transform: uppercase;
 margin-left: 10px;
 font-size: 12px;
 letter-spacing: 0.05em;
 float: right;
 font-weight: bold;
}
.index_game_cell_widget .meta_tag.price_tag {
 background-color: #737373;
 background-image: linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -webkit-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -moz-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -o-linear-gradient(to top right, gray 0%, #676767 100%);
 background-image: -ms-linear-gradient(to top right, gray 0%, #676767 100%);
 color: white;
}
.index_game_cell_widget .meta_tag.free_tag {
 background: rgba(35, 35, 35, 0.1);
}
.index_game_cell_widget .meta_tag.web_tag,
.index_game_cell_widget .meta_tag.demo_tag {
 background: rgba(35, 35, 35, 0.1);
}
.index_game_cell_widget .label {
 font-size: 14px;
 margin-top: 6px;
 margin-bottom: 5px;
 word-wrap: break-word;
}
.index_game_cell_widget .label > .title {
 text-decoration: none;
 color: inherit;
 font-weight: bold;
}
.index_game_cell_widget .label > .title:hover {
 text-decoration: underline;
}
.index_game_cell_widget .user_row {
 margin: 5px 0;
}
.index_game_cell_widget .user_row .user_link {
 color: var(--itchio_body_color_light);
 text-decoration: none;
}
.index_game_cell_widget .user_row .user_link:hover {
 text-decoration: underline;
}
.index_game_cell_widget .game_rating {
 color: var(--itchio_body_color_light);
 margin-bottom: 5px;
}
.index_game_cell_widget .short_text {
 margin-top: 5px;
}
.index_game_cell_widget .sub {
 color: inherit;
 opacity: 0.7;
 font-size: 12px;
 line-height: 1.2;
 margin-bottom: 5px;
}
.index_game_cell_widget .sub:last-child {
 margin-bottom: 0;
}
.index_game_cell_widget .cell_tags {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 opacity: 1;
 color: var(--itchio_body_color_lighter);
}
.index_game_cell_widget .cell_tags a {
 font-weight: bold;
 text-decoration: none;
 opacity: 0.7;
}
.index_game_cell_widget .cell_tags a:hover {
 opacity: 1;
}
.index_game_cell_widget .p_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;
}
.index_game_cell_widget .bordered {
 position: relative;
 background: rgba(0, 0, 0, 0.1);
 padding-bottom: 79.3650793651%;
 box-sizing: border-box;
}
.index_game_cell_widget .bordered .gif_loading_overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
}
.index_game_cell_widget .bordered img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 opacity: 1;
 transition: opacity 0.2s ease;
}
.index_game_cell_widget .bordered img:not(.lazy_loaded) {
 opacity: 0;
}
@font-face {
 font-family: 'icomoon';
 src: url('icons/fonts/icomoon.eot?4ibnvg');
 src: url('icons/fonts/icomoon.eot?4ibnvg#iefix') format('embedded-opentype'), url('icons/fonts/icomoon.ttf?4ibnvg') format('truetype'), url('icons/fonts/icomoon.woff?4ibnvg') format('woff'), url('icons/fonts/icomoon.svg?4ibnvg#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
 font-family: 'icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-brush:before {
 content: '\e900';
}
.icon-like:before {
 content: '\e611';
}
.icon-hand:before {
 content: '\e609';
}
.icon-playlist_add:before {
 content: '\e903';
}
.icon-cross:before {
 content: '\e617';
}
.icon-shuffle:before {
 content: '\e60e';
}
.icon-comment:before {
 content: '\e904';
}
.icon-file-zip:before {
 content: '\e901';
}
.icon-folder-open:before {
 content: '\e902';
}
.icon-triangle-right:before {
 content: '\e612';
}
.icon-triangle-down:before {
 content: '\e613';
}
.icon-play:before {
 content: '\e61c';
}
.icon-stopwatch:before {
 content: '\e61a';
}
.icon-neutral:before {
 content: '\e619';
}
.icon-sort-alpha-asc:before {
 content: '\e614';
}
.icon-menu:before {
 content: '\e615';
}
.icon-filter:before {
 content: '\e616';
}
.icon-copy:before {
 content: '\e618';
}
.icon-facebook:before {
 content: '\e60c';
}
.icon-twitter:before {
 content: '\e60d';
}
.icon-lifebuoy:before {
 content: '\e941';
}
.icon-fire:before {
 content: '\e9a9';
}
.icon-earth:before {
 content: '\e9ca';
}
.icon-steam:before {
 content: '\e600';
}
.icon-paypal:before {
 content: '\e607';
}
.icon-credit-card:before {
 content: '\e608';
}
.icon-pencil:before {
 content: '\e606';
}
.icon-plus:before {
 content: '\e001';
}
.icon-coin:before {
 content: '\e002';
}
.icon-heart:before {
 content: '\e003';
}
.icon-warning:before {
 content: '\e004';
}
.icon-checkmark:before {
 content: '\e005';
}
.icon-users:before {
 content: '\e006';
}
.icon-moon:before {
 content: '\e007';
}
.icon-download:before {
 content: '\e008';
}
.icon-arrow-right:before {
 content: '\e00b';
}
.icon-arrow-left:before {
 content: '\e00c';
}
.icon-star:before {
 content: '\e00d';
}
.icon-star2:before {
 content: '\e00e';
}
.icon-upload:before {
 content: '\e00f';
}
.icon-windows8:before {
 content: '\e010';
}
.icon-apple:before {
 content: '\e011';
}
.icon-tux:before {
 content: '\e012';
}
.icon-globe:before {
 content: '\e013';
}
.icon-mobile:before {
 content: '\e014';
}
.icon-cart:before {
 content: '\e000';
}
.icon-android:before {
 content: '\e601';
}
.icon-stats:before {
 content: '\e602';
}
.icon-tag:before {
 content: '\e603';
}
.icon-delete:before {
 content: '\e604';
}
.icon-link:before {
 content: '\e605';
}
.icon-heart-filled:before {
 content: '\e60a';
}
.icon-reddit:before {
 content: '\eac6';
}
.icon-dice:before {
 content: '\e915';
}
.icon-checkbox-checked:before {
 content: '\ea52';
}
.icon-checkbox-unchecked:before {
 content: '\ea53';
}
.icon-gamepad:before {
 content: '\e61b';
}
.icon-caret-up:before {
 content: '\e60f';
}
.icon-caret-down:before {
 content: '\e610';
}
.icon-bitcoin:before {
 content: '\e60b';
}