@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: 2.0em
}

.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: .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: .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: .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
}

.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
}

.add_game_to_jam_lightbox_widget {
    width: 450px;
    padding-bottom: 10px
}

.add_game_to_jam_lightbox_widget.has_fields {
    width: 600px
}

@media (max-width: 600px) {
    .add_game_to_jam_lightbox_widget.has_fields {
        width: auto
    }
}

.add_game_to_jam_lightbox_widget.intent_join .on_submit {
    display: none
}

.add_game_to_jam_lightbox_widget.intent_submit .on_join {
    display: none
}

.add_game_to_jam_lightbox_widget h3 {
    margin: 20px var(--itchio_lightbox_gutter, 40px);
    margin-top: 30px;
    color: var(--itchio_body_color_med)
}

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

.add_game_to_jam_lightbox_widget.submitted .on_init {
    display: none
}

.add_game_to_jam_lightbox_widget.submitted .on_success {
    display: block
}

.add_game_to_jam_lightbox_widget .create_game_buttons .button {
    margin-right: 5px
}

.add_game_to_jam_lightbox_widget .loader {
    display: none
}

.add_game_to_jam_lightbox_widget .on_success {
    display: none
}

.add_game_to_jam_lightbox_widget .form {
    margin: 20px var(--itchio_lightbox_gutter, 40px)
}

.add_game_to_jam_lightbox_widget .form h3 {
    margin: 0 0 20px 0
}

.add_game_to_jam_lightbox_widget .form input.button {
    margin: 0
}

.add_game_to_jam_lightbox_widget .or_split {
    margin: 0 5px;
    color: #606060;
    font-style: italic
}

.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
}

.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: .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
}

body {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif;
    background: var(--itchio_gray_back);
    color: var(--itchio_body_color)
}

body.locale_ru {
    --itchio_default_font: LatoExtended
}

body.dark_theme {
    --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);
    color-scheme: dark
}

body.lightbox_open .redactor-toolbar {
    z-index: 0 !important
}

body.dragging {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

@media (max-width: 650px) {
    body.responsive {
        --itchio_gutter_width: 10px
    }
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 16px
}

hr {
    border: 0;
    height: 1px;
    background: var(--itchio_border_color)
}

.inner_column {
    width: 960px;
    margin: 0 auto
}

.responsive .inner_column {
    width: auto;
    max-width: 960px
}

.flexible .inner_column {
    width: auto;
    min-width: 960px;
    max-width: 1100px
}

.responsive .inner_column {
    min-width: 0
}

.inner_column.centered {
    text-align: center
}

.flexible .main {
    padding: 0 20px
}

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

.responsive .main {
    padding: 0 20px
}

@media (max-width: 800px) {
    .responsive .main {
        padding: 0
    }

    .responsive .main .inner_column {
        border-radius: 0;
        margin: 0;
        margin-bottom: 20px;
        border: 0
    }

    .responsive .main .inner_column.compressed_column {
        max-width: none
    }
}

.main .inner_column {
    *zoom: 1;
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 20px auto 20px auto
}

.main .inner_column:before, .main .inner_column:after {
    content: " ";
    display: table
}

.main .inner_column:after {
    clear: both
}

@media print {
    .main .inner_column {
        box-shadow: none;
        border: none
    }
}

.dark_theme .main .inner_column {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.main .inner_column.wide_column {
    width: auto;
    margin: 20px 20px 0 20px
}

.main .inner_column.compressed_column {
    max-width: 500px
}

.footer {
    margin: 20px 0 40px 0;
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    color: var(--itchio_body_color_lighter)
}

@media print {
    .footer {
        display: none
    }
}

@media (max-width: 650px) {
    .footer {
        text-align: left
    }
}

.footer a {
    color: var(--itchio_body_color_lighter)
}

.footer .primary {
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center
}

.footer .primary a {
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    vertical-align: top;
    text-decoration: none;
    display: inline-block
}

.footer .primary a:hover {
    color: var(--itchio_body_color_light)
}

.footer .primary .social {
    display: flex;
    align-items: center;
    gap: 30px
}

@media (max-width: 650px) {
    .footer .primary {
        line-height: 1.5;
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));
        grid-gap: 10px
    }

    .footer .primary .social {
        grid-column: 1 / -1;
        gap: 15px
    }

    .footer .primary > a {
        padding: 0
    }
}

.footer .social {
    display: inline-block;
    font-size: 140%
}

.footer .social a {
    border: none
}

.footer .secondary {
    margin-top: 10px;
    line-height: 25px
}

@media (max-width: 650px) {
    .footer .secondary {
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));
        grid-gap: 10px
    }

    .footer .secondary .copyright {
        grid-column: 1 / -1
    }

    .footer .secondary .spacer {
        display: none
    }
}

.footer span.spacer {
    margin: 0 10px
}

.columns {
    display: flex;
    gap: 20px
}

.columns .left_col {
    flex: 1;
    min-width: 0
}

.columns .right_col {
    min-width: 0;
    width: 317px
}

.page_widget .padded {
    padding: 30px var(--itchio_gutter_width, 40px)
}

.page_widget h1, .page_widget h2, .page_widget h3, .page_widget h4, .page_widget h5 {
    margin-top: 0;
    font-weight: 900;
    color: var(--itchio_body_color_med)
}

.page_widget h2 {
    margin-bottom: 20px
}

.header_nav_tabs {
    display: flex;
    gap: 20px
}

.header_nav_tabs a {
    text-decoration: none
}

.header_nav_tabs .nav_label, .header_nav_tabs .nav_btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 10px 5px
}

.header_nav_tabs .nav_label {
    color: var(--itchio_body_color_med);
    font-weight: bold;
    padding-left: 0
}

.header_nav_tabs .wrap {
    display: inline-block;
    position: relative
}

.header_nav_tabs .wrap .link_bubble {
    top: -7px;
    right: -3px;
    z-index: 1
}

.header_nav_tabs .nav_btn {
    cursor: pointer;
    color: var(--itchio_body_color_light)
}

html:not([dir=rtl]) .header_nav_tabs .nav_btn .icon, html:not([dir=rtl]) .header_nav_tabs .nav_btn .svgicon {
    margin-right: 5px
}

html[dir=rtl] .header_nav_tabs .nav_btn .icon, html[dir=rtl] .header_nav_tabs .nav_btn .svgicon {
    margin-left: 5px
}

.header_nav_tabs .nav_btn.active {
    cursor: default;
    font-weight: 900;
    color: var(--itchio_body_color);
    position: relative;
    box-shadow: inset 0 -4px 0 #FF2449;
    box-shadow: inset 0 -4px 0 var(--itchio_button_color, #FF2449)
}

.header_nav_tabs .nav_btn.has_active_child {
    background-color: var(--itchio_white_back);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    position: relative;
    top: 1px;
    font-weight: bold;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -5px
}

.header_nav_tabs .nav_btn:hover:not(.active) {
    background: rgba(0, 0, 0, 0.05);
    color: var(--itchio_body_color)
}

.dark_theme .header_nav_tabs .nav_btn:hover:not(.active) {
    background: rgba(255, 255, 255, 0.05)
}

.header_nav_tabs .filter_picker_widget {
    align-self: center
}

.header_nav_tabs .filter_picker_widget .value_label {
    color: var(--itchio_body_color_light);
    font-size: 16px
}

.header_nav_tabs .filter_picker_widget .filter_value {
    padding: 0
}

.header_nav_tabs .filter_picker_widget .icon_down_tick {
    vertical-align: 1px;
    margin-left: 8px
}

.header_nav_tabs .filter_picker_widget .filter_option {
    white-space: nowrap
}

.header_nav {
    background-color: var(--itchio_gray_back);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 0 var(--itchio_gutter_width, 40px);
    position: relative;
    z-index: 98;
    display: flex
}

@media (max-width: 650px) {
    .responsive .header_nav {
        white-space: nowrap;
        overflow-x: auto
    }
}

.header_nav.sticky {
    z-index: 99;
    position: sticky;
    top: 0
}

.header_nav > .header_nav_tabs {
    flex: 1
}

.header_nav > .header_nav_tools {
    display: flex;
    gap: 10px;
    align-items: center
}

html:not([dir=rtl]) .header_nav > .header_nav_tools {
    margin-left: auto
}

html[dir=rtl] .header_nav > .header_nav_tools {
    margin-right: auto
}

.header_nav > .header_nav_tools .button {
    height: 30px;
    line-height: 30px;
    padding: 0 15px
}

.header_nav > .header_nav_tools a {
    color: var(--itchio_body_color_gray)
}

.empty_text {
    font-style: italic;
    color: var(--itchio_body_color_light)
}

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

.feedback_widget {
    position: fixed;
    top: 60px;
    left: 0;
    background: #f00029;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 2px #8a0017;
    opacity: .8;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    transform-origin: 0 100%;
    transform: rotate(90deg);
    transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out
}

@media (max-width: 1100px) {
    .feedback_widget {
        display: none
    }
}

.feedback_widget:hover {
    background: #ff0b34;
    opacity: 1
}

.feedback_widget:active {
    top: 61px
}

.feedback_lightbox_widget {
    width: 500px
}

.feedback_lightbox_widget.is_complete .before_submit {
    display: none
}

.feedback_lightbox_widget.is_complete .after_submit {
    display: block
}

.feedback_lightbox_widget p a {
    color: #606060
}

.feedback_lightbox_widget p.feedback_sub {
    font-size: 14px
}

.feedback_lightbox_widget form.loading .loader {
    display: inline-block
}

.feedback_lightbox_widget .after_submit, .feedback_lightbox_widget .loader {
    display: none
}

.feedback_lightbox_widget .buttons {
    margin: 20px 40px 30px 40px
}

.feedback_lightbox_widget .buttons a {
    color: #606060
}

.feedback_lightbox_widget .form .feedback_input {
    box-sizing: border-box;
    width: 100%;
    height: 100px
}

.feedback_lightbox_widget .form .input_row {
    margin: 20px 40px
}

.tooltip_drop .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    color: var(--itchio_button_fg_color, white);
    background-color: #FF2449;
    background-color: var(--itchio_button_color, #FF2449);
    padding: 5px 8px;
    border-radius: 4px;
    box-shadow: 0 0 0 2px white;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.2s ease;
    max-width: 250px;
    z-index: 101
}

.dark_theme .tooltip_drop .tooltip {
    box-shadow: 0 0 0 2px black
}

.tooltip_drop .tooltip:after {
    content: "";
    position: absolute;
    background-image: url("images/tooltip-tick.png");
    width: 11px;
    height: 5px;
    bottom: -5px;
    left: 50%;
    margin-left: -5px
}

.tooltip_drop .tooltip.below:after {
    transform-origin: 50% 50%;
    transform: rotate(180deg);
    bottom: auto;
    top: -5px
}

.tooltip_drop .tooltip.visible {
    opacity: 1
}

.header_tabs {
    padding-top: 22px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 2px 30px
}

@media (max-width: 650px) {
    .responsive .header_tabs {
        gap: 2px 15px
    }
}

.header_tabs .header_tab {
    transition: all 0.2s ease;
    display: inline-block;
    border-bottom: 4px solid transparent;
    text-decoration: none;
    color: var(--itchio_body_color_gray);
    padding: 5px 0
}

.header_tabs .header_tab.active, .header_tabs .header_tab:hover {
    color: var(--itchio_body_color);
    border-bottom: 4px solid;
    border-color: #FF2449;
    border-color: var(--itchio_button_color, #FF2449)
}

.header_tabs .header_tab.active {
    font-weight: 900
}

.page_tabs {
    box-shadow: inset 0 -1px 0 0 #dadada;
    margin: 0 0 40px 0;
    padding: 0
}

.dark_theme .page_tabs {
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1)
}

.page_tabs button.tab {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.page_tabs .tab, .page_tabs .tab_sub {
    font-size: 16px;
    padding-bottom: 6px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 650px) {
    .page_tabs .tab, .page_tabs .tab_sub {
        font-size: 14px
    }
}

html:not([dir=rtl]) .page_tabs .tab, html:not([dir=rtl]) .page_tabs .tab_sub {
    margin-right: 40px
}

html[dir=rtl] .page_tabs .tab, html[dir=rtl] .page_tabs .tab_sub {
    margin-left: 40px
}

html:not([dir=rtl]) .page_tabs .tab:last-child, html:not([dir=rtl]) .page_tabs .tab_sub:last-child {
    margin-right: 0
}

html[dir=rtl] .page_tabs .tab:last-child, html[dir=rtl] .page_tabs .tab_sub:last-child {
    margin-left: 0
}

.page_tabs .tab_sub {
    color: var(--itchio_body_color_lighter)
}

.page_tabs .tab {
    transition: all 0.2s ease;
    color: inherit;
    text-decoration: none;
    color: var(--itchio_body_color_med)
}

html:not([dir=rtl]) .page_tabs .tab.has_sub {
    margin-right: 0
}

html[dir=rtl] .page_tabs .tab.has_sub {
    margin-left: 0
}

.page_tabs .tab.active {
    font-weight: bold
}

.page_tabs .tab.active, .page_tabs .tab:hover {
    color: var(--itchio_body_color);
    box-shadow: inset 0 -2px 0 0 #FF2449;
    box-shadow: inset 0 -2px 0 0 var(--itchio_link_color, #FF2449)
}

@media (max-width: 650px) {
    .responsive .page_tabs {
        overflow-x: auto;
        white-space: nowrap
    }

    html:not([dir=rtl]) .responsive .page_tabs {
        padding-right: 20px
    }

    html[dir=rtl] .responsive .page_tabs {
        padding-left: 20px
    }
}

.pager {
    margin: 10px 0;
    color: #606060
}

html:not([dir=rtl]) .pager .button {
    margin-right: 10px
}

html[dir=rtl] .pager .button {
    margin-left: 10px
}

.pager .pager_label a {
    color: inherit
}

.nice_table {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    margin-bottom: 20px;
    border-collapse: collapse;
    font-size: 14px
}

.nice_table thead tr td {
    background-color: var(--itchio_gray_back);
    font-weight: bold
}

.nice_table thead tr td > abbr {
    color: inherit;
    border-bottom: 1px dashed;
    cursor: help;
    border-color: var(--itchio_body_color_lighter)
}

.nice_table thead tr td.sorted {
    background: var(--itchio_border_color)
}

.nice_table thead tr td .sort_button {
    display: flex;
    align-items: center;
    font: inherit;
    color: inherit;
    padding: 6px 10px;
    margin: -6px -10px;
    border: 0;
    cursor: pointer;
    background: transparent
}

.nice_table thead tr td .sort_button .sort_directions {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.nice_table thead tr td .sort_button .sort_directions .svgicon {
    width: 6px;
    height: 6px;
    opacity: 0.5
}

.nice_table thead tr td.sort_desc .sort_button .icon_tri_down {
    color: var(--itchio_body_color);
    opacity: 1
}

.nice_table thead tr td.sort_asc .sort_button .icon_tri_up {
    color: var(--itchio_body_color);
    opacity: 1
}

.nice_table.field_table > tbody > tr > td:first-child {
    text-align: right
}

.nice_table thead td, .nice_table td.row_head {
    color: var(--itchio_body_color_light);
    font-weight: normal
}

.nice_table thead td, .nice_table tbody td {
    padding: 6px 10px
}

.nice_table tbody tr {
    border-top: 1px solid rgba(96, 96, 96, 0.1)
}

.dark_theme .nice_table tbody tr {
    border-color: rgba(255, 255, 255, 0.1)
}

.nice_table tbody tr:first-child {
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.nice_table .empty_row {
    color: var(--itchio_body_color_light);
    font-style: italic
}

.nice_table td > table {
    margin: 0;
    background-color: var(--itchio_white_back)
}

.nice_table .sub {
    color: var(--itchio_body_color_light);
    font-style: italic
}

.nice_table .boolean_value {
    text-align: center
}

.nice_table .boolean_value.true {
    color: green
}

.nice_table .boolean_value.false {
    color: var(--itchio_body_color_light)
}

abbr {
    color: var(--itchio_body_color_light);
    text-decoration: none
}

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

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

.remote_table.loading .nice_table {
    opacity: .5
}

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

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

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

.admin_tools {
    transition: opacity 0.2s ease;
    box-sizing: border-box;
    opacity: 0.5;
    background: white;
    border: 1px solid #dadada;
    padding: 10px;
    position: fixed;
    top: 60px;
    right: 10px;
    z-index: 101
}

.admin_tools:hover {
    opacity: 1.0
}

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

.admin_tools.left {
    left: 10px;
    right: auto
}

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

.header_spacer {
    height: 50px
}

.user_formatted h1, .user_formatted h2, .user_formatted h3, .user_formatted h4, .user_formatted h5, .user_formatted h6 {
    line-height: normal
}

.user_formatted blockquote {
    color: var(--itchio_body_color_light);
    border-color: var(--itchio_border_color);
    font-style: italic;
    border-left: 4px solid;
    padding-left: 15px
}

.user_formatted pre {
    background-color: var(--itchio_gray_back);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    color: inherit;
    word-wrap: normal;
    overflow: auto;
    padding: 10px;
    font-size: 16px;
    border-radius: 3px;
    margin: 1em 0
}

.user_formatted table {
    border-collapse: collapse;
    font-size: 90%
}

.user_formatted table tr th, .user_formatted table tr td {
    padding: 6px 10px;
    vertical-align: top;
    text-align: left;
    border: 1px solid;
    border-color: var(--itchio_border_color)
}

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

.admin_accept_lightbox {
    max-width: 500px
}

.admin_accept_lightbox .form {
    margin: 0 40px 20px 40px;
    text-align: left
}

.admin_accept_lightbox .form .text_input {
    box-sizing: border-box;
    width: 100%
}

.admin_accept_lightbox .button_row {
    margin: 20px 40px 30px 40px
}

.collection_game_lightbox_widget {
    width: 550px
}

.collection_game_lightbox_widget form.loading .loader {
    display: inline-block
}

.collection_game_lightbox_widget .loader {
    display: none
}

.collection_game_lightbox_widget .form {
    margin-top: 30px
}

.collection_game_lightbox_widget .form .input_row {
    margin: 20px 40px
}

.collection_game_lightbox_widget .buttons {
    padding: 20px 40px 30px 40px;
    margin-top: 0
}

.collection_game_lightbox_widget .buttons a {
    color: var(--itchio_body_color_light)
}

.game_download_page, .bundle_download_page {
    position: relative
}

.game_download_page h2 .object_title:before, .bundle_download_page h2 .object_title:before {
    content: "“";
    font-weight: normal;
    color: #858585
}

.game_download_page h2 .object_title:after, .bundle_download_page h2 .object_title:after {
    content: "”";
    font-weight: normal;
    color: #858585
}

.game_download_page h3, .bundle_download_page h3 {
    margin: 20px 40px
}

@media (max-width: 800px) {
    .game_download_page .main .inner_column, .bundle_download_page .main .inner_column {
        box-shadow: none;
        margin-bottom: 0;
        border-bottom: 1px solid;
        border-color: var(--itchio_border_color)
    }
}

.game_download_page .youtube_banner, .bundle_download_page .youtube_banner {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 5px 5px 0 #FF2449;
    color: white;
    background: #494949;
    padding: 20px 40px;
    text-decoration: none;
    background: linear-gradient(to right, #8866ae, rgba(0, 0, 0, 0.6)), url(images/youtube-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

.game_download_page .youtube_banner .new, .bundle_download_page .youtube_banner .new {
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    margin-right: 6px;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #40434E;
    background: white
}

.game_download_page .youtube_banner .button.outline, .bundle_download_page .youtube_banner .button.outline {
    background-color: var(--itchio_white_back);
    border-width: 2px;
    line-height: normal;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 15px
}

.game_download_page .youtube_banner svg, .bundle_download_page .youtube_banner svg {
    display: block
}

.game_download_page .youtube_banner > *, .bundle_download_page .youtube_banner > * {
    margin-right: 20px
}

.game_download_page .youtube_banner > *:last-child, .bundle_download_page .youtube_banner > *:last-child {
    margin-right: 0;
    margin-left: auto
}

.game_download_page .youtube_banner h4, .game_download_page .youtube_banner p, .bundle_download_page .youtube_banner h4, .bundle_download_page .youtube_banner p {
    color: inherit;
    margin: 0
}

.game_download_page .youtube_banner h4, .bundle_download_page .youtube_banner h4 {
    display: flex;
    align-items: center
}

.game_download_page .youtube_banner .youtube_icon, .bundle_download_page .youtube_banner .youtube_icon {
    width: 79px
}

@media (max-width: 650px) {
    .game_download_page .youtube_banner, .bundle_download_page .youtube_banner {
        display: none
    }
}

.game_download_page .pending_message, .bundle_download_page .pending_message {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px 20px;
    margin-bottom: 40px;
    background-color: var(--itchio_gray_back)
}

@media print {
    .game_download_page .no_print, .bundle_download_page .no_print {
        display: none
    }
}

.game_download_page .app_banner, .bundle_download_page .app_banner {
    display: flex;
    align-items: center;
    color: white;
    background: #494949;
    background: linear-gradient(to right, #0f88e4, rgba(0, 0, 0, 0.7)), url("https://static.itch.io/images/app-banner.png") 100% 0 no-repeat, linear-gradient(to right, #0f88e4, #fa6943);
    border-radius: 4px;
    text-decoration: none;
    margin: 20px 40px;
    padding: 8px 20px;
    font-size: 16px
}

@media (max-width: 650px) {
    .game_download_page .app_banner, .bundle_download_page .app_banner {
        display: none
    }
}

.game_download_page .app_banner .flex, .bundle_download_page .app_banner .flex {
    margin-left: 10px
}

.game_download_page .app_banner .flex > strong, .bundle_download_page .app_banner .flex > strong {
    margin-right: 5px
}

.game_download_page .app_banner .app_icon, .bundle_download_page .app_banner .app_icon {
    height: 25px
}

.game_download_page .app_banner .outline_button, .bundle_download_page .app_banner .outline_button {
    margin-left: 20px;
    flex: 1;
    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;
    text-align: center
}

.game_download_page .app_banner .outline_button:hover, .bundle_download_page .app_banner .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.game_download_page .app_banner .outline_button:active, .bundle_download_page .app_banner .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.game_download_page .warning_box, .bundle_download_page .warning_box {
    padding: 20px;
    margin: 20px var(--itchio_gutter_width, 40px)
}

.game_download_page .warning_box p, .bundle_download_page .warning_box p {
    margin: 20px 0
}

.game_download_page .warning_box p:first-child, .bundle_download_page .warning_box p:first-child {
    margin-top: 0
}

.game_download_page .warning_box p:last-child, .bundle_download_page .warning_box p:last-child {
    margin-bottom: 0
}

.game_download_page .warning_box .button, .bundle_download_page .warning_box .button {
    color: white
}

.game_download_page .community_warning, .bundle_download_page .community_warning {
    background: #FFFED8;
    color: #8a8600;
    border-bottom: 1px solid #fffb8a;
    font-size: 16px;
    line-height: 1.5;
    padding: 20px var(--itchio_gutter_width, 40px);
    border-radius: 3px 3px 0 0
}

.game_download_page .email_capture .form .label, .bundle_download_page .email_capture .form .label {
    color: #8a8600;
    margin-bottom: 5px
}

.game_download_page .email_capture .form input, .bundle_download_page .email_capture .form input {
    background: rgba(255, 255, 255, 0.8);
    width: 300px
}

.game_download_page .email_capture .form .submit_link, .bundle_download_page .email_capture .form .submit_link {
    margin-left: 10px
}

.game_download_page .email_capture .form .input_row, .bundle_download_page .email_capture .form .input_row {
    margin-bottom: 0
}

.game_download_page .purchase_time, .game_download_page .purchase_email, .bundle_download_page .purchase_time, .bundle_download_page .purchase_email {
    color: var(--itchio_body_color_med);
    font-style: italic
}

.game_download_page .purchase_price, .bundle_download_page .purchase_price {
    font-weight: bold
}

.game_download_page p, .bundle_download_page p {
    margin: 20px var(--itchio_gutter_width, 40px);
    line-height: 1.5;
    font-size: 16px
}

.game_download_page .bottom_links, .bundle_download_page .bottom_links {
    font-size: 16px;
    margin: 20px 40px
}

.game_download_page .social_split, .bundle_download_page .social_split {
    display: flex;
    align-items: flex-start;
    margin-top: 20px
}

.game_download_page .social_split h3, .bundle_download_page .social_split h3 {
    margin-top: 0
}

.game_download_page .social_split > :last-child, .bundle_download_page .social_split > :last-child {
    flex: 1
}

.game_download_page .other_sales, .bundle_download_page .other_sales {
    margin: 20px 40px;
    background-color: var(--itchio_gray_back);
    padding: 15px 20px 20px 20px
}

.game_download_page .other_sales .promo_text, .bundle_download_page .other_sales .promo_text {
    text-align: center;
    font-size: 16px;
    color: var(--itchio_body_color_light);
    margin-bottom: 15px
}

.game_download_page .other_sales .sale_row, .bundle_download_page .other_sales .sale_row {
    width: auto;
    display: block;
    margin-right: 0
}

.game_download_page .other_sales .sale_row:last-child, .bundle_download_page .other_sales .sale_row:last-child {
    margin-bottom: 0
}

.game_download_page .other_sales .sale_row .sale_data, .bundle_download_page .other_sales .sale_row .sale_data {
    margin-right: 320px
}

.game_download_page .other_sales .sale_row .sale_games, .bundle_download_page .other_sales .sale_row .sale_games {
    width: 320px
}

.game_download_page .social_footer, .bundle_download_page .social_footer {
    font-size: 16px;
    color: var(--itchio_body_color);
    background-color: var(--itchio_gray_back);
    border-radius: 0 0 3px 3px;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    margin-top: 20px;
    padding: 20px var(--itchio_gutter_width, 40px);
    padding-top: 17px
}

@media print {
    .game_download_page .social_footer, .bundle_download_page .social_footer {
        display: none
    }
}

.game_download_page .social_footer h3, .bundle_download_page .social_footer h3 {
    margin: 0;
    color: var(--itchio_body_color_light);
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px
}

html:not([dir=rtl]) .game_download_page .social_footer .button, html:not([dir=rtl]) .bundle_download_page .social_footer .button {
    margin-right: 20px
}

html[dir=rtl] .game_download_page .social_footer .button, html[dir=rtl] .bundle_download_page .social_footer .button {
    margin-left: 20px
}

html:not([dir=rtl]) .game_download_page .social_footer .button .icon, html:not([dir=rtl]) .bundle_download_page .social_footer .button .icon {
    margin-right: 10px
}

html[dir=rtl] .game_download_page .social_footer .button .icon, html[dir=rtl] .bundle_download_page .social_footer .button .icon {
    margin-left: 10px
}

.game_download_page .social_footer .simple_social_buttons_widget, .bundle_download_page .social_footer .simple_social_buttons_widget {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle
}

.game_download_page .social_footer .simple_social_buttons_widget a, .bundle_download_page .social_footer .simple_social_buttons_widget a {
    color: var(--itchio_body_color_lighter);
    font-size: 20px;
    text-decoration: none
}

html:not([dir=rtl]) .game_download_page .social_footer .simple_social_buttons_widget a, html:not([dir=rtl]) .bundle_download_page .social_footer .simple_social_buttons_widget a {
    margin-right: 10px
}

html[dir=rtl] .game_download_page .social_footer .simple_social_buttons_widget a, html[dir=rtl] .bundle_download_page .social_footer .simple_social_buttons_widget a {
    margin-left: 10px
}

.game_download_page .social_footer .simple_social_buttons_widget a:hover, .bundle_download_page .social_footer .simple_social_buttons_widget a:hover {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.game_download_page .social_footer .button_list, .bundle_download_page .social_footer .button_list {
    display: flex;
    align-items: center
}

@media (max-width: 750px) {
    .game_download_page .social_footer .button_list, .bundle_download_page .social_footer .button_list {
        display: block
    }

    .game_download_page .social_footer .button_list > *, .bundle_download_page .social_footer .button_list > * {
        display: block;
        margin-bottom: 10px
    }

    html:not([dir=rtl]) .game_download_page .social_footer .button_list > *, html:not([dir=rtl]) .bundle_download_page .social_footer .button_list > * {
        margin-right: 0
    }

    html[dir=rtl] .game_download_page .social_footer .button_list > *, html[dir=rtl] .bundle_download_page .social_footer .button_list > * {
        margin-left: 0
    }

    .game_download_page .social_footer .button_list > *:last-child, .bundle_download_page .social_footer .button_list > *:last-child {
        margin-bottom: 0
    }
}

.game_download_page .purchase_register_nag, .bundle_download_page .purchase_register_nag {
    padding: 15px 20px;
    border: 1px solid #dbd994;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 3px
}

.dark_theme .game_download_page .purchase_register_nag, .dark_theme .bundle_download_page .purchase_register_nag {
    border-color: rgba(219, 217, 148, 0.2)
}

@media (max-width: 650px) {
    .game_download_page .purchase_register_nag, .bundle_download_page .purchase_register_nag {
        display: block
    }
}

@media print {
    .game_download_page .purchase_register_nag, .bundle_download_page .purchase_register_nag {
        display: none
    }
}

.game_download_page .purchase_register_nag strong, .bundle_download_page .purchase_register_nag strong {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    background: #969443;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 12px;
    white-space: nowrap
}

@media (max-width: 650px) {
    .game_download_page .purchase_register_nag strong, .bundle_download_page .purchase_register_nag strong {
        display: block;
        text-align: center;
        margin-bottom: 5px
    }
}

.game_download_page .purchase_register_nag .action_links, .bundle_download_page .purchase_register_nag .action_links {
    min-width: 0
}

.game_download_page .purchase_register_nag form, .bundle_download_page .purchase_register_nag form {
    display: inline
}

.game_download_page .bundle_promo_banner_widget, .bundle_download_page .bundle_promo_banner_widget {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 800px) {
    .game_download_page .bundle_promo_banner_widget, .bundle_download_page .bundle_promo_banner_widget {
        border-radius: 0
    }
}

.game_download_page .uploads {
    margin: 20px 0;
    padding: 0 var(--itchio_gutter_width, 40px);
    position: relative
}

@media print {
    .game_download_page .uploads {
        display: none
    }
}

.game_download_page .uploads .trouble_link {
    position: absolute;
    bottom: 4px;
    right: 40px;
    font-size: 12px;
    color: var(--itchio_body_color_lighter)
}

@media (max-width: 650px) {
    .game_download_page .uploads .trouble_link {
        position: static;
        text-align: right
    }
}

html[dir=rtl] .game_download_page .uploads .trouble_link {
    position: static;
    text-align: right
}

.game_download_page .uploads .trouble_link a {
    color: inherit
}

.game_download_page .web_game_player_row {
    margin: 20px var(--itchio_gutter_width, 40px);
    display: flex;
    align-items: center;
    font-size: 16px
}

.game_download_page .web_game_player_row .html_tag {
    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
}

.dark_theme .game_download_page .web_game_player_row .html_tag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.game_download_page .web_game_player_row .button {
    display: flex;
    align-items: center
}

.game_download_page .web_game_player_row .button .icon {
    margin-right: 5px
}

.game_download_page .web_game_player_row > * {
    margin-right: 10px
}

.game_download_page .web_game_player_row > *:last-child {
    margin-right: 0;
    flex: 1;
    text-align: right
}

.game_download_page .web_game_player_row .platforms {
    color: var(--itchio_body_color_light)
}

.game_download_page .web_game_player_row .build_row, .game_download_page .web_game_player_row .upload_date {
    font-size: 14px
}

.game_download_page .index_game_grid_widget {
    padding: 0 var(--itchio_gutter_width, 40px)
}

.game_download_page .index_game_grid_widget .label .title {
    font-size: 15px
}

.game_download_page .game_grid_outer h2 {
    margin: 30px var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .game_download_page .game_grid_outer h2 {
        font-size: 18px
    }
}

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

.game_download_page .download_instructions:empty, .game_download_page .external_keys:empty {
    display: none
}

.game_download_page .download_instructions {
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.game_download_page .download_instructions .formatted {
    margin-left: var(--itchio_gutter_width, 40px);
    margin-right: var(--itchio_gutter_width, 40px);
    background-color: var(--itchio_gray_back);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    padding: 20px
}

.game_download_page .download_instructions .formatted > :first-child {
    margin-top: 0
}

.game_download_page .download_instructions .formatted > :last-child {
    margin-bottom: 0
}

.game_download_page .download_instructions .formatted h1, .game_download_page .download_instructions .formatted h2, .game_download_page .download_instructions .formatted h3, .game_download_page .download_instructions .formatted h4, .game_download_page .download_instructions .formatted h5 {
    margin: 0 0 20px 0
}

.game_download_page .download_instructions .formatted p {
    margin-left: 0;
    margin-right: 0
}

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

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

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

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

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

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

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

.game_download_page .key_claim .claim_error {
    font-style: italic;
    color: var(--itchio_body_color_light)
}

.game_download_page .key_claim .key_container {
    border: 1px solid;
    border-color: var(--itchio_input_border_color);
    background: inherit;
    font-family: monospace;
    margin: 0;
    padding: 4px;
    font-size: 16px;
    color: var(--itchio_body_color_light);
    width: 300px
}

.game_download_page .ticket_list {
    margin: 0 40px
}

.game_download_page .ticket_list .ticket {
    *zoom: 1;
    max-width: 600px;
    border: 1px dashed;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    margin: 20px 0;
    padding: 20px 25px
}

.game_download_page .ticket_list .ticket:before, .game_download_page .ticket_list .ticket:after {
    content: " ";
    display: table
}

.game_download_page .ticket_list .ticket:after {
    clear: both
}

.game_download_page .ticket_list .ticket.additional {
    page-break-before: always
}

.game_download_page .ticket_list .ticket h4 {
    font-size: 22px
}

.game_download_page .ticket_list .ticket h4 code {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    background-color: var(--itchio_gray_back);
    padding: 3px 8px;
    margin-left: 10px;
    letter-spacing: 2px
}

.game_download_page .ticket_list .ticket .ticket-right-column {
    float: right;
    margin-left: 25px
}

.game_download_page .ticket_list .ticket .ticket-qrcode canvas {
    width: 100px;
    height: 100px
}

.game_download_page .ticket_list .ticket .formatted p {
    margin-left: 0;
    margin-right: 0
}

.game_download_page .ticket_list .ticket .clear {
    *zoom: 1
}

.game_download_page .ticket_list .ticket .clear:before, .game_download_page .ticket_list .ticket .clear:after {
    content: " ";
    display: table
}

.game_download_page .ticket_list .ticket .clear:after {
    clear: both
}

.game_download_page .ticket_list .ticket .tickets-powered-by {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    color: var(--itchio_body_color_light)
}

.game_download_page .ticket_list .ticket .fields {
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.game_download_page .ticket_list .ticket .fields .label {
    font-weight: bold;
    margin-bottom: .4em
}

.game_download_page .reward_preview {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    margin: 0 40px;
    border-radius: 3px
}

.game_download_page .reward_preview p, .game_download_page .reward_preview h3 {
    margin-left: 25px;
    margin-right: 25px
}

.game_download_page .reward_preview .reward_responder {
    color: var(--itchio_body_color_light)
}

.game_download_page .reward_preview .reward_responder .icon {
    color: var(--itchio_body_color_lighter);
    margin-left: 10px
}

.game_download_page .reward_preview .reward_responder .fullfilled_tag {
    box-sizing: border-box;
    background: #90ce59;
    color: white;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 1px;
    border-radius: 3px
}

.alt_download_lightbox {
    width: 500px
}

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

.bundle_download_page .bundle_note {
    background-color: var(--itchio_gray_back);
    padding: 8px 15px
}

.bundle_download_page .pager {
    margin: 20px var(--itchio_gutter_width, 40px)
}

.bundle_download_page .game_outer {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.bundle_download_page .game_row {
    display: flex;
    align-items: center;
    margin: 0 40px 40px 40px;
    font-size: 16px
}

.bundle_download_page .game_row:hover .game_thumb .gif_overlay {
    opacity: 1
}

.bundle_download_page .game_row .game_thumb {
    background-color: var(--itchio_white_back);
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: relative;
    width: 315px;
    height: 250px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .bundle_download_page .game_row .game_thumb {
    box-shadow: none
}

.bundle_download_page .game_row .game_thumb .no_cover_text {
    color: #dadada;
    font-size: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -65px
}

.bundle_download_page .game_row .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
}

.bundle_download_page .game_row .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
}

@media (max-width: 800px) {
    .bundle_download_page .game_row .game_thumb {
        width: 200px;
        height: 158px
    }
}

.bundle_download_page .game_row .game_title {
    margin: 0;
    padding: 0
}

.bundle_download_page .game_row .game_title a {
    text-decoration: none
}

.bundle_download_page .game_row .meta_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    color: var(--itchio_body_color_med)
}

.bundle_download_page .game_row .game_short_text {
    color: var(--itchio_body_color_light)
}

.bundle_download_page .game_row .button_row {
    margin-top: 15px
}

.bundle_download_page .game_row .button_row > form {
    display: inline-block
}

.bundle_download_page .game_row .file_count {
    margin-top: 6px
}

.bundle_download_page .game_row h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bundle_download_page .game_row .game_row_data {
    flex: 1;
    min-width: 0;
    margin-left: 20px
}

@media (max-width: 650px) {
    .bundle_download_page .game_row {
        display: block;
        margin: 0;
        padding: 20px;
        border-top: 1px solid;
        border-color: var(--itchio_border_color)
    }

    .bundle_download_page .game_row:first-child {
        border-top: 0
    }

    .bundle_download_page .game_row .game_thumb {
        width: 100%;
        height: 0;
        padding-bottom: 79.3650793651%
    }

    .bundle_download_page .game_row .game_row_data {
        margin: 20px 0 0 0
    }
}

.bundle_download_page .filter_options {
    margin: 20px var(--itchio_gutter_width, 40px);
    display: flex;
    align-items: center
}

.bundle_download_page .filter_options > .pager {
    margin: 0;
    margin-right: auto
}

.bundle_download_page .filter_options .clear_search {
    font-size: 16px;
    margin-left: 5px
}

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

.gift_success_page {
    padding-bottom: 20px
}

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

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

.game_gift_page form {
    margin: 20px 40px
}

.game_gift_page form.loading .loader {
    display: inline-block
}

.game_gift_page form .loader {
    margin-left: 10px;
    display: none
}

.game_gift_page form .errors {
    display: none;
    color: #D14343;
    margin-left: 10px
}

.game_gift_page .footer_links {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_med)
}

.game_gift_page .footer_links a {
    color: var(--itchio_body_color_light)
}

.key_group_lightbox {
    max-width: 600px
}

.key_group_lightbox .form {
    margin: 20px 40px
}

.key_group_lightbox input[type=text] {
    width: 450px
}

.key_group_lightbox input[type=text].unlock_price_input {
    width: 220px
}

.key_group_lightbox .all_file_toggle_row {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.key_group_lightbox .currency_row .sub {
    color: var(--itchio_body_color_lighter)
}

.key_group_lightbox .check_list {
    line-height: 1.5
}

.key_group_lightbox .input_row p {
    margin: 10px 0;
    font-size: 13px
}

.key_lightbox {
    max-width: 600px
}

.key_lightbox .form {
    margin: 0 40px 20px 40px;
    text-align: left
}

.key_lightbox .form .text_input {
    width: 450px
}

.key_lightbox .input_row .nice_table {
    margin-top: 6px
}

.key_lightbox .label_form, .key_lightbox .claim_options {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    margin: 0;
    padding: 20px var(--itchio_gutter_width, 40px)
}

.key_lightbox .label_form label {
    display: block;
    margin: 20px 40px
}

.key_lightbox .label_form .icon {
    opacity: 0;
    transition: opactiy 0.1s ease-in-out;
    margin-left: 10px;
    color: var(--itchio_body_color_light)
}

.key_lightbox .button_row {
    margin: 30px 40px
}

.graph_container {
    height: 180px;
    margin-bottom: 20px;
    direction: ltr
}

.graph_container .hitbox.link {
    cursor: pointer
}

.graph_container .graph_popup {
    background: rgba(0, 0, 0, 0.8);
    color: white;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    max-width: 200px;
    pointer-events: none
}

.graph_container .graph_popup .popup_date {
    font-weight: bold
}

.graph_container .graph_popup .popup_group {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.graph_container .graph_popup .popup_group:empty:before {
    content: "The rest";
    font-style: italic;
    opacity: 0.5
}

.graph_container .graph_popup .popup_label {
    opacity: 0.8
}

.graph_container .axis path, .graph_container .axis line {
    fill: none;
    stroke: var(--itchio_body_color_lighter);
    shape-rendering: crispEdges
}

.graph_container .axis text {
    fill: var(--itchio_body_color_med);
    font-weight: bold;
    font-size: 12px
}

.graph_container .x_guides, .graph_container .y_guides {
    stroke: var(--itchio_border_color);
    fill: none;
    shape-rendering: crispEdges
}

.graph_container .graph path {
    fill: rgba(255, 128, 128, 0.1);
    stroke: rgba(255, 128, 128, 0.8);
    stroke-width: 2
}

.graph_container .graph path.line {
    fill: none;
    stroke-width: 2
}

.graph_container.highlighting_bar .popup_trigger .dot, .graph_container.highlighting_bar .popup_trigger .dot_outline {
    opacity: 0.1
}

.graph_container .popup_trigger:hover .dot {
    fill: #fff;
    stroke-width: 3
}

.graph_container .popup_trigger:hover .dot, .graph_container .popup_trigger:hover .dot_outline {
    opacity: 1
}

.graph_container .popup_trigger .dot, .graph_container .popup_trigger .dot_outline {
    opacity: 0.8;
    transition: opacity 0.1s ease
}

.graph_container .popup_trigger .dot {
    fill: var(--itchio_white_back);
    stroke: #ff6c6c;
    stroke-width: 2
}

.graph_container .popup_trigger .dot_outline {
    fill: var(--itchio_white_back);
    stroke: var(--itchio_white_back);
    stroke-width: 2
}

.graph_container .popup_trigger .hitbox {
    fill: black;
    opacity: 0.0
}

.graph_container .label circle {
    fill: var(--itchio_white_back);
    stroke: #ff6c6c;
    stroke-width: 2
}

.graph_container .label text {
    fill: var(--itchio_body_color_med);
    font-size: 14px
}

.graph_container .bar_chart rect {
    transition: opacity 0.1s ease
}

.graph_container .bar_chart rect.total_border {
    fill: rgba(0, 0, 0, 0.5)
}

.dark_theme .graph_container .bar_chart rect.total_border {
    fill: rgba(255, 255, 255, 0.2)
}

.graph_container .bar_chart rect.total_bar {
    fill: var(--itchio_gray_back)
}

.graph_container .bar_chart rect.bar_border {
    fill: rgba(0, 0, 0, 0.2)
}

.graph_container .bar_chart rect.hidden {
    opacity: 0.2
}

.graph_container .bar_chart:not(.stacked_bar_chart) rect:not([fill]) {
    fill: #FF9999;
    stroke: #e05252
}

.graph_container .tilt_x_labels .x_axis .tick text {
    font-size: 10px;
    transform: translate(-15px, 10px) rotate(-45deg)
}

.user_register_page .register_header, .user_login_page .register_header {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px var(--itchio_gutter_width, 40px);
    min-height: 80px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.user_register_page .register_header h2, .user_login_page .register_header h2 {
    margin-bottom: 10px
}

.user_register_page .register_header h2:last-child, .user_login_page .register_header h2:last-child {
    margin-bottom: 0
}

.user_register_page .register_header p, .user_login_page .register_header p {
    font-size: 16px;
    margin: 0
}

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

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

.user_register_page .link_purchase, .user_login_page .link_purchase {
    font-size: 16px;
    line-height: 1.5;
    padding: 15px 40px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.user_register_page .login_footer a, .user_login_page .login_footer a {
    color: var(--itchio_body_color_light)
}

.user_login_page .intent {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px var(--itchio_gutter_width, 40px);
    margin-bottom: 0
}

.user_login_page .login_footer {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px var(--itchio_gutter_width, 40px)
}

.add_game_to_jam_form_widget .badges_input .badge_picker, .add_game_to_jam_form_widget .category_input .badge_picker {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

.add_game_to_jam_form_widget .badges_input .badge_picker:hover, .add_game_to_jam_form_widget .category_input .badge_picker:hover {
    background-color: var(--itchio_gray_back)
}

.add_game_to_jam_form_widget .badges_input .badge_toggle, .add_game_to_jam_form_widget .badges_input .badge_image, .add_game_to_jam_form_widget .category_input .badge_toggle, .add_game_to_jam_form_widget .category_input .badge_image {
    flex: none;
    min-width: 0
}

.add_game_to_jam_form_widget .badges_input .badge_summary, .add_game_to_jam_form_widget .category_input .badge_summary {
    font-size: 14px;
    line-height: 1.5;
    vertical-align: top
}

.add_game_to_jam_form_widget .badges_input .badge_summary p, .add_game_to_jam_form_widget .category_input .badge_summary p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 16px
}

.add_game_to_jam_form_widget .field_row .private_bubble {
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 6px;
    display: inline-block;
    font-weight: bold;
    line-height: 15px;
    margin-left: 10px;
    vertical-align: 1px;
    background: #A287C0;
    color: #f6f3f9
}

.add_game_to_jam_form_widget .field_row .label {
    line-height: 1.5
}

.add_game_to_jam_form_widget .field_row p {
    margin: 10px 0
}

.add_game_to_jam_form_widget .field_row input[type="text"], .add_game_to_jam_form_widget .field_row textarea {
    width: 400px
}

.admins_form_widget .admins_table .user_row > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.admins_form_widget .admins_table .user_row > *:last-child {
    margin-right: 0
}

.admins_form_widget .field_toggle.disabled {
    color: #858585
}

.admins_form_widget .field_toggle input {
    vertical-align: middle
}

.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
}

.bank_account_lightbox_widget {
    width: 600px
}

.bank_account_lightbox_widget.is_individual .for_individual {
    display: block
}

.bank_account_lightbox_widget.is_business .for_business {
    display: block
}

.bank_account_lightbox_widget .for_business, .bank_account_lightbox_widget .for_individual {
    display: none
}

.bank_account_lightbox_widget .form {
    margin: 0 40px
}

.bank_account_lightbox_widget input[type='text'] {
    box-sizing: border-box;
    width: 100%
}

.bank_account_lightbox_widget .buttons {
    margin-bottom: 20px
}

.bank_account_lightbox_widget .sub_terms {
    color: var(--itchio_body_color_light);
    line-height: 1.4;
    margin-bottom: 20px
}

.bank_account_lightbox_widget .sub_terms a {
    color: var(--itchio_body_color_light)
}

.bank_account_lightbox_widget .input_group {
    display: flex;
    margin-bottom: 15px
}

.bank_account_lightbox_widget .input_group > .input_row {
    margin-bottom: 0;
    margin-right: 20px
}

.bank_account_lightbox_widget .input_group > .input_row:last-child {
    margin-right: 0
}

.blog_post_grid_widget .blog_post {
    display: inline-block;
    width: 300px;
    margin: 10px;
    vertical-align: top;
    font-size: 14px
}

@media (max-width: 650px) {
    .blog_post_grid_widget .blog_post {
        width: auto;
        display: block;
        padding: 20px;
        margin: 0;
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid;
        border-color: var(--itchio_border_color)
    }
}

.blog_post_grid_widget .blog_post.arrange_wide {
    display: inline-flex;
    width: auto
}

@media (max-width: 650px) {
    .blog_post_grid_widget .blog_post.arrange_wide {
        width: 300px
    }

    .blog_post_grid_widget .blog_post.arrange_wide .image_wrapper {
        display: none
    }
}

.blog_post_grid_widget .blog_post.arrange_wide .image_wrapper {
    width: 300px;
    padding-bottom: 0;
    height: 168px
}

.blog_post_grid_widget .blog_post.arrange_wide .post_details {
    width: 300px
}

.blog_post_grid_widget .blog_post.arrange_wide > div {
    margin-right: 20px;
    margin-bottom: 0
}

.blog_post_grid_widget .blog_post.arrange_wide > div:last-child {
    margin-right: 0
}

.blog_post_grid_widget .blog_post > div, .blog_post_grid_widget .blog_post .post_details > div {
    margin-bottom: 8px
}

.blog_post_grid_widget .blog_post > div.post_title, .blog_post_grid_widget .blog_post .post_details > div.post_title {
    margin-bottom: 3px
}

.blog_post_grid_widget .blog_post > div:last-child, .blog_post_grid_widget .blog_post .post_details > div:last-child {
    margin-bottom: 0
}

.blog_post_grid_widget .blog_post .image_wrapper {
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 56.25%;
    background-color: var(--itchio_gray_back)
}

.blog_post_grid_widget .blog_post .image_wrapper img {
    border: 0;
    display: block;
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blog_post_grid_widget .blog_post .post_title {
    display: flex;
    align-items: flex-start
}

.blog_post_grid_widget .blog_post .post_title a {
    flex: 1;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    word-wrap: break-word;
    min-width: 0;
    margin-right: 3px
}

.blog_post_grid_widget .blog_post .post_title .post_likes, .blog_post_grid_widget .blog_post .post_title .post_comments {
    background-color: var(--itchio_gray_back);
    padding: 2px 4px;
    font-weight: bold;
    color: var(--itchio_body_color_med);
    font-size: 14px
}

.blog_post_grid_widget .blog_post .post_title .post_likes .icon_comment, .blog_post_grid_widget .blog_post .post_title .post_comments .icon_comment {
    margin-left: 3px;
    display: inline-block;
    vertical-align: -3px
}

.blog_post_grid_widget .blog_post .post_title .post_likes .icon-heart-filled, .blog_post_grid_widget .blog_post .post_title .post_comments .icon-heart-filled {
    font-size: 12px;
    display: inline-block;
    vertical-align: 0px;
    margin-left: 2px
}

.blog_post_grid_widget .blog_post .post_type > span, .blog_post_grid_widget .blog_post .post_type > a {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 6px;
    text-decoration: none;
    color: white;
    background: #AE4879
}

.blog_post_grid_widget .blog_post .post_type > span .svgicon, .blog_post_grid_widget .blog_post .post_type > a .svgicon {
    margin-right: 4px
}

.blog_post_grid_widget .blog_post .summary {
    line-height: 1.4;
    word-wrap: break-word;
    color: var(--itchio_body_color_light)
}

.blog_post_grid_widget .blog_post .summary .svgicon {
    vertical-align: -3px
}

.blog_post_grid_widget .blog_post .summary:empty {
    display: none
}

.blog_post_grid_widget .blog_post .summary.sub_summary {
    color: var(--itchio_body_color_light)
}

.blog_post_grid_widget .blog_post .summary.file_version {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog_post_grid_widget .blog_post .game_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog_post_grid_widget .blog_post .game_title a {
    color: var(--itchio_body_color_med);
    text-decoration: none;
    font-weight: bold
}

.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
}

.browse_filter_group_widget {
    border: 1px solid transparent
}

.browse_filter_group_widget.filters_open .filter_group_label .group_toggle_btn .icon-triangle-down {
    display: inline
}

.browse_filter_group_widget.filters_open .filter_group_label .group_toggle_btn .icon-triangle-right {
    display: none
}

.browse_filter_group_widget.filters_open > ul li {
    height: 32px
}

.browse_filter_group_widget.filters_open .toggle_more_btn:before {
    content: attr(data-fewer_label)
}

.browse_filter_group_widget.active {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

@media print {
    .browse_filter_group_widget.active {
        box-shadow: none;
        border: none
    }
}

.dark_theme .browse_filter_group_widget.active {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.browse_filter_group_widget .filter_group_label {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    display: flex;
    align-items: center
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn {
    flex: 1;
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
    padding: 10px 0 10px 8px
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn:hover {
    color: var(--itchio_body_color)
}

.browse_filter_group_widget .filter_group_label .group_toggle_btn:hover .filter_arrow {
    color: inherit
}

.browse_filter_group_widget .filter_group_label .filter_arrow {
    color: var(--itchio_body_color_light);
    width: 15px;
    text-align: center;
    margin-right: 10px
}

.browse_filter_group_widget .filter_group_label .filter_arrow .icon-triangle-down {
    display: none
}

.browse_filter_group_widget .filter_group_label .filter_clear {
    margin-right: 5px;
    padding: 3px
}

.browse_filter_group_widget .filter_clear {
    color: var(--itchio_body_color_lighter);
    text-decoration: none;
    border: 0;
    background: transparent;
    cursor: pointer
}

.browse_filter_group_widget .filter_clear:hover {
    color: inherit
}

.browse_filter_group_widget .filter_clear > .svgicon {
    border-radius: 20px;
    padding: 2px;
    background: #dbdbdb
}

.dark_theme .browse_filter_group_widget .filter_clear > .svgicon {
    background: #353535
}

.browse_filter_group_widget > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.browse_filter_group_widget > ul li {
    transition: height 0.2s;
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center
}

.browse_filter_group_widget > ul li > *:first-child {
    flex: 1;
    gap: 10px
}

.browse_filter_group_widget > ul li.active {
    height: 32px
}

.browse_filter_group_widget > ul li.active > a, .browse_filter_group_widget > ul li.active > button {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49);
    font-weight: bold
}

.browse_filter_group_widget > ul li:not(.active) > a:hover, .browse_filter_group_widget > ul li:not(.active) > button:hover, .browse_filter_group_widget > ul li:not(.active) .filter_append:hover {
    color: white;
    background: #666
}

.dark_theme .browse_filter_group_widget > ul li:not(.active) > a:hover, .dark_theme .browse_filter_group_widget > ul li:not(.active) > button:hover, .dark_theme .browse_filter_group_widget > ul li:not(.active) .filter_append:hover {
    background: rgba(255, 255, 255, 0.1)
}

.browse_filter_group_widget > ul li > button {
    background: transparent;
    border: 0;
    cursor: pointer
}

.browse_filter_group_widget > ul li > a, .browse_filter_group_widget > ul li > button {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.browse_filter_group_widget > ul li > a:first-child, .browse_filter_group_widget > ul li > button:first-child {
    padding-left: 28px
}

.browse_filter_group_widget > ul li .filter_clear {
    margin-right: 5px;
    padding: 3px;
    display: block
}

.browse_filter_group_widget > ul li .filter_clear:hover {
    color: var(--itchio_body_color_light)
}

.browse_filter_group_widget > ul li .filter_append {
    padding: 3px 12px;
    height: 32px;
    text-decoration: none;
    box-sizing: border-box;
    color: var(--itchio_body_color_light);
    display: flex;
    align-items: center
}

.browse_filter_group_widget > ul li > :first-child .svgicon, .browse_filter_group_widget > ul li > :first-child .icon {
    flex-shrink: 0;
    opacity: 0.8
}

.browse_filter_group_widget .toggle_more_btn {
    display: block;
    color: var(--itchio_body_color_med);
    border: 0;
    background: 0;
    height: 32px;
    line-height: 32px;
    padding: 0;
    padding-left: 28px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    font-size: 0
}

.browse_filter_group_widget .toggle_more_btn:before {
    font-size: 14px;
    content: attr(data-more_label)
}

.browse_filter_group_widget .toggle_more_btn:hover {
    color: white;
    background: #666
}

.dark_theme .browse_filter_group_widget .toggle_more_btn:hover {
    background: rgba(255, 255, 255, 0.1)
}

.browse_related_tags_widget {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 10px;
    margin: 10px 20px
}

@media (max-width: 650px) {
    .browse_related_tags_widget {
        margin-left: 10px;
        margin-right: 10px
    }

    .browse_related_tags_widget .tag_segmented_btn {
        white-space: nowrap
    }

    .browse_related_tags_widget .tag_segmented_btn:nth-child(n+8) {
        display: none
    }
}

.browse_related_tags_widget .tags_label {
    font-size: 14px;
    color: var(--itchio_body_color_lighter);
    white-space: nowrap
}

.browse_related_tags_widget .tags_label .svgicon {
    color: var(--itchio_body_color_light)
}

.browse_related_tags_widget .tag_selector.selectize-control {
    min-width: 200px;
    max-width: 200px
}

@media (max-width: 650px) {
    .browse_related_tags_widget .tag_selector.selectize-control {
        max-width: none;
        min-width: 120px;
        flex: 1
    }
}

.browse_related_tags_widget .tag_selector.selectize-control .selectize-input.dropdown-active::before {
    background: var(--itchio_border_color)
}

.browse_related_tags_widget .tag_selector.selectize-control > .selectize-input {
    line-height: 16px;
    padding: 6px 8px;
    display: block;
    font-size: 14px;
    background-color: var(--itchio_white_back);
    background-image: none;
    box-shadow: none;
    color: var(--itchio_body_color);
    border-color: var(--itchio_input_border_color)
}

.browse_related_tags_widget .tag_selector.selectize-control > .selectize-input input {
    color: inherit
}

.browse_related_tags_widget .tag_selector.selectize-control > .selectize-input.input-active {
    display: block
}

.browse_related_tags_widget .tag_selector.selectize-control > .selectize-dropdown {
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    border-color: var(--itchio_input_border_color)
}

.browse_related_tags_widget .tag_selector.selectize-control > .selectize-dropdown .selectize-dropdown-content > *.active {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color)
}

.browse_related_tags_widget .browse_top_tags {
    color: var(--itchio_body_color_lighter)
}

.browse_related_tags_widget .browse_top_tags a {
    color: var(--itchio_body_color_gray)
}

.browse_related_tags_widget .tag_segmented_btn {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    display: flex;
    height: 30px;
    box-sizing: border-box
}

.browse_related_tags_widget .tag_segmented_btn > a {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    text-decoration: none;
    font-weight: bold;
    color: inherit;
    display: flex;
    padding: 0 8px;
    align-items: center
}

.browse_related_tags_widget .tag_segmented_btn > a:hover {
    background-color: #FF2449;
    background-color: var(--itchio_button_color, #FF2449);
    color: white;
    color: var(--itchio_button_fg_color, white);
    border-color: transparent
}

.browse_related_tags_widget .tag_segmented_btn > a:last-child:not(:first-child) {
    border-left: 0;
    border-radius: 0 3px 3px 0
}

.browse_related_tags_widget .tag_segmented_btn > a:first-child:not(:last-child) {
    border-radius: 3px 0 0 3px
}

.browse_related_tags_widget .tag_segmented_btn > a:first-child:last-child {
    border-radius: 3px
}

.browse_sort_options_widget {
    padding-right: 25px;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 2px solid;
    border-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.browse_sort_options_widget .sort_label {
    font-size: 14px;
    color: var(--itchio_body_color_lighter);
    padding-bottom: 7px;
    white-space: nowrap
}

.browse_sort_options_widget .sort_label .icon_filter {
    width: 18px;
    height: 18px
}

.browse_sort_options_widget .sort_label > .svgicon {
    margin-right: 10px;
    color: var(--itchio_body_color_light)
}

.browse_sort_options_widget .sort_label > div {
    display: inline-block
}

.browse_sort_options_widget .forms_simple_select_widget {
    display: none;
    border: 0;
    padding: 0;
    height: auto;
    display: block;
    border-radius: 0
}

.browse_sort_options_widget .forms_simple_select_widget .selected_option {
    padding-bottom: 10px;
    text-decoration: none;
    color: var(--itchio_body_color_med);
    font-weight: bold;
    position: relative;
    font-size: inherit;
    height: auto
}

.browse_sort_options_widget .forms_simple_select_widget .svgicon {
    margin-bottom: -5px;
    width: 18px;
    height: 18px;
    color: var(--itchio_body_color_lighter)
}

.browse_sort_options_widget .forms_simple_select_widget:hover .selected_option, .browse_sort_options_widget .forms_simple_select_widget.active .selected_option {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.browse_sort_options_widget > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px
}

@media (max-width: 650px) {
    .browse_sort_options_widget > ul {
        font-size: 14px
    }
}

.browse_sort_options_widget > ul li > button {
    border: 0;
    background: transparent;
    font-size: inherit;
    cursor: pointer
}

.browse_sort_options_widget > ul li > a, .browse_sort_options_widget > ul li button {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    color: var(--itchio_body_color_med);
    font-weight: bold;
    position: relative
}

.browse_sort_options_widget > ul li > a:hover, .browse_sort_options_widget > ul li > a.active, .browse_sort_options_widget > ul li button:hover, .browse_sort_options_widget > ul li button.active {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.browse_sort_options_widget > ul li > a.active:after, .browse_sort_options_widget > ul li button.active:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #FF2449;
    bottom: -2px;
    left: 0;
    right: 0
}

.bundle_participants_lightbox_widget {
    width: 100%;
    max-width: 500px
}

.bundle_participants_lightbox_widget ul {
    list-style: none;
    overflow: hidden;
    margin: 20px;
    margin-top: 0;
    max-height: 240px;
    overflow: auto;
    font-size: 16px;
    border: 1px solid;
    border-radius: 3px;
    padding: 10px 18px;
    border-color: var(--itchio_border_color);
    background: #f9f9f9
}

.dark_theme .bundle_participants_lightbox_widget ul {
    background: rgba(19, 19, 19, 0.865)
}

.bundle_participants_lightbox_widget li {
    margin-bottom: 8px
}

.bundle_participants_lightbox_widget li:last-child {
    margin-bottom: 0
}

.bundle_promo_banner_widget {
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
    background: #51495a;
    border-radius: 3px;
    font-size: 16px
}

.bundle_promo_banner_widget .banner_inner {
    z-index: 2;
    position: relative;
    padding: 35px 0
}

.bundle_promo_banner_widget .close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border: 0;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    border-radius: 1px
}

.bundle_promo_banner_widget .background_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.2;
    z-index: 1
}

.bundle_promo_banner_widget .offer_duration {
    margin-bottom: 12px
}

.bundle_promo_banner_widget .offer_duration .duration_label {
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase
}

.bundle_promo_banner_widget .countdown {
    line-height: normal
}

.bundle_promo_banner_widget .countdown > .time_block {
    display: inline-block;
    margin-right: 6px
}

.bundle_promo_banner_widget .countdown > .time_block:last-child {
    margin-right: 0
}

.bundle_promo_banner_widget .countdown > .time_block > * {
    display: inline
}

.bundle_promo_banner_widget .bundle_summary {
    margin-top: 12px;
    display: flex;
    align-items: center
}

.bundle_promo_banner_widget .bundle_summary > * {
    margin-left: 10px
}

.bundle_promo_banner_widget .bundle_summary > *:first-child {
    margin-left: 0
}

.bundle_promo_banner_widget .bundle_summary .game_platforms > * {
    margin-right: 2px
}

.bundle_promo_banner_widget .bundle_summary .game_platforms > *:last-child {
    margin-right: 0
}

.bundle_promo_banner_widget .bundle_summary .game_platforms:empty {
    display: none
}

.bundle_promo_banner_widget .bundle_summary .free_label, .bundle_promo_banner_widget .bundle_summary .price_label {
    background: white;
    color: black;
    text-shadow: none;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: bold
}

.bundle_promo_banner_widget .bundle_games {
    text-align: center;
    margin: 30px auto 30px auto
}

.bundle_promo_banner_widget .bundle_games .games_wrapper {
    max-width: 100%;
    display: inline-block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 0 4px rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    overflow: hidden;
    line-height: 0;
    position: relative
}

.bundle_promo_banner_widget .bundle_games .games_wrapper:empty {
    display: none
}

.bundle_promo_banner_widget .bundle_games .games_wrapper > .conversion_link_widget > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6
}

.bundle_promo_banner_widget .bundle_games .games_wrapper > img {
    margin-left: -25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

.bundle_promo_banner_widget .bundle_games .games_wrapper > img:first-child {
    margin-left: 0
}

@media (max-width: 800px) {
    .bundle_promo_banner_widget .bundle_games .games_wrapper > img {
        min-width: 100px;
        width: calc(100vw / 4);
        height: auto
    }
}

.bundle_promo_banner_widget.images_spaced .bundle_games .games_wrapper {
    box-shadow: none
}

.bundle_promo_banner_widget.images_spaced .bundle_games .games_wrapper > img {
    margin-left: 10px;
    box-shadow: none
}

.bundle_promo_banner_widget.images_spaced .bundle_games .games_wrapper > img:first-child {
    margin-left: 0
}

.bundle_promo_banner_widget.images_spaced .bundle_games .games_wrapper > img:nth-child(n+4) {
    display: none
}

.bundle_promo_banner_widget h2.bundle_title {
    text-align: center;
    font-weight: 900;
    font-size: 2.125em;
    max-width: 600px;
    margin: 0 auto 20px auto;
    color: inherit
}

@media (max-width: 800px) {
    .bundle_promo_banner_widget h2.bundle_title {
        font-size: 1.75em
    }
}

@media (max-width: 650px) {
    .bundle_promo_banner_widget h2.bundle_title {
        font-size: 1.25em
    }
}

.bundle_promo_banner_widget h2.bundle_title > img {
    display: inline-block;
    max-width: 90%;
    margin-top: -10px;
    margin-bottom: -15px
}

.bundle_promo_banner_widget .bundle_info {
    text-align: center;
    font-weight: bold;
    max-width: 620px;
    margin: 0 auto 20px auto;
    font-size: 1.125em
}

@media (max-width: 650px) {
    .bundle_promo_banner_widget .bundle_info {
        font-size: .875em
    }
}

.bundle_promo_banner_widget .links_container {
    text-align: center;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    margin-top: 20px
}

@media (max-width: 800px) {
    .bundle_promo_banner_widget .links_container {
        font-size: .875em;
        line-height: 1.2
    }
}

.bundle_promo_banner_widget a {
    color: inherit
}

.bundle_promo_banner_widget a.cta {
    color: inherit;
    text-decoration: none;
    font-size: 1.25em;
    text-decoration: uppercase;
    font-weight: 900;
    border: 2px solid white;
    border-radius: 3px;
    padding: 3px 20px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.05)
}

.bundle_promo_banner_widget a.cta:hover {
    background: white;
    color: #40434E;
    text-shadow: none
}

@media (max-width: 800px) {
    .bundle_promo_banner_widget a.cta {
        font-size: 1.25em;
        padding: 3px 10px
    }
}

.claim_steam_key_lightbox_widget {
    width: 500px
}

.claim_steam_key_lightbox_widget .steam_login {
    text-align: center
}

.claim_steam_key_lightbox_widget .sub {
    color: var(--itchio_body_color_lighter);
    font-size: 14px
}

.claim_steam_key_lightbox_widget .sub a {
    color: var(--itchio_body_color_light)
}

.claimed_reward_lightbox_widget form {
    min-width: 500px
}

.claimed_reward_lightbox_widget .fields_form {
    margin: 20px 40px
}

.claimed_reward_lightbox_widget textarea {
    min-height: 120px
}

.claimed_reward_lightbox_widget .address_container {
    border: 1px solid #dadada;
    background: #F4F4F4;
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px
}

.claimed_reward_lightbox_widget .address_container .input_row:last-child {
    margin-bottom: 0
}

.community_activity_list_widget h2 {
    margin-top: 40px
}

.community_activity_list_widget h2:first-child {
    margin-top: 0
}

.community_activity_list_widget .post_row {
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    padding: 6px 0px;
    gap: 10px;
    color: var(--itchio_body_color_lighter)
}

.community_activity_list_widget .post_row .post_preview {
    margin-left: 10px
}

.community_activity_list_widget .post_row .post_action {
    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: 25px;
    width: 60px;
    text-align: center;
    justify-content: center
}

.dark_theme .community_activity_list_widget .post_row .post_action {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.community_activity_list_widget .post_row .post_action.new_topic {
    background: #34a0f2;
    color: rgba(255, 255, 255, 0.9)
}

.community_activity_list_widget .post_row .post_topic {
    flex: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community_activity_list_widget .post_row .post_topic .author_link {
    color: var(--itchio_body_color_light)
}

.community_activity_list_widget .post_row .post_topic > :first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.community_activity_list_widget .post_row .post_category {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--itchio_body_color_lighter);
    font-size: 14px;
    width: 260px
}

.community_activity_list_widget .post_row .post_category a {
    color: var(--itchio_body_color_light)
}

.community_activity_list_widget .post_row .replies_count {
    margin-left: 10px;
    font-size: 14px;
    color: var(--itchio_body_color_med)
}

.community_activity_list_widget .post_row .replies_count.no_replies {
    color: var(--itchio_body_color_lighter)
}

.community_activity_list_widget .post_row .post_date {
    margin-left: 10px;
    font-weight: bold;
    color: var(--itchio_body_color_med);
    font-size: 14px
}

.community_activity_list_widget .post_row .avatar_container .poster_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
}

@media (max-width: 650px) {
    .community_activity_list_widget .post_row {
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .community_activity_list_widget .post_row:last-child {
        margin-bottom: 0
    }

    .community_activity_list_widget .post_row .post_topic {
        white-space: normal;
        margin: 10px 0
    }

    .community_activity_list_widget .post_row .post_topic > a:first-child {
        font-size: 18px
    }

    .community_activity_list_widget .post_row .post_topic .byline {
        display: block
    }

    .community_activity_list_widget .post_row .post_topic .post_date {
        display: none
    }

    .community_activity_list_widget .post_row .post_topic, .community_activity_list_widget .post_row .post_category {
        margin-left: 0;
        width: 100%;
        flex: none
    }

    .community_activity_list_widget .post_row .post_category {
        font-size: 14px;
        opacity: 0.6
    }
}

.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
}

@media (max-width: 650px) {
    .responsive .community_category_header_widget .stat_header_widget h1 {
        font-size: 18px
    }
}

html:not([dir=rtl]) .community_category_header_widget .stat_header_widget > :first-child {
    margin-right: auto
}

html[dir=rtl] .community_category_header_widget .stat_header_widget > :first-child {
    margin-left: auto
}

html:not([dir=rtl]) .community_category_header_widget .stat_header_widget > .stats_container {
    margin-left: 0
}

html[dir=rtl] .community_category_header_widget .stat_header_widget > .stats_container {
    margin-right: 0
}

.community_category_header_widget .category_subscriber button {
    color: var(--itchio_body_color_light)
}

.community_category_header_widget .community_search_form input.search_form_input {
    max-width: 160px;
    margin: 0
}

.community_category_header_widget .community_search_form button {
    display: none
}

@media (max-width: 650px) {
    .responsive .community_category_header_widget .community_search_form {
        display: flex
    }

    .responsive .community_category_header_widget .community_search_form input.search_form_input {
        flex: 1;
        max-width: none
    }

    html:not([dir=rtl]) .responsive .community_category_header_widget .community_search_form input.search_form_input {
        margin-right: 10px
    }

    html[dir=rtl] .responsive .community_category_header_widget .community_search_form input.search_form_input {
        margin-left: 10px
    }

    .responsive .community_category_header_widget .community_search_form button {
        display: block
    }
}

.community_category_topics_widget .category_header .category_tools {
    position: relative;
    margin-bottom: 10px
}

.community_category_topics_widget .category_header .category_tools .right_tools {
    line-height: 35px;
    position: absolute;
    top: 0;
    right: 0
}

.community_category_topics_widget .category_header .category_tools .right_tools strong, .community_category_topics_widget .category_header .category_tools .right_tools a {
    color: var(--itchio_body_color_light)
}

.community_category_topics_widget .category_header .category_pager {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    padding: 20px 40px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

@media (max-width: 650px) {
    .community_category_topics_widget .category_header .category_pager {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_category_topics_widget .category_footer .category_tools, .community_category_topics_widget .category_footer .category_pager {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px 40px
}

@media (max-width: 650px) {
    .community_category_topics_widget .category_footer .category_tools, .community_category_topics_widget .category_footer .category_pager {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_category_topics_widget .category_footer .category_pager {
    color: var(--itchio_body_color_light)
}

.community_category_topics_widget .empty_message {
    text-align: center;
    margin: 40px
}

.community_category_topics_widget .empty_message p {
    font-size: 18px;
    color: var(--itchio_body_color_light)
}

.community_category_tree_widget:last-child {
    margin-bottom: 10px
}

.community_category_tree_widget .category_directory {
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_category_tree_widget .category_directory > .category_title {
    padding: 0 40px;
    height: 32px;
    line-height: 32px;
    background-color: var(--itchio_gray_back);
    display: flex;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden
}

@media (max-width: 650px) {
    .community_category_tree_widget .category_directory > .category_title {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_category_tree_widget .category_directory > .category_title a {
    color: inherit;
    text-decoration: none
}

.community_category_tree_widget .category_directory > .category_title .last_topic_label {
    box-sizing: border-box;
    border-left: 1px solid;
    border-color: var(--itchio_border_color);
    width: 300px
}

html:not([dir=rtl]) .community_category_tree_widget .category_directory > .category_title .last_topic_label {
    padding-left: 10px
}

html[dir=rtl] .community_category_tree_widget .category_directory > .category_title .last_topic_label {
    padding-right: 10px
}

html:not([dir=rtl]) .community_category_tree_widget .category_directory > .category_title .last_topic_label {
    margin-left: auto
}

html[dir=rtl] .community_category_tree_widget .category_directory > .category_title .last_topic_label {
    margin-right: auto
}

html[dir=rtl] .community_category_tree_widget .category_directory > .category_title .last_topic_label {
    border: 0;
    border-right: 1px solid;
    border-color: var(--itchio_border_color)
}

@media (max-width: 800px) {
    .community_category_tree_widget .category_directory > .category_title .last_topic_label {
        display: none
    }
}

.community_category_tree_widget .category_directory .category_row {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px
}

html:not([dir=rtl]) .community_category_tree_widget .category_directory .category_row {
    padding-right: 15px;
    padding-left: var(--itchio_gutter_width, 40px)
}

html[dir=rtl] .community_category_tree_widget .category_directory .category_row {
    padding-left: 15px;
    padding-right: var(--itchio_gutter_width, 40px)
}

.community_category_tree_widget .category_directory .category_row:last-child {
    border-bottom: 0
}

.community_category_tree_widget .child_summary {
    color: var(--itchio_body_color_light);
    display: flex;
    margin-top: 10px;
    font-size: 16px
}

@media (max-width: 650px) {
    .community_category_tree_widget .child_summary {
        font-size: 14px
    }
}

.community_category_tree_widget .child_summary > .svgicon {
    margin-right: 5px;
    flex: none;
    margin-top: 1px
}

.community_category_tree_widget .child_summary a {
    color: var(--itchio_body_color_med);
    margin-right: 5px;
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.community_category_tree_widget .child_categories > .category_row {
    margin: 20px 0
}

.community_category_tree_widget .category_row.top_level {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px;
    padding-left: 40px
}

.community_category_tree_widget .category_row.top_level:last-child {
    border-bottom: 0
}

@media (max-width: 650px) {
    .community_category_tree_widget .category_row.top_level {
        padding-left: 20px
    }
}

.community_category_tree_widget .category_row:last-child {
    margin-bottom: 0
}

.community_category_tree_widget .category_row > .category_top_row {
    display: flex;
    align-items: center
}

.community_category_tree_widget .category_row > .category_top_row .category_title a {
    font-weight: bold;
    text-decoration: none
}

.community_category_tree_widget .category_row > .category_top_row .category_primary {
    flex: 1;
    font-size: 16px
}

html:not([dir=rtl]) .community_category_tree_widget .category_row > .category_top_row .category_primary {
    margin-right: 20px
}

html[dir=rtl] .community_category_tree_widget .category_row > .category_top_row .category_primary {
    margin-left: 20px
}

@media (max-width: 800px) {
    html:not([dir=rtl]) .community_category_tree_widget .category_row > .category_top_row .category_primary {
        margin-right: 0
    }

    html[dir=rtl] .community_category_tree_widget .category_row > .category_top_row .category_primary {
        margin-left: 0
    }

    .community_category_tree_widget .category_row > .category_top_row .last_topic {
        display: none
    }
}

.community_category_tree_widget .category_row > .category_top_row .category_title {
    font-size: 18px;
    display: flex;
    align-items: center
}

@media (max-width: 650px) {
    .community_category_tree_widget .category_row > .category_top_row .category_title {
        font-size: 16px
    }
}

.community_category_tree_widget .category_row > .child_categories {
    border-left: 2px solid;
    border-color: var(--itchio_border_color);
    padding-left: 20px
}

.community_category_tree_widget .category_row > .child_categories > .category_row .category_title {
    font-size: 16px
}

.community_category_tree_widget .category_row > .child_categories > .category_row .short_description {
    margin-top: 6px;
    font-size: 14px
}

.community_category_tree_widget .category_row .last_topic {
    width: 310px;
    line-height: 1.7;
    color: var(--itchio_body_color_lighter)
}

.community_category_tree_widget .category_row .last_topic > a {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px
}

.community_category_tree_widget .category_row .last_topic > a > *:first-child {
    flex: none
}

.community_category_tree_widget .category_row .last_topic > a > *:last-child {
    flex: 1;
    min-width: 0
}

.community_category_tree_widget .category_row .last_topic abbr {
    color: inherit
}

.community_category_tree_widget .category_row .last_topic .topic_title, .community_category_tree_widget .category_row .last_topic .topic_author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community_category_tree_widget .category_row .last_topic .topic_title {
    font-weight: bold;
    color: var(--itchio_body_color_light)
}

.community_category_tree_widget .category_row .last_topic .last_topic_author {
    color: var(--itchio_body_color_light)
}

.community_category_tree_widget .category_row .last_topic .last_topic_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
}

.community_category_tree_widget .category_row .category_stats {
    color: var(--itchio_body_color_lighter);
    font-size: 14px
}

html:not([dir=rtl]) .community_category_tree_widget .category_row .category_stats {
    margin-left: auto
}

html[dir=rtl] .community_category_tree_widget .category_row .category_stats {
    margin-right: auto
}

html:not([dir=rtl]) .community_category_tree_widget .category_row .category_stats {
    padding-left: 5px
}

html[dir=rtl] .community_category_tree_widget .category_row .category_stats {
    padding-right: 5px
}

.community_category_tree_widget .category_row .short_description {
    margin-top: 10px;
    color: var(--itchio_body_color_light)
}

@media (max-width: 650px) {
    .community_category_tree_widget .category_row .short_description {
        font-size: 14px
    }
}

.community_category_tree_widget .category_row .category_tag {
    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
}

.dark_theme .community_category_tree_widget .category_row .category_tag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

html:not([dir=rtl]) .community_category_tree_widget .category_row .category_tag {
    margin-left: 5px
}

html[dir=rtl] .community_category_tree_widget .category_row .category_tag {
    margin-right: 5px
}

@media (max-width: 650px) {
    .community_category_tree_widget .category_row .category_tag {
        font-size: 12px
    }
}

.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_edit_pending_posts_widget .pending_post_list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.community_edit_pending_posts_widget .loading_container {
    margin-top: 15px;
    display: flex;
    justify-content: center
}

.community_edit_pending_posts_widget .community_pending_post_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
}

@media print {
    .community_edit_pending_posts_widget .community_pending_post_widget {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_edit_pending_posts_widget .community_pending_post_widget {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.community_edit_pending_posts_widget .community_pending_post_widget.loading {
    opacity: 0.5
}

.community_edit_pending_posts_widget .community_pending_post_widget .community_post_list_widget {
    padding: 10px
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_tools {
    background-color: var(--itchio_gray_back);
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_tools .button.outline {
    background-color: var(--itchio_white_back)
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_tools .approval_message {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    gap: 5px
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_tools > :first-child {
    margin-right: auto
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_location {
    background-color: var(--itchio_gray_back);
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_edit_pending_posts_widget .community_pending_post_widget .post_location a {
    color: var(--itchio_body_color_med)
}

.community_lock_topic_lightbox_widget {
    width: 600px
}

.community_lock_topic_lightbox_widget .form {
    margin: 20px 40px
}

.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 .reply_form_columns {
    display: flex
}

html:not([dir=rtl]) .community_post_form_widget .reply_form_columns .author_column {
    padding-right: 15px
}

html[dir=rtl] .community_post_form_widget .reply_form_columns .author_column {
    padding-left: 15px
}

.community_post_form_widget .reply_form_columns .author_column .avatar_container {
    display: block;
    width: 80px;
    height: 80px
}

.community_post_form_widget .reply_form_columns .author_column .post_avatar {
    display: block;
    width: 80px;
    height: 80px;
    background-color: var(--itchio_gray_back);
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px
}

@media (max-width: 650px) {
    .responsive .community_post_form_widget .reply_form_columns .author_column {
        display: none
    }
}

.community_post_form_widget .reply_form_columns .post_form {
    flex: 1
}

.community_post_form_widget .reply_form_columns .post_form .redactor-box {
    margin-top: 0
}

.community_post_form_widget .reply_form_columns .add_profile_image {
    font-size: 12px;
    width: 80px;
    text-align: center;
    margin-top: 10px
}

.community_post_form_widget .reply_form_columns .add_profile_image a {
    color: var(--itchio_body_color_light)
}

.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_post_list_widget > * {
    margin-top: 60px
}

.community_post_list_widget > *.top_level_replies {
    margin-top: 30px
}

@media (max-width: 650px) {
    .community_post_list_widget > * {
        margin-top: 30px
    }

    .community_post_list_widget > *.top_level_replies {
        margin-top: 15px
    }
}

.community_post_list_widget > *:first-child {
    margin-top: 0
}

.community_post_list_widget .community_post.has_vote_column .post_grid {
    grid-template-columns:32px 25px 1fr;
    grid-gap: 5px 10px;
    grid-template-areas:"vote avatar header" "vote body body"
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post.has_vote_column .post_grid {
        grid-template-columns:25px 1fr;
        grid-template-areas:"avatar header" "body body"
    }
}

@media (min-width: 650px) {
    .community_post_list_widget .community_post.has_vote_column.sidebar_avatar .post_grid {
        grid-template-columns:32px 80px 1fr;
        grid-template-rows:auto 1fr;
        grid-gap: 5px 15px;
        grid-template-areas:"vote avatar header" "vote avatar body"
    }
}

@media (min-width: 650px) and (max-width: 850px) {
    .community_post_list_widget .community_post.has_vote_column.sidebar_avatar .post_grid {
        grid-template-columns:32px 40px 1fr
    }
}

.community_post_list_widget .community_post:not(.has_vote_column) .post_grid {
    grid-template-columns:25px 1fr;
    grid-gap: 5px 10px;
    grid-template-areas:"avatar header" "body body"
}

@media (min-width: 650px) {
    .community_post_list_widget .community_post:not(.has_vote_column).sidebar_avatar .post_grid {
        grid-template-columns:80px 1fr;
        grid-template-rows:auto 1fr;
        grid-gap: 5px 15px;
        grid-template-areas:"avatar header" "avatar body"
    }
}

@media (min-width: 650px) and (max-width: 850px) {
    .community_post_list_widget .community_post:not(.has_vote_column).sidebar_avatar .post_grid {
        grid-template-columns:40px 1fr
    }
}

.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.disabled .post_votes {
    opacity: 0.5;
    pointer-events: none
}

.community_post_list_widget .community_post.moderation_event {
    font-size: 16px;
    color: var(--itchio_body_color_light);
    display: block
}

html:not([dir=rtl]) .community_post_list_widget .community_post.moderation_event .moderation_action {
    margin-left: 10px
}

html[dir=rtl] .community_post_list_widget .community_post.moderation_event .moderation_action {
    margin-right: 10px
}

.community_post_list_widget .community_post.moderation_event .post_date {
    color: var(--itchio_body_color_lighter)
}

html:not([dir=rtl]) .community_post_list_widget .community_post.moderation_event .post_date {
    margin-left: 10px
}

html[dir=rtl] .community_post_list_widget .community_post.moderation_event .post_date {
    margin-right: 10px
}

.community_post_list_widget .community_post.moderation_event .delete_post_btn {
    color: var(--itchio_body_color_light)
}

html:not([dir=rtl]) .community_post_list_widget .community_post.moderation_event .delete_post_btn {
    margin-left: 10px
}

html[dir=rtl] .community_post_list_widget .community_post.moderation_event .delete_post_btn {
    margin-right: 10px
}

@media (min-width: 650px) {
    .community_post_list_widget .community_post.sidebar_avatar .avatar_container {
        margin: 0;
        display: block;
        width: 80px;
        height: 80px
    }

    .community_post_list_widget .community_post.sidebar_avatar .avatar_container .post_avatar {
        display: block;
        width: 80px;
        height: 80px;
        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
    }
}

@media (min-width: 650px) and (max-width: 850px) {
    .community_post_list_widget .community_post.sidebar_avatar .avatar_container {
        width: 40px;
        height: 40px
    }

    .community_post_list_widget .community_post.sidebar_avatar .avatar_container .post_avatar {
        width: 40px;
        height: 40px
    }
}

.community_post_list_widget .community_post.is_reply .post_body {
    font-size: 16px;
    line-height: 1.5
}

.community_post_list_widget .community_post.is_reply .post_header .post_author a {
    font-size: 16px
}

.community_post_list_widget .community_post .toggle_post_body summary {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light);
    font-weight: bold;
    cursor: pointer
}

.community_post_list_widget .community_post .post_grid {
    display: grid;
    align-items: start
}

.community_post_list_widget .community_post .post_grid .post_header {
    align-self: center
}

.community_post_list_widget .community_post .post_grid .post_header, .community_post_list_widget .community_post .post_grid .avatar_container {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.95)
}

.dark_theme .community_post_list_widget .community_post .post_grid .post_header, .dark_theme .community_post_list_widget .community_post .post_grid .avatar_container {
    background: rgba(17, 17, 17, 0.9);
    box-shadow: 0 0 0 10px rgba(17, 17, 17, 0.9)
}

.community_post_list_widget .community_post .post_grid .post_votes {
    grid-area: vote
}

.community_post_list_widget .community_post .post_grid .avatar_container {
    grid-area: avatar
}

.community_post_list_widget .community_post .post_grid .post_header {
    grid-area: header
}

.community_post_list_widget .community_post .post_grid .post_content {
    grid-area: body
}

.community_post_list_widget .community_post .post_grid .avatar_container, .community_post_list_widget .community_post .post_grid .post_votes, .community_post_list_widget .community_post .post_grid .post_header {
    position: sticky;
    z-index: 1;
    top: 10px
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post .post_grid .avatar_container {
        align-self: center
    }
}

.community_post_list_widget .community_post.is_reply .post_grid .post_header, .community_post_list_widget .community_post.is_reply .post_grid .avatar_container {
    background: rgba(244, 244, 244, 0.95);
    box-shadow: 0 0 0 10px rgba(244, 244, 244, 0.95)
}

.dark_theme .community_post_list_widget .community_post.is_reply .post_grid .post_header, .dark_theme .community_post_list_widget .community_post.is_reply .post_grid .avatar_container {
    background: rgba(27, 27, 27, 0.9);
    box-shadow: 0 0 0 10px rgba(27, 27, 27, 0.9)
}

.community_post_list_widget .community_post.is_reply .post_grid .avatar_container {
    align-self: center
}

.community_post_list_widget .community_post .post_anchor {
    position: relative;
    top: -20px
}

.community_post_list_widget .community_post .edit_message {
    font-style: italic;
    white-space: nowrap
}

.community_post_list_widget .community_post .post_votes {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 2px
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post .post_votes {
        display: none
    }
}

.community_post_list_widget .community_post .post_votes a {
    text-decoration: none
}

.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 {
    transition: all 0.1s ease;
    font-size: 32px;
    width: 100%;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--itchio_body_color_light);
    cursor: pointer
}

.community_post_list_widget .community_post .post_votes .vote_btn .svgicon {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 2px;
    stroke-linejoin: round
}

.community_post_list_widget .community_post .post_votes .vote_btn.loading {
    opacity: 0.2
}

.community_post_list_widget .community_post .post_votes .vote_btn:hover.vote_up_btn, .community_post_list_widget .community_post .post_votes .vote_btn.voted.vote_up_btn {
    color: #aada80
}

.community_post_list_widget .community_post .post_votes .vote_btn:hover.vote_down_btn, .community_post_list_widget .community_post .post_votes .vote_btn.voted.vote_down_btn {
    color: #fe4e50
}

.community_post_list_widget .community_post .avatar_container {
    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 .author_flag {
    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: 22px;
    vertical-align: 1px;
    margin-left: 10px
}

.dark_theme .community_post_list_widget .community_post .author_flag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.community_post_list_widget .community_post .author_flag.admin {
    background: #575b6a;
    color: rgba(255, 255, 255, 0.8)
}

.community_post_list_widget .community_post .author_flag.pinned {
    background: #AE4879;
    color: white
}

.community_post_list_widget .community_post .author_flag.owner {
    background: #64b6f5;
    color: rgba(255, 255, 255, 0.8)
}

.community_post_list_widget .community_post .author_flag.owner[data-slug^=jam] {
    background: #bca8d2
}

.community_post_list_widget .community_post .post_author a {
    color: var(--itchio_body_color_light);
    font-size: 18px;
    text-decoration: none;
    font-weight: bold
}

@media (max-width: 850px) {
    .community_post_list_widget .community_post .post_author a {
        font-size: inherit
    }
}

.community_post_list_widget .community_post .post_header {
    font-size: 16px;
    color: var(--itchio_body_color_lighter)
}

.community_post_list_widget .community_post .post_header .post_date {
    margin-left: 10px;
    white-space: nowrap
}

.community_post_list_widget .community_post .post_header .post_date a {
    color: inherit;
    text-decoration: none
}

.community_post_list_widget .community_post .post_header .post_date a:hover {
    text-decoration: underline
}

.community_post_list_widget .community_post .post_header .upvotes, .community_post_list_widget .community_post .post_header .downvotes {
    margin-left: 10px;
    margin-left: 10px;
    color: var(--itchio_body_color)
}

.community_post_list_widget .community_post .post_footer {
    margin-top: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px
}

.community_post_list_widget .community_post .post_footer:empty {
    display: none
}

.community_post_list_widget .community_post .post_footer .post_action {
    color: var(--itchio_body_color_lighter)
}

.community_post_list_widget .community_post .post_footer .reply_btn {
    font-weight: bold;
    color: var(--itchio_body_color_light);
    display: flex;
    align-items: center
}

.community_post_list_widget .community_post .post_footer .vote_btn {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif;
    transition: all 0.1s ease;
    display: flex;
    align-items: center;
    height: 24px;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 0 5px;
    color: var(--itchio_body_color_med)
}

.dark_theme .community_post_list_widget .community_post .post_footer .vote_btn {
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.community_post_list_widget .community_post .post_footer .vote_btn .icon-like {
    width: 14px;
    height: 14px
}

.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.animate_bounce, .community_post_list_widget .community_post .post_footer .vote_btn.animate_drop_down {
    pointer-events: none
}

.community_post_list_widget .community_post .post_footer .vote_btn:hover {
    border-color: #FF2449;
    color: #FF2449
}

.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_body {
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    word-wrap: break-word
}

@media (max-width: 850px) {
    .community_post_list_widget .community_post .post_body {
        font-size: 16px
    }
}

.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 .user_formatted figure {
    padding: 10px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 5px;
    background-color: var(--itchio_gray_back);
    text-align: center
}

.community_post_list_widget .community_post .user_formatted figure > p {
    margin: 0
}

.community_post_list_widget .community_post .user_formatted figure img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

.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: 14px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent, var(--itchio_bg_color, #fff) 50%, var(--itchio_bg_color, #fff));
    z-index: 1;
    color: var(--itchio_link_color, #da2c49)
}

.community_post_list_widget .community_post_replies.top_level_replies {
    background-color: var(--itchio_gray_back);
    padding: 20px 25px
}

html:not([dir=rtl]) .community_post_list_widget .community_post_replies.top_level_replies {
    margin-left: 40px
}

html[dir=rtl] .community_post_list_widget .community_post_replies.top_level_replies {
    margin-right: 40px
}

@media (max-width: 850px) {
    html:not([dir=rtl]) .community_post_list_widget .community_post_replies.top_level_replies {
        margin-left: 20px
    }

    html[dir=rtl] .community_post_list_widget .community_post_replies.top_level_replies {
        margin-right: 20px
    }
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post_replies.top_level_replies {
        padding: 10px 12px
    }

    html:not([dir=rtl]) .community_post_list_widget .community_post_replies.top_level_replies {
        margin-left: 0
    }

    html[dir=rtl] .community_post_list_widget .community_post_replies.top_level_replies {
        margin-right: 0
    }
}

html:not([dir=rtl]) .community_post_list_widget .community_post_replies > .community_post_replies {
    margin-left: 30px
}

html[dir=rtl] .community_post_list_widget .community_post_replies > .community_post_replies {
    margin-right: 30px
}

@media (max-width: 850px) {
    html:not([dir=rtl]) .community_post_list_widget .community_post_replies > .community_post_replies {
        margin-left: 15px
    }

    html[dir=rtl] .community_post_list_widget .community_post_replies > .community_post_replies {
        margin-right: 15px
    }
}

@media (max-width: 650px) {
    html:not([dir=rtl]) .community_post_list_widget .community_post_replies > .community_post_replies {
        margin-left: 10px
    }

    html[dir=rtl] .community_post_list_widget .community_post_replies > .community_post_replies {
        margin-right: 10px
    }
}

.community_post_list_widget .community_post_replies > * {
    margin-top: 30px
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post_replies > * {
        margin-top: 15px
    }
}

.community_post_list_widget .community_post_replies > *:first-child {
    margin-top: 0
}

.community_post_list_widget .community_post_replies .view_more_replies .button {
    background-color: var(--itchio_white_back)
}

.community_post_reports_widget {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.community_post_reports_widget .report_row {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

@media print {
    .community_post_reports_widget .report_row {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_post_reports_widget .report_row {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.community_post_reports_widget .report_row .reported_post .community_post_preview_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
}

@media print {
    .community_post_reports_widget .report_row .reported_post .community_post_preview_widget {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_post_reports_widget .report_row .reported_post .community_post_preview_widget {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.community_post_reports_widget .report_row .reported_post .community_post_preview_widget .replying_to {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 5px 10px
}

.community_post_reports_widget .report_row .reported_post .community_post_preview_widget .replying_to:first-child {
    border-radius: 3px 3px 0 0
}

.community_post_reports_widget .report_row .reported_post .community_post_preview_widget .replying_to .show_parent_link {
    color: var(--itchio_body_color_med)
}

.community_post_reports_widget .report_row .reported_post .community_post_widget {
    padding: 10px
}

.community_post_reports_widget .report_row .post_information {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.community_post_reports_widget .report_row .post_information .title_row {
    display: flex
}

.community_post_reports_widget .report_row .post_information .title_row > :first-child {
    flex: 1
}

.community_post_reports_widget .report_row .post_information .title_row .single_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community_post_reports_widget .report_row .post_information .title_row .forward_link {
    color: var(--itchio_body_color_gray);
    font-size: 14px
}

.community_post_reports_widget .report_row p {
    margin: 0 0 10px 0;
    max-width: none
}

.community_post_reports_widget .report_row p:last-child {
    margin-bottom: 0
}

.community_post_reports_widget .report_row .report_details {
    display: flex;
    gap: 10px
}

.community_post_reports_widget .report_row .report_details > * {
    font-size: 14px;
    margin: 0
}

.community_post_reports_widget .report_row .report_reason {
    background-color: var(--itchio_gray_back);
    padding: 10px
}

.community_post_reports_widget .report_row .report_reason p {
    font-size: 16px;
    line-height: 1.5
}

.community_post_reports_widget .report_row .post_title {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none
}

.community_post_reports_widget .report_row .category_title {
    color: var(--itchio_body_color_gray)
}

.community_post_reports_widget .report_row .moderation_tools {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px
}

.community_post_reports_widget .report_row .moderation_tools .button.outline {
    background-color: var(--itchio_white_back)
}

.community_post_reports_widget .report_row .moderation_tools > form {
    display: flex;
    align-items: center;
    gap: 10px
}

.community_post_reports_widget .report_row .moderation_tools .moderation_summary {
    margin: 0;
    flex: 1;
    color: var(--itchio_body_color_med);
    font-size: 14px
}

.community_post_reports_widget .report_row .moderation_tools .moderation_summary abbr {
    margin-left: 10px
}

.community_post_reports_widget .report_row .moderation_tools .moderation_summary a {
    color: var(--itchio_body_color_gray)
}

.community_report_post_lightbox_widget {
    width: 500px
}

.community_report_post_lightbox_widget.submitted_report .before_submit {
    display: none
}

.community_report_post_lightbox_widget.submitted_report .after_submit {
    display: block
}

.community_report_post_lightbox_widget .after_submit {
    display: none
}

.community_report_post_lightbox_widget .form {
    margin: 20px 40px
}

.community_report_post_lightbox_widget .form textarea {
    min-height: 80px
}

.community_stick_topic_lightbox_widget {
    width: 600px
}

.community_stick_topic_lightbox_widget .form {
    margin: 20px 40px
}

.community_topic_header_widget .stat_header_widget {
    border-bottom: 0
}

.community_topic_header_widget .stat_header_widget .text_container {
    padding-top: 20px;
    padding-bottom: 20px
}

.community_topic_header_widget .stat_header_widget h1 {
    word-wrap: break-word
}

.community_topic_header_widget .stat_header_widget .original_title {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: normal;
    color: var(--itchio_body_color_light);
    margin-top: 5px
}

.community_topic_header_widget .stat_header_widget .original_title .original_title_label {
    color: var(--itchio_body_color_light);
    color: inherit;
    border-bottom: 1px dashed;
    cursor: help
}

.community_topic_header_widget .stat_header_widget .moderation_tools {
    font-size: 16px;
    color: var(--itchio_body_color_light)
}

html:not([dir=rtl]) .community_topic_header_widget .stat_header_widget .moderation_tools {
    margin-left: auto
}

html[dir=rtl] .community_topic_header_widget .stat_header_widget .moderation_tools {
    margin-right: auto
}

@media (max-width: 650px) {
    .responsive .community_topic_header_widget .stat_header_widget h1 {
        font-size: 20px
    }

    .responsive .community_topic_header_widget .stat_header_widget .text_container {
        padding-top: 0;
        padding-bottom: 0
    }
}

.community_topic_header_widget .topic_status {
    margin: 20px 40px;
    margin-top: 0
}

@media (max-width: 650px) {
    .community_topic_header_widget .topic_status {
        margin: 0
    }
}

@media (max-width: 650px) {
    .community_topic_header_widget .community_topic_voter_widget {
        display: none
    }
}

.community_topic_header_widget .topic_flags {
    word-spacing: 5px
}

.community_topic_header_widget .topic_back {
    margin-bottom: 10px;
    font-size: 14px
}

.community_topic_header_widget .topic_back a {
    color: var(--itchio_body_color_lighter);
    text-decoration: none
}

.community_topic_header_widget .topic_back a .text {
    text-decoration: underline
}

.community_topic_header_widget .topic_flag {
    font-size: 14px;
    background: #e7e7e7;
    border-radius: 4px;
    padding: 0px 8px;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    color: rgba(96, 96, 96, 0.8);
    height: 24px;
    vertical-align: 2px
}

.dark_theme .community_topic_header_widget .topic_flag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.community_topic_header_widget .topic_flag.sticky_flag {
    background: #A287C0;
    color: rgba(255, 255, 255, 0.9)
}

.community_topic_header_widget .topic_flag.lock_flag {
    background: #AE4879;
    color: rgba(255, 255, 255, 0.9)
}

.community_topic_header_widget .topic_meta {
    font-size: 16px;
    margin-top: 5px;
    color: var(--itchio_body_color_light);
    line-height: 1.4
}

@media (max-width: 650px) {
    .community_topic_header_widget .topic_meta {
        font-size: 14px
    }
}

html:not([dir=rtl]) .community_topic_header_widget .topic_meta .topic_date, html:not([dir=rtl]) .community_topic_header_widget .topic_meta .views_count {
    margin-right: 10px
}

html[dir=rtl] .community_topic_header_widget .topic_meta .topic_date, html[dir=rtl] .community_topic_header_widget .topic_meta .views_count {
    margin-left: 10px
}

.community_topic_header_widget .topic_meta .views_count {
    white-space: nowrap
}

.community_topic_header_widget .sub_header {
    font-size: 16px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    line-height: 35px;
    padding: 10px 20px 10px 40px;
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center
}

@media (max-width: 650px) {
    .community_topic_header_widget .sub_header {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px
    }
}

.community_topic_header_widget .sub_header:empty {
    display: none
}

html:not([dir=rtl]) .community_topic_header_widget .sub_header > * {
    margin-right: 15px
}

html[dir=rtl] .community_topic_header_widget .sub_header > * {
    margin-left: 15px
}

html:not([dir=rtl]) .community_topic_header_widget .sub_header > *:last-child {
    margin-right: 0
}

html[dir=rtl] .community_topic_header_widget .sub_header > *:last-child {
    margin-left: 0
}

.community_topic_header_widget .sub_header .topic_pager {
    color: var(--itchio_body_color_light)
}

.community_topic_header_widget .sub_header .topic_subscriber {
    line-height: 1.5;
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

html:not([dir=rtl]) .community_topic_header_widget .sub_header .topic_subscriber {
    margin-left: auto
}

html[dir=rtl] .community_topic_header_widget .sub_header .topic_subscriber {
    margin-right: auto
}

.community_topic_header_widget .sub_header .topic_subscriber button {
    color: inherit
}

html:not([dir=rtl]) .community_topic_header_widget .sub_header .topic_subscriber button {
    margin-left: 10px
}

html[dir=rtl] .community_topic_header_widget .sub_header .topic_subscriber button {
    margin-right: 10px
}

.community_topic_header_widget .sub_header .button {
    white-space: nowrap
}

@media (max-width: 650px) {
    .community_topic_header_widget .topic_game_link {
        display: none
    }
}

.community_topic_header_widget .topic_game_cover {
    width: 100px;
    height: 80px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    background-position: 50% 50%;
    margin: 20px 0;
    background-size: cover;
    background-color: #ddd
}

.dark_theme .community_topic_header_widget .topic_game_cover {
    box-shadow: none
}

.community_topic_list_widget .topic_table .topic_table_header {
    background-color: var(--itchio_gray_back);
    display: flex;
    color: var(--itchio_body_color_light);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_topic_list_widget .topic_table .topic_table_header > :first-child {
    flex: 1
}

.community_topic_list_widget .topic_table .topic_table_header .last_post_header {
    width: 25%;
    max-width: 240px;
    min-width: 180px;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .community_topic_list_widget .topic_table .topic_table_header .last_post_header {
        display: none
    }
}

.community_topic_list_widget .topic_table .topic_table_header > div {
    padding: 8px 15px;
    border-left: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_topic_list_widget .topic_table .topic_table_header > div:first-child {
    border-left: 0
}

html:not([dir=rtl]) .community_topic_list_widget .topic_table .topic_table_header > div:first-child {
    padding-left: var(--itchio_gutter_width, 40px)
}

html[dir=rtl] .community_topic_list_widget .topic_table .topic_table_header > div:first-child {
    padding-right: var(--itchio_gutter_width, 40px)
}

.community_topic_list_widget .community_topic_moderation_tools_widget .tick {
    margin-left: 0
}

.community_topic_list_widget .community_topic_moderation_tools_widget .filter_popup .filter_option {
    font-size: 14px
}

.community_topic_list_widget .community_topic_moderation_tools_widget > button {
    border: 1px solid;
    border-radius: 2px;
    border-color: var(--itchio_border_color);
    padding-left: 3px;
    padding-right: 3px
}

.community_topic_list_widget .topic_row {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row {
    padding-right: 10px;
    padding-left: var(--itchio_gutter_width, 40px)
}

html[dir=rtl] .community_topic_list_widget .topic_row {
    padding-left: 10px;
    padding-right: var(--itchio_gutter_width, 40px)
}

.dark_theme .community_topic_list_widget .topic_row {
    border-color: rgba(255, 255, 255, 0.1)
}

.community_topic_list_widget .topic_row:hover {
    background: #f7f7f7
}

.dark_theme .community_topic_list_widget .topic_row:hover {
    background: transparent
}

.community_topic_list_widget .topic_row:first-child {
    padding-top: 20px
}

.community_topic_list_widget .topic_row:last-child {
    padding-bottom: 20px;
    border-bottom: 0
}

.community_topic_list_widget .topic_row.unread_posts .topic_title > a {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row .community_topic_moderation_tools_widget:first-child {
    margin-left: -20px
}

html[dir=rtl] .community_topic_list_widget .topic_row .community_topic_moderation_tools_widget:first-child {
    margin-right: -20px
}

.community_topic_list_widget .topic_row .topic_game_cover {
    width: 88px;
    height: 70px;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #ddd
}

.community_topic_list_widget .topic_row .topic_main {
    flex: 1;
    min-width: 0
}

.community_topic_list_widget .topic_row .topic_title {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width: 650px) {
    .community_topic_list_widget .topic_row .topic_title {
        align-items: flex-start;
        font-size: 16px;
        gap: 5px
    }

    .community_topic_list_widget .topic_row .topic_title .topic_link {
        order: -1
    }
}

.community_topic_list_widget .topic_row .topic_title .topic_link {
    font-weight: bold;
    text-decoration: none;
    flex: 1
}

.community_topic_list_widget .topic_row .topic_title > a:visited {
    color: var(--itchio_body_color_med)
}

.community_topic_list_widget .topic_row .topic_author {
    font-weight: bold;
    text-decoration: none
}

.community_topic_list_widget .topic_row abbr {
    border-bottom: 0
}

.community_topic_list_widget .topic_row .last_page_link {
    display: inline-block;
    margin-left: 5px
}

.community_topic_list_widget .topic_row .topic_stats {
    font-size: 14px;
    color: var(--itchio_body_color_lighter);
    min-width: 60px;
    white-space: nowrap;
    line-height: 1.5
}

.community_topic_list_widget .topic_row .topic_stats .number_value {
    color: var(--itchio_body_color_light);
    font-weight: bold
}

@media (min-width: 650px) {
    .community_topic_list_widget .topic_row .topic_stats {
        text-align: right
    }

    .community_topic_list_widget .topic_row .topic_stats .svgicon {
        display: none
    }
}

@media (max-width: 650px) {
    .community_topic_list_widget .topic_row .topic_stats > * {
        display: inline-block
    }

    html:not([dir=rtl]) .community_topic_list_widget .topic_row .topic_stats > * {
        margin-right: 10px
    }

    html[dir=rtl] .community_topic_list_widget .topic_row .topic_stats > * {
        margin-left: 10px
    }
}

.community_topic_list_widget .topic_row .topic_last_post {
    width: 25%;
    max-width: 240px;
    min-width: 180px;
    box-sizing: border-box
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row .topic_last_post {
    padding-left: 20px
}

html[dir=rtl] .community_topic_list_widget .topic_row .topic_last_post {
    padding-right: 20px
}

@media (max-width: 800px) {
    .community_topic_list_widget .topic_row .topic_last_post {
        display: none
    }
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row .topic_author_avatar:first-child {
    margin-left: -10px
}

html[dir=rtl] .community_topic_list_widget .topic_row .topic_author_avatar:first-child {
    margin-right: -10px
}

.community_topic_list_widget .topic_row .topic_preview {
    margin: 6px 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 650px) {
    .community_topic_list_widget .topic_row .topic_preview {
        font-size: 14px
    }
}

.community_topic_list_widget .topic_row .topic_poster {
    color: var(--itchio_body_color_lighter);
    font-size: 14px;
    white-space: nowrap;
    margin-top: 5px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community_topic_list_widget .topic_row .topic_poster a {
    color: var(--itchio_body_color_light)
}

.community_topic_list_widget .topic_row .no_last_post {
    color: var(--itchio_body_color_lighter);
    font-style: italic
}

.community_topic_list_widget .topic_row .last_poster_group {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: var(--itchio_body_color_lighter)
}

.community_topic_list_widget .topic_row .last_poster_group .last_post_author {
    max-width: 110px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    color: var(--itchio_body_color_light);
    font-weight: bold
}

.community_topic_list_widget .topic_row .avatar_container {
    display: inline-block;
    vertical-align: middle
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row .avatar_container {
    margin-right: 10px
}

html[dir=rtl] .community_topic_list_widget .topic_row .avatar_container {
    margin-left: 10px
}

.community_topic_list_widget .topic_row .last_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
}

.community_topic_list_widget .topic_row .image_topic_tag {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

html:not([dir=rtl]) .community_topic_list_widget .topic_row .image_topic_tag {
    margin-right: 10px
}

html[dir=rtl] .community_topic_list_widget .topic_row .image_topic_tag {
    margin-left: 10px
}

.community_topic_list_widget .topic_row .topic_tag {
    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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark_theme .community_topic_list_widget .topic_row .topic_tag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

@media (max-width: 650px) {
    .community_topic_list_widget .topic_row .topic_tag {
        font-size: 12px;
        padding: 0 6px;
        height: 22px
    }
}

.community_topic_list_widget .topic_row .topic_tag.new_flag {
    background: #24BDE0;
    color: rgba(255, 255, 255, 0.9)
}

.community_topic_list_widget .topic_row .topic_tag.sticky_flag {
    background: #A287C0;
    color: rgba(255, 255, 255, 0.9)
}

.community_topic_list_widget .topic_row .topic_tag.lock_flag {
    background: #AE4879;
    color: rgba(255, 255, 255, 0.9)
}

.community_topic_list_widget .topic_row .topic_tag.topic_status {
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark_theme .community_topic_list_widget .topic_row .topic_tag.autocolor {
    opacity: 0.8
}

@media (max-width: 650px) {
    .community_topic_list_widget .topic_row {
        padding-left: var(--itchio_gutter_width, 40px);
        padding-right: var(--itchio_gutter_width, 40px);
        display: grid;
        grid-gap: 10px;
        grid-template:"main main" "stats moderation"
    }

    .community_topic_list_widget .topic_row.has_voter {
        grid-template:"voter main main" "voter stats moderation"
    }

    .community_topic_list_widget .topic_row .topic_author_avatar, .community_topic_list_widget .topic_row .topic_game_link {
        display: none
    }

    .community_topic_list_widget .topic_row .topic_main {
        grid-area: main
    }

    .community_topic_list_widget .topic_row .topic_stats {
        grid-area: stats;
        margin: 0
    }

    .community_topic_list_widget .topic_row .community_topic_voter_widget {
        grid-area: voter;
        margin: 0
    }

    .community_topic_list_widget .topic_row .community_topic_moderation_tools_widget {
        grid-area: moderation
    }

    .community_topic_list_widget .topic_row .community_topic_moderation_tools_widget > button {
        margin-left: auto
    }
}

.community_topic_posts_widget .breadcrumbs {
    margin-top: 30px;
    margin-bottom: 10px
}

.community_topic_posts_widget .breadcrumbs a {
    transition: 0.1s ease color;
    text-decoration: none;
    color: var(--itchio_body_color_light)
}

.community_topic_posts_widget .breadcrumbs a .text {
    text-decoration: underline
}

.community_topic_posts_widget .breadcrumbs a:hover {
    color: #da2c49
}

.community_topic_posts_widget .visibility_message {
    background: #FB9175;
    color: white;
    padding: 10px var(--itchio_gutter_width, 40px);
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px
}

.community_topic_posts_widget .visibility_message > .svgicon {
    margin-top: 2px;
    flex: none
}

.community_topic_posts_widget .autoclosed_message {
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--itchio_gray_back);
    padding: 20px var(--itchio_gutter_width, 40px);
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    display: flex;
    gap: 15px
}

.community_topic_posts_widget .autoclosed_message > .svgicon {
    margin-top: 2px;
    flex: none
}

.community_topic_posts_widget .topic_posts_footer {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px var(--itchio_gutter_width, 40px);
    margin: 0;
    font-size: 14px
}

.community_topic_posts_widget .topic_posts_footer .topic_status {
    margin-bottom: 10px
}

.community_topic_posts_widget .topic_posts_footer .topic_status:last-child {
    margin-bottom: 0
}

.community_topic_posts_widget .topic_posts_footer .reply_target {
    font-size: 16px;
    line-height: 1.5
}

.community_topic_posts_widget .topic_posts_footer .reply_target .author_link {
    color: var(--itchio_body_color_light)
}

.community_topic_posts_widget .topic_posts_footer .footer_message {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    padding: 15px 18px
}

.community_topic_posts_widget .topic_posts_footer .footer_message abbr {
    margin-left: 5px
}

.community_topic_posts_widget .topic_posts_footer .footer_message a {
    color: var(--itchio_body_color)
}

.community_topic_posts_widget .topic_posts_footer .create_account_banner {
    display: flex;
    align-items: center;
    color: var(--itchio_body_color_light);
    gap: 20px
}

.community_topic_posts_widget .topic_posts_footer .create_account_banner .button {
    flex: none
}

.community_topic_posts_widget .topic_posts_footer .community_post_form_widget .label {
    display: none
}

.community_topic_posts_widget .topic_pager {
    color: var(--itchio_body_color_light);
    line-height: 1.5
}

.community_topic_posts_widget .topic_pager.bottom_pager {
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--itchio_body_color_light);
    background-color: var(--itchio_gray_back);
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px var(--itchio_gutter_width, 40px);
    margin: 0;
    font-size: 16px
}

.community_topic_posts_widget .topic_pager.bottom_pager:last-child {
    border-radius: 0 0 5px 5px
}

.community_topic_voter_widget {
    text-align: center
}

.community_topic_voter_widget button {
    height: 18px;
    line-height: 16px
}

.community_topic_voter_widget button.outline {
    border-color: rgba(218, 218, 218, 0.5)
}

.community_topic_voter_widget button.outline:hover {
    border-color: #FF2449
}

.community_topic_voter_widget .vote_score {
    color: #767676;
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0
}

.edit_collection_admins_lightbox_widget {
    width: 100%;
    max-width: 650px
}

.edit_collection_admins_lightbox_widget h3 {
    margin: 20px var(--itchio_lightbox_gutter, 40px)
}

.edit_collection_admins_lightbox_widget .nice_table {
    width: 100%
}

.edit_collection_admins_lightbox_widget .admins_form_widget {
    margin: 20px var(--itchio_lightbox_gutter, 40px)
}

.edit_collection_admins_lightbox_widget .admins_form_widget input[type='text'] {
    box-sizing: border-box;
    width: 100%
}

.edit_collection_lightbox_widget {
    width: 100%;
    max-width: 622px
}

.edit_collection_lightbox_widget.is_private .on_profile_toggle {
    opacity: 0.5
}

.edit_collection_lightbox_widget form {
    margin: 30px var(--itchio_lightbox_gutter, 40px)
}

.edit_collection_lightbox_widget form.loading .loader {
    display: inline-block
}

.edit_collection_lightbox_widget form .loader {
    display: none
}

.edit_collection_lightbox_widget form .check_list, .edit_collection_lightbox_widget form .radio_list {
    font-size: 16px;
    line-height: 1.5
}

.edit_event_lightbox_widget {
    width: 600px
}

.edit_event_lightbox_widget .input_row {
    margin: 20px 40px
}

.edit_event_lightbox_widget .buttons {
    margin: 15px 40px;
    display: flex;
    align-items: center
}

html:not([dir=rtl]) .edit_event_lightbox_widget .buttons > :last-child {
    margin-left: auto
}

html[dir=rtl] .edit_event_lightbox_widget .buttons > :last-child {
    margin-right: auto
}

.edit_event_lightbox_widget .buttons > a {
    color: var(--itchio_body_color_light)
}

.edit_event_lightbox_widget .loader {
    display: none
}

.edit_event_lightbox_widget form.loading .loader {
    display: inline-block
}

.featured_game_grid_widget {
    display: grid;
    align-items: start;
    grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));
    gap: 20px 10px
}

.featured_game_grid_widget .game_cell {
    margin-bottom: 0
}

.featured_game_grid_widget .game_cell:hover .gif_overlay {
    opacity: 1
}

.featured_game_grid_widget .game_cell.image_loading .game_thumb {
    opacity: 0
}

.featured_game_grid_widget .game_cell .game_thumb {
    transition: opacity 0.20s ease-in-out
}

.featured_game_grid_widget .game_cell .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
}

.filter_picker_widget {
    display: inline-block;
    position: relative;
    z-index: 1
}

.filter_picker_widget.open {
    z-index: 2
}

.filter_picker_widget.open .filter_popup {
    display: block
}

.filter_picker_widget.open .value_label {
    color: inherit !important
}

.filter_picker_widget.popup_visible .filter_popup {
    opacity: 1
}

.filter_picker_widget.popup_left .filter_popup {
    right: -15px;
    left: auto
}

.filter_picker_widget .value_label {
    transition: color 0.1s ease
}

.filter_picker_widget .filter_value {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif;
    font-size: inherit;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: inherit;
    font-weight: inherit;
    display: flex;
    align-items: center
}

.filter_picker_widget .filter_value:hover .value_label {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.filter_picker_widget .icon_down_tick2 {
    color: var(--itchio_body_color_lighter);
    margin-top: 2px;
    margin-left: 4px
}

.filter_picker_widget .icon_down_tick2:first-child {
    margin-left: 0
}

.filter_picker_widget .filter_popup {
    transition: all 0.15s ease;
    opacity: 0;
    box-sizing: border-box;
    display: none;
    min-width: 150px;
    position: absolute;
    text-align: left;
    top: -10px;
    left: -15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    border-radius: 3px;
    z-index: 1
}

.filter_picker_widget .filter_options {
    transition: margin-top 0.1s ease;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    padding: 5px 0;
    border-radius: 0 0 3px 3px
}

.filter_picker_widget .filter_options button.filter_option {
    border: 0;
    font-family: inherit;
    background: transparent;
    text-align: left;
    width: 100%
}

.filter_picker_widget .filter_options .filter_option {
    cursor: pointer;
    font-weight: normal;
    font-size: 15px;
    padding: 5px 15px;
    min-height: 28px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    letter-spacing: 0.03em;
    position: relative;
    color: var(--itchio_body_color_med);
    display: flex;
    align-items: center
}

.filter_picker_widget .filter_options .filter_option:hover {
    background-color: var(--itchio_light_highlight);
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.filter_picker_widget .filter_options .filter_option:active {
    position: relative;
    top: 1px
}

.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
}

.forward_report_lightbox_widget {
    width: 630px;
    padding-bottom: 10px
}

.forward_report_lightbox_widget textarea {
    min-height: 20em
}

.forward_report_lightbox_widget form.has_errors .form_errors {
    display: block
}

.forward_report_lightbox_widget form .form_errors {
    display: none;
    margin: 0 40px 30px 40px;
    font-size: 16px
}

.forward_report_lightbox_widget form .form_errors li {
    line-height: 1.5
}

.forward_report_lightbox_widget form .loader {
    display: none
}

.forward_report_lightbox_widget form.loading .loader {
    display: inline-block
}

.forward_report_lightbox_widget label, .forward_report_lightbox_widget .buttons {
    margin: 10px 40px;
    display: block
}

.forward_report_lightbox_widget .email_selector span.label, .forward_report_lightbox_widget .email_selector span.caption {
    display: block
}

.forward_report_lightbox_widget .email_selector span.caption {
    color: #606060
}

.forward_report_lightbox_widget .email_selector span.name {
    margin-right: .4em
}

.forward_report_lightbox_widget .email_selector span.email {
    opacity: .8
}

.forward_report_lightbox_widget .email_selector span.email:before {
    content: "<"
}

.forward_report_lightbox_widget .email_selector span.email:after {
    content: ">"
}

.game_carousel_widget {
    position: relative
}

.game_carousel_widget .game_grid_widget {
    --itchio_grid_gap: 20px
}

.game_carousel_widget.ready .scrollbar_outer, .game_carousel_widget.ready .paddle_next, .game_carousel_widget.ready .paddle_prev {
    opacity: 1
}

.game_carousel_widget.ready .scrolling_inner {
    overflow: auto
}

.game_carousel_widget.on_right .paddle_next {
    opacity: 0;
    width: 0
}

.game_carousel_widget.on_left .paddle_prev {
    opacity: 0;
    width: 0
}

.game_carousel_widget.no_scrollbar {
    padding-bottom: 0
}

.game_carousel_widget.no_scrollbar .paddle_next, .game_carousel_widget.no_scrollbar .paddle_prev {
    display: none
}

.game_carousel_widget.no_scrollbar .scrollbar_outer {
    display: none
}

.game_carousel_widget .scrolling_outer {
    overflow: hidden
}

.game_carousel_widget .scrolling_inner {
    padding: 10px;
    overflow: hidden
}

.game_carousel_widget .scrollbar_outer {
    opacity: 0;
    transition: opacity 0.4s ease;
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    height: 8px;
    background: rgba(0, 0, 0, 0.1)
}

.game_carousel_widget .scrollbar_outer:hover .scrollbar_inner, .game_carousel_widget .scrollbar_outer .scrollbar_inner.dragging {
    background: #FF2449
}

.game_carousel_widget .scrollbar_outer .scrollbar_inner {
    transition: background 0.2s ease;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: rgba(255, 36, 73, 0.5)
}

.game_carousel_widget .paddle_next, .game_carousel_widget .paddle_prev {
    transition: opacity 0.4s ease, width 0.2s ease;
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 200px;
    cursor: pointer;
    overflow: hidden;
    background: #333
}

.game_carousel_widget .paddle_next .paddle_center_area, .game_carousel_widget .paddle_prev .paddle_center_area {
    position: absolute;
    top: 0;
    bottom: 25px;
    left: 0;
    right: 0;
    opacity: .6
}

.game_carousel_widget .paddle_next .paddle_center_area:hover, .game_carousel_widget .paddle_prev .paddle_center_area:hover {
    opacity: 1
}

.game_carousel_widget .paddle_next .paddle_center_area:after, .game_carousel_widget .paddle_prev .paddle_center_area:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 37px;
    margin-left: -10px;
    margin-top: -18px
}

.game_carousel_widget .paddle_next {
    right: 0
}

.game_carousel_widget .paddle_prev {
    left: 0
}

.game_carousel_widget .paddle_next {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
}

.game_carousel_widget .paddle_next .paddle_center_area:after {
    background-image: url("images/carousel-arrow-right-dark.png")
}

.game_carousel_widget .paddle_prev {
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

.game_carousel_widget .paddle_prev .paddle_center_area:after {
    background-image: url("images/carousel-arrow-left-dark.png")
}

.dark_theme .game_carousel_widget .paddle_next {
    background: linear-gradient(to right, rgba(17, 17, 17, 0) 0%, #111 50%, #111 100%)
}

.dark_theme .game_carousel_widget .paddle_next .paddle_center_area:after {
    background-image: url("images/carousel-arrow-right-dark.png")
}

.dark_theme .game_carousel_widget .paddle_prev {
    background: linear-gradient(to right, #111 0%, #111 50%, rgba(17, 17, 17, 0) 100%)
}

.dark_theme .game_carousel_widget .paddle_prev .paddle_center_area:after {
    background-image: url("images/carousel-arrow-left-dark.png")
}

.game_community_header_widget {
    background-color: var(--itchio_white_back);
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .game_community_header_widget {
        margin-bottom: 0;
        padding: 20px 10px 0 10px
    }
}

.game_community_header_widget .header_inner {
    margin: 0 auto;
    max-width: 0;
    max-width: 1200px
}

.game_community_header_widget .game_summary h1 {
    margin: 0;
    font-size: 32px
}

.game_community_header_widget .game_summary h1 a {
    color: inherit;
    text-decoration: none
}

@media (max-width: 650px) {
    .game_community_header_widget .game_summary h1 {
        font-size: 16px
    }
}

.game_community_header_widget .game_summary p {
    margin: 5px 0 0 0;
    color: var(--itchio_body_color_light);
    font-size: 16px
}

@media (max-width: 650px) {
    .game_community_header_widget .game_summary p {
        font-size: 14px
    }
}

.game_community_header_widget .game_summary .game_sub_text a {
    color: var(--itchio_body_color_med)
}

@media (max-width: 650px) {
    .game_community_header_widget .game_tools {
        display: none
    }
}

.game_community_header_widget .header_columns {
    display: flex;
    align-items: center;
    gap: 20px
}

.game_community_header_widget .header_columns .game_summary {
    flex: 1
}

.game_community_header_widget .header_tabs {
    font-size: 16px
}

@media (max-width: 650px) {
    .game_community_header_widget .header_tabs {
        font-size: 14px
    }
}

.game_community_header_widget .project_noun {
    text-transform: capitalize
}

.game_community_header_widget .cover_column {
    background-color: var(--itchio_gray_back);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden
}

.game_community_header_widget .cover_column > img {
    object-fit: cover;
    display: block
}

html:not([dir=rtl]) .game_download_header_widget .header_nav_tabs .filter_picker_widget:last-child {
    margin-left: auto
}

html[dir=rtl] .game_download_header_widget .header_nav_tabs .filter_picker_widget:last-child {
    margin-right: auto
}

@media (max-width: 650px) {
    .game_download_header_widget .user_library {
        padding-bottom: 10px
    }
}

@media print {
    .game_download_header_widget {
        display: none
    }
}

.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: .1428571429em .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: .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: .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: .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: .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: .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: .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;
}


.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
}

.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.0
}

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.20s 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.20s 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
}

.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_jam_cell_widget {
    margin-bottom: 25px
}

.index_jam_cell_widget .meta_tag {
    background: #34a0f2;
    color: white
}

.index_jam_cell_widget .bordered {
    box-shadow: 0 0 0 3px #34a0f2
}

.index_jam_cell_widget .bordered img {
    width: 100%;
    height: auto;
    display: block
}

.index_jam_cell_widget .game_thumb {
    box-shadow: none
}

.index_jam_cell_widget .game_thumb:after {
    display: none
}

.index_jam_cell_widget .jam_stats {
    margin-bottom: 5px;
    color: inherit;
    opacity: 0.7;
    font-size: 12px;
    line-height: 1.2;
    display: flex
}

.index_jam_cell_widget .jam_stats > :nth-child(2) {
    text-align: right;
    flex: 1
}

.index_jam_cell_widget .label {
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 5px;
    word-wrap: break-word
}

.index_jam_cell_widget .label > .title {
    text-decoration: none;
    color: inherit;
    font-weight: bold
}

.index_jam_cell_widget .label > .title:hover {
    text-decoration: underline
}

.index_new_from_followers_widget .header_split {
    display: flex;
    align-items: center;
    gap: 10px
}

.index_new_from_followers_widget .header_split > :first-child {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.index_new_from_followers_widget .index_game_grid_widget {
    padding: 0
}

.index_new_from_followers_widget.loading {
    opacity: 0.5;
    position: relative
}

.index_new_from_followers_widget.loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.index_users_to_follow_widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.index_users_to_follow_widget .empty_message {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 20px
}

.index_users_to_follow_widget .refresh_users {
    text-align: center;
    padding-bottom: 15px
}

.index_users_to_follow_widget .refresh_users button {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

.index_users_to_follow_widget .refresh_users button:disabled {
    opacity: 0.5
}

.index_users_to_follow_widget .user_cell .cell_tools {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 6px 0
}

.index_users_to_follow_widget .user_cell .cell_tools .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    flex: 1;
    max-width: 140px;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    font-weight: normal
}

.index_users_to_follow_widget .user_cell .cell_tools .button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.index_users_to_follow_widget .user_cell .cell_tools .button:active {
    background: #e1193b;
    border-color: #e1193b
}

.index_users_to_follow_widget .user_cell .cell_tools .dismiss_button {
    color: var(--itchio_body_color_lighter)
}

.index_users_to_follow_widget .user_cell .user_info {
    display: flex;
    margin-bottom: 5px;
    gap: 8px
}

.index_users_to_follow_widget .user_cell .user_info > :last-child {
    flex: 1;
    min-width: 0
}

.index_users_to_follow_widget .user_cell .user_info .user_name {
    color: var(--itchio_body_color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none
}

.index_users_to_follow_widget .user_cell .user_info .user_avatar {
    width: 35px;
    height: 35px;
    background-color: var(--itchio_gray_back);
    border-radius: 3px
}

.index_users_to_follow_widget .user_cell .user_info .user_avatar img {
    display: block;
    border-radius: 3px
}

.index_users_to_follow_widget .user_cell .user_info .created {
    color: var(--itchio_body_color_lighter);
    line-height: 1.4;
    font-size: 12px
}

.index_users_to_follow_widget .user_cell .user_info .created ul {
    display: inline
}

.index_users_to_follow_widget .user_cell .user_info .created li {
    display: inline
}

.index_users_to_follow_widget .user_cell .user_info .created li:not(:last-child):after {
    content: ", "
}

.index_users_to_follow_widget .user_cell .user_info .created a {
    color: var(--itchio_body_color_light)
}

.indigenous_application_summary_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;
    background-color: var(--itchio_gray_back);
    padding: 15px;
    position: relative
}

@media print {
    .indigenous_application_summary_widget {
        box-shadow: none;
        border: none
    }
}

.dark_theme .indigenous_application_summary_widget {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.indigenous_application_summary_widget .button.outline {
    background-color: var(--itchio_white_back)
}

.indigenous_application_summary_widget h4 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 1em
}

.indigenous_application_summary_widget > p:last-child {
    margin-bottom: 0
}

.indigenous_application_summary_widget .application_meta {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex
}

.indigenous_application_summary_widget .application_id, .indigenous_application_summary_widget .application_status {
    background: rgba(64, 67, 78, 0.1);
    border-radius: 0 0 0 4px;
    padding: 2px 6px;
    font-weight: bold
}

.indigenous_application_summary_widget .application_status {
    margin-right: 10px;
    border-radius: 0 0 4px 4px
}

.indigenous_application_summary_widget .application_status.approved {
    background: #82c945;
    color: white
}

.indigenous_application_summary_widget .application_status.rejected {
    background: #fe0205;
    color: white
}

.indigenous_application_summary_widget .header {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.indigenous_application_summary_widget .header .left {
    min-width: 80px
}

.indigenous_application_summary_widget .header .avatar {
    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: var(--itchio_white_back)
}

.indigenous_application_summary_widget .header .tag {
    font-size: 14px;
    padding: 4px 8px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    border-radius: 2px
}

.indigenous_application_summary_widget .header .right {
    padding-left: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    line-height: 1.8
}

.indigenous_application_summary_widget .header .user_link {
    font-size: 18px;
    text-decoration: none;
    font-weight: bold
}

.indigenous_application_summary_widget > section {
    background-color: var(--itchio_white_back);
    padding: 10px 15px;
    margin-bottom: 1em;
    font-size: 16px;
    line-height: 1.5
}

.indigenous_application_summary_widget > section > :first-child {
    margin-top: 0
}

.indigenous_application_summary_widget > section > :last-child {
    margin-bottom: 0
}

.indigenous_application_summary_widget .after {
    margin-top: 15px
}

.jam_browse_entries_widget {
    --itchio_gutter_width: 20px
}

@media (max-width: 650px) {
    .responsive .jam_browse_entries_widget {
        --itchio_gutter_width: 10px
    }
}

.jam_browse_entries_widget .forms_form_errors_widget {
    margin: 20px
}

.jam_browse_entries_widget .rating_message, .jam_browse_entries_widget .cache_message {
    background-color: var(--itchio_gray_back);
    margin: 20px var(--itchio_gutter_width, 40px);
    padding: 10px
}

.jam_browse_entries_widget .rating_message {
    font-weight: bold
}

.jam_browse_entries_widget .filter_toggle_row {
    display: flex;
    align-items: center;
    margin: 0 var(--itchio_gutter_width, 40px);
    margin-top: 10px
}

@media (min-width: 650px) {
    .jam_browse_entries_widget .filter_toggle_row {
        display: none
    }
}

.jam_browse_entries_widget .filter_toggle_row > .entries_count {
    font-size: 14px;
    color: var(--itchio_body_color_med);
    margin-left: 10px
}

.jam_browse_entries_widget .filter_toggle_row > button {
    transition: background 0.2s;
    display: block;
    text-align: center;
    border: 1px solid;
    background-color: var(--itchio_gray_back);
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    font-weight: bold;
    border-radius: 3px;
    height: 30px;
    padding: 0 6px;
    display: flex;
    align-items: center
}

.jam_browse_entries_widget .filter_toggle_row > button .svgicon {
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.jam_browse_entries_widget .filter_toggle_row > button:hover {
    cursor: pointer;
    opacity: 0.9
}

.jam_browse_entries_widget .index_game_grid_widget {
    margin-top: 20px
}

.jam_browse_entries_widget .index_game_grid_widget.preview_grid {
    opacity: 0.5
}

.jam_browse_entries_widget .index_game_cell_widget .game_thumb {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .jam_browse_entries_widget .index_game_cell_widget .game_thumb {
    box-shadow: none
}

.jam_browse_entries_widget .index_game_cell_widget .user_row {
    font-size: 14px
}

.jam_browse_entries_widget .index_game_cell_widget .label {
    font-size: 16px
}

.jam_browse_entries_widget .browse_sidebar .sidebar_buttons {
    margin-top: 20px
}

.jam_browse_entries_widget .browse_sidebar .sidebar_buttons > .button {
    display: block;
    background-color: var(--itchio_white_back)
}

.jam_browse_entries_widget .browse_sidebar .sticky_wrapper > *:last-child {
    margin-bottom: 20px
}

.jam_browse_entries_widget .browse_sidebar .search .search_input {
    box-sizing: border-box;
    width: 100%;
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color);
    padding: 5px 10px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px
}

.jam_browse_entries_widget .browse_sidebar .search .search_input:not(:invalid) {
    border-color: var(--itchio_button_color, #FF2449);
    box-shadow: inset 0 0 0 1px var(--itchio_button_color, #FF2449)
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget {
    margin-bottom: 20px;
    padding: 8px 0
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .forms_simple_select_widget.has_value {
    border-color: var(--itchio_button_color)
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .forms_simple_select_widget.has_value .selected_option_name {
    font-weight: bold
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .forms_simple_select_widget.has_value.focused {
    box-shadow: 0 0 2px 2px rgba(162, 135, 192, 0.5)
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner {
    display: flex;
    align-items: center
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner > *:not(:first-child) {
    margin-right: 10px
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner .randomizer_link {
    margin-left: auto;
    background-color: var(--itchio_white_back)
}

@media (max-width: 650px) {
    .jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner {
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 10px
    }

    .jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner > *, .jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner > *:not(:first-child) {
        margin: 0
    }

    .jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner .tab_sub {
        display: none
    }

    .jam_browse_entries_widget .jam_browse_entries_filter_widget .tabs_inner .randomizer_link {
        margin: 0;
        width: 100%
    }
}

.jam_browse_entries_widget .jam_browse_entries_filter_widget .tab_sub {
    padding: 0
}

.jam_browse_entries_widget .jam_filter_empty {
    display: block;
    text-align: center
}

.jam_browse_entries_widget .loading_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0
}

.jam_browse_entries_widget .loader_spinner {
    width: 60px;
    height: 60px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 120%
}

.jam_browse_entries_widget .rated_game {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.2s ease
}

.jam_browse_entries_widget .rated_game:hover {
    opacity: 0
}

.jam_browse_entries_widget .rated_game .rated_label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 20px black;
    color: white;
    font-size: 24px;
    font-weight: normal
}

.jam_browse_entries_widget .rated_game .rated_label .icon {
    margin-right: 8px
}

@media (max-width: 650px) {
    .responsive .jam_grid_widget:not(.carousel) .jam {
        padding: 10px 10px
    }
}

.jam_grid_widget.carousel {
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    align-items: flex-start
}

.jam_grid_widget.carousel .jam {
    width: 300px;
    max-width: 75vw;
    flex: none;
    white-space: normal
}

.jam_grid_widget .jam {
    font-size: 14px;
    vertical-align: top;
    background-color: var(--itchio_white_back);
    padding: 10px 15px;
    border: 1px solid;
    border-color: #e7e7e7;
    border-radius: 3px
}

.dark_theme .jam_grid_widget .jam {
    border-color: rgba(255, 255, 255, 0.1)
}

.jam_grid_widget .jam h3 {
    margin: 0;
    font-size: 18px
}

.jam_grid_widget .jam h3 a {
    text-decoration: none
}

.jam_grid_widget .jam .short_text {
    color: var(--itchio_body_color_light);
    font-size: 13px;
    margin: 3px 0 0 0;
    line-height: 1.4
}

.jam_grid_widget .jam .featured_flag {
    background-color: var(--itchio_gray_back);
    text-align: center;
    padding: 2px;
    font-size: 12px;
    color: var(--itchio_body_color_light);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px
}

.jam_grid_widget .jam .jam_top_row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

.jam_grid_widget .jam .jam_top_row .primary_info {
    flex: 1;
    min-width: 0
}

.jam_grid_widget .jam .jam_cover {
    width: 75px;
    height: 60px;
    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;
    position: relative;
    align-self: flex-start
}

.jam_grid_widget .jam .jam_cover a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jam_grid_widget .jam .progress_bar {
    margin: 7px 0;
    height: 8px;
    background-color: var(--itchio_gray_back);
    border-radius: 8px;
    overflow: hidden
}

.jam_grid_widget .jam .progress_bar .progress_inner {
    height: 100%;
    min-width: 1%;
    background: #FF2449;
    background: var(--itchio_button_color, #FF2449);
    border-radius: 0 8px 8px 0px
}

.jam_grid_widget .jam .jam_ranked {
    margin-top: 5px;
    display: flex;
    align-items: center;
    color: var(--itchio_body_color_med);
    gap: 3px
}

.jam_grid_widget .jam .jam_ranked .svgicon {
    flex: none
}

.jam_grid_widget .jam .jam_ranked .results_link {
    margin-left: 5px
}

.jam_grid_widget .jam .jam_stats {
    margin: 8px 0;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.jam_grid_widget .jam .jam_stats:last-child {
    margin-bottom: 0
}

.jam_grid_widget .jam .jam_stats > .stat {
    text-decoration: none;
    font-weight: bold;
    color: var(--itchio_body_color_lighter)
}

.jam_grid_widget .jam .jam_stats > .stat[href]:hover {
    text-decoration: underline
}

.jam_grid_widget .jam .jam_stats > .stat > .number {
    font-size: 18px;
    color: var(--itchio_body_color_med)
}

.jam_grid_widget .jam .meta_row {
    margin-top: 2px
}

.jam_grid_widget .jam .meta_row .jam_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;
    background: #40434E;
    color: white
}

.jam_grid_widget .jam .meta_row a {
    color: var(--itchio_body_color_light)
}

.jam_grid_widget .jam .hosted_by {
    color: var(--itchio_body_color_light);
    margin-top: 0;
    margin-bottom: 10px
}

.jam_header_widget {
    background-color: var(--itchio_white_back);
    height: auto;
    padding: 20px var(--itchio_gutter_width, 40px) 0 var(--itchio_gutter_width, 40px);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .responsive .jam_header_widget {
        margin-bottom: 0
    }

    .responsive .jam_header_widget .stats_container {
        display: none
    }

    .responsive .jam_header_widget .jam_title_header {
        font-size: 20px
    }

    .responsive .jam_header_widget .jam_host_header {
        font-size: 14px
    }
}

.jam_header_widget .header_inner {
    margin: 0 auto;
    max-width: 1200px
}

.jam_header_widget .header_columns {
    display: flex;
    align-items: flex-start;
    gap: 20px
}

.jam_header_widget .header_columns .title_colum {
    flex: 1;
    align-self: center
}

.jam_header_widget .header_columns .cover_column img {
    display: block
}

.jam_header_widget .cover_image {
    background-color: var(--itchio_gray_back);
    width: 100px;
    height: 79px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    display: block
}

.jam_header_widget .cover_image > img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.jam_header_widget .stats_container {
    display: flex;
    gap: 30px
}

.jam_header_widget .stat_box {
    text-align: center
}

.jam_header_widget .stat_box a {
    text-decoration: none
}

.jam_header_widget .stat_box a:hover .stat_value, .jam_header_widget .stat_box a:hover .stat_label {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.jam_header_widget .stat_box .stat_value, .jam_header_widget .stat_box .stat_label {
    transition: color 0.2s ease
}

.jam_header_widget .stat_box .stat_value {
    font-size: 30px;
    font-weight: bold;
    color: var(--itchio_body_color_med)
}

.jam_header_widget .stat_box .stat_label {
    font-size: 12px;
    color: var(--itchio_body_color_light)
}

.jam_header_widget .stat_box:last-child {
    border-right: 0
}

.jam_header_widget .header_tabs {
    padding-top: 16px;
    font-size: 16px
}

@media (max-width: 650px) {
    .jam_header_widget .header_tabs {
        font-size: 14px
    }
}

.jam_header_widget .header_tabs .community_activity {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    font-size: 14px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 2px
}

html:not([dir=rtl]) .jam_header_widget .header_tabs .community_activity {
    margin-left: 8px
}

html[dir=rtl] .jam_header_widget .header_tabs .community_activity {
    margin-right: 8px
}

.responsive .jam_header_widget .header_tabs {
    white-space: nowrap;
    overflow-x: auto
}

@media (max-width: 650px) {
    .responsive .jam_header_widget .header_tabs {
        margin-left: -10px;
        padding-left: 10px;
        margin-right: -10px;
        padding-right: 10px
    }
}

.jam_header_widget .jam_title_header {
    font-size: 32px;
    margin: 0
}

.jam_header_widget .jam_title_header a {
    text-decoration: none;
    color: inherit
}

.jam_header_widget .jam_host_header {
    margin-top: 5px;
    padding-bottom: 4px;
    color: var(--itchio_body_color_lighter);
    font-size: 16px
}

.jam_header_widget .jam_host_header a {
    color: var(--itchio_body_color_light)
}

.login_form_widget .github_login_btn {
    display: inline-flex;
    align-items: center
}

.login_form_widget .github_login_btn .svgicon {
    fill: var(--itchio_body_color_med);
    margin-right: 8px
}

.login_form_widget .captcha_notice {
    font-size: 14px;
    background-color: var(--itchio_gray_back);
    padding: 10px
}

.login_form_widget .more_login_types {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    margin-top: 20px;
    padding-top: 20px
}

.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
}

.queue_viewer_widget {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--itchio_gray_back);
    z-index: 10;
    display: flex
}

.queue_viewer_widget.finished {
    align-items: center;
    justify-content: center
}

.queue_viewer_widget .empty_message {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background-color: var(--itchio_white_back);
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
    max-width: 400px
}

@media print {
    .queue_viewer_widget .empty_message {
        box-shadow: none;
        border: none
    }
}

.dark_theme .queue_viewer_widget .empty_message {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.queue_viewer_widget .empty_message > :last-child {
    margin-bottom: 0
}

.queue_viewer_widget .empty_message .action_buttons {
    display: flex
}

.queue_viewer_widget .empty_message .action_buttons > * {
    flex: 1;
    margin-right: 10px;
    white-space: nowrap
}

.queue_viewer_widget .empty_message .action_buttons > *:last-child {
    margin-right: 0
}

.queue_viewer_widget .sidebar {
    width: 320px;
    box-sizing: border-box;
    overflow: auto
}

.queue_viewer_widget .sidebar .login_message {
    background: var(--itchio_border_color);
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.3
}

.queue_viewer_widget .sidebar .login_message a {
    font-weight: bold;
    color: var(--itchio_body_color_light)
}

.queue_viewer_widget .sidebar .sidebar_inner {
    padding: 20px
}

.queue_viewer_widget .sidebar .next_button, .queue_viewer_widget .sidebar .add_to_collection_btn {
    width: 100%;
    display: block;
    margin-bottom: 10px
}

.queue_viewer_widget .sidebar .next_button.outline, .queue_viewer_widget .sidebar .add_to_collection_btn.outline {
    background-color: var(--itchio_white_back)
}

.queue_viewer_widget .sidebar .next_button {
    margin-bottom: 15px
}

.queue_viewer_widget .sidebar .remaining_items_label {
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.queue_viewer_widget .current_game {
    min-height: 40vh
}

.queue_viewer_widget .current_game h2 {
    margin: 0 0 10px 0
}

.queue_viewer_widget .current_game h2 a {
    color: inherit;
    text-decoration: none
}

.queue_viewer_widget .current_game .queue {
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin-bottom: 10px
}

.queue_viewer_widget .current_game .queue a {
    color: var(--itchio_body_color_gray)
}

.queue_viewer_widget .current_game .game_author {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center
}

.queue_viewer_widget .current_game .game_author .follow_button_widget {
    margin-left: 5px
}

.queue_viewer_widget .current_game .game_author a:not(.button) {
    color: var(--itchio_body_color_light)
}

.queue_viewer_widget .current_game .game_summary {
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0
}

.queue_viewer_widget .current_game .game_blurb {
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
    padding: 5px 10px;
    background-color: var(--itchio_white_back);
    position: relative
}

.queue_viewer_widget .current_game .game_blurb.truncated {
    cursor: pointer;
    overflow: hidden;
    max-height: 60px
}

.queue_viewer_widget .current_game .game_blurb.truncated::after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%)
}

.queue_viewer_widget .current_game .game_blurb .blurb_author {
    font-size: 12px;
    color: var(--itchio_body_color_light)
}

.queue_viewer_widget .current_game .game_blurb .blurb_author a {
    color: inherit
}

.queue_viewer_widget .current_game .game_blurb .blurb_wrapper {
    margin-top: 5px
}

.queue_viewer_widget .current_game .game_blurb .blurb_wrapper > :first-child {
    margin-top: 0
}

.queue_viewer_widget .current_game .game_blurb .blurb_wrapper > :last-child {
    margin-bottom: 0
}

.queue_viewer_widget .current_game .game_tags {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4
}

.queue_viewer_widget .current_game .game_tags a {
    color: var(--itchio_body_color_light)
}

.queue_viewer_widget .current_game pre {
    box-sizing: border-box;
    font-size: 12px;
    background-color: var(--itchio_white_back);
    width: 100%;
    overflow: auto;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 5px
}

.queue_viewer_widget .games_around > .game_row_wrapper .game_row {
    padding-bottom: 10px
}

.queue_viewer_widget .games_around > .game_row_wrapper:last-child .game_row {
    padding-bottom: 0
}

.queue_viewer_widget .games_around .current_location {
    background: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    font-weight: bold;
    padding: 4px 30px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    margin-bottom: 10px
}

.queue_viewer_widget .games_around .current_location:last-child {
    margin-bottom: 0
}

.queue_viewer_widget .games_around .current_location .svgicon {
    margin: 0 5px
}

.queue_viewer_widget .games_around .current_location .prev .svgicon {
    transform: rotate(180deg);
    transform-origin: 50% 40%
}

.queue_viewer_widget .games_around .current_location > * {
    flex: 1;
    width: 0
}

.queue_viewer_widget .games_around .current_location > :first-child {
    text-align: left
}

.queue_viewer_widget .games_around .current_location > :last-child {
    text-align: right
}

.queue_viewer_widget .games_around .game_row {
    display: flex
}

.queue_viewer_widget .games_around .game_row .game_details {
    flex: 1;
    width: 0;
    min-width: 0;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.queue_viewer_widget .games_around .game_row .game_title {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1.2
}

.queue_viewer_widget .games_around .game_row .game_title a {
    font-weight: bold;
    text-decoration: none
}

.queue_viewer_widget .games_around .game_row .game_author {
    color: var(--itchio_body_color_light);
    font-size: 14px
}

.queue_viewer_widget .games_around .game_row .game_author a {
    color: inherit
}

.queue_viewer_widget .games_around .game_row .thumb_link {
    display: block;
    background: var(--itchio_border_color);
    box-shadow: 0 0 0 2px white;
    width: 80px;
    height: 63px
}

.dark_theme .queue_viewer_widget .games_around .game_row .thumb_link {
    box-shadow: none
}

.queue_viewer_widget .games_around .game_row .thumb_link > img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.queue_viewer_widget .object_wrapper {
    flex: 1;
    height: 100%
}

.queue_viewer_widget .object_wrapper > iframe {
    border: 0;
    display: block;
    width: 100%;
    height: 100%
}

.randomizer_sidebar_widget .next_game_btn {
    display: block;
    width: 100%
}

.randomizer_sidebar_widget .jam_submission_link {
    margin-bottom: 10px
}

.randomizer_sidebar_widget .jam_submission_link .button {
    display: block;
    width: 100%;
    background-color: var(--itchio_white_back)
}

.randomizer_sidebar_widget h1 {
    margin: 0 0 5px 0;
    font-size: 20px
}

.randomizer_sidebar_widget h1 a {
    color: inherit;
    text-decoration: none
}

@media (max-width: 650px) {
    .randomizer_sidebar_widget h1 {
        font-size: 22px;
        margin-top: 10px
    }
}

.randomizer_sidebar_widget h2 {
    margin: 25px 0 10px 0;
    font-size: 18px
}

.randomizer_sidebar_widget .sidebar_inner.login_message {
    background: var(--itchio_border_color);
    font-size: 14px;
    line-height: 1.3;
    padding-top: 10px;
    padding-bottom: 10px
}

.randomizer_sidebar_widget .sidebar_inner.login_message a {
    color: var(--itchio_body_color_light);
    font-weight: bold
}

.randomizer_sidebar_widget .meta_row {
    margin-top: 5px;
    font-size: 14px;
    color: var(--itchio_body_color_lighter)
}

.randomizer_sidebar_widget .meta_row a:not(.button) {
    color: var(--itchio_body_color_light)
}

.randomizer_sidebar_widget .meta_row .icon_link {
    text-decoration: none
}

.randomizer_sidebar_widget .meta_row .icon_link .icon {
    margin-right: 5px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle
}

.randomizer_sidebar_widget .meta_row .icon_link .link_text {
    text-decoration: underline
}

.randomizer_sidebar_widget .meta_row .button {
    color: white;
    margin-left: 5px
}

.randomizer_sidebar_widget .meta_row .button .icon {
    display: none
}

.randomizer_sidebar_widget .meta_row .icon-twitter {
    text-decoration: none;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 1px;
    transition: color 0.2s ease
}

.randomizer_sidebar_widget .meta_row .icon-twitter:hover {
    color: #da2c49
}

.randomizer_sidebar_widget .game_rater {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px 0 10px 0;
    margin-top: 25px
}

.randomizer_sidebar_widget .game_rater .feedback_summary {
    margin: 10px 0 0 0;
    color: var(--itchio_body_color_light);
    line-height: 1.3;
    font-size: 14px
}

.randomizer_sidebar_widget .game_rater a.rating_btn {
    line-height: 31px
}

.randomizer_sidebar_widget .game_rater .rating_btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    width: calc(50% - 5px);
    background-color: var(--itchio_white_back);
    font-size: 16px;
    font-weight: bold;
    border: 2px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_gray);
    border-radius: 3px;
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
    transition: border 0.2s ease, background-color 0.2s ease
}

.randomizer_sidebar_widget .game_rater .rating_btn:disabled {
    opacity: 0.5
}

.randomizer_sidebar_widget .game_rater .rating_btn:last-child {
    margin-right: 0
}

.randomizer_sidebar_widget .game_rater .rating_btn.positive_btn:hover, .randomizer_sidebar_widget .game_rater .rating_btn.positive_btn.selected {
    color: var(--itchio_body_color);
    border-color: #45B976;
    background: rgba(69, 185, 118, 0.1)
}

.randomizer_sidebar_widget .game_rater .rating_btn.negative_btn:hover, .randomizer_sidebar_widget .game_rater .rating_btn.negative_btn.selected {
    color: var(--itchio_body_color);
    border-color: #5E88A0;
    background: rgba(94, 136, 160, 0.1)
}

.randomizer_sidebar_widget .game_summary, .randomizer_sidebar_widget .game_tags, .randomizer_sidebar_widget .empty_message p {
    font-size: 14px;
    line-height: 1.4;
    margin: 15px 0
}

@media (max-width: 650px) {
    .randomizer_sidebar_widget .game_summary, .randomizer_sidebar_widget .game_tags, .randomizer_sidebar_widget .empty_message p {
        font-size: 14px;
        margin: 8px 0
    }
}

.randomizer_sidebar_widget .empty_message button {
    display: block
}

.randomizer_sidebar_widget .game_tags strong {
    display: inline-block;
    margin-right: 5px
}

.randomizer_sidebar_widget .game_tags a {
    color: var(--itchio_body_color_light);
    display: inline-block;
    margin-right: 5px
}

@media (max-width: 650px) {
    .randomizer_sidebar_widget .game_tags {
        margin-right: -10px;
        white-space: nowrap;
        overflow: auto
    }
}

.randomizer_sidebar_widget .recently_viewed_games {
    margin-top: 30px
}

.randomizer_sidebar_widget .recently_viewed_games:first-child {
    margin-top: 0
}

.randomizer_sidebar_widget .recently_viewed_games > :first-child {
    margin-top: 0
}

.randomizer_sidebar_widget .recently_viewed_games .recent_games_list {
    margin-top: 20px
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game {
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .thumb_link {
    display: block;
    flex: none;
    -webkit-flex: none;
    width: 80px;
    height: 63px
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .thumb {
    display: block;
    background-color: var(--itchio_white_back);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    width: 80px;
    height: 63px
}

.dark_theme .randomizer_sidebar_widget .recently_viewed_games .recent_game .thumb {
    box-shadow: none
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .game_content {
    margin-left: 10px;
    overflow: hidden
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .game_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 4px
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .game_title a {
    font-weight: bold;
    text-decoration: none
}

.randomizer_sidebar_widget .recently_viewed_games .recent_game .game_author a {
    color: var(--itchio_body_color_light)
}

.randomizer_sidebar_widget .sub_tools {
    font-size: 14px;
    margin-top: 8px;
    text-align: center
}

.randomizer_sidebar_widget .sub_tools a {
    color: var(--itchio_body_color_light)
}

.register_form_widget .validated {
    position: relative
}

.register_form_widget .validated .input_error_message {
    transition: all 0.2s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #D14343
}

.register_form_widget .validated .icon {
    transition: opacity, 0.2s;
    position: absolute;
    top: 18px;
    right: 9px;
    font-size: 14px;
    color: #66B355;
    opacity: 0
}

.register_form_widget .validated input {
    transition: border-color 0.2s;
    position: relative
}

.register_form_widget .validated.valid input {
    border-color: #66B355
}

.register_form_widget .validated.valid .icon {
    opacity: 1
}

.register_form_widget .validated.invalid .input_error_message {
    top: -15px;
    opacity: 1
}

.register_form_widget .validated.invalid input {
    border-color: #D14343
}

.register_form_widget .slug_row, .register_form_widget .slug_row input {
    text-align: center
}

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

.register_form_widget .user_configurator {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 20px
}

.register_form_widget .user_configurator strong {
    display: block;
    margin-bottom: 10px
}

.register_form_widget .user_configurator p {
    margin: 0;
    color: var(--itchio_body_color_light);
    line-height: 1.5
}

.register_form_widget .user_configurator .input_row {
    margin-bottom: 10px
}

.register_form_widget .register_columns {
    display: flex
}

.register_form_widget .register_columns > * {
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid;
    border-color: var(--itchio_border_color)
}

.register_form_widget .register_columns > *:last-child {
    border-right: 0
}

@media (max-width: 700px) {
    .register_form_widget .register_columns {
        display: block
    }

    .register_form_widget .register_columns > * {
        width: auto;
        border: 0;
        border-bottom: 1px solid;
        border-color: var(--itchio_border_color)
    }

    .register_form_widget .register_columns > *:last-child {
        border-bottom: 0
    }
}

.register_form_widget .form_column, .register_form_widget .about_column {
    padding: 40px
}

@media (max-width: 650px) {
    .register_form_widget .form_column, .register_form_widget .about_column {
        padding-left: 10px;
        padding-right: 10px
    }
}

.register_form_widget .form_column {
    position: relative
}

.register_form_widget .about_column h2 {
    margin: 0 0 20px 0
}

.register_form_widget .about_column p {
    font-size: 14px;
    margin: 0 0 20px 0;
    line-height: 1.5
}

.register_form_widget .filter_picker_widget {
    position: absolute;
    top: 10px;
    right: 10px
}

html[dir=rtl] .register_form_widget .filter_picker_widget {
    left: 10px;
    right: auto
}

.register_form_widget .filter_picker_widget .filter_options {
    text-align: center;
    padding: 10px
}

.register_form_widget .github_login_btn {
    display: flex;
    align-items: center
}

.register_form_widget .github_login_btn .svgicon {
    margin-right: 8px;
    fill: var(--itchio_body_color_med)
}

.sale_list_widget.display_grid {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(500px, 1fr));
    grid-gap: 20px;
    align-items: start
}

@media (max-width: 650px) {
    .responsive .sale_list_widget.display_grid {
        display: block
    }
}

.sale_list_widget .sale_row {
    box-sizing: border-box;
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    position: relative;
    vertical-align: top;
    text-align: left
}

@media print {
    .sale_list_widget .sale_row {
        box-shadow: none;
        border: none
    }
}

.dark_theme .sale_list_widget .sale_row {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .sale_list_widget .sale_row {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1B1B1B
}

.sale_list_widget .sale_row .sale_columns {
    min-height: 140px;
    display: flex
}

.sale_list_widget .sale_row .sale_columns > * {
    flex: 1
}

.sale_list_widget .sale_row .goal_progress_widget {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 20px 13px 20px
}

.sale_list_widget .sale_row .goal_progress_widget .stat_summary {
    display: none
}

@media (max-width: 650px) {
    .responsive .sale_list_widget .sale_row {
        display: block;
        max-width: none;
        margin: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
        box-shadow: none
    }

    .responsive .sale_list_widget .sale_row:first-child {
        border-top: 0
    }

    .responsive .sale_list_widget .sale_row .sale_flag {
        display: none
    }

    .responsive .sale_list_widget .sale_row .sale_data {
        margin: 0;
        border: 0;
        flex: 1.25;
        max-width: none;
        padding-left: 10px;
        padding-right: 10px
    }

    .responsive .sale_list_widget .sale_row .sale_games .sale_gradient {
        display: block
    }

    .responsive .sale_list_widget .sale_row .sale_games .game_thumb {
        width: 110px;
        height: 87px
    }

    .responsive .sale_list_widget .sale_row .goal_progress_widget {
        border-top: 0;
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

.sale_list_widget .sale_row.no_games .sale_data {
    margin-right: 0
}

.sale_list_widget .sale_games {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden
}

.sale_list_widget .sale_games.show_gradient .sale_gradient {
    display: block
}

.sale_list_widget .sale_games .games_nowrap {
    flex: 1;
    white-space: nowrap;
    text-align: center
}

.sale_list_widget .sale_games .game_thumb {
    display: inline-block;
    vertical-align: middle;
    background-color: var(--itchio_gray_back);
    margin-right: 10px;
    width: 157px;
    height: 125px
}

.sale_list_widget .sale_games .game_thumb:last-child {
    margin-right: 0
}

.sale_list_widget .sale_games img.game_thumb {
    object-fit: cover
}

.sale_list_widget .sale_games img.game_thumb:not([src]) {
    opacity: 0
}

.sale_list_widget .sale_games .sale_gradient {
    position: absolute;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    width: 10px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none
}

.dark_theme .sale_list_widget .sale_games .sale_gradient {
    background-image: linear-gradient(to right, rgba(27, 27, 27, 0), #1b1b1b)
}

.sale_list_widget .sale_overlay_link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.sale_list_widget .sale_data {
    box-sizing: border-box;
    padding: 13px 20px;
    max-width: 420px;
    border-right: 1px solid;
    border-color: var(--itchio_border_color);
    margin-right: 10px
}

.sale_list_widget .sale_data:last-child {
    border-right: 0
}

.sale_list_widget .sale_title {
    margin: 0 0 2px 0;
    font-size: 18px;
    font-weight: bold
}

.sale_list_widget .sale_title a {
    text-decoration: none
}

.dark_theme .sale_list_widget .sale_title a {
    color: #eee
}

.sale_list_widget .sale_author, .sale_list_widget .game_count {
    font-size: 14px;
    line-height: 1.5
}

.sale_list_widget .sale_author a {
    color: var(--itchio_body_color_light);
    text-decoration: none
}

.sale_list_widget .sale_author a:hover {
    text-decoration: underline
}

.sale_list_widget .game_count {
    margin-bottom: 10px;
    line-height: 1.5
}

.sale_list_widget .game_count .total_price, .sale_list_widget .game_count .savings {
    color: var(--itchio_body_color_light)
}

.sale_list_widget .data_row {
    line-height: 1.7
}

.sale_list_widget .game_platforms {
    color: var(--itchio_body_color_light)
}

.sale_list_widget .game_platforms .icon {
    margin-right: 3px
}

.sale_list_widget .sale_end {
    font-weight: bold
}

.sale_list_widget .offer_columns {
    display: flex;
    align-items: center
}

.sale_list_widget .offer_columns .button {
    margin-right: 15px
}

.sale_list_widget .sale_flag {
    box-sizing: border-box;
    position: absolute;
    top: -13px;
    right: 0;
    background: url("images/sale-ribbon-blue.svg");
    width: 80px;
    height: 59px;
    color: #EAF5FE;
    background-size: cover;
    font-size: 20px;
    box-sizing: border-box;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 4px 4px 13px
}

.sale_list_widget .sale_flag.reverse_sale {
    background: url("images/sale-ribbon-red.svg")
}

.sale_list_widget .sale_flag .rate {
    font-weight: 900
}

.sale_list_widget .sale_flag .mini_label {
    font-size: 12px;
    opacity: 0.5;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1
}

.search_autocomplete_input_widget {
    display: inline-block;
    position: relative
}

.search_autocomplete_input_widget .input_wrapper {
    flex: 1;
    display: flex
}

.search_autocomplete_input_widget .input_wrapper > input {
    flex: 1
}

.search_autocomplete_input_widget .autocomplete_result > a .icon_tag {
    flex: none
}

.search_autocomplete_input_widget .autocomplete_result > a .tag_classification, .search_autocomplete_input_widget .autocomplete_result > a .jam_state {
    font-size: 12px;
    color: white;
    background: #A287C0;
    padding: 2px 4px;
    border-radius: 2px;
    margin-left: auto
}

.search_autocomplete_input_widget .autocomplete_result > a .jam_state.state_finished {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_med)
}

.search_autocomplete_input_widget .autocomplete_result > a .jam_state.state_before {
    background: #34a0f2
}

.search_autocomplete_input_widget .result_icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--itchio_border_color)
}

.search_autocomplete_input_widget .result_content {
    min-width: 0;
    flex: 1
}

.search_autocomplete_input_widget .autocomplete_results_popup {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    left: 0;
    right: 0;
    --section-border-color: var(--itchio_border_color);
    border-radius: 3px;
    box-shadow: 0 0 0 1px var(--itchio_edge_border_color), 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: var(--itchio_white_back)
}

.dark_theme .search_autocomplete_input_widget .autocomplete_results_popup {
    --section-border-color: transparent
}

.search_autocomplete_input_widget .autocomplete_results_popup .result_header {
    font-size: 12px;
    font-weight: 900;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--section-border-color);
    border-top: 1px solid var(--section-border-color);
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

html:not([dir=rtl]) .search_autocomplete_input_widget .autocomplete_results_popup .result_header {
    padding-left: 14px
}

html[dir=rtl] .search_autocomplete_input_widget .autocomplete_results_popup .result_header {
    padding-right: 14px
}

.search_autocomplete_input_widget .autocomplete_results_popup .autocomplete_result_set:first-child .result_header {
    border-top: none
}

.search_autocomplete_input_widget .autocomplete_results_popup ul {
    margin: 0;
    list-style: none;
    padding: 5px 0
}

.search_autocomplete_input_widget .autocomplete_results_popup li {
    font-size: 14px
}

.search_autocomplete_input_widget .autocomplete_results_popup li > a {
    word-break: break-all;
    display: flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
    padding: 5px
}

html:not([dir=rtl]) .search_autocomplete_input_widget .autocomplete_results_popup li > a {
    padding-left: 10px
}

html[dir=rtl] .search_autocomplete_input_widget .autocomplete_results_popup li > a {
    padding-right: 10px
}

.search_autocomplete_input_widget .autocomplete_results_popup li > a .title {
    font-weight: bold
}

.search_autocomplete_input_widget .autocomplete_results_popup li > a .sub_text {
    color: var(--itchio_body_color);
    opacity: 0.75;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_autocomplete_input_widget .autocomplete_results_popup li > a:focus, .search_autocomplete_input_widget .autocomplete_results_popup li > a:hover, .search_autocomplete_input_widget .autocomplete_results_popup li > a.selected {
    background-color: var(--itchio_light_highlight)
}

.search_autocomplete_input_widget .autocomplete_results_popup li > a.selected {
    box-shadow: 0 0 0 2px rgba(218, 44, 73, 0.5), 0 0 0 3px var(--itchio_white_back);
    border-radius: 2px
}

.stat_header_widget {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    min-height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 var(--itchio_gutter_width, 40px)
}

.stat_header_widget h1, .stat_header_widget h2 {
    margin: 0
}

.stat_header_widget > h1, .stat_header_widget > h2 {
    padding: 10px 0
}

html:not([dir=rtl]) .stat_header_widget .top_links.aside {
    margin-left: auto
}

html[dir=rtl] .stat_header_widget .top_links.aside {
    margin-right: auto
}

.stat_header_widget .top_links a {
    color: var(--itchio_body_color_light);
    text-decoration: none
}

.stat_header_widget .top_links a:hover {
    text-decoration: underline
}

.stat_header_widget .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med)
}

.stat_header_widget .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.stat_header_widget .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.stat_header_widget .stats_container {
    display: flex;
    gap: 30px
}

@media (min-width: 650px) {
    html:not([dir=rtl]) .stat_header_widget .stats_container {
        margin-left: auto
    }

    html[dir=rtl] .stat_header_widget .stats_container {
        margin-right: auto
    }
}

.stat_header_widget .stats_container a {
    text-decoration: none
}

.stat_header_widget .text_container {
    min-width: 0
}

.stat_header_widget a .stat_box .stat_value, .stat_header_widget a .stat_box .stat_label {
    transition: color 0.2s ease
}

.stat_header_widget a .stat_box:hover .stat_value, .stat_header_widget a .stat_box:hover .stat_label {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.stat_header_widget .stat_box {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
    text-align: center
}

.stat_header_widget .stat_box .stat_value {
    font-weight: bold;
    font-size: 22px;
    color: var(--itchio_body_color_med)
}

.stat_header_widget .stat_box .stat_label {
    color: var(--itchio_body_color_light);
    font-size: 12px
}

@media (max-width: 650px) {
    .responsive .stat_header_widget {
        display: grid;
        grid-gap: 10px;
        padding: 10px
    }

    .responsive .stat_header_widget .stats_container {
        overflow: auto
    }

    .responsive .stat_header_widget .stat_box {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .responsive .stat_header_widget .stat_box .stat_value {
        font-size: 16px
    }
}

.suggest_tag_description_lightbox_widget {
    width: 620px
}

.suggest_tag_description_lightbox_widget h2 .single_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.suggest_tag_description_lightbox_widget.has_submitted .after_submit {
    display: block
}

.suggest_tag_description_lightbox_widget.has_submitted .before_submit {
    display: none
}

.suggest_tag_description_lightbox_widget .after_submit {
    display: none
}

.suggest_tag_description_lightbox_widget .form {
    margin: 20px 40px
}

.suggest_tag_description_lightbox_widget .form.has_errors .form_errors {
    display: block
}

.suggest_tag_description_lightbox_widget .form .form_errors {
    display: none
}

.suggest_tag_description_lightbox_widget .form p {
    margin-left: 0;
    margin-right: 0
}

.tabbed_header_widget.sticky {
    z-index: 99;
    position: sticky;
    top: 0
}

.tabbed_header_widget .header_nav_tabs.subtabs {
    background-color: var(--itchio_white_back);
    padding: 0 var(--itchio_gutter_width, 40px);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.tabbed_header_widget .header_breadcrumbs {
    background-color: var(--itchio_gray_back);
    padding: 10px var(--itchio_gutter_width, 40px);
    font-size: 16px;
    color: #858585;
    color: var(--itchio_body_color_lighter);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px 3px 0 0
}

@media (max-width: 650px) {
    .tabbed_header_widget .header_breadcrumbs {
        font-size: 14px
    }
}

.tabbed_header_widget .header_breadcrumbs a {
    color: var(--itchio_body_color_light)
}

.tabbed_header_widget .header_breadcrumbs .trail {
    color: var(--itchio_body_color_light);
    font-weight: bold;
    text-decoration: none
}

.tabbed_header_widget .header_breadcrumbs .trail:hover {
    text-decoration: underline
}

.tools_organization_header_widget {
    background-color: var(--itchio_white_back);
    padding: 20px 40px 0 40px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px
}

.tools_organization_header_widget h1 {
    font-size: 32px;
    margin: 0
}

.tools_organization_header_widget h1 a {
    color: inherit;
    text-decoration: none
}

.tools_organization_header_widget .cover_column {
    margin-right: 15px
}

.tools_organization_header_widget .cover_column > img {
    display: block
}

.tools_organization_header_widget .header_inner {
    margin: 0 auto;
    max-width: 1200px
}

.tools_organization_header_widget .group_host_header {
    margin-top: 5px;
    padding-bottom: 4px;
    color: var(--itchio_body_color_lighter);
    font-size: 16px
}

.tools_organization_header_widget .group_host_header a {
    color: var(--itchio_body_color)
}

.tools_organization_header_widget .header_columns {
    display: flex;
    align-items: center
}

.tools_organization_header_widget .header_columns .title_colum {
    flex: 1
}

.tools_organization_header_widget .stat_box {
    border-right: 1px solid;
    border-color: var(--itchio_border_color);
    display: inline-block;
    padding: 10px 20px;
    text-align: right
}

.tools_organization_header_widget .stat_box .stat_value {
    font-size: 34px;
    color: var(--itchio_body_color_med)
}

.tools_organization_header_widget .stat_box .stat_label {
    color: var(--itchio_body_color_lighter);
    font-size: 12px
}

.tools_organization_header_widget .stat_box:last-child {
    border-right: 0
}

.tools_organization_header_widget .group_join {
    margin-left: 10px
}

.upload_list_widget .empty_message {
    font-size: 16px;
    font-weight: bold
}

.upload_list_widget .upload {
    margin-bottom: 15px;
    word-wrap: break-word;
    padding: 4px 0;
    display: flex;
    align-items: center
}

.upload_list_widget .upload:last-child {
    margin-bottom: 0
}

@media (max-width: 650px) {
    .responsive .upload_list_widget .upload {
        display: block;
        padding: 0
    }

    .responsive .upload_list_widget .upload > * {
        margin-bottom: 10px
    }

    .responsive .upload_list_widget .upload > *:last-child {
        margin-bottom: 0
    }

    .responsive .upload_list_widget .upload .download_btn {
        display: block;
        width: auto;
        margin-right: 0
    }
}

.upload_list_widget .upload .upload_name {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px
}

.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-size: 12px;
    height: 21px
}

.dark_theme .upload_list_widget .upload .upload_name .external_label {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.upload_list_widget .upload .info_column {
    min-width: 0;
    flex: 1;
    line-height: 20px
}

.upload_list_widget .upload .upload_date {
    color: var(--itchio_body_color_light)
}

.upload_list_widget .upload .build_row {
    color: var(--itchio_body_color_light)
}

.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: var(--itchio_border_color);
    height: 35px;
    line-height: 35px;
    min-width: 100px;
    color: var(--itchio_body_color_light)
}

.upload_list_widget .upload .button, .upload_list_widget .upload .preorder_spacer {
    min-width: 100px
}

html:not([dir=rtl]) .upload_list_widget .upload .button, html:not([dir=rtl]) .upload_list_widget .upload .preorder_spacer {
    margin-right: 15px
}

html[dir=rtl] .upload_list_widget .upload .button, html[dir=rtl] .upload_list_widget .upload .preorder_spacer {
    margin-left: 15px
}

.upload_list_widget .upload .file_size {
    color: var(--itchio_body_color_light)
}

.upload_list_widget .upload .download_platforms {
    font-size: 15px;
    display: inline-flex;
    gap: 3px;
    align-items: center
}

.upload_list_widget .upload .download_platforms:empty {
    display: none
}

.upload_list_widget .upload .download_platforms .icon {
    color: var(--itchio_body_color_light)
}

.upload_list_widget .upload:hover {
    background-color: var(--itchio_gray_back);
    box-shadow: -5px 0 0 0 #F4F4F4;
    border-radius: 0 4px 4px 0
}

.dark_theme .upload_list_widget .upload:hover {
    box-shadow: -5px 0 0 0 #1b1b1b
}

.user_links_widget {
    display: flex;
    gap: 2px 12px;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.5
}

.user_links_widget:empty {
    display: none
}

.user_links_widget > .link_group {
    display: flex;
    align-items: center;
    gap: 5px
}

.user_links_widget .icon, .user_links_widget .svgicon {
    opacity: 0.7
}

.user_links_widget .icon_itchio_new {
    width: 1.3125em;
    height: 1.125em
}

.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
    }
}

.user_settings_credit_card_lightbox_widget {
    width: 600px
}

.user_settings_credit_card_lightbox_widget .form {
    margin: 20px 40px
}

.user_settings_credit_card_lightbox_widget .form input[type=text] {
    width: 100%;
    box-sizing: border-box
}

.user_settings_credit_card_lightbox_widget .form p {
    margin-left: 0;
    margin-right: 0
}

.user_settings_credit_card_lightbox_widget .form .has_error {
    border-color: #D14343;
    box-shadow: 0 0 0 1px #D14343
}

.user_settings_credit_card_lightbox_widget .stripe_elements_card {
    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;
    margin-top: 10px
}

.user_settings_credit_card_lightbox_widget .stripe_elements_card:focus {
    border-color: #aaa
}

.dark_theme .user_settings_credit_card_lightbox_widget .stripe_elements_card:focus {
    border-color: rgba(255, 255, 255, 0.2)
}

.user_settings_credit_card_lightbox_widget .stripe_elements_card:disabled {
    background-color: var(--itchio_gray_back);
    opacity: 0.5
}

.user_settings_credit_card_lightbox_widget .stripe_elements_card.has_error {
    border-color: #D14343
}

.user_settings_credit_card_lightbox_widget .stripe_elements_card.StripeElement--focus {
    border-color: #A287C0;
    box-shadow: 0 0 1px #A287C0
}

.user_settings_credit_card_lightbox_widget .secure_footer {
    background-color: var(--itchio_gray_back);
    padding: 20px 40px;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    display: flex;
    align-items: center
}

.user_settings_credit_card_lightbox_widget .secure_footer .lock_icon {
    margin-right: 10px;
    opacity: 0.6
}

.dark_theme .user_settings_credit_card_lightbox_widget .secure_footer .lock_icon {
    filter: invert(100%)
}

.user_settings_credit_card_lightbox_widget .secure_footer .stripe_button {
    height: 26px;
    margin-right: 20px
}

.dark_theme .user_settings_credit_card_lightbox_widget .secure_footer .stripe_button {
    filter: invert(100%)
}

.user_settings_credit_card_lightbox_widget .secure_footer img {
    display: block
}

.user_settings_credit_card_lightbox_widget .secure_footer .sub {
    color: #606060;
    font-size: 14px;
    line-height: 1.4
}

.youtube_game_promo_banner_widget {
    background: rgba(255, 255, 255, 0.3);
    background-size: cover;
    position: relative;
    color: white;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.youtube_game_promo_banner_widget .banner_columns {
    display: flex;
    align-items: flex-start;
    padding: var(--itchio_gutter_width, 40px);
    gap: var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .banner_columns {
        padding-left: 10px;
        padding-right: 10px
    }
}

.youtube_game_promo_banner_widget .banner_columns > .video_container {
    flex: 1.25
}

.youtube_game_promo_banner_widget .banner_columns > .game_information {
    flex: 2;
    min-width: 0
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .banner_columns {
        display: block
    }

    .youtube_game_promo_banner_widget .banner_columns > .video_container {
        margin-bottom: 10px
    }
}

.youtube_game_promo_banner_widget .video_container {
    max-width: 500px
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .video_container {
        max-width: none
    }
}

.youtube_game_promo_banner_widget .video_container .video_aspect {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15)
}

.youtube_game_promo_banner_widget .video_container .video_aspect iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.youtube_game_promo_banner_widget .video_container .video_aspect video {
    width: 100%
}

.youtube_game_promo_banner_widget .video_container .youtube_link {
    text-align: center;
    margin-top: 8px;
    font-size: 15px
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .video_container .youtube_link {
        display: none
    }
}

.youtube_game_promo_banner_widget .video_container .youtube_link a {
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    opacity: 0.8
}

.youtube_game_promo_banner_widget .video_container .youtube_link a:hover {
    opacity: 1
}

.youtube_game_promo_banner_widget .video_container .youtube_link a .svgicon {
    vertical-align: -1px
}

.youtube_game_promo_banner_widget .game_information {
    position: relative;
    max-width: 680px
}

.youtube_game_promo_banner_widget .game_information .game_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.youtube_game_promo_banner_widget .game_information:hover .cta .cta_button {
    background: white;
    color: black
}

.youtube_game_promo_banner_widget .game_information h2 {
    color: inherit;
    font-size: 28px;
    margin: 0
}

@media (max-width: 1100px) {
    .youtube_game_promo_banner_widget .game_information h2 {
        font-size: 24px
    }
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .game_information h2 {
        font-size: 20px
    }
}

.youtube_game_promo_banner_widget .game_information .short_text {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    max-width: 500px
}

@media (max-width: 1100px) {
    .youtube_game_promo_banner_widget .game_information .short_text {
        font-size: 14px
    }
}

.youtube_game_promo_banner_widget .game_information .cta {
    margin-top: 15px
}

.youtube_game_promo_banner_widget .game_information .cta_button {
    border: 2px solid white;
    border-radius: 3px;
    font-size: 18px;
    padding: 5px 12px;
    display: inline-block;
    font-weight: 900;
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease
}

.youtube_game_promo_banner_widget .game_information .cta_button:hover {
    background: white;
    color: black
}

.youtube_game_promo_banner_widget .close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border: 0;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1)
}

html[dir=rtl] .youtube_game_promo_banner_widget .close_button {
    right: auto;
    left: 10px
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .close_button {
        top: 0;
        right: 0
    }

    html[dir=rtl] .youtube_game_promo_banner_widget .close_button {
        right: auto;
        left: 0px
    }
}

.youtube_game_promo_banner_widget .embed_preload {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    max-width: 100%
}

.youtube_game_promo_banner_widget .embed_preload:before {
    content: "Click to activate video";
    text-shadow: 0 0 4px black;
    color: white;
    padding-top: 10px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2) none 50% 50% no-repeat;
    transition: background-size 0.2s ease
}

.youtube_game_promo_banner_widget .embed_preload.youtube_preload:before {
    background-image: url(images/youtube_icon.svg);
    background-size: 60px
}

.youtube_game_promo_banner_widget .embed_preload.youtube_preload:hover:before {
    background-size: 70px
}

.youtube_game_promo_banner_widget .game_screenshots {
    display: flex;
    margin: 15px 0;
    gap: 10px
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .game_screenshots {
        gap: 5px
    }
}

.youtube_game_promo_banner_widget .game_screenshots > * {
    flex: 1;
    min-width: 0;
    max-width: 220px
}

@media (max-width: 500px) {
    .youtube_game_promo_banner_widget .game_screenshots > *:nth-child(3) {
        display: none
    }
}

.youtube_game_promo_banner_widget .game_screenshots > * > img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15)
}

.youtube_game_promo_banner_widget .game_metadata {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px
}

.youtube_game_promo_banner_widget .game_metadata > * {
    white-space: nowrap
}

.youtube_game_promo_banner_widget .game_metadata .game_tags {
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    min-width: 0
}

@media (max-width: 650px) {
    .youtube_game_promo_banner_widget .game_metadata .game_tags {
        font-size: 12px
    }
}

.youtube_game_promo_banner_widget .game_metadata .game_platforms {
    display: flex;
    gap: 5px
}

.youtube_game_promo_banner_widget .game_metadata .game_platforms:empty {
    display: none
}

.youtube_game_promo_banner_widget .game_metadata .free_label, .youtube_game_promo_banner_widget .game_metadata .price_label {
    background: white;
    color: black;
    text-shadow: none;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: bold
}

.youtube_game_promo_banner_widget .game_metadata .free_label.savings, .youtube_game_promo_banner_widget .game_metadata .price_label.savings {
    background: #34f292
}

.youtube_mobile_banner_widget {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--itchio_gray_back);
    font-weight: bold;
    padding: 8px 10px 6px 10px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 0 #FF2449;
    z-index: 10;
    height: 40px;
    text-decoration: none;
    background: linear-gradient(to right, #8866ae, rgba(0, 0, 0, 0.6)), url(images/youtube-bg.jpg) 50% 50% no-repeat;
    background-color: black;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center
}

@media (min-width: 650px) {
    .youtube_mobile_banner_widget {
        display: none
    }
}

.youtube_mobile_banner_widget .youtube_icon {
    width: 23px;
    margin-right: 5px
}

.youtube_mobile_banner_widget > span {
    font-size: 15px;
    margin-right: 5px
}

.youtube_mobile_banner_widget > span strong {
    font-weight: 900
}

.youtube_mobile_banner_widget .subscribe_button {
    margin-left: auto;
    font-weight: 900;
    font-size: 16px;
    border: 2px solid white;
    background: rgba(255, 255, 255, 0.2);
    padding: 5px 12px;
    border-radius: 4px
}

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

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

.admin_tools_edit_tags_page .tag_groups {
    margin-bottom: 20px
}

.admin_tools_edit_tags_page .tag_group {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px;
    position: relative
}

.admin_tools_edit_tags_page .tag_group .tag_group_header {
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.admin_tools_edit_tags_page .tag_group .tag_group_header > * {
    margin-right: 10px
}

.admin_tools_edit_tags_page .tag_group .tag_group_header > *:last-child {
    margin-right: 0
}

.admin_tools_edit_tags_page .tag_group .tag_group_header .input_row {
    margin-bottom: 0
}

.admin_tools_edit_tags_page .tag_group .tag_group_header .remove_link {
    text-align: right;
    flex: 1
}

.admin_tools_edit_tags_page .tag_group:last-child {
    margin-bottom: 0
}

.admin_tools_edit_tags_page .tag_group > .input_row:last-child {
    margin-bottom: 0
}

.admin_tools_edit_tags_page .tag_group .tag_controls {
    padding: 10px 20px
}

.admin_tools_edit_tags_page .tag_group_tag_row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 20px
}

.admin_tools_edit_tags_page .tag_group_tag_row > * {
    margin-right: 10px
}

.admin_tools_edit_tags_page .tag_group_tag_row > *:last-child {
    margin-right: 0
}

.admin_tools_edit_tags_page .tag_group_tag_row .type_picker {
    width: 130px
}

.admin_tools_edit_tags_page .tag_group_tag_row .input_row {
    margin-bottom: 0
}

.admin_tools_edit_tags_page .tag_group_tag_row .name_picker {
    display: flex;
    align-items: center
}

.admin_tools_edit_tags_page .tag_group_tag_row .name_picker > * {
    margin-right: 10px
}

.admin_tools_edit_tags_page .tag_group_tag_row .name_picker input {
    box-sizing: border-box;
    width: 200px
}

.admin_tools_edit_tags_page .tag_group_tag_row .remove_link, .admin_tools_edit_tags_page .tag_group_tag_row .tag_slug {
    margin-left: 10px
}

.admin_tools_edit_tags_page .tag_group_tag_row .remove_link {
    flex: 1;
    text-align: right
}

.admin_tools_edit_tags_page .tag_group_tag_row .tag_slug {
    color: var(--itchio_body_color_light)
}

.admin_tools_edit_tags_page .bottom_buttons {
    display: flex
}

.admin_tools_edit_tags_page .bottom_buttons .spacer {
    flex: 1
}

.app_page .header_content {
    background: #3d4048;
    color: white;
    padding: 40px 0 120px 0;
    position: relative
}

.app_page .header_content .social_buttons_floater {
    position: absolute;
    top: 10px;
    left: 20px
}

@media (max-width: 750px) {
    .app_page .header_content .social_buttons_floater {
        display: none
    }
}

.app_page .header_content .social_buttons_floater a {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    padding: 5px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.2s ease all;
    position: relative
}

.app_page .header_content .social_buttons_floater a:hover {
    color: rgba(255, 255, 255, 0.9)
}

.app_page .header_content .social_buttons_floater a:hover:before {
    content: attr(title);
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 100%;
    white-space: nowrap;
    transform: translate(0, -50%);
    margin-left: 5px;
    opacity: 0.5
}

.app_page .header_content .image_row {
    text-align: center
}

.app_page .header_content .image_row img {
    width: 200px
}

.app_page .header_content h2 {
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 500px) {
    .app_page .header_content h2 {
        font-size: 17px;
        font-weight: normal
    }
}

.app_page .header_content h1, .app_page .header_content h2 {
    text-align: center
}

.app_page .header_content p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px
}

.app_page .header_content p a {
    color: rgba(255, 255, 255, 0.9)
}

.app_page .header_content .downloader {
    margin-top: 40px;
    text-align: center
}

.app_page .header_content .downloader .platforms {
    font-size: 14px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.5)
}

.app_page .header_content .downloader .platforms a {
    color: rgba(255, 255, 255, 0.8)
}

.app_page .header_content .downloader .download_btn {
    transition: all 0.1s ease;
    display: inline-block;
    border-radius: 4px;
    border: 2px solid white;
    color: white;
    background: rgba(255, 255, 255, 0.05);
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    text-decoration: none
}

.app_page .header_content .downloader .download_btn .version_split {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    margin-left: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7)
}

.app_page .header_content .downloader .download_btn:hover {
    background: rgba(255, 255, 255, 0.1)
}

.app_page .header_content .downloader .download_btn:active {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.7)
}

.app_page .opensource_floater {
    position: absolute;
    top: 20px;
    right: 32px;
    font-size: 16px
}

@media (max-width: 750px) {
    .app_page .opensource_floater {
        display: none
    }
}

.app_page .opensource_floater .github_button {
    transition: all 0.2s ease;
    color: white;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
    padding: 8px 10px
}

.app_page .opensource_floater .github_button:hover {
    opacity: 1;
    color: #40434E;
    background: white;
    border-radius: 4px
}

.app_page .opensource_floater .github_button:hover .icon_github {
    fill: #40434E
}

.app_page .opensource_floater .github_button:active {
    background: rgba(255, 255, 255, 0.8)
}

.app_page .opensource_floater .icon_github {
    transition: fill 0.2s ease;
    fill: white;
    margin-right: 8px;
    vertical-align: -3px
}

.app_page .download_row {
    color: var(--itchio_body_color_lighter);
    text-align: center;
    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: 40px;
    max-width: 600px;
    margin: 80px auto 40px auto
}

@media print {
    .app_page .download_row {
        box-shadow: none;
        border: none
    }
}

.dark_theme .app_page .download_row {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

@media (max-width: 600px) {
    .app_page .download_row {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.app_page .download_row .direct_links {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 15px
}

.app_page .download_row .direct_links a {
    color: var(--itchio_body_color_light)
}

.app_page .download_row .download_btn .icon {
    margin-right: 8px
}

.app_page .text_container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1000px;
    padding: 40px 45px;
    position: relative
}

.app_page .text_container.top_container {
    padding-bottom: 0
}

.app_page .text_container h2 {
    font-size: 28px;
    line-height: 1.4
}

@media (max-width: 500px) {
    .app_page .text_container h2 {
        font-size: 20px
    }
}

.app_page .text_container p {
    margin: 15px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    font-size: 18px;
    line-height: 1.7
}

@media (max-width: 500px) {
    .app_page .text_container p {
        font-size: 16px
    }
}

.app_page .text_container .question_group {
    margin-bottom: 40px
}

.app_page .text_container .question_group.columns {
    display: flex
}

.app_page .text_container .question_group.columns .left_split {
    flex: 1
}

.app_page .text_container .question_group:last-child {
    margin-bottom: 0
}

@media (max-width: 500px) {
    .app_page .text_container {
        padding: 20px 0
    }

    .app_page .text_container .question_group {
        padding: 0 20px
    }
}

.app_page .image_container {
    position: relative;
    max-width: 960px;
    margin: -80px auto 0 auto;
    padding: 0 20px
}

.app_page .image_container > img {
    display: block;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5)
}

.app_page .image_interstitial {
    overflow: hidden;
    height: 630px;
    background: white;
    background-color: var(--itchio_white_back);
    margin: 40px 0
}

.app_page .image_interstitial.odd {
    background: transparent
}

.app_page .image_interstitial.left .app_image {
    left: -570px
}

.app_page .image_interstitial.left .question_group {
    margin-left: 400px
}

.app_page .image_interstitial.right .app_image {
    right: -570px
}

.app_page .image_interstitial.right .question_group {
    margin-right: 400px
}

.app_page .image_interstitial .question_group {
    margin: 0
}

.app_page .image_interstitial .text_container {
    height: 100%;
    display: flex;
    align-items: center
}

.app_page .image_interstitial .app_image {
    display: block;
    width: 960px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5)
}

@media (min-width: 1500px) {
    .app_page .image_interstitial .text_container {
        max-width: none
    }

    .app_page .image_interstitial .app_image {
        position: static
    }

    .app_page .image_interstitial .text_container {
        width: auto;
        justify-content: center
    }

    .app_page .image_interstitial.left .question_group, .app_page .image_interstitial.right .question_group {
        margin-right: 40px;
        max-width: 500px
    }

    .app_page .image_interstitial.left .question_group {
        margin-right: 0;
        margin-left: 40px
    }
}

@media (max-width: 1200px) {
    .app_page .image_interstitial.right .app_image {
        right: -500px
    }

    .app_page .image_interstitial.right .question_group {
        margin-right: 450px
    }

    .app_page .image_interstitial.left .app_image {
        left: -500px
    }

    .app_page .image_interstitial.left .question_group {
        margin-left: 480px
    }
}

@media (max-width: 900px) {
    .app_page .image_interstitial {
        height: auto
    }

    .app_page .image_interstitial.left .question_group, .app_page .image_interstitial.right .question_group {
        width: auto;
        margin: 0
    }

    .app_page .image_interstitial.left .text_container, .app_page .image_interstitial.right .text_container {
        flex-direction: column
    }

    .app_page .image_interstitial.left .app_image {
        order: 2
    }

    .app_page .image_interstitial .app_image {
        margin: 20px auto;
        position: static;
        width: 100%;
        height: auto
    }
}

.app_page .changelog {
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--itchio_white_back);
    padding: 20px 30px;
    margin-top: 40px
}

.app_page .changelog .changelog_header {
    display: flex;
    align-items: center
}

.app_page .changelog .changelog_header h3 {
    flex: 1
}

.app_page .changelog p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_lighter);
    margin: 20px 0 0 0
}

.app_page .changelog p a {
    color: var(--itchio_body_color_light)
}

.app_page .changelog .version_row {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.app_page .changelog .version_row:last-child {
    margin-bottom: 0
}

.app_page .changelog .version_row .flexible {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--itchio_body_color_light)
}

@media (max-width: 400px) {
    .app_page .changelog .version_row .flexible {
        display: none
    }
}

.app_page .changelog .version_row .date {
    color: var(--itchio_body_color_lighter);
    margin: 0 10px;
    min-width: 100px;
    text-align: right
}

@media (max-width: 400px) {
    .app_page .changelog .version_row .date {
        flex: 1
    }
}

.app_page .changelog .version_row .version {
    background: rgba(128, 128, 128, 0.6);
    color: white;
    padding: 2px 6px;
    font-family: monospace;
    border-radius: 2px;
    font-size: 14px;
    margin-right: 10px
}

.app_page .scroll_more {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin-top: 40px;
    color: var(--itchio_body_color_light);
    font-weight: bold
}

.app_page .scroll_more .svgicon {
    margin-left: 10px;
    fill: var(--itchio_body_color_light)
}

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

.blog_page .padded > p code {
    background-color: var(--itchio_gray_back);
    padding: 2px
}

.blog_page section {
    margin-bottom: 40px
}

.blog_post_page {
    background-color: var(--itchio_white_back);
    overflow: hidden
}

.blog_post_page.has_header_image .header_column {
    color: white;
    margin-bottom: 24px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%
}

@media (max-width: 650px) {
    .blog_post_page.has_header_image .header_column {
        margin-bottom: 0
    }
}

.blog_post_page.has_header_image .header_column h1, .blog_post_page.has_header_image .header_column .post_meta {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    color: white
}

.blog_post_page.has_header_image .header_column h1 a, .blog_post_page.has_header_image .header_column .post_meta a {
    color: white
}

.blog_post_page.has_header_image .header_column h1 {
    margin-top: 80px
}

.blog_post_page.has_header_image .header_column:before {
    content: " ";
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%)
}

.blog_post_page .post_sticky_bar {
    position: fixed;
    top: -60px;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 10;
    background-color: var(--itchio_white_back);
    border-bottom: 1px solid #aaa;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    transition: top 0.2s ease
}

.dark_theme .blog_post_page .post_sticky_bar {
    border: 0
}

@media (max-width: 800px) {
    .blog_post_page .post_sticky_bar {
        display: none
    }
}

.blog_post_page .post_sticky_bar .post_like_button {
    margin: 0 0 0 10px
}

.blog_post_page .post_sticky_bar .sticky_bar_inner {
    display: flex;
    align-items: center
}

.blog_post_page .post_sticky_bar .sticky_bar_inner .spacer {
    flex: 1
}

.blog_post_page .post_sticky_bar .sticky_bar_inner .follow_user_btn {
    margin-left: 20px
}

.blog_post_page .post_sticky_bar .simple_social_buttons_widget {
    white-space: nowrap;
    margin-left: 10px
}

.show_sticky_bar .blog_post_page .post_sticky_bar {
    top: 0
}

.blog_post_page .post_sticky_bar .page_title {
    font-weight: bold;
    font-size: 18px
}

.blog_post_page .post_body a[name]:empty {
    scroll-margin-top: 100px
}

.blog_post_page .post_inner_column {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px
}

.blog_post_page .header_column_inner, .blog_post_page .post_inner_column, .blog_post_page .sticky_bar_inner {
    max-width: 1060px;
    padding-left: var(--itchio_gutter_width, 40px);
    padding-right: var(--itchio_gutter_width, 40px);
    margin-left: auto;
    margin-right: auto
}

.blog_post_page .post_comments {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.blog_post_page .post_comments .new_comment_form {
    max-width: 1000px
}

.blog_post_page .header_column {
    overflow: hidden
}

.blog_post_page .header_column .header_column_inner {
    position: relative;
    z-index: 10
}

.blog_post_page .header_column h1 {
    margin-top: 60px;
    margin-bottom: 10px;
    font-size: 38px
}

@media (max-width: 650px) {
    .blog_post_page .header_column h1 {
        margin-top: 40px;
        font-size: 24px
    }
}

.blog_post_page .header_column .post_meta {
    margin-bottom: 33px;
    font-size: 16px;
    color: var(--itchio_body_color_lighter)
}

@media (max-width: 650px) {
    .blog_post_page .header_column .post_meta {
        font-size: 14px
    }
}

.blog_post_page .header_column .post_meta a {
    color: var(--itchio_body_color_light)
}

.blog_post_page .header_column .post_meta .author_twitter {
    opacity: 0.8
}

.blog_post_page .header_column .post_meta .post_tags {
    margin-left: 10px
}

.blog_post_page .header_column .post_meta .post_tags .post_tag {
    margin-right: 10px;
    opacity: 0.8
}

.blog_post_page .header_column .post_meta .post_tags .post_tag:last-child {
    margin-right: 0
}

.blog_post_page .post_columns {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px
}

@media (max-width: 1000px) {
    .blog_post_page .post_columns {
        flex-direction: column
    }
}

.blog_post_page .post_column {
    position: relative;
    flex: 1;
    min-width: 0
}

.blog_post_page .post_bundle {
    margin-top: 40px
}

.blog_post_page .post_bundle .sale_row {
    display: block;
    margin: 0 0 20px 0
}

.blog_post_page .support_post {
    background-color: var(--itchio_gray_back);
    padding: 15px 20px;
    margin-top: 40px
}

@media (max-width: 650px) {
    .blog_post_page .support_post {
        margin-left: -10px;
        margin-right: -10px
    }
}

.blog_post_page .support_post .support_header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.blog_post_page .support_post .support_header h3 {
    font-size: 16px
}

.blog_post_page .support_post .support_header p {
    font-size: 14px;
    color: var(--itchio_body_color_med)
}

.blog_post_page .support_post .support_header > * {
    margin: 0
}

.blog_post_page .support_post .support_buttons {
    display: flex;
    gap: 10px
}

@media (max-width: 650px) {
    .blog_post_page .support_post .support_buttons {
        flex-wrap: wrap
    }
}

.blog_post_page .support_post .support_buttons .post_tag {
    display: flex;
    align-items: center;
    height: 35px;
    color: var(--itchio_body_color_med);
    background: #e7e7e7;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    padding: 0 20px
}

@media (min-width: 650px) {
    .blog_post_page .support_post .support_buttons .post_tag:first-of-type {
        margin-left: auto
    }
}

.dark_theme .blog_post_page .support_post .support_buttons .post_tag {
    background: #282828
}

.blog_post_page .support_post .support_buttons .post_tag:hover {
    background: #e0e0e0
}

.dark_theme .blog_post_page .support_post .support_buttons .post_tag:hover {
    background: #2f2f2f
}

@media (max-width: 650px) {
    .blog_post_page .post_column .post_body {
        padding: 0 10px
    }
}

.blog_post_page .post_column .post_body > :last-child {
    margin-bottom: 0
}

.blog_post_page .post_column .post_body h1, .blog_post_page .post_column .post_body h2, .blog_post_page .post_column .post_body h3, .blog_post_page .post_column .post_body h4 {
    margin-bottom: 15px
}

.blog_post_page .post_column .post_body h1:before, .blog_post_page .post_column .post_body h2:before, .blog_post_page .post_column .post_body h3:before, .blog_post_page .post_column .post_body h4:before {
    display: block;
    height: 60px;
    margin-top: -60px;
    content: ""
}

.blog_post_page .post_column .post_body h1:target, .blog_post_page .post_column .post_body h2:target, .blog_post_page .post_column .post_body h3:target, .blog_post_page .post_column .post_body h4:target {
    background: transparent;
    box-shadow: none
}

.blog_post_page .post_column .post_body h1 {
    font-size: 28px;
    line-height: 1.5;
    margin-top: 66px;
    position: relative
}

.blog_post_page .post_column .post_body h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 49px
}

.blog_post_page .post_column .post_body h3 {
    font-size: 20px
}

@media (max-width: 650px) {
    .blog_post_page .post_column .post_body h3 {
        font-size: 18px;
        line-height: 1.5
    }
}

.blog_post_page .post_column .post_body h4 {
    font-size: 18px
}

@media (max-width: 650px) {
    .blog_post_page .post_column .post_body h4 {
        font-size: 16px;
        line-height: 1.5
    }
}

.blog_post_page .post_column .post_body p, .blog_post_page .post_column .post_body ul, .blog_post_page .post_column .post_body ol {
    font-size: 20px;
    margin: 0 0 33px 0;
    line-height: 33px
}

@media (max-width: 650px) {
    .blog_post_page .post_column .post_body p, .blog_post_page .post_column .post_body ul, .blog_post_page .post_column .post_body ol {
        font-size: 16px;
        line-height: 1.5
    }
}

.blog_post_page .post_column .post_body blockquote {
    margin: 0 0 33px 0;
    padding: 20px 40px;
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    font-size: 16px;
    line-height: 1.5
}

.blog_post_page .post_column .post_body blockquote p:last-child {
    margin-bottom: 0
}

.blog_post_page .post_column .post_body li {
    margin-bottom: 10px
}

.blog_post_page .post_column .post_body li > ul {
    margin-bottom: 0
}

.blog_post_page .post_column .post_body p > img, .blog_post_page .post_column .post_body p > a img {
    margin: 0
}

.blog_post_page .post_column .post_body video {
    display: block;
    margin: 66px 0;
    max-width: 100%
}

.blog_post_page .post_column .post_body iframe {
    margin-bottom: 20px
}

.blog_post_page .post_column .post_body img {
    display: block;
    margin: 66px 0;
    max-width: 100%
}

.blog_post_page .post_column .post_body img.default_width {
    width: auto;
    max-width: 100%
}

.blog_post_page .post_column .post_body img.aside_right {
    float: right;
    margin: 0 0 0 20px
}

.blog_post_page .post_column .post_body figure {
    margin: 0;
    margin-bottom: 20px;
    text-align: center
}

.blog_post_page .post_column .post_body figure img, .blog_post_page .post_column .post_body figure video {
    display: inline-block;
    margin: 0;
    box-shadow: 0 0 0 4px #F4F4F4
}

.dark_theme .blog_post_page .post_column .post_body figure img, .dark_theme .blog_post_page .post_column .post_body figure video {
    box-shadow: none
}

.blog_post_page .post_column .post_body .image_wrapper {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px;
    margin: 66px 0
}

.blog_post_page .post_column .post_body .image_wrapper img {
    margin: 0
}

.blog_post_page .post_column .post_body .image_wrapper .image_text {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: var(--itchio_body_color_lighter)
}

.blog_post_page .post_column .post_body .navigation {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 0
}

.blog_post_page .post_column .post_body .navigation h3 {
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 5px 20px;
    color: var(--itchio_body_color_light);
    background-color: var(--itchio_gray_back);
    margin: 0
}

.blog_post_page .post_column .post_body .navigation > ul {
    padding: 10px 40px
}

.blog_post_page .post_column .post_body .navigation li, .blog_post_page .post_column .post_body .navigation ul {
    line-height: normal;
    margin: 0
}

.blog_post_page .post_column .post_body .navigation a {
    display: block;
    text-decoration: none;
    line-height: 1.8;
    font-size: 14px
}

.blog_post_page .post_column .post_body .navigation a:hover {
    text-decoration: underline
}

.blog_post_page .aside_column {
    width: 230px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 1000px) {
    .blog_post_page .aside_column {
        width: auto;
        margin: 0
    }

    .blog_post_page .aside_column .in_this_post {
        display: none
    }
}

.blog_post_page .aside_column .sale_list_widget {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.blog_post_page .aside_column .sale_list_widget > .sale_row {
    margin: 0;
    width: auto
}

.blog_post_page .aside_column .sale_list_widget > .sale_row .sale_columns {
    height: auto
}

.blog_post_page .aside_column .sale_list_widget > .sale_row .sale_title {
    font-size: 18px
}

.blog_post_page .aside_column .sale_list_widget > .sale_row .sale_data {
    padding: 10px
}

.blog_post_page .aside_column .sale_list_widget > .sale_row .sale_author {
    font-size: 14px
}

.blog_post_page .aside_column .sale_list_widget > .sale_row .game_count {
    white-space: normal;
    font-size: 14px
}

.blog_post_page .aside_column .jam_grid_widget > .jam {
    padding: 10px
}

.blog_post_page .aside_column .game_grid_widget {
    display: block
}

.blog_post_page .aside_column .game_grid_widget .game_platform, .blog_post_page .aside_column .game_grid_widget .game_genre, .blog_post_page .aside_column .game_grid_widget .game_author {
    display: none
}

.blog_post_page .aside_column .game_grid_widget .game_text {
    white-space: normal;
    margin-bottom: 0
}

.blog_post_page .aside_box {
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light)
}

.blog_post_page .aside_box a {
    color: var(--itchio_body_color)
}

.blog_post_page .aside_box h3 {
    font-size: 14px;
    margin: 0;
    padding: 10px 15px
}

.blog_post_page .aside_box h3:first-child {
    background-color: var(--itchio_gray_back)
}

.blog_post_page .aside_box p {
    font-size: 14px;
    margin: 6px 15px 10px 15px;
    line-height: 1.6
}

.blog_post_page .open_box {
    color: var(--itchio_body_color_light)
}

.blog_post_page .open_box .post_details {
    margin-top: 5px
}

.blog_post_page .open_box .post_details .likes {
    margin-left: 10px;
    display: inline-flex;
    align-items: center
}

.blog_post_page .open_box .post_details .likes .icon {
    margin-right: 5px;
    opacity: 0.8
}

.blog_post_page .open_box a {
    color: var(--itchio_body_color)
}

.blog_post_page .open_box ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.blog_post_page .open_box ul li {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.4
}

.blog_post_page .open_box ul li:last-child {
    margin-bottom: 0
}

.blog_post_page .simple_social_buttons_widget {
    display: inline-flex;
    gap: 10px
}

.blog_post_page .simple_social_buttons_widget a {
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    color: var(--itchio_body_color_light);
    transition: all 0.2s ease
}

.blog_post_page .simple_social_buttons_widget a:hover {
    color: #FF2449
}

.blog_post_page .post_tools {
    margin-bottom: 20px;
    padding: 10px 15px;
    gap: 15px;
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

@media (max-width: 650px) {
    .blog_post_page .post_tools {
        margin-left: -10px;
        margin-right: -10px;
        display: grid;
        gap: 10px;
        grid-template-columns:0.5fr 1fr;
        grid-template-rows:1fr 1fr
    }

    .blog_post_page .post_tools > .like_button_drop {
        grid-row: 1/2;
        grid-column: 1/2
    }

    .blog_post_page .post_tools > .like_button_drop .post_like_button {
        display: flex
    }

    .blog_post_page .post_tools > .follow_user_btn {
        grid-row: 1/2;
        grid-column: 2/3
    }

    .blog_post_page .post_tools > .share_post {
        grid-row: 2/3;
        grid-column: 1/3
    }
}

.blog_post_page .post_tools .share_post {
    display: flex;
    gap: 10px
}

@media (min-width: 650px) {
    html:not([dir=rtl]) .blog_post_page .post_tools > .follow_user_btn {
        margin-left: auto
    }

    html[dir=rtl] .blog_post_page .post_tools > .follow_user_btn {
        margin-right: auto
    }
}

.blog_post_page .owner_panel {
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 40px;
    background: #A287C0;
    color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 650px) {
    .blog_post_page .owner_panel {
        padding-left: 20px;
        padding-right: 20px
    }
}

.blog_post_page .owner_panel .publish_status {
    color: #A287C0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding: 0 6px;
    line-height: 20px;
    border-radius: 2px;
    text-transform: uppercase;
    background: white
}

.blog_post_page .owner_panel .publish_status.published {
    background: #aada80;
    color: #446e20
}

html:not([dir=rtl]) .blog_post_page .owner_panel .post_stats {
    margin-left: auto
}

html[dir=rtl] .blog_post_page .owner_panel .post_stats {
    margin-right: auto
}

.blog_post_page .owner_panel a {
    color: white
}

.blog_post_page .owner_panel .panel_inside {
    max-width: 1060px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px
}

.blog_post_page .post_like_button {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    background-color: var(--itchio_white_back);
    box-shadow: inset 0 0 0 2px #FF2449;
    color: #FF2449
}

.blog_post_page .post_like_button .likes_count {
    padding: 0 8px;
    font-weight: bold;
    font-size: 14px
}

.blog_post_page .post_like_button form {
    display: block;
    flex: 1
}

.blog_post_page .post_like_button form > .button {
    width: 100%
}

.blog_post_page .post_like_button .button {
    font-weight: bold;
    display: block;
    flex: 1
}

.blog_post_page .post_like_button .button .icon {
    vertical-align: -1px;
    margin-right: 4px
}

.blog_post_page .post_like_button .button:hover .default {
    display: none
}

.blog_post_page .post_like_button .button:hover .hover {
    display: initial
}

.blog_post_page .post_like_button .hover {
    display: none
}

.book_page .book_page_header {
    height: 50px;
    background: #BB4F4F;
    color: white;
    padding: 0 32px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5
}

.book_page .book_page_header a, .book_page .book_page_header img {
    display: block
}

.book_page .book_page_header .app_link {
    margin-right: 10px;
    margin-left: auto
}

.book_page .book_page_header h1 {
    color: white;
    font-size: 18px;
    font-weight: bold
}

.book_page .book_page_header .return_link {
    color: white;
    transition: all 0.2s ease;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    padding: 2px 10px
}

.book_page .book_page_header .return_link:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #FF2449
}

.book_page .book_page_header .return_link:active {
    background: rgba(255, 255, 255, 0.6)
}

.book_page .book_wrapper {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0
}

.book_page .book.font-family-1, .book_page .book .book-header {
    font-family: Lato, sans-serif;
    font-family: var(--itchio_default_font, Lato), sans-serif
}

.book_page .markdown-section a {
    color: #da2c49;
    text-decoration: underline
}

.book_page .book .book-summary ul.summary li.active > a {
    color: #da2c49
}

.book_page #book-search-results .search-results .has-results .search-results-item a {
    color: #da2c49
}

.browse_base_page .grid_loader {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.browse_base_page .grid_loader .on_loading {
    display: none
}

.browse_base_page .grid_loader .loader_spinner {
    width: 32px;
    height: 32px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 40px
}

.browse_base_page.loading .grid_loader .on_loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.browse_base_page.loading .grid_loader .next_page {
    display: none
}

.browse_base_page.filters_shown .mobile_filter_row .mobile_filter_btn {
    background-color: var(--itchio_white_back)
}

.browse_base_page.filters_shown .grid_column_outer:after {
    content: "";
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--itchio_white_back);
    opacity: 0.8
}

.browse_base_page .grid_loader {
    border-bottom: 0;
    margin-bottom: 0
}

.browse_base_page .grid_columns {
    margin: 0 auto;
    max-width: 1920px;
    *zoom: 1
}

.browse_base_page .grid_columns:before, .browse_base_page .grid_columns:after {
    content: " ";
    display: table
}

.browse_base_page .grid_columns:after {
    clear: both
}

.browse_base_page .grid_columns .filter_column_outer {
    box-sizing: border-box;
    width: 260px;
    float: left
}


.browse_base_page .grid_column {
    margin: 0;
    background-color: var(--itchio_white_back)
}

.browse_base_page .grid_column .grid_outer {
    background: none;
    border: none;
    padding: 20px
}

@media (max-width: 650px) {
    .browse_base_page .grid_column .grid_outer {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0
    }
}

.browse_base_page .grid_column .grid_outer .game_grid_widget .game_cell .game_cell_data {
    margin-top: 0.30em
}

.browse_base_page .filter_column .filters_header {
    padding: 20px 20px 0 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.browse_base_page .filter_column .filters_header > h2 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0
}

.browse_base_page .filter_column .filters_header .clear_filters {
    margin-left: 8px;
    color: var(--itchio_body_color_light)
}

.browse_base_page .filter_column .filters_header a {
    color: inherit
}

.browse_base_page .browse_header {
    position: relative
}

.browse_base_page .browse_header h2 {
    font-size: 24px;
    margin: 0 20px 20px 20px;
    padding-top: 16px;
    line-height: 1.8
}

@media (max-width: 650px) {
    .browse_base_page .browse_header h2 {
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.browse_base_page .browse_header h2 .game_count {
    font-weight: normal;
    color: var(--itchio_body_color_lighter)
}

@media (max-width: 650px) {
    .browse_base_page .browse_header h2 .game_count {
        display: none
    }
}

.browse_base_page .browse_header .classification_picker {
    line-height: 1.2;
    border: 2px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    padding: 3px 5px 4px 8px;
    margin: 0 8px;
    display: inline-block
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .classification_picker {
        padding: 2px 2px 2px 3px
    }
}

.browse_base_page .browse_header .classification_picker:first-child {
    margin-left: 0
}

.browse_base_page .browse_header .sort_options_mobile {
    display: none;
    padding: 0 10px 0 7px;
    font-size: 14px
}

.browse_base_page .browse_header .sort_options_mobile .game_count {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--itchio_body_color_light)
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .sort_options_mobile {
        display: flex
    }
}

.browse_base_page .browse_header .sort_options_mobile .filter_picker_widget .value_label > strong {
    margin-right: 4px;
    color: var(--itchio_body_color_light)
}

.browse_base_page .browse_header .sort_options_mobile .filter_picker_widget .value_label .icon_sort {
    margin-right: 4px;
    opacity: 0.8;
    fill: var(--itchio_body_color_light)
}

.browse_base_page .browse_header .browse_sort_options_widget {
    margin-bottom: 10px
}

@media (max-width: 650px) {
    .browse_base_page .browse_header .browse_sort_options_widget {
        display: none
    }
}

.browse_base_page .browse_header p {
    margin: 15px 20px 10px 20px;
    color: var(--itchio_body_color_lighter);
    line-height: 1.5;
    font-size: 16px
}

.browse_base_page .browse_header p.page_summary {
    color: var(--itchio_body_color_light);
    margin: 20px
}

@media (max-width: 650px) {
    .browse_base_page .browse_header p {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px
    }
}

.browse_base_page .browse_header p a:not(.button) {
    color: var(--itchio_body_color_light)
}

.browse_base_page .browse_header h2 + .page_summary {
    margin-top: -10px
}

.browse_base_page .filter_pickers > * {
    margin: 10px
}

.browse_base_page .filter_pickers > *.filter_group {
    margin-bottom: 20px
}

.browse_base_page .filter_pickers > *:last-child {
    margin-bottom: 0
}

.browse_base_page .filter_group .filter_label {
    font-size: 14px;
    padding: 0 10px 5px 10px;
    color: var(--itchio_body_color_light)
}

.browse_base_page .filter_tags {
    color: var(--itchio_body_color_med)
}

.browse_base_page .filter_tags .filter_clear {
    color: var(--itchio_body_color_lighter);
    text-decoration: none;
    padding: 0 3px
}

.browse_base_page .filter_tags .filter_clear:hover {
    color: inherit
}

.browse_base_page .filter_tags .filter_clear > .svgicon {
    border-radius: 20px;
    padding: 2px;
    background: #dbdbdb
}

.dark_theme .browse_base_page .filter_tags .filter_clear > .svgicon {
    background: #353535
}

.browse_base_page .filter_tags .filter_tag {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin-bottom: 10px
}

@media print {
    .browse_base_page .filter_tags .filter_tag {
        box-shadow: none;
        border: none
    }
}

.dark_theme .browse_base_page .filter_tags .filter_tag {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.browse_base_page .filter_tags .filter_tag:last-child {
    margin-bottom: 0
}

.browse_base_page .filter_tags h3 {
    display: flex;
    align-items: center;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    margin: 0;
    padding: 10px 5px 10px 10px
}

.browse_base_page .filter_tags h3 > .text {
    font-weight: bold;
    font-size: 14px;
    flex: 1;
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.browse_base_page .filter_tags h3 > .filter_clear {
    margin-left: auto
}

.browse_base_page .filter_tags h3 > .icon, .browse_base_page .filter_tags h3 > .svgicon {
    margin-right: 10px;
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.browse_base_page .filter_tags h3 > .svgicon {
    margin-bottom: -2px
}

.browse_base_page .filter_tags .tag_link {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 10px 10px 10px
}

.browse_base_page .filter_tags .tag_link .svgicon {
    color: var(--itchio_body_color_lighter);
    margin-right: 4px
}

.browse_base_page .filter_tags .tag_link a {
    color: var(--itchio_body_color_light);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.browse_base_page .filter_tags .tag_description {
    padding: 0 10px 10px 10px
}

.browse_base_page .filter_tags .tag_description:empty {
    display: none
}

.browse_base_page .filter_tags .tag_description > *:first-child {
    margin-top: 0
}

.browse_base_page .filter_tags .tag_description > *:last-child {
    margin-bottom: 0
}

.browse_base_page .filter_tags .tag_description p {
    margin-left: 0;
    font-size: 14px;
    word-wrap: break-word
}

.browse_base_page .filter_tags .tag_description ul {
    padding-left: 20px;
    font-size: 14px
}

.browse_base_page .filter_tags .tag_description img {
    max-width: 100%
}

.browse_base_page .filter_tags .suggest_description {
    padding: 0 10px 10px 10px;
    margin: 0
}

.browse_base_page .filter_tags .suggest_description_btn {
    color: var(--itchio_body_color_lighter)
}

.browse_base_page .filter_tags .tag_aliases {
    margin: 0 10px 10px 10px
}

.browse_base_page .filter_tags .tag_aliases summary {
    font-weight: bold;
    cursor: pointer
}

.browse_base_page .mobile_filter_row {
    display: none;
    float: right;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.browse_base_page .mobile_filter_row .mobile_filter_btn {
    margin: 10px 10px 5px 5px;
    transition: background 0.2s;
    display: block;
    text-align: center;
    border: 1px solid;
    background-color: var(--itchio_gray_back);
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    font-weight: bold;
    border-radius: 3px;
    height: 30px;
    padding: 0 6px;
    display: flex;
    align-items: center
}

.browse_base_page .mobile_filter_row .mobile_filter_btn .svgicon {
    margin-right: 5px
}

.browse_base_page .mobile_filter_row .mobile_filter_btn:hover {
    cursor: pointer;
    opacity: 0.9
}

.browse_base_page .empty_message {
    font-size: 21px;
    padding: 100px 0;
    color: var(--itchio_body_color_light);
    text-align: center
}

.browse_base_page .empty_message .icon {
    vertical-align: middle;
    font-size: 130%;
    margin: 10px
}

.browse_base_page .empty_message a {
    margin-top: 20px
}

@media (max-width: 850px) {
    .browse_base_page {
        max-width: 100vw;
        overflow: hidden
    }

    .browse_base_page.filters_shown .grid_columns .filter_column_outer {
        opacity: 1.0
    }

    .browse_base_page.filters_shown .grid_columns .grid_column_outer {
        transform: translate(240px, 0)
    }

    .browse_base_page.filters_shown .related_collections {
        display: block
    }

    .browse_base_page .mobile_filter_row {
        display: block
    }

    .browse_base_page .grid_columns {
        min-height: 100vh;
        position: relative
    }

    .browse_base_page .grid_columns .grid_column_outer {
        transition: transform 0.2s;
        margin-left: 20px;
        position: relative;
        z-index: 2
    }

    .browse_base_page .grid_columns .filter_column_outer {
        transition: opacity 0.2s ease;
        opacity: 0;
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .browse_base_page.filters_shown .grid_columns .grid_column_outer {
        transform: translate(260px, 0)
    }

    .browse_base_page .grid_columns .grid_column_outer {
        margin-left: 0
    }

    .browse_base_page .grid_columns .grid_column_outer .grid_column {
        box-shadow: none;
        border: 0
    }

    .browse_base_page .grid_columns .filter_column_outer {
        padding-top: 0
    }

    .browse_base_page .browse_header h2 {
        font-size: 18px
    }
}

@media (max-width: 650px) {
    .browse_base_page p.search_description {
        font-size: 14px
    }
}

.browse_base_page .related_collections {
    margin: 20px;
    opacity: 0.8
}

@media (max-width: 850px) {
    .browse_base_page .related_collections {
        display: none
    }
}

.browse_base_page .related_collections:hover {
    transition: opacity 0.2s ease;
    opacity: 1.0
}

.browse_base_page .related_collections h3 {
    font-size: 15px;
    text-transform: uppercase
}

.browse_base_page .related_collections .collection_cell {
    margin-bottom: 20px
}

.browse_base_page .related_collections .collection_cell:last-child {
    margin-bottom: 0
}

.browse_base_page .related_collections .collection_cell .collection_thumb {
    width: 220px;
    height: 174px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    background-color: var(--itchio_white_back);
    font-size: 0
}

.dark_theme .browse_base_page .related_collections .collection_cell .collection_thumb {
    box-shadow: none
}

.browse_base_page .related_collections .collection_cell .collection_thumb > img {
    width: 50%;
    height: 50%;
    display: inline-block;
    object-fit: cover
}

.browse_base_page .related_collections .collection_cell .collection_title {
    margin-top: 4px;
    font-size: 16px
}

.browse_base_page .related_collections .collection_cell .collection_title a {
    text-decoration: none;
    font-weight: bold
}

.browse_base_page .related_collections .collection_cell .collection_author {
    margin-top: 4px;
    font-size: 14px
}

.browse_base_page .related_collections .collection_cell .collection_author a {
    text-decoration: none;
    color: var(--itchio_body_color_light)
}

.browse_base_page .floating_asteri_embed {
    background: black;
    position: fixed;
    bottom: 0;
    right: 0
}

.browse_base_page .floating_twitch_video_embed {
    background: black;
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 2px 0 0 0
}

.browse_base_page .floating_twitch_video_embed .embed_header {
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 10px;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.browse_base_page .floating_twitch_video_embed .embed_header h2 {
    color: inherit;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: auto
}

.browse_base_page .floating_twitch_video_embed .embed_header button {
    background: transparent;
    color: inherit;
    border: 0;
    cursor: pointer
}

.browse_base_page .youtube_banner {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    margin: 20px;
    margin-bottom: 0;
    box-shadow: 5px 5px 0 #FF2449;
    color: white;
    background: #494949;
    padding: 10px 20px;
    text-decoration: none;
    background: linear-gradient(to right, #0f88e4, rgba(0, 0, 0, 0.6)), url(images/youtube-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

@media (max-width: 650px) {
    .browse_base_page .youtube_banner {
        display: none
    }
}

.browse_base_page .youtube_banner .new {
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    margin-right: 6px;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #40434E;
    background: white
}

.browse_base_page .youtube_banner .button.outline {
    background-color: var(--itchio_white_back);
    border-width: 2px;
    line-height: normal;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 15px
}

.browse_base_page .youtube_banner svg {
    display: block
}

.browse_base_page .youtube_banner > * {
    margin-right: 20px
}

.browse_base_page .youtube_banner > *:last-child {
    margin-right: 0;
    margin-left: auto
}

.browse_base_page .youtube_banner h4, .browse_base_page .youtube_banner p {
    color: inherit;
    margin: 0
}

.browse_base_page .youtube_banner p {
    font-size: 14px
}

.browse_base_page .youtube_banner h4 {
    display: flex;
    align-items: center
}

.browse_base_page .youtube_banner .youtube_icon {
    width: 62px
}

@media (max-width: 650px) {
    .browse_base_page .youtube_banner {
        display: none
    }
}

.browse_column_base_page {
    --itchio_gutter_width: 20px
}

@media (max-width: 650px) {
    .responsive .browse_column_base_page {
        --itchio_gutter_width: 10px
    }
}

.browse_column_base_page .browse_columns {
    display: flex;
    background-color: var(--itchio_white_back);
    margin: 0 auto;
    max-width: 1920px
}

@media (max-width: 650px) {
    .browse_column_base_page .browse_columns.sidebar_open {
        position: relative;
        max-width: 100vw;
        overflow: hidden
    }

    .browse_column_base_page .browse_columns.sidebar_open .browse_sidebar {
        display: block
    }

    .browse_column_base_page .browse_columns.sidebar_open .primary_column {
        position: relative;
        transform: translate(260px, 0);
        margin-left: -260px;
        background-color: var(--itchio_white_back)
    }

    .browse_column_base_page .browse_columns.sidebar_open .primary_column:after {
        content: "";
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        background-color: var(--itchio_white_back);
        opacity: 0.8
    }
}

.browse_column_base_page .browse_columns .browse_sidebar {
    background-color: var(--itchio_gray_back);
    width: 260px;
    min-width: 0;
    z-index: 1
}

.browse_column_base_page .browse_columns .browse_sidebar h2 {
    font-size: 15px;
    text-transform: uppercase;
    padding: 20px 20px 0 20px;
    margin: 0
}

@media (max-width: 650px) {
    .browse_column_base_page .browse_columns .browse_sidebar {
        display: none
    }
}

.browse_column_base_page .browse_columns .primary_column {
    z-index: 2;
    transition: transform 0.2s;
    min-width: 0;
    flex: 1
}

.browse_column_base_page .browse_sort_options_widget {
    padding-right: var(--itchio_gutter_width, 40px);
    padding-left: var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .browse_column_base_page .browse_sort_options_widget {
        margin-bottom: 0
    }
}

.browse_column_base_page .sticky_wrapper {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    scrollbar-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    scrollbar-width: thin
}

.browse_column_base_page .sticky_wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.browse_column_base_page .sticky_wrapper::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1)
}

.browse_column_base_page .sticky_wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1)
}

@media (max-width: 650px) {
    .browse_column_base_page .sticky_wrapper {
        position: static;
        max-height: none;
        overflow-y: initial
    }
}

.browse_column_base_page .filter_pickers > * {
    margin: 10px
}

.browse_column_base_page .filter_pickers > *:last-child {
    margin-bottom: 0
}

.browse_column_base_page .page_header {
    margin: 20px var(--itchio_gutter_width, 40px);
    margin-bottom: 30px;
    text-transform: capitalize
}

.browse_column_base_page .page_header .current_page {
    font-weight: normal;
    opacity: 0.8
}

.browse_column_base_page .empty_message {
    margin: 20px;
    font-size: 16px;
    line-height: 1.5
}

.browse_jams_page .pager {
    margin: 20px var(--itchio_gutter_width, 40px)
}

.browse_jams_page .sidebar_buttons {
    margin-top: 20px
}

.browse_jams_page .sidebar_buttons > .button {
    display: block;
    background-color: var(--itchio_white_back)
}

.browse_jams_page .page_header + .page_summary {
    margin-top: -10px
}

.browse_jams_page h1.page_header {
    text-transform: none
}

.browse_jams_page .page_summary {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light);
    margin: 20px var(--itchio_gutter_width, 40px)
}

.browse_jams_page .jam_grid_widget {
    margin: 20px var(--itchio_gutter_width, 40px);
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px 10px;
    align-items: start
}

.browse_sales_page {
    font-size: 14px
}

.browse_sales_page.grid_results_page .grid_outer {
    border: 0;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    overflow: hidden
}

.browse_sales_page .social_buttons_widget {
    float: none;
    margin: 20px 0 20px 40px
}

.browse_sales_page .grid_header {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

@media (max-width: 650px) {
    .browse_sales_page .grid_header p {
        margin-left: 10px;
        margin-right: 10px
    }
}

.browse_sales_page .sales_container {
    overflow: hidden;
    padding: 20px
}

.browse_sales_page .sales_container h2 {
    margin: 0 20px 20px 20px
}

@media (max-width: 650px) {
    .browse_sales_page .sales_container h2 {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (max-width: 650px) {
    .browse_sales_page .sales_container {
        padding: 0
    }
}

.browse_sales_page .sale_group {
    margin-bottom: 40px
}

.browse_sales_page .sale_footer {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
    text-align: center
}

.dark_theme .browse_sales_page .sale_footer {
    border-color: rgba(255, 255, 255, 0.1)
}

.browse_sales_page .sale_footer p {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 40px;
    color: var(--itchio_body_color_light)
}

.browse_sales_page .sale_footer .button {
    margin-left: 10px
}

.browse_sales_page .sale_recommendations {
    padding: 0 20px;
    min-height: 300px
}

@media (max-width: 650px) {
    .browse_sales_page .sale_recommendations {
        padding: 0
    }
}

.browse_sales_page .sale_recommendations .button.outline {
    background-color: var(--itchio_white_back)
}

.browse_sales_page .sale_recommendations .game_cell {
    margin-bottom: 0
}

.browse_sales_page .sale_recommendations h2 {
    margin: 20px;
    display: flex;
    align-items: center
}

@media (max-width: 650px) {
    .browse_sales_page .sale_recommendations h2 {
        margin-left: 10px;
        margin-right: 10px
    }
}

.browse_sales_page .sale_recommendations h2 > .text {
    min-width: 0
}

.browse_sales_page .sale_recommendations h2 .button {
    white-space: nowrap;
    margin-left: 10px
}

@media (max-width: 650px) {
    .browse_sales_page .sale_recommendations h2 .button {
        display: none
    }
}

.browse_sales_page .all_games_footer {
    margin: 20px 0;
    text-align: center
}

.browse_sales_page .all_games_footer .button {
    background-color: var(--itchio_white_back)
}

@media (min-width: 650px) {
    .browse_tags_page.grid_results_page .grid_header .title_split {
        display: flex;
        align-items: center;
        padding: 20px 0
    }

    .browse_tags_page.grid_results_page .grid_header .title_split h2 {
        flex: 1;
        margin-top: 0
    }

    .browse_tags_page.grid_results_page .grid_header .title_split .tag_selector {
        flex: 1;
        max-width: 300px;
        margin-right: 40px
    }
}

@media (max-width: 650px) {
    .browse_tags_page.grid_results_page .selectize-control {
        margin: 15px 10px 0 10px
    }
}

.browse_tags_page .grid_header {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.browse_tags_page .grid_header .breadcrumb_sep {
    font-weight: normal;
    color: var(--itchio_body_color_lighter)
}

.browse_tags_page .pager {
    margin: 20px var(--itchio_gutter_width, 40px);
    margin-bottom: 0
}

.browse_tags_page .tag_list {
    margin: 20px 0;
    padding: 0 var(--itchio_gutter_width, 40px);
    font-size: 14px;
    list-style: none;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    align-items: stretch
}

.browse_tags_page .tag_list .tag_cell {
    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: 0 10px 10px 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

@media print {
    .browse_tags_page .tag_list .tag_cell {
        box-shadow: none;
        border: none
    }
}

.dark_theme .browse_tags_page .tag_list .tag_cell {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.browse_tags_page .tag_list .tag_cell .admin_tools {
    position: absolute;
    top: 10px;
    right: 10px
}

.browse_tags_page .tag_list .tag_cell .tag_title {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none
}

.browse_tags_page .tag_list .tag_cell .header_image {
    display: flex;
    align-items: center;
    background-color: var(--itchio_gray_back);
    overflow: hidden;
    position: relative;
    margin: 0 -10px 0 -10px
}

.browse_tags_page .tag_list .tag_cell .header_image img {
    display: block;
    min-width: 100px;
    width: 100px;
    height: 80px
}

.browse_tags_page .tag_list .tag_cell .header_image img:not([src]) {
    visibility: hidden
}

.browse_tags_page .tag_list .games_count {
    color: var(--itchio_body_color_light)
}

.browse_tags_page .tag_list .games_count strong {
    color: var(--itchio_body_color_med)
}

.browse_tags_page .tag_list .games_count a {
    color: inherit;
    text-decoration: none
}

.browse_tags_page .tag_list .games_count a:hover {
    text-decoration: underline
}

.browse_tags_page .tag_list .tag_description a {
    color: inherit;
    text-decoration: none
}

.browse_tags_page .tag_list .tag_description p {
    margin: 0;
    line-height: 1.4;
    word-wrap: break-word;
    font-size: 15px
}

.browse_tags_page .tag_list .suggest_description p {
    margin: 0 0 5px 0;
    color: var(--itchio_body_color_light);
    font-style: italic
}

.browse_tags_page .tag_list .suggest_description button .svgicon {
    margin-right: 5px
}

.browse_tags_page .tag_list .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    padding: 5px 15px;
    margin: 0 8px 10px 8px
}

.browse_tags_page .tag_list .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.browse_tags_page .tag_list .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.browse_tags_page .tag_list .pairings {
    margin-top: auto
}

.browse_tags_page .tag_list .pairings .pairings_header {
    color: var(--itchio_body_color_med);
    font-weight: bold;
    margin-bottom: 3px
}

.browse_tags_page .tag_list .related_tags {
    list-style: none;
    margin: 0;
    padding: 0;
    word-spacing: 4px;
    line-height: 1.25
}

@media (min-width: 650px) {
    .browse_tags_page .tag_list .related_tags {
        min-height: 2.5em
    }
}

.browse_tags_page .tag_list .related_tags > li {
    display: inline
}

.browse_tags_page .tag_list .related_tags > li a {
    word-spacing: normal;
    color: var(--itchio_body_color_lighter)
}

.bundle_page .social_buttons_widget {
    margin-bottom: 20px
}

.bundle_page .promotion_extras {
    margin-bottom: 15px
}

.bundle_page .promotion_extras .extra_bubble {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    background-color: var(--itchio_white_back);
    line-height: 20px;
    margin-right: 10px
}

.bundle_page .promotion_extras .extra_bubble .icon {
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    padding-top: 3px;
    color: var(--itchio_body_color_lighter)
}

.bundle_page .promotion_extras .extra_bubble .label {
    vertical-align: top;
    display: inline-block;
    border-left: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    height: 20px;
    padding: 0 5px;
    font-weight: bold
}

.bundle_page .other_content .bundle_row {
    margin: 0 40px 40px 40px
}

@media (max-width: 650px) {
    .bundle_page .other_content .bundle_row {
        margin-left: 10px;
        margin-right: 10px
    }
}

.bundle_page .other_content .bundle_row h2 {
    margin: 0 0 5px 0
}

.bundle_page .other_content .bundle_row h2 a {
    text-decoration: none
}

.bundle_page .other_content .bundle_row h2 a:hover {
    text-decoration: underline
}

.bundle_page .other_content .bundle_row .game_carousel_widget {
    margin-left: -10px;
    margin-right: -10px
}

.bundle_page .other_content .bundle_row .bundle_summary {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

.bundle_page .other_content .bundle_row:last-child {
    margin-bottom: 0
}

.bundle_page .loading_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0
}

.bundle_page .loader_spinner {
    width: 60px;
    height: 60px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 120%
}

.bundle_page .existing_purchases {
    background-color: var(--itchio_white_back);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 40px;
    font-size: 16px
}

@media (max-width: 650px) {
    .bundle_page .existing_purchases {
        padding-left: 10px;
        padding-right: 10px
    }

    .bundle_page .existing_purchases .label {
        display: block;
        margin: 0 0 10px 0
    }
}

.bundle_page .existing_purchases .label {
    margin-right: 10px
}

.bundle_page .bundle_games_filter_widget {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.bundle_page .bundle_games_filter_widget .svgicon {
    color: var(--itchio_body_color_light);
    width: 20px;
    height: 20px
}

.bundle_page .bundle_games_filter_widget > * {
    margin-right: 8px
}

.bundle_page .bundle_games_filter_widget > *:last-child {
    margin-right: 0
}

.bundle_page .bundle_games_filter_widget input[type=text] {
    max-width: 250px;
    flex: 1;
    margin: 0;
    margin-right: 8px
}

@media (max-width: 650px) {
    .bundle_page .bundle_games_filter_widget {
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 10px
    }

    .bundle_page .bundle_games_filter_widget .svgicon {
        display: none
    }

    .bundle_page .bundle_games_filter_widget > * {
        margin-right: 0px
    }
}

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

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

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

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

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

.chat_page .chat_columns {
    display: flex
}

@media (max-width: 650px) {
    .chat_page .chat_columns {
        display: block
    }
}

.chat_page .chat_columns iframe {
    max-width: 350;
    width: 100%
}

.chat_page .chat_columns .text_column {
    margin-left: 40px;
    max-width: 400px
}

@media (max-width: 650px) {
    .chat_page .chat_columns .text_column {
        max-width: none;
        margin-left: 0;
        margin-top: 20px
    }
}

.chat_page .chat_columns p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0
}

.collection_page {
    position: relative
}

.collection_page .outline_button {
    box-sizing: border-box;
    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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med)
}

.collection_page .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.collection_page .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.collection_page .grid_header h2 {
    margin-right: 200px;
    white-space: normal
}

.collection_page .follow_area {
    position: absolute;
    top: 20px;
    right: 40px
}

.collection_page .grid_loader {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.collection_page .grid_loader .on_loading {
    display: none
}

.collection_page .grid_loader .loader_spinner {
    width: 32px;
    height: 32px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 40px
}

.collection_page.loading .grid_loader .on_loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.collection_page.loading .grid_loader .next_page {
    display: none
}

@media (max-width: 700px) {
    .collection_page .follow_area {
        position: static;
        margin: 20px 40px 0 40px
    }

    .collection_page .grid_header h2 {
        margin-right: 40px
    }
}

@media (max-width: 650px) {
    .collection_page .follow_area {
        margin-left: 0;
        margin-right: 0
    }
}

.collection_page .collection_description {
    margin: 0 var(--itchio_gutter_width, 40px);
    max-width: 700px
}

.collection_page .collection_description h1, .collection_page .collection_description h2, .collection_page .collection_description h3, .collection_page .collection_description h4, .collection_page .collection_description p, .collection_page .collection_description ul, .collection_page .collection_description ol {
    margin: 20px 0 0 0
}

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

.collection_page .collection_description ul, .collection_page .collection_description ol {
    font-size: 16px;
    line-height: 1.2
}

.collection_page .edit_tools {
    margin: 20px 40px 0 40px;
    font-size: 14px;
    line-height: 1.5
}

.collection_page .edit_tools .outline_button {
    margin-right: 10px
}

@media (max-width: 650px) {
    .collection_page .edit_tools {
        margin-left: 10px;
        margin-right: 10px
    }
}

.collection_page .admin_tools {
    position: absolute;
    top: 10px;
    right: 10px
}

.collection_page .privacy_notification {
    font-size: 16px;
    line-height: 1.5;
    background: #A287C0;
    color: rgba(255, 255, 255, 0.8);
    padding: 8px 40px;
    text-align: left
}

.collection_page .privacy_notification a {
    color: white;
    margin-left: 10px
}

.collection_page .collection_game_list_widget {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 60px
}

@media (max-width: 650px) {
    .collection_page .collection_game_list_widget {
        gap: 40px
    }
}

.collection_page .collection_game_list_widget .game_row {
    max-width: 960px;
    width: 100%;
    margin: 0 auto
}

.collection_page .collection_game_list_widget .row_columns {
    display: flex;
    gap: 30px
}

@media (max-width: 650px) {
    .collection_page .collection_game_list_widget .row_columns {
        display: block;
        gap: 15px
    }
}

.collection_page .collection_game_list_widget .game_row_header {
    margin-bottom: 15px;
    font-size: 16px;
    color: var(--itchio_body_color_lighter)
}

.collection_page .collection_game_list_widget .game_row_header > * {
    margin-bottom: 5px
}

.collection_page .collection_game_list_widget .game_row_header > *:last-child {
    margin-bottom: 0
}

.collection_page .collection_game_list_widget .game_row_header .game_title {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none
}

@media (max-width: 650px) {
    .collection_page .collection_game_list_widget .game_row_header .game_title {
        font-size: 20px
    }
}

.collection_page .collection_game_list_widget .game_row_header .sub {
    display: inline-block;
    margin: 0 5px
}

.collection_page .collection_game_list_widget .game_row_header .author_link {
    color: var(--itchio_body_color_light)
}

.collection_page .collection_game_list_widget .blurb_content {
    flex: 1;
    min-width: 0
}

.collection_page .collection_game_list_widget .blurb_meta {
    font-size: 16px;
    color: var(--itchio_body_color_light);
    margin-bottom: 15px
}

@media (max-width: 650px) {
    .collection_page .collection_game_list_widget .blurb_meta {
        font-size: 14px
    }
}

.collection_page .collection_game_list_widget .blurb_meta a {
    color: var(--itchio_body_color_med)
}

.collection_page .collection_game_list_widget .game_cell {
    width: 315px
}

.collection_page .collection_game_list_widget .game_cell .game_meta {
    font-size: 16px;
    margin: 10px 0;
    color: var(--itchio_body_color_light)
}

.collection_page .collection_game_list_widget .game_cell .game_meta > * {
    display: inline-block;
    margin-right: 10px
}

.collection_page .collection_game_list_widget .blurb_drop:empty {
    display: none
}

.collection_page .collection_game_list_widget .empty_blurb {
    color: var(--itchio_body_color_light)
}

.collection_page .collection_game_list_widget .user_formatted {
    font-size: 18px
}

@media (max-width: 650px) {
    .collection_page .collection_game_list_widget .user_formatted {
        font-size: 16px
    }
}

.collection_page .collection_game_list_widget .user_formatted p, .collection_page .collection_game_list_widget .user_formatted li {
    line-height: 1.6
}

.collection_page .collection_game_grid_widget .game_cell.has_blurb .blurb_outer {
    display: block
}

.collection_page .collection_game_grid_widget .game_cell.has_blurb .without_blurb {
    display: none
}

.collection_page .collection_game_grid_widget .game_cell.has_blurb span.with_blurb {
    display: inline
}

.collection_page .collection_game_grid_widget .game_cell .blurb_outer {
    margin-top: 20px;
    display: none
}

.collection_page .collection_game_grid_widget .game_cell .blurb_outer a {
    color: var(--itchio_body_color_light)
}

.collection_page .collection_game_grid_widget .game_cell .blurb_meta {
    margin-bottom: 8px;
    color: var(--itchio_body_color_lighter)
}

.collection_page .collection_game_grid_widget .game_cell .blurb_drop {
    line-height: 1.6;
    background-color: var(--itchio_gray_back);
    padding: 10px
}

.collection_page .collection_game_grid_widget .game_cell .blurb_drop iframe, .collection_page .collection_game_grid_widget .game_cell .blurb_drop img {
    max-width: 100%
}

.collection_page .collection_game_grid_widget .game_cell .blurb_drop :first-child {
    margin-top: 0
}

.collection_page .collection_game_grid_widget .game_cell .blurb_drop :last-child {
    margin-bottom: 0
}

.collection_page .collection_game_grid_widget .game_cell .edit_text {
    margin-top: 10px;
    font-size: 14px
}

.collection_page .collection_game_grid_widget .game_cell .edit_text a {
    color: var(--itchio_body_color_lighter);
    margin-right: 5px
}

.collection_page .collection_game_grid_widget .game_cell .edit_text .with_blurb {
    display: none
}

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

.community_accept_moderator_page p:last-child {
    margin-bottom: 0
}

.community_accept_moderator_page p.sub {
    color: var(--itchio_body_color_light)
}

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

.community_base_edit_page_page h3 {
    margin-top: 40px
}

.community_base_edit_page_page .community_edit_category_header_widget .header_nav {
    background: transparent
}

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

.community_blocks_page .intro_text {
    max-width: 600px
}

.community_blocks_page .empty_message {
    color: var(--itchio_body_color_light)
}

.community_bookmarks_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

.community_category_page .category_info {
    padding: 20px var(--itchio_gutter_width, 40px);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

@media (max-width: 650px) {
    .community_category_page .category_info .formatted {
        font-size: 14px
    }
}

.community_category_page .category_info .formatted > p:last-child {
    margin-bottom: 0
}

@media (max-width: 650px) {
    .community_category_page .page_tabs {
        box-shadow: none
    }

    .community_category_page .page_tabs > a {
        margin-right: 15px
    }
}

.community_category_page .moderator_tools, .community_category_page .filter_notice {
    font-size: 16px;
    line-height: 1.5;
    font-size: 14px;
    background-color: var(--itchio_gray_back);
    padding: 10px var(--itchio_gutter_width, 40px);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_category_page .moderator_tools {
    display: flex;
    gap: 10px
}

@media (max-width: 650px) {
    .responsive .community_category_page .moderator_tools {
        padding-right: 0;
        white-space: nowrap;
        overflow-x: auto
    }
}

.community_category_page .moderator_tools .button.outline {
    background-color: var(--itchio_white_back)
}

.community_category_page .moderator_tools strong {
    color: var(--itchio_body_color_med)
}

.community_category_page * + .category_rules {
    margin-top: 20px
}

.community_category_page .category_rules summary {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5
}

@media (max-width: 650px) {
    .community_category_page .category_rules summary {
        font-size: 14px
    }
}

.community_category_page .category_rules details[open] summary {
    margin-bottom: 10px
}

.community_category_page .community_category_tree_widget + .community_category_topics_widget {
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_category_page .empty_message {
    padding: 20px;
    text-align: center;
    color: var(--itchio_body_color_light)
}

.community_category_moderation_logs_page abbr code {
    border-bottom: 1px dashed;
    border-color: var(--itchio_body_color_med)
}

.community_category_pending_posts_page .page_tabs {
    margin-bottom: 15px
}

.community_category_reports_page .page_tabs {
    margin-bottom: 20px;
    margin-top: 30px
}

.community_edit_category_page .directory_warning {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.5
}

.community_edit_category_page .community_category_edit_tags_widget .tag_list {
    margin: 10px 0
}

.community_edit_category_page .community_category_edit_tags_widget .tag_row {
    margin-bottom: 5px
}

.community_edit_category_page .community_category_edit_tags_widget .tag_row:last-child {
    margin-bottom: 0
}

.community_edit_category_page .community_category_edit_tags_widget .tag_label {
    padding: 4px 10px;
    background-color: var(--itchio_gray_back);
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    color: var(--itchio_body_color_light);
    display: inline-block;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    margin-right: 10px
}

.community_edit_category_page .community_category_edit_tags_widget a {
    color: var(--itchio_body_color_lighter)
}

.community_edit_category_children_page .padded > :first-child {
    margin-top: 0
}

.community_edit_category_children_page p, .community_edit_category_children_page ul {
    font-size: 16px;
    line-height: 1.5
}

.community_edit_category_children_page .padded h2 {
    margin-top: 30px
}

.community_edit_category_children_page .button_row {
    margin-top: 20px
}

.community_edit_category_children_page .button_row button {
    margin-right: 10px
}

.community_edit_category_children_page .category_row:first-child > .category_primary_inputs .move_up_btn {
    display: none
}

.community_edit_category_children_page .category_row:last-child > .category_primary_inputs .move_down_btn {
    display: none
}

.community_edit_category_children_page .category_row {
    margin-bottom: 15px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background: rgba(0, 0, 0, 0.05);
    position: relative
}

.dark_theme .community_edit_category_children_page .category_row {
    background: rgba(255, 255, 255, 0.05)
}

.community_edit_category_children_page .category_row:last-child {
    margin-bottom: 0
}

.community_edit_category_children_page .category_row .new_flag {
    color: var(--itchio_body_color_lighter);
    position: absolute;
    top: -10px;
    right: -10px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px
}

.community_edit_category_children_page .category_row .child_categories {
    padding: 15px;
    padding-left: 45px;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background: rgba(255, 255, 255, 0.8)
}

.dark_theme .community_edit_category_children_page .category_row .child_categories {
    background: rgba(0, 0, 0, 0.8)
}

.community_edit_category_children_page .category_row .move_btn, .community_edit_category_children_page .category_row .remove_btn, .community_edit_category_children_page .category_row .created_at, .community_edit_category_children_page .category_row .topics_count {
    margin-right: 10px;
    color: var(--itchio_body_color_light)
}

.community_edit_category_children_page .category_row .category_primary_inputs {
    margin: 15px;
    margin-bottom: 7.5px
}

.community_edit_category_children_page .category_row .category_primary_inputs .text_input {
    box-sizing: border-box;
    width: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 10px
}

.community_edit_category_children_page .category_row .category_primary_inputs .text_input:last-child {
    margin-right: 0
}

.community_edit_category_children_page .category_row .category_secondary_inputs {
    margin: 15px
}

.community_edit_category_children_page .category_row .category_secondary_inputs .button {
    vertical-align: middle;
    margin-right: 10px
}

.community_edit_category_children_page .category_row .category_secondary_inputs label {
    display: inline-block;
    margin-right: 10px
}

.community_edit_category_children_page .category_row .category_secondary_inputs input[type=checkbox] {
    margin-left: 0
}

.community_edit_category_children_page .category_row .category_secondary_inputs .category_link {
    margin-right: 10px
}

.community_edit_post_page .edit_warning {
    background: var(--itchio_warning_bg, #fffdbd);
    padding: 15px;
    font-size: 16px;
    margin-bottom: 40px
}

@media (max-width: 650px) {
    .community_edit_post_page .padded {
        padding: 20px 10px
    }
}

.community_edit_post_page .parent_post {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 0 40px 40px 40px
}

@media (max-width: 650px) {
    .community_edit_post_page .parent_post {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_edit_post_page .parent_post h3 {
    margin: 0;
    margin-top: 20px
}

.community_edit_post_page .parent_post .community_post_list_widget {
    padding-top: 25px
}

.community_edit_post_page .stat_header_widget h2 {
    line-height: 1.4
}

.community_edit_post_page .stat_header_widget .topic_info_row {
    font-size: 16px;
    margin-top: 4px;
    color: var(--itchio_body_color_light)
}

.community_home_page .page_tabs {
    margin-bottom: 20px;
    margin: 20px 40px 20px 40px
}

@media (max-width: 650px) {
    .community_home_page .page_tabs {
        margin: 0;
        padding: 0 10px 20px 10px
    }
}

.community_home_page .category_info + .page_tabs {
    margin-top: 0
}

.community_home_page .category_info {
    border-bottom: 0
}

.community_move_topic_page .stat_header_widget h2 {
    line-height: 1.4
}

.community_move_topic_page .stat_header_widget .topic_info_row {
    font-size: 16px;
    margin-top: 4px;
    color: var(--itchio_body_color_light)
}

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

.community_move_topic_page p:first-child {
    margin-top: 0
}

.community_move_topic_page .category_selector > .category_group.directory {
    padding: 0;
    border: 0;
    background: transparent
}

.community_move_topic_page .category_selector > .category_group.directory .children {
    margin-left: 0
}

.community_move_topic_page .category_title .category_link {
    font-size: 16px;
    margin-right: 20px
}

.community_move_topic_page .category_title .topics_count {
    margin-right: 20px;
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.community_move_topic_page .category_description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin-top: 5px
}

.community_move_topic_page .category_group {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px;
    background-color: var(--itchio_white_back)
}

.community_move_topic_page .category_group:not(.directory):hover {
    box-shadow: 0 0 0 1px #dadada
}

.dark_theme .community_move_topic_page .category_group:not(.directory):hover {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1)
}

.community_move_topic_page .category_group.directory {
    background-color: var(--itchio_gray_back)
}

.community_move_topic_page .category_group.directory > .category_title a {
    color: var(--itchio_body_color_light);
    font-weight: bold;
    text-decoration: none
}

.community_move_topic_page .category_group .children {
    margin: 20px 0 5px 10px
}

.community_move_topic_page .category_group .children > .category_group {
    margin: 10px 0
}

.community_move_topic_page .category_group .children > .category_group:first-child {
    margin-top: 0
}

.community_move_topic_page .category_group .children > .category_group:last-child {
    margin-bottom: 0
}

.community_move_topic_page .current_tag {
    font-size: 14px;
    background-color: var(--itchio_gray_back);
    display: inline-block;
    border-radius: 2px;
    padding: 2px 4px;
    box-shadow: 0 0 0 1px #dadada;
    color: var(--itchio_body_color_light)
}

.dark_theme .community_move_topic_page .current_tag {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1)
}

.community_new_topic_page .category_rules {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.community_new_topic_page .category_rules .formatted > :last-child {
    margin-bottom: 0
}

.community_new_topic_page .forms_markdown_input_widget {
    margin-top: 6px
}

.community_new_topic_page .community_disclaimer {
    margin: 0;
    font-size: 16px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    padding: 20px;
    line-height: 1.4
}

.community_page_page.page_widget {
    background-color: var(--itchio_gray_back);
    border-bottom: 0;
    padding-bottom: 1px
}

.community_page_page .content_frame {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 20px auto 20px auto;
    background-color: var(--itchio_white_back);
    max-width: 1200px;
    min-width: 960px
}

@media print {
    .community_page_page .content_frame {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_page_page .content_frame {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.responsive .community_page_page .content_frame {
    min-width: 0
}

@media (max-width: 650px) {
    .responsive .community_page_page .content_frame {
        border-radius: 0;
        margin: 0;
        margin-bottom: 20px;
        border: 0
    }
}

.community_page_page .column_outer {
    padding: 0 20px
}

@media (max-width: 650px) {
    .responsive .community_page_page .column_outer {
        padding: 0
    }
}

.community_pending_post_page p, .community_pending_post_page ul {
    font-size: 16px;
    line-height: 1.5
}

.community_pending_post_page .community_post_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
}

@media print {
    .community_pending_post_page .community_post_widget {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_pending_post_page .community_post_widget {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.community_pending_post_page .warning_reason {
    border: 2px solid red;
    border-radius: 3px;
    background: rgba(255, 0, 0, 0.2);
    padding: 10px
}

.community_pending_post_page .warning_reason > :last-child {
    margin-bottom: 0
}

.community_profile_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

.community_profile_page .padded {
    padding-top: 20px
}

.community_profile_page .user_links {
    margin-bottom: 20px;
    font-size: 16px
}

.community_profile_page .stat_header_widget .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    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
}

.dark_theme .community_profile_page .stat_header_widget .avatar {
    background-size: cover
}

.community_profile_page .stat_header_widget .text_container {
    display: flex;
    align-items: center;
    gap: 15px
}

.community_profile_page .stat_header_widget .author_flag {
    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;
    vertical-align: 3px
}

.dark_theme .community_profile_page .stat_header_widget .author_flag {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

html:not([dir=rtl]) .community_profile_page .stat_header_widget .author_flag {
    margin-left: 10px
}

html[dir=rtl] .community_profile_page .stat_header_widget .author_flag {
    margin-right: 10px
}

.community_profile_page .stat_header_widget .author_flag.admin {
    background: #575b6a;
    color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 650px) {
    .community_profile_page .stat_header_widget .stats_container {
        display: flex;
        justify-content: space-around
    }
}

.community_profile_page .topic_post_row {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px
}

.community_profile_page .topic_post_row .topic_title {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    padding: 8px 20px;
    line-height: 1.5;
    size: 14px
}

@media (min-width: 650px) {
    .community_profile_page .topic_post_row .topic_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 650px) {
    .community_profile_page .topic_post_row .topic_title {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_profile_page .topic_post_row .topic_title a {
    color: inherit
}

.community_profile_page .topic_post_row .community_post_list_widget {
    padding: 15px 20px
}

@media (max-width: 650px) {
    .community_profile_page .topic_post_row .community_post_list_widget {
        padding-left: 10px;
        padding-right: 10px
    }
}

.community_profile_page .topic_post_row .community_post_list_widget .post_header .avatar_container, .community_profile_page .topic_post_row .community_post_list_widget .post_header .post_author, .community_profile_page .topic_post_row .community_post_list_widget .post_header .author_flag {
    display: none
}

.community_profile_page .topic_post_row .community_post_list_widget .post_header .post_date {
    margin-left: 0
}

.community_profile_page .sub_header {
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 8px var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .community_profile_page .sub_header .divider {
        font-size: 0;
        height: 0;
        display: block
    }
}

.community_profile_page .sub_header .user_data {
    font-size: 16px;
    color: var(--itchio_body_color_light);
    flex: 1;
    margin-right: 10px
}

.community_profile_page .sub_header .filter_picker_widget {
    margin-left: 5px
}

.community_profile_page .game_carousel_widget {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px
}

@media (max-width: 650px) {
    .community_profile_page .game_carousel_widget {
        margin-left: -10px;
        margin-right: -10px
    }
}

.community_profile_page .game_carousel_widget .scrollbar_outer {
    left: 5px
}

.community_profile_page .game_carousel_widget .game_cell .game_author, .community_profile_page .game_carousel_widget .game_cell .game_platform, .community_profile_page .game_carousel_widget .game_cell .game_text, .community_profile_page .game_carousel_widget .game_cell .game_genre {
    display: none
}

.community_profile_page .game_carousel_widget .game_cell .game_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px
}

.community_recent_page .pagination {
    font-size: 16px;
    line-height: 1.5
}

.community_recent_page .post_filters {
    margin-right: 20px;
    display: flex;
    align-items: center
}

.community_recent_page .post_filters > * {
    margin-left: 10px
}

.community_recent_page .post_filters > *:first-child {
    margin-left: 0
}

.community_search_page .form_errors, .community_search_page .form {
    margin: 20px var(--itchio_gutter_width, 40px)
}

.community_search_page .form {
    display: flex
}

.community_search_page .form > * {
    margin: 0 10px 0 0
}

.community_search_page .form > *:last-child {
    margin-right: 0
}

.community_search_page .form .query_input {
    margin: 0 10px 0 0;
    width: 200px;
    flex: 1
}

@media (max-width: 800px) {
    .community_search_page .form {
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 10px
    }

    .community_search_page .form > * {
        margin: 0
    }

    .community_search_page .form .forms_simple_select_widget {
        width: 100%
    }

    .community_search_page .form .query_input, .community_search_page .form .button {
        grid-column: 1 / -1
    }

    .community_search_page .form input.query_input {
        max-width: none
    }
}

.community_search_page .empty_results {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light);
    margin: 0
}

.community_search_page .search_results {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 40px
}

.community_search_page .search_results > li {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 0 var(--itchio_gutter_width, 40px);
    margin-bottom: 20px;
    padding: 10px 13px;
    font-size: 14px
}

@media print {
    .community_search_page .search_results > li {
        box-shadow: none;
        border: none
    }
}

.dark_theme .community_search_page .search_results > li {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.community_search_page .search_results > li:last-child {
    margin-bottom: 0
}

.community_search_page .search_results > li > * {
    margin: 0 0 5px 0
}

.community_search_page .search_results > li > *:last-child {
    margin-bottom: 0
}

.community_search_page .search_results > li h3 a {
    font-weight: bold;
    text-decoration: none;
    font-size: 18px
}

.community_search_page .search_results > li .post_author {
    color: var(--itchio_body_color_light)
}

.community_search_page .search_results > li .topic_categories {
    color: var(--itchio_body_color_light)
}

.community_search_page .search_results > li .topic_categories a {
    color: var(--itchio_body_color_gray)
}

.community_search_page .search_results > li .summary {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px
}

@media (max-width: 650px) {
    .community_subscriptions_page .padded {
        padding: 10px
    }
}

.community_subscriptions_page .empty_message {
    font-size: 16px;
    line-height: 1.5
}

.community_subscriptions_page .subscription_list .subscription_row {
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    padding: 6px 0px;
    color: var(--itchio_body_color_lighter)
}

.community_subscriptions_page .subscription_list .subscription_row .spacer {
    flex: 1
}

.community_subscriptions_page .subscription_list .subscription_row > * {
    margin-left: 10px
}

.community_subscriptions_page .subscription_list .subscription_row > *:first-child {
    margin-left: 0
}

.community_subscriptions_page .subscription_list .subscription_row .object_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.community_subscriptions_page .subscription_list .subscription_row .object_author {
    color: var(--itchio_body_color_light)
}

.community_subscriptions_page .subscription_list .subscription_row .subscription_type {
    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: 25px;
    width: 80px;
    text-align: center
}

.dark_theme .community_subscriptions_page .subscription_list .subscription_row .subscription_type {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.community_subscriptions_page .subscription_list .subscription_row .subscription_type.topic {
    background: #34a0f2;
    color: white
}

.community_subscriptions_page .subscription_list .subscription_row .subscription_type.category {
    background: #FB9175;
    color: white
}

.community_topic_page .topic_status {
    background: rgba(174, 72, 121, 0.2)
}

.community_topic_page .topic_status .topic_status_header {
    color: white;
    font-weight: bold;
    background: #AE4879;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.dark_theme .community_topic_page .topic_status .topic_status_header {
    background: rgba(174, 72, 121, 0.5)
}

.community_topic_page .topic_status .topic_status_header .svgicon {
    flex: none
}

.community_topic_page .topic_status .topic_status_header a {
    color: inherit
}

.community_topic_page .topic_status .topic_status_header abbr {
    border: 0;
    font-weight: normal;
    color: white;
    opacity: 0.8
}

.community_topic_page .topic_status .formatted {
    padding: 10px;
    font-size: 16px;
    line-height: 1.5
}

.community_topic_page .topic_status .formatted > :last-child {
    margin-bottom: 0
}

.curation_list_page .curation_list_header {
    border-bottom: 1px solid #dadada
}

.curation_list_page .curation_list_header .header_inner {
    width: 960px;
    margin: 0 auto;
    *zoom: 1;
    position: relative
}

.curation_list_page .curation_list_header .header_inner:before, .curation_list_page .curation_list_header .header_inner:after {
    content: " ";
    display: table
}

.curation_list_page .curation_list_header .header_inner:after {
    clear: both
}

@media (min-width: 1220px) {
    .curation_list_page .curation_list_header .header_inner {
        width: 1200px
    }
}

.curation_list_page .curation_list_header .follow_area {
    position: absolute;
    top: 20px;
    right: 20px
}

.curation_list_page .curation_list_header h1 {
    margin: 30px 0 0 0;
    font-size: 32px
}

.curation_list_page .curation_list_header .curation_list_author {
    font-size: 16px;
    line-height: 1.5;
    color: #606060;
    margin-bottom: 20px
}

.curation_list_page .curation_list_header .curation_list_author a {
    color: #606060
}

.curation_list_page .curation_list_header .curation_list_author a:hover {
    color: #222
}

.curation_list_page .curation_list_header .formatted {
    margin-bottom: 30px
}

.curation_list_page .curation_list_header .formatted > :last-child {
    margin-bottom: 0
}

.curation_list_page .list_rows {
    background-color: white;
    padding-bottom: 40px;
    border-bottom: 2px solid #cdcdcd
}

.curation_list_page .list_rows .list_rows_inner {
    width: 960px;
    margin: 0 auto;
    *zoom: 1
}

.curation_list_page .list_rows .list_rows_inner:before, .curation_list_page .list_rows .list_rows_inner:after {
    content: " ";
    display: table
}

.curation_list_page .list_rows .list_rows_inner:after {
    clear: both
}

@media (min-width: 1220px) {
    .curation_list_page .list_rows .list_rows_inner {
        width: 1200px
    }
}

.curation_list_page .curation_list_row {
    margin-bottom: 40px
}

.curation_list_page .curation_list_row h2 {
    margin: 30px 0 10px 0;
    font-size: 28px
}

.curation_list_page .curation_list_row h2 a {
    color: #444;
    text-decoration: none
}

.curation_list_page .curation_list_row h2 a:hover {
    border-bottom: 1px solid #dadada
}

.curation_list_page .curation_list_row .list_row_meta {
    color: #606060;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px
}

.curation_list_page .curation_list_row .game_carousel_widget {
    margin-top: 20px
}

.curation_list_page .curation_list_row .game_carousel_widget .game_cell {
    max-width: 220px
}

.curation_list_page .curation_list_row .game_carousel_widget .game_cell .game_thumb {
    width: 220px;
    height: 174px
}

.developers_page .guide_nav {
    text-align: center;
    padding-bottom: 40px;
    font-size: 16px
}

.developers_page .guide_nav strong {
    @inlcude body_color_light
}

.developers_page .guide_nav .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    margin: 0 10px
}

.developers_page .guide_nav .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.developers_page .guide_nav .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.developers_page .photo_header {
    background-color: #3A434C;
    background-image: url("//static.itch.io/images/developers/controller.jpg");
    background-size: cover;
    background-position: 50% 60%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

.developers_page .photo_header .inner_column {
    position: relative
}

.developers_page .photo_header .photo_inside {
    padding: 40px 0
}

.developers_page .photo_header h1 {
    color: white;
    text-align: center;
    font-size: 48px;
    margin: 0 auto 40px auto;
    max-width: 800px
}

.developers_page .photo_header .messaging {
    padding: 10px 0;
    color: white
}

.developers_page .photo_header .messaging p {
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 1.5
}

.developers_page .photo_header .messaging .cta_links {
    font-size: 16px
}

.developers_page .photo_header .button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.developers_page .photo_header a {
    color: white
}

.developers_page .photo_header .cta_links {
    display: flex;
    align-items: center;
    gap: 10px
}

.developers_page .photo_header .photo_columns {
    display: flex;
    align-items: center;
    gap: 20px
}

.developers_page .photo_header #screencast {
    display: inline-block;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 10px rgba(0, 0, 0, 0.5);
    border: 4px solid rgba(0, 0, 0, 0);
    border-radius: 2px
}

.developers_page .box_content {
    position: relative;
    padding: 35px
}

.developers_page .box_content .divider {
    width: 400px;
    margin: 40px auto;
    border-top: 1px solid;
    border-color: var(--itchio_border_color)
}

.developers_page .box_content .guide {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px
}

.developers_page .box_content .guide.right_guide .image {
    order: 2
}

.developers_page .box_content .guide .image {
    width: 450px;
    height: 250px;
    border: 1px solid #e7e7e7;
    border-radius: 2px
}

.developers_page .box_content .guide .text {
    min-width: 0;
    flex: 1
}

.developers_page .box_content .guide .text h3 {
    font-size: 28px;
    margin: 0
}

.developers_page .box_content .guide .text h3 .icon {
    margin-right: 8px;
    color: var(--itchio_body_color_med)
}

.developers_page .box_content .guide .text p {
    color: var(--itchio_body_color_light);
    font-size: 16px;
    line-height: 1.5;
    margin: 15px 0 0 0
}

.developers_page .index_sticky_bar {
    position: fixed;
    top: -60px;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 1;
    background: white;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    transition: top 0.2s ease
}

@media (max-width: 800px) {
    .developers_page .index_sticky_bar {
        display: none
    }
}

.show_sticky_bar .developers_page .index_sticky_bar {
    top: 0
}

.developers_page .index_sticky_bar .sticky_bar_inner {
    max-width: 960px;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 20px
}

.developers_page .index_sticky_bar .simple_social_buttons_widget {
    display: flex;
    align-items: center;
    gap: 20px
}

html:not([dir=rtl]) .developers_page .index_sticky_bar .simple_social_buttons_widget {
    margin-left: auto
}

html[dir=rtl] .developers_page .index_sticky_bar .simple_social_buttons_widget {
    margin-right: auto
}

.developers_page .index_sticky_bar .simple_social_buttons_widget a {
    text-decoration: none;
    font-size: 18px;
    color: var(--itchio_body_color_light)
}

.developers_page .index_sticky_bar .simple_social_buttons_widget a:hover {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.developers_page .index_sticky_bar .login_link {
    color: var(--itchio_body_color_light)
}

.developers_page .index_sticky_bar .login_link:hover {
    color: var(--itchio_body_color_med)
}

.developers_page .index_sticky_bar .sticky_logo {
    height: 30px
}

.developers_page .index_sticky_bar .account_cta {
    display: flex;
    align-items: center;
    gap: 10px
}

.developers_page .index_sticky_bar .decor {
    color: var(--itchio_body_color_lighter);
    font-style: italic
}

.developers_page .index_sticky_bar .button {
    font-size: 16px;
    padding: 0 15px
}

.devlogs_page .grid_loader {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.devlogs_page .grid_loader .on_loading {
    display: none
}

.devlogs_page .grid_loader .loader_spinner {
    width: 32px;
    height: 32px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 40px
}

.devlogs_page.loading .grid_loader .on_loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.devlogs_page.loading .grid_loader .next_page {
    display: none
}

.devlogs_page .grid_loader {
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    background-color: var(--itchio_white_back);
    border-top: 2px solid;
    border-color: var(--itchio_gray_back)
}

.devlogs_page .grid_loader a {
    font-weight: bold;
    color: var(--itchio_body_color_med)
}

.devlogs_page .blog_post_grid_widget {
    margin: 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 40px 10px;
    align-items: start
}

.devlogs_page .blog_post_grid_widget > .blog_post {
    width: auto;
    margin: 0
}

@media (max-width: 650px) {
    .devlogs_page .blog_post_grid_widget {
        background-color: var(--itchio_gray_back);
        contain: content;
        padding: 0;
        display: block;
        margin: 0
    }

    .devlogs_page .blog_post_grid_widget > .blog_post {
        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: 0;
        margin: 10px;
        overflow: hidden
    }
}

@media print and (max-width: 650px) {
    .devlogs_page .blog_post_grid_widget > .blog_post {
        box-shadow: none;
        border: none
    }
}

@media (max-width: 650px) {
    .dark_theme .devlogs_page .blog_post_grid_widget > .blog_post {
        box-shadow: none;
        border-color: rgba(255, 255, 255, 0.1)
    }

    .devlogs_page .blog_post_grid_widget > .blog_post .image_wrapper {
        margin: 0
    }

    .devlogs_page .blog_post_grid_widget > .blog_post .post_details {
        padding: 10px
    }
}

.direct_page {
    min-height: 70vh;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white
}

.direct_page h1 {
    font-size: 40px
}

.direct_page h1 img {
    max-width: 400px;
    width: 100%
}

.direct_page .center_block {
    text-align: center
}

.direct_page .center_block .button .icon {
    margin-right: 6px
}

@media (max-width: 400px) {
    .direct_page .center_block ul {
        text-align: left
    }

    .direct_page .center_block ul li {
        margin-bottom: 10px
    }
}

.direct_page .center_block ul {
    padding: 0;
    margin: 20px 0
}

.direct_page .center_block ul li {
    line-height: 1.5;
    list-style: none;
    font-size: 14px;
    color: #606060
}

.directory_page h1 {
    padding: 20px 40px
}

.directory_page h2 {
    padding: 20px 40px;
    margin: 0;
    background-color: var(--itchio_white_back);
    font-size: 24px
}

.directory_page h2 a {
    text-decoration: none;
    color: inherit
}

.directory_page .facet_columns {
    -webkit-columns: 300px;
    -moz-columns: 300px;
    -ms-columns: 300px;
    columns: 300px;
    padding: 20px 40px;
    background-color: var(--itchio_white_back)
}

.directory_page .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    vertical-align: 3px;
    margin-left: 10px;
    font-weight: normal
}

.directory_page .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.directory_page .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.directory_page .facet_group {
    box-sizing: border-box;
    background-color: var(--itchio_gray_back);
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 16px
}

.directory_page .facet_group h3 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px
}

.directory_page .facet_group ul {
    list-style: none;
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

.directory_page .facet_group ul li {
    margin-bottom: 8px;
    line-height: 1.3
}

.directory_page .facet_group ul li:last-child {
    margin-bottom: 0
}

.donation_complete_page .icon-heart {
    color: #EC4E61;
    vertical-align: top;
    margin-left: 4px;
    font-size: 16px
}

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

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

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

.edit_bundle_page form .form_errors li {
    line-height: 1.5
}

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

.edit_bundle_page .loader {
    display: none
}

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

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

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

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

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

.edit_bundle_page .duration_row .date_inputs {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.edit_bundle_page .duration_row .duration_label {
    color: var(--itchio_body_color_light)
}

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

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

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

.edit_bundle_page .field_value {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--itchio_gray_back);
    padding: 8px 10px
}

.edit_bundle_page .field_value.title_row {
    font-size: 24px
}

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

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

.edit_bundle_page img.avatar {
    width: 35px;
    height: 35px;
    border-radius: 2px;
    background-color: var(--itchio_white_back);
    vertical-align: middle;
    margin-right: 10px
}

.edit_bundle_page .bundle_participants {
    box-sizing: border-box;
    max-width: 600px;
    margin: 10px 20px 10px 0;
    padding: 0
}

.edit_bundle_page .bundle_participants .you_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;
    background-color: #34a0f2;
    color: white
}

.dark_theme .edit_bundle_page .bundle_participants .you_label {
    background: rgba(255, 255, 255, 0.1);
    color: #ababab
}

.edit_bundle_page .bundle_participants .participant {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed;
    border-color: var(--itchio_border_color)
}

.edit_bundle_page .bundle_participants .participant:first-child {
    padding-top: 10px;
    border-top: 1px dashed;
    border-color: var(--itchio_border_color)
}

.edit_bundle_page .bundle_participants .avatar {
    background-color: var(--itchio_gray_back)
}

.edit_bundle_page .bundle_participants .user_link, .edit_bundle_page .bundle_participants .bundle_status {
    font-size: 14px
}

.edit_bundle_page .bundle_participants .user_link {
    text-decoration: none;
    color: var(--itchio_body_color_light);
    margin-right: 10px
}

.edit_bundle_page .bundle_participants .user_link:hover {
    text-decoration: underline
}

.edit_bundle_page .bundle_participants .bundle_status {
    flex: 1;
    max-width: 200px;
    padding: 3px;
    font-weight: bold;
    margin-left: auto;
    text-align: center;
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    border-radius: 3px
}

.edit_bundle_page .bundle_participants .bundle_status.accepted {
    background-color: #aada80;
    color: white
}

.edit_bundle_page .bundle_tier {
    margin-bottom: 20px;
    max-width: 600px;
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    overflow: hidden
}

@media print {
    .edit_bundle_page .bundle_tier {
        box-shadow: none;
        border: none
    }
}

.dark_theme .edit_bundle_page .bundle_tier {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.edit_bundle_page .bundle_tier .tier_name {
    font-size: 20px;
    margin: 0;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 20px;
    background-color: var(--itchio_gray_back)
}

.edit_bundle_page .bundle_tier > .nice_table {
    margin: 0;
    border: 0;
    width: 100%
}

.edit_bundle_page .bundle_tier .tier_games {
    padding: 20px;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.edit_bundle_page .bundle_tier .tier_split {
    padding: 6px 20px;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 10px;
    align-items: center
}

.edit_bundle_page .bundle_tier .tier_split strong {
    color: var(--itchio_body_color_light)
}

.edit_bundle_page .bundle_tier .tier_split .user_split {
    display: flex;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    border-radius: 4px
}

.edit_bundle_page .bundle_tier .tier_split .user_link, .edit_bundle_page .bundle_tier .tier_split .split {
    padding: 4px 8px
}

.edit_bundle_page .bundle_tier .tier_split .split {
    border-right: 1px solid;
    border-color: var(--itchio_border_color)
}

.edit_bundle_page .bundle_tier .tier_split .user_link {
    text-decoration: none;
    flex: 1;
    color: var(--itchio_body_color_light);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.edit_bundle_page .bundle_tier .tier_split .user_link:hover {
    text-decoration: underline
}

.edit_bundle_page .bundle_tier p {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    margin: 0 20px 15px 20px
}

.edit_bundle_page .bundle_tier .game_preview_cell {
    width: 174px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.edit_bundle_page .bundle_tier .game_preview_cell .game_link {
    color: var(--itchio_body_color_light);
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    max-width: 120px
}

.edit_bundle_page .bundle_tier .game_preview_cell .game_link:hover {
    text-decoration: underline
}

.edit_bundle_page .bundle_tier .game_preview_cell .game_cover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    display: block
}

.dark_theme .edit_bundle_page .bundle_tier .game_preview_cell .game_cover {
    box-shadow: none
}

.edit_bundle_page .bundle_tier .game_preview_cell .price_tag {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    background: #24C091;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.edit_bundle_page .bundle_tier .game_preview_cell .price_tag.free_tag {
    background: var(--itchio_border_color);
    color: var(--itchio_body_color_light)
}

.edit_bundle_page .secondary {
    color: var(--itchio_body_color_light);
    margin: 30px 0 0 0
}

.edit_bundle_page .sub {
    color: var(--itchio_body_color_light);
    margin: 5px 0 0 0;
    font-size: 14px
}

.edit_sale_page form.has_errors .form_errors {
    display: block
}

.edit_sale_page form .form_errors {
    display: none;
    margin: 0 40px 30px 40px;
    font-size: 16px
}

.edit_sale_page form .form_errors li {
    line-height: 1.5
}

.edit_sale_page .header_nav_tools {
    line-height: 35px
}

.edit_sale_page.loading .loader {
    display: inline-block
}

.edit_sale_page.loading .buttons a {
    display: none
}

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

.edit_sale_page form .form_errors {
    margin: 0
}

.edit_sale_page form.readonly {
    position: relative;
    pointer-events: none
}

.edit_sale_page form.readonly:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: var(--itchio_white_back);
    opacity: 0.65
}

.edit_sale_page .loader {
    display: none
}

.edit_sale_page .input_group {
    margin-bottom: 40px
}

.edit_sale_page .input_group h2 {
    margin-bottom: 0
}

.edit_sale_page .input_group p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 600px
}

.edit_sale_page .input_group > .input_row:last-child {
    margin-bottom: 0
}

.edit_sale_page .input_row {
    margin-bottom: 25px
}

.edit_sale_page .bundle_input_row .custom_bundle_price_toggle {
    margin: 10px 0
}

.edit_sale_page .bundle_input_row .custom_bundle_price_toggle input {
    margin-right: 10px
}

.edit_sale_page .duration_row .date_inputs {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.edit_sale_page .duration_row .duration_label {
    color: var(--itchio_body_color_light)
}

.edit_sale_page .rate_row .inner_toggle {
    margin-top: 8px
}

.edit_sale_page .rate_row .inner_toggle label {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 4px 8px;
    display: inline-block;
    border-radius: 2px
}

.edit_sale_page .rate_row .inner_toggle label:hover {
    background-color: var(--itchio_gray_back)
}

.edit_sale_page .rate_row .inner_toggle input {
    margin-left: 0
}

.edit_sale_page .rate_row .rate_slider_outer {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    margin: 10px 20px 10px 0
}

.edit_sale_page .rate_row .rate_value {
    font-size: 24px
}

.edit_sale_page .game_list {
    margin: 20px 0;
    width: 550px
}

.edit_sale_page .game_list .warning {
    color: #D14343
}

.edit_sale_page .game_list .game_row {
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    display: block
}

.edit_sale_page .game_list .game_row > * {
    line-height: 30px
}

.edit_sale_page .game_list .game_row input {
    margin-right: 6px
}

.edit_sale_page .game_list .game_row .game_title {
    margin-right: 10px
}

.edit_sale_page .game_list .game_row .game_price {
    color: var(--itchio_body_color_light)
}

.edit_sale_page .game_list .game_row:not(.disabled):hover {
    background-color: var(--itchio_gray_back);
    border-radius: 3px;
    cursor: pointer
}

.edit_sale_page .game_list .game_row.disabled {
    cursor: not-allowed
}

.edit_sale_page .game_list .game_row.disabled .game_title {
    color: var(--itchio_body_color_light)
}

.edit_sale_page .game_list .game_row.disabled .game_price {
    color: var(--itchio_body_color_lighter)
}

.edit_sale_page .redactor-box {
    width: 540px
}

.edit_sale_page .sale_conditions .condition_rows {
    margin-bottom: 20px
}

.edit_sale_page .sale_conditions .condition_rows:empty {
    display: none
}

.edit_sale_page .sale_conditions .condition_row {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5
}

.edit_sale_page .sale_conditions .condition_row:last-child {
    margin-bottom: 0
}

.edit_sale_page .sale_conditions .condition_row .forms_simple_select_widget {
    box-sizing: border-box;
    margin: 0 10px;
    width: 240px
}

.edit_sale_page .coupon_drop .random_coupon_btn {
    border: 0;
    background: transparent;
    color: var(--itchio_body_color_gray);
    line-height: 16px;
    padding: 0px 6px;
    cursor: pointer
}

.edit_sale_page .coupon_drop .random_coupon_btn:hover {
    color: var(--itchio_body_color)
}

.edit_sale_page .coupon_drop .joint_input_row {
    display: flex;
    align-items: center
}

.edit_sale_page .coupon_drop .joint_input_row > :first-child {
    margin-right: 15px
}

.edit_sale_page .coupon_drop .joint_input_row .input_row {
    margin-bottom: 0
}

.edit_sale_page .coupon_drop .joint_input_row input[type='text'] {
    width: 265px;
    box-sizing: border-box;
    margin-bottom: 0
}

.edit_sale_page .coupon_drop .coupon_error {
    color: #D14343;
    font-weight: bold
}

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

.email_list_subscribe_page .padded > :first-child {
    margin-top: 0
}

.email_list_subscribe_page .padded > :last-child {
    margin-bottom: 0
}

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

.email_list_subscribe_page p .icon {
    margin-right: 8px;
    color: #66B355;
    vertical-align: 0px
}

@media (max-width: 650px) {
    .email_list_subscribe_page .padded {
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.email_list_subscribe_page .subscription_status {
    background-color: var(--itchio_gray_back);
    padding: 20px
}

@media (max-width: 650px) {
    .email_list_subscribe_page .subscription_status {
        padding: 10px
    }
}

.email_list_subscribe_page .footer_unsub {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    font-size: 14px;
    padding: 20px 40px
}

.email_list_subscribe_page .footer_unsub form {
    display: inline-block;
    margin-left: 10px
}

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

@media (max-width: 650px) {
    .error_page p, .error_page li {
        font-size: 14px;
        line-height: 1.3
    }
}

.event_page {
    overflow: hidden
}

.event_page .breadcrumbs {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.5;
    list-style: none;
    padding: 0
}

@media (max-width: 650px) {
    .event_page .breadcrumbs {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.event_page .breadcrumbs > * {
    display: inline-block;
    color: var(--itchio_body_color_light);
    margin: 0
}

.event_page .breadcrumbs > *:not(:last-child):after {
    content: " > ";
    display: inline-block;
    margin: 0 5px
}

.event_page .event_columns {
    display: flex;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px
}

@media (max-width: 650px) {
    .event_page .event_columns {
        margin-top: 0;
        padding: 10px 0
    }
}

.event_page .event_columns .event_row {
    font-size: 16px
}

.event_page .event_columns .event_column {
    flex: 1;
    min-width: 0
}

.event_page .event_columns .itchio_column {
    width: 230px;
    margin-left: 20px
}

@media (max-width: 1000px) {
    .event_page .event_columns .itchio_column {
        display: none
    }
}

@media (max-width: 650px) {
    .event_page .event_columns .event_list {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: var(--itchio_border_color)
    }
}

@media (max-width: 650px) {
    .event_page .event_columns h1 {
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.event_page .aside_box {
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 20px;
    background: white;
    border: 1px solid;
    border-color: var(--itchio_border_color)
}

.event_page .aside_box h3 {
    font-size: 14px;
    margin: 0;
    padding: 10px 15px;
    background-color: var(--itchio_gray_back)
}

.event_page .aside_box p {
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin: 6px 15px 10px 15px;
    line-height: 1.6
}

.event_page .aside_box p a {
    color: var(--itchio_body_color_med)
}

.event_page .itchio_tips ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3
}

.event_page .itchio_tips ul li {
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

.event_page .itchio_tips ul li:last-child {
    margin-bottom: 0
}

.event_page .itchio_tips .bottom_links a {
    color: var(--itchio_body_color_light);
    font-size: 14px
}

.event_page .itchio_tips .topic_score {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 4px;
    min-width: 20px;
    background: #dbdbdb;
    text-align: center;
    margin-right: 10px
}

.dark_theme .event_page .itchio_tips .topic_score {
    background: rgba(255, 255, 255, 0.1)
}

.event_page .related_games h2 {
    margin: 40px 0 20px 0;
    font-size: 18px
}

@media (max-width: 650px) {
    .event_page .related_games h2 {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (max-width: 650px) {
    .event_page .related_games .game_grid_widget {
        margin-left: 10px;
        margin-right: 10px
    }
}

.events_page.loading .event_loader .on_loading {
    display: block
}

.events_page.loading .event_loader .next_page {
    display: none
}

.events_page .event_loader {
    border-top: 2px solid;
    border-color: var(--itchio_border_color);
    text-align: center;
    color: var(--itchio_body_color_light);
    padding: 10px;
    font-size: 16px
}

html:not([dir=rtl]) .events_page .event_loader .loader {
    margin-right: 10px
}

html[dir=rtl] .events_page .event_loader .loader {
    margin-left: 10px
}

.events_page .event_row {
    position: relative;
    margin-bottom: 20px;
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

@media print {
    .events_page .event_row {
        box-shadow: none;
        border: none
    }
}

.dark_theme .events_page .event_row {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

@media (max-width: 650px) {
    .events_page .event_row {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        border-top: 1px solid;
        border-color: var(--itchio_border_color)
    }

    .events_page .event_row:first-child {
        border-top: 0
    }
}

.events_page .event_row.has_like .event_header .like_count {
    opacity: 1;
    width: auto
}

html:not([dir=rtl]) .events_page .event_row.has_like .event_header .like_count {
    margin-right: 6px
}

html[dir=rtl] .events_page .event_row.has_like .event_header .like_count {
    margin-left: 6px
}

.events_page .event_row .event_header {
    margin-bottom: 20px;
    padding: 10px 15px 10px 20px;
    background-color: var(--itchio_gray_back);
    border-radius: 3px 3px 0 0;
    min-height: 45px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

@media (max-width: 650px) {
    .events_page .event_row .event_header {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px
    }
}

.events_page .event_row .event_header .source_user_avatar {
    width: 25px;
    height: 25px;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px
}

.events_page .event_row .event_header .like_group {
    display: flex;
    align-items: center
}

.events_page .event_row .event_header .event_tools {
    color: var(--itchio_body_color_light);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px
}

@media (max-width: 650px) {
    .events_page .event_row .event_header .event_tools {
        display: none
    }
}

.events_page .event_row .event_header a {
    color: var(--itchio_body_color_light)
}

.events_page .event_row .event_header button.follow_button_widget {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    height: 25px;
    line-height: 23px
}

.events_page .event_row .event_header button.follow_button_widget.is_following:not(:hover) {
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light)
}

.events_page .event_row .event_header .event_user_action {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px
}

.events_page .event_row .event_header .event_user_action strong {
    color: var(--itchio_body_color_med)
}

.events_page .event_row .event_header .like_count {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.2s ease, margin 0.2s ease;
    width: 0
}

.events_page .event_row .event_header .action_btn {
    transition: all 0.1s ease;
    text-decoration: none
}

.events_page .event_row .event_header .action_btn:not(.disabled) {
    cursor: pointer
}

.events_page .event_row .event_header .action_btn:not(.disabled):hover {
    color: #797979
}

.events_page .event_row .event_header .action_btn:not(.disabled):active {
    color: #464646
}

.dark_theme .events_page .event_row .event_header .action_btn:not(.disabled):hover {
    color: #c5c5c5
}

.dark_theme .events_page .event_row .event_header .action_btn:not(.disabled):active {
    color: #929292
}

.events_page .event_row .event_header .like_btn {
    position: relative;
    z-index: 2
}

.events_page .event_row .event_header .like_btn.liked {
    color: #FF2449
}

.events_page .event_row .event_header .like_btn.liked:hover {
    color: #ff5773
}

.events_page .event_row .event_header .like_btn.liked:active {
    color: #f00029
}

.events_page .event_row .star_picker {
    margin-top: 11px
}

.events_page .event_row .video_embed_widget {
    margin: 15px 0
}

.events_page .event_row .object_title_row {
    margin-bottom: 2px
}

.events_page .event_row .object_title {
    font-size: 18px;
    font-weight: bold;
    color: var(--itchio_body_color);
    text-decoration: none
}

@media (max-width: 650px) {
    .events_page .event_row .object_title {
        font-size: 16px
    }
}

.events_page .event_row .object_summary {
    line-height: 1.5;
    margin: 10px 0
}

.events_page .event_row .object_summary.rating_blurb {
    margin-top: 0
}

.events_page .event_row .object_summary.rating_blurb > :first-child {
    margin-top: 0
}

.events_page .event_row .object_tags {
    line-height: 1.5;
    margin: 15px 0 20px 0
}

@media (max-width: 650px) {
    .events_page .event_row .object_tags {
        font-size: 14px
    }
}

.events_page .event_row .object_tags .tag {
    color: var(--itchio_body_color_lighter);
    display: inline-block;
    text-decoration: none
}

html:not([dir=rtl]) .events_page .event_row .object_tags .tag {
    margin-right: 10px
}

html[dir=rtl] .events_page .event_row .object_tags .tag {
    margin-left: 10px
}

.events_page .event_row .object_tags .tag.featured_tag {
    color: #a46d76
}

.dark_theme .events_page .event_row .object_tags .tag.featured_tag {
    color: #a26b74
}

.events_page .event_row .object_tags .tag:hover {
    text-decoration: underline
}

.events_page .event_row .object_short_summary {
    line-height: 1.5;
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.events_page .event_row .object_short_summary a {
    color: inherit
}

.events_page .event_row .game_content {
    font-size: 16px;
    line-height: 1.4;
    margin: 15px 0 20px 0
}

@media (max-width: 650px) {
    .events_page .event_row .game_content {
        font-size: 14px
    }
}

.events_page .event_row .event_time {
    color: var(--itchio_body_color_light);
    font-style: italic;
    text-decoration: none;
    white-space: nowrap
}

.events_page .event_row .event_time:hover {
    text-decoration: underline
}

.events_page .event_row .event_content {
    *zoom: 1;
    padding: 0 20px 20px 20px
}

.events_page .event_row .event_content:before, .events_page .event_row .event_content:after {
    content: " ";
    display: table
}

.events_page .event_row .event_content:after {
    clear: both
}

@media (max-width: 650px) {
    .events_page .event_row .event_content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.events_page .event_row .event_content .event_main_content > :first-child {
    margin-top: 0
}

.events_page .event_row .event_content .event_main_content > :last-child {
    margin-bottom: 0
}

.events_page .event_row .event_content.has_side_content .event_main_content {
    margin-left: 345px
}

@media (max-width: 1200px) {
    .events_page .event_row .event_content.has_side_content .event_main_content {
        margin-left: 280px
    }
}

@media (max-width: 650px) {
    .events_page .event_row .event_content.has_side_content .event_main_content {
        margin: 0
    }
}

.events_page .event_row .event_side_content {
    float: left
}

.events_page .event_row .event_side_content .game_grid_widget .game_cell {
    margin: 0
}

.events_page .event_row .event_side_content .game_grid_widget .game_thumb {
    width: 315px;
    height: 250px
}

@media (max-width: 1200px) {
    .events_page .event_row .event_side_content .game_grid_widget .game_thumb {
        width: 250px;
        height: 198px
    }
}

@media (max-width: 650px) {
    .events_page .event_row .event_side_content {
        float: none;
        margin-bottom: 10px
    }

    .events_page .event_row .event_side_content .game_grid_widget .game_cell {
        display: block
    }

    .events_page .event_row .event_side_content .game_grid_widget .thumb_link {
        display: block
    }

    .events_page .event_row .event_side_content .game_grid_widget .game_thumb {
        width: auto;
        padding-bottom: 79.3650793651%;
        height: 0
    }
}

.events_page .event_row .image_wrapper {
    display: block
}

.events_page .event_row .image_list {
    margin-top: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    display: flex
}

.events_page .event_row .image_list .image_col {
    width: 50%;
    max-width: 270px;
    flex: 1
}

html:not([dir=rtl]) .events_page .event_row .image_list .image_col {
    margin-right: 10px
}

html[dir=rtl] .events_page .event_row .image_list .image_col {
    margin-left: 10px
}

html:not([dir=rtl]) .events_page .event_row .image_list .image_col:last-child {
    margin-right: 0
}

html[dir=rtl] .events_page .event_row .image_list .image_col:last-child {
    margin-left: 0
}

.events_page .event_row .image_list img {
    box-sizing: border-box;
    max-width: 100%;
    max-height: 250px;
    display: block;
    border: 0;
    padding: 0;
    margin: auto;
    margin-bottom: 10px
}

.events_page .event_row .image_list img:last-child {
    margin-bottom: 0
}

@media (max-width: 650px) {
    .events_page .event_row .image_list {
        overflow-x: auto;
        display: block;
        white-space: nowrap
    }

    .events_page .event_row .image_list .image_col {
        display: inline-block;
        vertical-align: top;
        max-width: none;
        width: auto
    }

    .events_page .event_row .image_list img {
        display: inline-block;
        vertical-align: top;
        max-width: none
    }

    html:not([dir=rtl]) .events_page .event_row .image_list img {
        margin-right: 10px
    }

    html[dir=rtl] .events_page .event_row .image_list img {
        margin-left: 10px
    }

    html:not([dir=rtl]) .events_page .event_row .image_list img:last-child {
        margin-right: 0
    }

    html[dir=rtl] .events_page .event_row .image_list img:last-child {
        margin-left: 0
    }
}

.events_page .event_row .uploads_summary, .events_page .event_row .images_summary {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    color: var(--itchio_body_color_med);
    margin-bottom: 5px
}

.events_page .event_row .upload_list_widget {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 15px;
    overflow: auto;
    max-height: 200px
}

.events_page .event_row .upload_list_widget .upload {
    margin-bottom: 5px;
    padding: 0
}

.events_page .event_row .upload_list_widget .upload:last-child {
    margin-bottom: 0
}

.events_page .event_row .upload_list_widget .upload:hover {
    background: transparent;
    box-shadow: none
}

.events_page .event_row .upload_list_widget .upload .build_row {
    font-size: 14px
}

.events_page .event_row .upload_list_widget .file_size {
    white-space: nowrap
}

.events_page .event_row .upload_list_widget .upload_name > * {
    font-size: 14px
}

.events_page .event_row .button_row {
    margin-top: 15px
}

.events_page .event_row .button_row .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    padding-left: 20px;
    padding-right: 20px
}

.events_page .event_row .button_row .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.events_page .event_row .button_row .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.events_page .event_row .button_row .outline_button .icon {
    font-size: 10px;
    margin-left: 8px
}

.events_page .event_row .event_main_content .game_grid_widget {
    margin-top: 17px;
    grid-template-columns:repeat(4, 1fr)
}

.events_page .event_row .event_main_content .game_grid_widget.few_items {
    grid-template-columns:repeat(2, 1fr)
}

.events_page .event_row .event_main_content .game_grid_widget.few_items .game_cell {
    display: flex;
    gap: 10px;
    align-items: flex-start
}

.events_page .event_row .event_main_content .game_grid_widget.few_items .game_cell .game_text {
    white-space: normal
}

.events_page .event_row .event_main_content .game_grid_widget.few_items .game_cell > * {
    flex: 1;
    min-width: 0
}

.events_page .event_row .event_main_content .game_grid_widget.few_items .game_cell .game_cell_data {
    margin-top: 0
}

@media (max-width: 650px) {
    .events_page .event_row .event_main_content .game_grid_widget {
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        margin-left: -10px;
        margin-right: -10px;
        overflow-x: auto;
        padding: 10px 10px;
        grid-template-columns:repeat(2, 1fr);
        grid-auto-flow: column
    }

    .events_page .event_row .event_main_content .game_grid_widget > * {
        width: 40vw;
        flex: none
    }

    .events_page .event_row .event_main_content .game_grid_widget.few_items > * {
        width: 80vw
    }
}

.feed_page {
    font-size: 16px
}

.feed_page .discord_banner {
    display: flex;
    align-items: center;
    background: #A287C0;
    color: white;
    padding: 20px;
    font-size: 18px;
    border-radius: 2px;
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .feed_page .discord_banner {
        display: none
    }
}

.feed_page .discord_banner > * {
    margin-right: 10px
}

.feed_page .discord_banner > *:last-child {
    margin-right: 0
}

.feed_page .discord_banner img {
    opacity: 0.7;
    position: relative;
    top: 3px;
    filter: invert(100%)
}

.feed_page .discord_banner .text {
    flex: 1
}

.feed_page .discord_banner .button.outline {
    color: white;
    border-color: white
}

.feed_page .discord_banner .close_button {
    cursor: pointer;
    border: 0;
    background: 0;
    padding: 3px;
    border-radius: 2px
}

.feed_page .discord_banner .close_button:hover {
    background: white
}

.feed_page .discord_banner .close_button:hover > svg {
    color: #A287C0
}

.feed_page .discord_banner .close_button > svg {
    display: block;
    color: white
}

.feed_page .feed_header {
    background-color: var(--itchio_white_back);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .feed_page .feed_header {
        margin-bottom: 0
    }
}

.feed_page .empty_content, .feed_page .alt_content_notify {
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: var(--itchio_body_color_light);
    margin: 20px auto 30px auto;
    max-width: 600px
}

.feed_page .empty_content .sub, .feed_page .alt_content_notify .sub {
    font-size: 16px;
    margin: 10px auto 0 auto
}

.feed_page .page_notification {
    color: var(--itchio_body_color_light);
    margin: 0 0 20px 0
}

.feed_page .page_notification a {
    color: inherit
}

.feed_page .alt_content_notify {
    max-width: none;
    background-color: var(--itchio_gray_back);
    margin-top: 0;
    padding: 20px 0
}

.feed_page .column_outer {
    display: flex;
    max-width: 1200px;
    min-width: 980px;
    margin: 0 auto;
    gap: 20px
}

@media (max-width: 1200px) {
    .feed_page .column_outer {
        max-width: 960px
    }
}

@media (max-width: 650px) {
    .responsive .feed_page .column_outer {
        min-width: 0
    }
}

.feed_page .feed_column {
    flex: 1;
    min-width: 0
}

.feed_page .right_column {
    width: 280px
}

@media (max-width: 1200px) {
    .feed_page .right_column {
        width: 250px
    }
}

@media (max-width: 650px) {
    .feed_page .right_column {
        display: none
    }
}

.feed_page .right_column p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 10px 0
}

.feed_page .right_column h3 {
    margin: 0 0 10px 0
}

.feed_page .right_column .outline_button {
    box-sizing: border-box;
    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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med)
}

.feed_page .right_column .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.feed_page .right_column .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.feed_page .right_column .mega_notification {
    transition: background 0.2s ease;
    display: block;
    background: #FF2449;
    color: white;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    text-decoration: none
}

.feed_page .right_column .mega_notification:hover {
    background: #ff3356
}

.feed_page .right_column .mega_notification .mega_notification_head {
    font-weight: bold;
    margin-bottom: 5px
}

.feed_page .featured_tags_outer {
    margin-bottom: 20px
}

.feed_page .featured_tags_outer .see_all_link {
    color: var(--itchio_body_color_light)
}

.feed_page .featured_tags_outer .featured_tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px
}

.feed_page .stat_header_widget {
    max-width: 1200px;
    margin: 0 auto;
    border: 0
}

.feed_page .stat_header_widget .manage_games_btn .icon {
    margin-right: 5px
}

.feed_page .stat_header_widget .header_tabs {
    flex: 1;
    padding: 0;
    margin: 0
}

@media (max-width: 1200px) {
    .feed_page .stat_header_widget .manage_games_btn {
        display: none
    }
}

@media (max-width: 650px) {
    .feed_page .stat_header_widget .hide_on_short {
        display: none
    }
}

.feed_page .header_nav {
    border: 0;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 0 10px
}

.feed_page .header_nav > .header_nav_tabs {
    max-width: 1200px;
    margin: 0 auto
}

.feed_page .users_to_follow .dismiss_btn, .feed_page .games_to_rate .dismiss_btn {
    font-size: 12px;
    color: var(--itchio_body_color_lighter)
}

.feed_page .games_to_rate {
    margin-top: 15px
}

.feed_page .games_to_rate .game_to_rate {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start
}

.feed_page .games_to_rate .game_to_rate .to_rate_content {
    flex: 1;
    min-width: 0
}

html:not([dir=rtl]) .feed_page .games_to_rate .game_to_rate .to_rate_content {
    margin-left: 10px
}

html[dir=rtl] .feed_page .games_to_rate .game_to_rate .to_rate_content {
    margin-right: 10px
}

.feed_page .games_to_rate .game_to_rate.rated .dismiss_btn {
    display: none
}

.feed_page .games_to_rate .game_to_rate.rated .rate_game_btn .after_rate {
    display: inline
}

.feed_page .games_to_rate .game_to_rate.rated .rate_game_btn .before_rate {
    display: none
}

.feed_page .games_to_rate img {
    display: block;
    margin-top: 4px;
    width: 80px;
    height: 63px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .feed_page .games_to_rate img {
    box-shadow: none
}

.feed_page .games_to_rate .game_title {
    font-size: 16px
}

.feed_page .games_to_rate .game_title a {
    text-decoration: none;
    font-weight: bold;
    color: var(--itchio_body_color)
}

.feed_page .games_to_rate .game_author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-top: 2px
}

.feed_page .games_to_rate .game_author a {
    color: var(--itchio_body_color_light)
}

.feed_page .games_to_rate .rate_row {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.feed_page .games_to_rate .rate_game_btn {
    cursor: pointer
}

.feed_page .games_to_rate .rate_game_btn .after_rate {
    display: none
}

.feed_page .users_to_follow_outer {
    margin-top: 40px
}

.feed_page .users_to_follow .user_to_follow {
    margin-bottom: 20px
}

.feed_page .users_to_follow .user_info {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.feed_page .users_to_follow .user_info > :nth-child(2) {
    flex: 1;
    min-width: 0
}

.feed_page .users_to_follow .user_avatar {
    margin-top: 2px;
    width: 35px;
    height: 35px;
    background: var(--itchio_border_color);
    border-radius: 3px
}

.feed_page .users_to_follow .follow_row {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px
}

.feed_page .users_to_follow .follow_row button.follow_button_widget {
    height: 25px;
    line-height: 23px;
    text-shadow: none;
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_light);
    border-color: var(--itchio_border_color)
}

.feed_page .users_to_follow .user_name {
    font-size: 16px
}

.feed_page .users_to_follow .user_name a {
    font-weight: bold;
    color: var(--itchio_body_color);
    text-decoration: none
}

.feed_page .users_to_follow .user_games {
    margin-top: 2px;
    font-size: 14px;
    color: var(--itchio_body_color_lighter)
}

.feed_page .users_to_follow .user_games a {
    color: var(--itchio_body_color_light)
}

.feed_page .games_column .game_cell {
    width: 280px
}

.feed_page .games_column .game_cell .game_thumb {
    width: 280px;
    height: 222px
}

.followers_base_page .empty_content {
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: var(--itchio_body_color_light);
    margin: 20px 0
}

.followers_base_page .follow_row {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 8px
}

.followers_base_page .follow_row:nth-child(2n) {
    background-color: var(--itchio_gray_back)
}

.followers_base_page .follow_row .name_col {
    margin: 0 20px;
    flex: 1
}

.followers_base_page .follow_row .follow_date {
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin-top: 4px
}

.followers_base_page .follow_row img, .followers_base_page .follow_row .image_placeholder {
    width: 35px;
    height: 35px
}

.followers_base_page .follow_row .image_placeholder {
    background: var(--itchio_border_color);
    opacity: 0.8
}

.followers_base_page .follow_row .follows_you {
    color: var(--itchio_body_color_lighter);
    margin-right: 20px
}

.followers_base_page .pager:first-child {
    margin: 0 0 20px 0
}

.followers_base_page .pager:last-child {
    margin: 20px 0 0 0
}

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

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

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

.game_collections_page .loader {
    display: none
}

.game_collections_page form {
    margin-top: 20px
}

.game_collections_page form.loading .loader {
    display: block;
    margin: 15px auto 0 auto
}

.game_collections_page form .collection_name_input {
    margin: 10px 0 0 0
}

.game_collections_page .already_in {
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    list-style: none
}

.game_collections_page .already_in .sub {
    color: var(--itchio_body_color_light);
    margin-left: 5px
}

.game_collections_page .collection_option {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding-bottom: 20px
}

.game_collections_page .collection_option:first-child {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding-top: 15px
}

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

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

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

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

    .game_collections_page .buttons .right_buttons {
        display: none
    }
}

.game_community_page .game_sub_text {
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin: 2px 0 0 0
}

.game_community_page .devlogs {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.game_community_page .devlogs h2 {
    margin: 15px 40px 0 40px;
    font-size: 16px
}

@media (max-width: 650px) {
    .game_community_page .devlogs h2 {
        margin-left: 20px;
        margin-right: 20px
    }
}

.game_community_page .devlogs .blog_post_grid_widget {
    padding: 10px 20px 15px 40px;
    white-space: nowrap;
    overflow: auto
}

@media (max-width: 650px) {
    .game_community_page .devlogs .blog_post_grid_widget {
        padding-left: 20px;
        padding-right: 20px
    }
}

.game_community_page .devlogs .blog_post_grid_widget > .blog_post {
    white-space: normal;
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-right: 40px
}

@media (max-width: 650px) {
    .game_community_page .devlogs .blog_post_grid_widget > .blog_post {
        margin-right: 20px
    }

    .game_community_page .devlogs .blog_post_grid_widget > .blog_post .post_title a {
        font-size: 16px
    }
}

.game_development_tools_page .browse_columns .browse_sidebar {
    background-color: var(--itchio_gray_back);
    width: 260px
}

.game_development_tools_page .browse_columns .browse_sidebar h2 {
    display: flex;
    align-items: center
}

.game_development_tools_page .browse_columns .browse_sidebar h2 .clear_filter {
    flex: 1;
    display: flex;
    align-items: center;
    color: var(--itchio_body_color_light);
    justify-content: flex-end;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    text-decoration: none
}

.game_development_tools_page .browse_columns .browse_sidebar h2 .clear_filter .svgicon {
    margin-right: 3px;
    margin-top: 2px
}

.game_development_tools_page .browse_columns .browse_sidebar h2 .clear_filter:hover {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49);
    text-decoration: underline
}

.game_development_tools_page .browse_columns .browse_sidebar .link_list {
    list-style: none;
    margin: 0 20px;
    padding: 0
}

.game_development_tools_page .browse_columns .browse_sidebar .link_list li {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    font-size: 14px
}

.game_development_tools_page .browse_columns .browse_sidebar .link_list li a {
    display: block;
    color: var(--itchio_body_color);
    text-decoration: none
}

.game_development_tools_page .browse_columns .browse_sidebar .link_list li a:hover:not(.active) {
    color: #da2c49;
    text-decoration: underline
}

.game_development_tools_page .browse_columns .browse_sidebar .link_list li a.active {
    font-weight: bold;
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.game_development_tools_page .contribute {
    margin: 20px
}

.game_development_tools_page .contribute h3 {
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: bold
}

.game_development_tools_page .contribute h3 .svgicon {
    margin-right: 5px
}

.game_development_tools_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light);
    margin: 20px
}

.game_development_tools_page .tools_grid {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 40px 20px;
    list-style: none;
    margin: 0;
    padding: 0 20px 40px 20px
}

@media (max-width: 650px) {
    .game_development_tools_page .tools_grid {
        padding-top: var(--itchio_gutter_width, 40px);
        padding-left: var(--itchio_gutter_width, 40px);
        padding-right: var(--itchio_gutter_width, 40px)
    }
}

.game_development_tools_page .tools_grid > * {
    padding: 0;
    margin: 0
}

.game_development_tools_page .tools_grid .tool_project_preview {
    --img-width: 100px;
    --img-height: 80px;
    display: flex;
    align-items: center;
    background-color: var(--itchio_gray_back);
    overflow: hidden;
    position: relative;
    margin: 0 -10px 0 -10px;
    height: var(--img-height);
    max-width: 420px
}

.game_development_tools_page .tools_grid .tool_project_preview img {
    background-color: var(--itchio_white_back);
    display: block;
    min-width: var(--img-width);
    width: var(--img-width);
    height: var(--img-height);
    margin-left: -20px;
    box-shadow: 0 0 10px black
}

.game_development_tools_page .tools_grid .tool_project_preview img:not([src]) {
    visibility: hidden
}

.game_development_tools_page .tools_grid .tool_project_preview img:first-child {
    margin-left: 0
}

@media (max-width: 650px) {
    .game_development_tools_page .tools_grid .tool_project_preview {
        max-width: 320px;
        --img-width: 80px;
        --img-height: 60px
    }
}

.game_development_tools_page .tools_grid .tool_cell {
    display: flex;
    gap: 10px;
    font-size: 14px;
    min-height: 70px
}

.game_development_tools_page .tools_grid .tool_cell .tool_icon {
    width: 80px;
    height: 80px;
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    justify-content: center
}

.game_development_tools_page .tools_grid .tool_cell .tool_icon a {
    color: inherit
}

.game_development_tools_page .tools_grid .tool_cell .tool_summary {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.game_development_tools_page .tools_grid .tool_cell .tool_summary > * {
    margin: 0
}

.game_development_tools_page .tools_grid .tool_cell .short_text {
    line-height: 1.5
}

.game_development_tools_page .tools_grid .tool_cell .itchio_link {
    display: flex;
    align-items: center;
    line-height: 1.5
}

.game_development_tools_page .tools_grid .tool_cell .itchio_link .svgicon {
    fill: var(--itchio_body_color_light);
    margin-right: 2px;
    width: 18px
}

.game_development_tools_page .tools_grid .tool_cell .itchio_link a {
    color: var(--itchio_body_color_med)
}

.game_development_tools_page .tools_grid .tool_cell .tool_link {
    color: var(--itchio_body_color_light);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5
}

.game_development_tools_page .tools_grid .tool_cell .tool_link .svgicon {
    margin-right: 2px;
    vertical-align: middle;
    width: 18px
}

.game_development_tools_page .tools_grid .tool_cell .tool_link a {
    color: var(--itchio_body_color_med)
}

.game_development_tools_page .tools_grid .tool_cell .games_count {
    margin-top: auto;
    color: var(--itchio_body_color_light)
}

.game_development_tools_page .tools_grid .tool_cell .games_count a {
    color: inherit;
    text-decoration: none
}

.game_development_tools_page .tools_grid .tool_cell .games_count a:hover {
    text-decoration: underline
}

.game_development_tools_page .tools_grid .tool_cell .tool_title {
    font-weight: bold;
    font-size: 18px
}

.game_development_tools_page .tools_grid .tool_cell .tool_title a {
    text-decoration: none
}

.game_distribute_base_page .tab_column {
    padding: 10px 0
}

.game_distribute_base_page .content_column {
    padding: 30px 40px
}

.game_distribute_base_page .tab_column .tab_btn {
    text-decoration: none
}

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

.game_download_nda_page p:first-child {
    margin-top: 0
}

.game_download_nda_page .nda_embed {
    display: block;
    width: 100%;
    background: white;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    height: 600px;
    margin: 40px auto
}

.game_download_nda_page .nda_form .inputs_group {
    display: flex
}

.game_download_nda_page .nda_form .inputs_group .input_row {
    margin-bottom: 0;
    margin-right: 20px
}

.game_download_nda_page .nda_form .inputs_group .input_row:last-child {
    margin-right: 0
}

.game_download_nda_page .nda_form .inputs_group .input_row input[type=text], .game_download_nda_page .nda_form .inputs_group .input_row input[type=email] {
    width: 230px;
    margin-bottom: 0
}

.game_download_nda_page .nda_form .inputs_group .input_row .current_date {
    line-height: 35px;
    font-size: 16px;
    margin-top: 6px;
    color: var(--itchio_body_color_light)
}

.game_events_page .events_column {
    width: 960px;
    margin: 40px auto;
    font-size: 16px
}

.game_events_page .events_column .empty_content {
    text-align: center;
    font-size: 24px;
    color: #606060
}

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

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

.game_kickstarter_access_page .key_link {
    word-break: break-all;
    word-break: break-word
}

.game_kickstarter_access_page .columns > div > p {
    margin-top: 0
}

@media (max-width: 650px) {
    .game_kickstarter_access_page .columns {
        display: block
    }

    .game_kickstarter_access_page .columns > div:first-child {
        margin: 0;
        margin-bottom: 40px
    }
}

.game_kickstarter_access_page .game_cell {
    max-width: 315px
}

.game_password_page section {
    margin-bottom: 40px
}

.game_password_page section:last-child {
    margin-bottom: 0
}

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

.game_patreon_access_page p {
    font-size: 16px;
    line-height: 1.5;
    width: auto;
    max-width: auto
}

.game_patreon_access_page .columns > div > p {
    margin-top: 0
}

@media (max-width: 650px) {
    .game_patreon_access_page .columns {
        display: block
    }

    .game_patreon_access_page .columns > div:first-child {
        margin: 0;
        margin-bottom: 40px
    }
}

.game_patreon_access_page .game_cell {
    max-width: 315px
}

.game_recommendations_page .related_tags {
    color: var(--itchio_body_color_light);
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding: 5px var(--itchio_gutter_width, 40px)
}

.game_recommendations_page .related_tags .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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med)
}

.game_recommendations_page .related_tags .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.game_recommendations_page .related_tags .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

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

.game_takedown_page h2 {
    margin-bottom: 0
}

.game_takedown_page h3 {
    margin-top: 10px;
    font-weight: normal;
    color: var(--itchio_body_color_light);
    margin-bottom: 40px
}

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

.gift_success_page {
    padding-bottom: 20px
}

.grid_results_page .grid_loader {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.grid_results_page .grid_loader .on_loading {
    display: none
}

.grid_results_page .grid_loader .loader_spinner {
    width: 32px;
    height: 32px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 40px
}

.grid_results_page.loading .grid_loader .on_loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.grid_results_page.loading .grid_loader .next_page {
    display: none
}

.grid_results_page .social_buttons_widget {
    float: right;
    margin-top: 10px
}

.grid_results_page .warning_box {
    font-size: 16px;
    margin: 40px 0;
    padding: 25px 40px
}

.grid_results_page .warning_box *:last-child {
    margin-bottom: 0
}

.grid_results_page .warning_box h3 {
    font-size: 18px
}

.grid_results_page .warning_box p {
    max-width: 600px;
    line-height: 1.5
}

.grid_results_page .grid_header {
    *zoom: 1;
    background-color: var(--itchio_white_back);
    padding-bottom: 20px
}

.grid_results_page .grid_header:before, .grid_results_page .grid_header:after {
    content: " ";
    display: table
}

.grid_results_page .grid_header:after {
    clear: both
}

.grid_results_page .grid_header.has_filters {
    padding-bottom: 0px
}

.grid_results_page .grid_header .game_count, .grid_results_page .grid_header .current_page {
    font-weight: normal;
    color: var(--itchio_body_color);
    margin-left: 10px
}

.grid_results_page .grid_header > p {
    font-size: 16px;
    line-height: 1.5;
    margin: 15px var(--itchio_gutter_width, 40px)
}

.grid_results_page .grid_header h2 {
    font-size: 26px;
    margin: 20px var(--itchio_gutter_width, 40px) 0 var(--itchio_gutter_width, 40px)
}

.grid_results_page .grid_header h2 a {
    color: inherit
}

.grid_results_page .grid_header .header_right {
    color: var(--itchio_body_color_light);
    float: right;
    font-weight: normal
}

.grid_results_page .grid_header .sub_header, .grid_results_page .grid_header .search_description {
    margin: 15px var(--itchio_gutter_width, 40px) 0 var(--itchio_gutter_width, 40px);
    color: var(--itchio_body_color_gray);
    line-height: 1.5;
    font-size: 16px
}

.grid_results_page .grid_header .sub_header a:not(.button), .grid_results_page .grid_header .search_description a:not(.button) {
    color: var(--itchio_body_color_gray)
}

@media (max-width: 650px) {
    .responsive .grid_results_page .grid_header .sub_header, .responsive .grid_results_page .grid_header .search_description {
        font-size: 14px
    }
}

.grid_results_page .grid_header .search_description {
    color: var(--itchio_body_color_light)
}

.grid_results_page .grid_header .search_description a {
    color: #da2c49
}

.grid_results_page .grid_header .filters_label {
    font-size: 14px;
    margin: 30px var(--itchio_gutter_width, 40px) 5px var(--itchio_gutter_width, 40px);
    color: var(--itchio_body_color_lighter)
}

.grid_results_page .grid_header .filters_label a {
    color: inherit
}

.grid_results_page .grid_header .filters_row {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    display: flex;
    padding-left: 40px;
    gap: 20px
}

@media (max-width: 650px) {
    .grid_results_page .grid_header .filters_row {
        overflow-x: auto;
        padding-left: 10px;
        padding-right: 10px
    }
}

.grid_results_page .grid_header .filters_row .filter_group {
    display: flex;
    gap: 5px
}

.grid_results_page .grid_header .filters_row .filter_btn, .grid_results_page .grid_header .filters_row .filter_label {
    font-size: 16px;
    padding: 10px;
    white-space: nowrap
}

.grid_results_page .grid_header .filters_row .filter_label {
    padding: 10px 10px 10px 0;
    font-size: 14px;
    color: var(--itchio_body_color_lighter)
}

.grid_results_page .grid_header .filters_row .filter_btn {
    cursor: pointer;
    font-weight: bold;
    color: var(--itchio_body_color_med);
    text-decoration: none
}

.grid_results_page .grid_header .filters_row .filter_btn .icon {
    margin-right: 8px
}

.grid_results_page .grid_header .filters_row .filter_btn:hover {
    background: rgba(0, 0, 0, 0.05)
}

.dark_theme .grid_results_page .grid_header .filters_row .filter_btn:hover {
    background: rgba(255, 255, 255, 0.05)
}

.grid_results_page .grid_header .filters_row .filter_btn.active {
    box-shadow: inset 0 -2px 0 #FF2449
}

.grid_results_page .grid_outer {
    border-top: 1px solid;
    background-color: var(--itchio_white_back);
    border-color: var(--itchio_border_color);
    padding: 20px var(--itchio_gutter_width, 40px)
}

.grid_results_page .empty_message {
    font-size: 21px;
    padding: 180px var(--itchio_gutter_width, 40px);
    color: var(--itchio_body_color_light);
    text-align: center
}

.grid_results_page .empty_message .icon {
    vertical-align: middle;
    font-size: 130%;
    margin: 10px
}

.grid_results_page .empty_message a {
    margin-top: 20px
}

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

.imprints_claim_game_page .columns {
    display: flex
}

.imprints_claim_game_page .columns > :first-child {
    margin-right: 40px
}

.index_page.is_mobile .index_sidebar {
    overflow-y: auto
}

.index_page.in_app .index_sidebar, html[dir=rtl] .index_page .index_sidebar {
    left: auto;
    right: 0;
    padding-top: 15px
}

.index_page.in_app .index_sidebar .sidebar_search, .index_page.in_app .index_sidebar .short_title, html[dir=rtl] .index_page .index_sidebar .sidebar_search, html[dir=rtl] .index_page .index_sidebar .short_title {
    display: none
}

@media (max-width: 850px) {
    .index_page.in_app .index_sidebar, html[dir=rtl] .index_page .index_sidebar {
        padding-top: 60px;
        right: auto;
        left: -260px
    }
}

.index_page.in_app .main_column, html[dir=rtl] .index_page .main_column {
    margin-left: 0;
    margin-right: 260px
}

@media (max-width: 850px) {
    .index_page.in_app .main_column, html[dir=rtl] .index_page .main_column {
        margin-right: 0
    }
}

.index_page.sidebar_open .youtube_mobile_banner_widget {
    display: none
}

.index_page .footer {
    margin: 20px 0;
    padding: 20px 20px 0 20px;
    margin-left: 260px;
    text-shadow: none;
    font-size: 14px
}

html[dir=rtl] .index_page .footer {
    margin-right: 260px;
    margin-left: 0
}

.index_page .footer .primary a:hover {
    color: #ddd
}

@media (max-width: 850px) {
    .index_page .footer {
        margin-left: 0
    }
}

@media (max-width: 1100px) {
    .index_page .footer {
        font-size: 12px
    }
}

.index_page .buttons_header {
    position: relative;
    overflow: auto;
    height: 50px;
    box-sizing: border-box
}

@media (min-width: 650px) {
    .index_page .buttons_header {
        display: none
    }
}

.index_page .index_header_tabs {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 20px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.index_page .index_header_tabs > a {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 4px solid transparent;
    color: inherit;
    text-decoration: none;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.index_page .index_header_tabs > a.active, .index_page .index_header_tabs > a:hover {
    border-bottom: 4px solid #FF2449;
    color: #da2c49
}

.index_page .index_header_tabs .feed_bubble {
    position: absolute;
    top: 50%;
    right: 0%;
    pointer-events: none;
    margin-top: -20px;
    margin-right: -8px;
    font-size: 10px;
    text-transform: uppercase;
    background: #40434E;
    color: white;
    border-radius: 3px;
    white-space: nowrap;
    padding: 0px 4px 0px 4px;
    font-weight: bold;
    line-height: 15px;
    height: 15px
}

.index_page .anon_intro {
    font-size: 16px;
    padding: 15px var(--itchio_gutter_width, 40px);
    background-color: var(--itchio_gray_back);
    position: relative;
    z-index: 1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1)
}

.index_page .anon_intro strong {
    font-weight: 900
}

.index_page .anon_intro .action_buttons {
    display: block;
    margin-top: 15px;
    opacity: 0.8
}

@media (min-width: 1250px) {
    .index_page .anon_intro .action_buttons {
        display: inline-block;
        margin: 0;
        margin-left: 10px
    }
}

.index_page .see_all_games {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 20px 0
}

.index_page .see_all_games a {
    margin-left: 10px
}

html[dir=rtl] .index_page .see_all_games a {
    margin-right: 10px;
    margin-left: 0
}

.index_page .see_all_games a .icon {
    margin-left: 5px;
    position: relative;
    top: 1px
}

@media (max-width: 650px) {
    .index_page .see_all_games a {
        margin: 20px 20px 0 20px;
        display: block
    }
}

@media (max-width: 850px) {
    .index_page .sidebar_shroud {
        transition: opacity 0.2s ease;
        opacity: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 10;
        display: none
    }

    .index_page .sidebar_shroud.open {
        display: block
    }

    .index_page .sidebar_shroud.visible {
        opacity: 1
    }
}

.index_page .sidebar_social {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.index_page .sidebar_social .icon {
    font-size: 18px;
    display: block;
    vertical-align: -3px;
    text-decoration: none;
    color: inherit
}

.index_page .sidebar_social .icon:hover {
    color: #FF2449
}

.index_page .sidebar_social .get_app {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 3px;
    transition: all 0.2s ease
}

.index_page .sidebar_social .get_app:hover {
    color: #FF2449
}

.index_page .main_column {
    margin-left: 260px;
    overflow: hidden;
    background-color: var(--itchio_white_back)
}

@media (max-width: 850px) {
    .index_page .main_column {
        margin-left: 0
    }
}

@media (max-width: 1100px) {
    .index_page .main_column {
        --itchio_gutter_width: 20px;
        --itchio_game_section_gap: 20px;
        --itchio_initial_grid_width: 150px
    }
}

@media (max-width: 650px) {
    .index_page .main_column {
        --itchio_gutter_width: 10px
    }
}

.index_page .game_section {
    max-width: 1680px;
    margin-top: var(--itchio_game_section_gap, 40px);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 var(--itchio_gutter_width, 40px)
}

.index_page .game_section:empty {
    display: none
}

.index_page .game_section.solid {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--itchio_gray_back);
    box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.05)
}

@media (max-width: 850px) {
    .index_page .game_section.solid {
        box-shadow: none
    }
}

.index_page .game_section .featured_game_grid_widget {
    margin-top: 5px
}

.index_page .game_section .grid_footer_button {
    text-align: center
}

@media (max-width: 650px) {
    .index_page .game_section .grid_footer_button {
        font-size: 16px
    }
}

.index_page .index_sidebar {
    --itchio_gutter_width: 20px;
    box-sizing: border-box;
    z-index: 1;
    position: fixed;
    overflow: hidden;
    width: 260px;
    top: 50px;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: var(--itchio_gray_back)
}

@media (max-width: 650px) {
    .index_page .index_sidebar {
        --itchio_gutter_width: 10px
    }
}

.index_page .index_sidebar:hover {
    overflow-y: auto
}

.index_page .index_sidebar .scrolling_content {
    padding: 20px 0;
    width: 260px;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.index_page .index_sidebar h2 {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.index_page .index_sidebar .sidebar_browse {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.index_page .index_sidebar .sidebar_browse_group {
    padding: 0 var(--itchio_gutter_width)
}

.index_page .index_sidebar .sidebar_browse_group .browse_filters {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap
}

.index_page .index_sidebar .sidebar_browse_group .browse_filters a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 10px;
    box-sizing: border-box;
    min-height: 27px;
    width: 50%;
    color: inherit;
    opacity: 0.8;
    text-decoration: none
}

.index_page .index_sidebar .sidebar_browse_group .browse_filters a.wide {
    width: 100%
}

.index_page .index_sidebar .sidebar_browse_group .browse_filters a .icon {
    margin-right: 4px;
    opacity: 0.8;
    text-decoration: none
}

.index_page .index_sidebar .sidebar_browse_group .browse_filters a:hover {
    text-decoration: underline;
    color: #da2c49;
    opacity: 1
}

.index_page .index_sidebar .blog_post_section {
    padding: 0 var(--itchio_gutter_width)
}

.index_page .index_sidebar .blog_post_section h2 {
    color: inherit
}

.index_page .index_sidebar .blog_post_section ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.index_page .index_sidebar .blog_post_section p a {
    color: inherit;
    text-decoration: none;
    opacity: 0.8
}

.index_page .index_sidebar .blog_post_section p a:hover {
    text-decoration: underline;
    opacity: 1;
    color: #da2c49
}

.index_page .index_sidebar .blog_post_section .post_link {
    display: block;
    font-size: 14px;
    color: inherit;
    text-decoration: none;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.3;
    opacity: 0.8
}

.index_page .index_sidebar .blog_post_section .post_link .date {
    opacity: 0.5;
    float: right;
    margin-left: 15px
}

html[dir=rtl] .index_page .index_sidebar .blog_post_section .post_link .date {
    float: left;
    margin: 0 15px 0 0
}

.index_page .index_sidebar .blog_post_section .post_link:last-child {
    margin-bottom: 0
}

.index_page .index_sidebar .blog_post_section .post_link:hover {
    text-decoration: underline;
    opacity: 1;
    color: #da2c49
}

.index_page .index_sidebar .blog_post_section .post_link:hover .date {
    text-decoration: none
}

.index_page .index_sidebar .game_search {
    display: none;
    margin: 0 var(--itchio_gutter_width);
    z-index: 10
}

@media (max-width: 650px) {
    .index_page .index_sidebar .game_search {
        display: block
    }
}

.index_page .index_sidebar .game_search input[type=text] {
    transition: box-shadow 0.1s ease;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    padding: 8px 15px;
    opacity: 0.8;
    color: inherit;
    background-color: var(--itchio_white_back);
    border: none;
    border: 1px solid;
    border-color: var(--itchio_border_color)
}

.index_page .index_sidebar .game_search input[type=text]:focus, .index_page .index_sidebar .game_search input[type=text]:hover, .index_page .index_sidebar .game_search input[type=text]:active {
    opacity: 1
}

.index_page .index_sidebar .short_title {
    box-sizing: border-box;
    display: none;
    padding: 15px 20px 0 36px;
    height: 55px;
    margin-bottom: 15px
}

.index_page .index_sidebar .sidebar_close_btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 50px;
    line-height: 14px
}

@media (max-width: 850px) {
    .index_page .index_sidebar {
        left: -260px;
        z-index: 10;
        transition: left 0.2s ease
    }

    .index_page .index_sidebar.visible {
        left: 0
    }

    .index_page .index_sidebar .short_title {
        display: block
    }
}

.index_page .section_header {
    display: flex;
    align-items: center;
    gap: 20px
}

.index_page .section_header h2 {
    font-size: 20px;
    color: inherit;
    margin: 0;
    padding: 0
}

.index_page .section_header h2 .icon_sun {
    vertical-align: -4px;
    margin-right: 5px
}

@media (max-width: 650px) {
    .index_page .section_header h2 {
        font-size: 16px
    }
}

.index_page .section_header .button {
    height: 28px;
    line-height: 28px
}

@media (max-width: 650px) {
    .index_page .section_header h2 {
        font-size: 16px;
        flex: 1
    }
}

.index_page .section_description {
    margin: 0;
    font-size: 16px;
    color: var(--itchio_body_color_light)
}

@media (max-width: 650px) {
    .index_page .section_description {
        font-size: 14px
    }
}

.index_page .section_description a {
    color: inherit
}

.index_page .cube {
    position: relative;
    width: 200px;
    height: 210px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% 100px;
    -moz-perspective-origin: 50% 100px;
    -ms-perspective-origin: 50% 100px;
    perspective-origin: 50% 100px
}

.index_page .cube, .index_page .cube .face {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.index_page .cube .face {
    position: absolute;
    width: 200px;
    height: 158.4905660377px;
    display: block;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -79.2452830189px;
    background: #444;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.81);
    border-radius: 2px;
    background-size: cover;
    background-position: 50% 50%
}

.index_page .app_upgrade_banner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: blue;
    padding: 10px;
    overflow: hidden;
    color: white;
    min-height: 80vh;
    background: linear-gradient(to top, #AE4879, #342D35)
}

.index_page .app_upgrade_banner h2 {
    color: inherit;
    font-size: 28px
}

.index_page .app_upgrade_banner .banner_screenshot {
    width: 50%;
    max-width: 400px;
    background-size: cover;
    border-radius: 3px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    margin-right: 40px
}

@media (max-width: 1100px) {
    .index_page .app_upgrade_banner .banner_screenshot {
        display: none
    }
}

.index_page .app_upgrade_banner .text_content {
    max-width: 600px;
    padding: 20px 0
}

.index_page .app_upgrade_banner .text_content p {
    font-size: 16px;
    line-height: 1.4
}

.index_page .app_upgrade_banner .text_content p:last-child {
    margin-bottom: 0
}

.index_page .app_banner {
    color: white;
    background: #A287C0;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #495867, rgba(73, 88, 103, 0.8) 60%, rgba(162, 135, 192, 0.4)), url("https://static.itch.io/images/app-banner.png") 100% 0 no-repeat, linear-gradient(to right, #343f49, #8866ae);
    padding: 15px 40px;
    font-size: 16px
}

@media (max-width: 850px) {
    .index_page .app_banner {
        display: none
    }
}

html[dir=rtl] .index_page .app_banner {
    background: linear-gradient(to left, #495867, rgba(73, 88, 103, 0.8) 60%, rgba(162, 135, 192, 0.4)), url("https://static.itch.io/images/app-banner.png") 0% 0 no-repeat, linear-gradient(to right, #343f49, #8866ae)
}

@media (max-width: 1100px) {
    .index_page .app_banner {
        padding-left: 20px;
        padding-right: 20px
    }
}

.index_page .app_banner .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;
    padding: 8px 10px;
    border-width: 2px;
    margin-right: 15px
}

.index_page .app_banner .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.index_page .app_banner .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

html[dir=rtl] .index_page .app_banner .outline_button {
    margin: 0 0 0 15px
}

.index_page .app_banner > .flex {
    flex: 1
}

.index_page.ready .footer_banner {
    opacity: 1;
    transform: translate(0, 0)
}

.index_page .footer_banner .primary_button, .index_page .itchio_week .primary_button {
    color: white;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid white;
    padding: 10px 40px;
    text-decoration: none;
    transition: all 0.2s ease
}

.index_page .footer_banner .primary_button:hover, .index_page .itchio_week .primary_button:hover {
    background: white;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    color: #A287C0
}

.index_page .footer_banner .primary_button:hover svg, .index_page .itchio_week .primary_button:hover svg {
    fill: #A287C0
}

.index_page .footer_banner .primary_button:active, .index_page .itchio_week .primary_button:active {
    background: #ddd
}

.index_page .footer_banner {
    background: #A287C0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 80px;
    color: white;
    opacity: 0;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out
}

@media (max-width: 650px) {
    .index_page .footer_banner {
        display: none
    }
}

.index_page .footer_banner .close_btn {
    font-size: 28px;
    line-height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.index_page .footer_banner svg {
    vertical-align: -7px;
    margin-left: 5px;
    fill: white;
    transition: all 0.2s ease
}

.index_page .itchio_week {
    border-radius: 4px;
    color: white;
    margin: 0 40px;
    background: rgba(255, 255, 255, 0.1);
    background: #34a0f2;
    padding: 20px
}

.index_page .itchio_week .columns {
    display: flex;
    align-items: center;
    justify-content: center
}

.index_page .itchio_week .starts_in {
    text-align: center;
    margin-top: 5px
}

.index_page .itchio_week .starts_in abbr {
    border: 0
}

.index_page .itchio_week .week_image {
    width: 100%;
    max-width: 500px
}

.index_page .itchio_week .learn_more_area {
    margin-left: 30px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    padding-left: 30px
}

@media (max-width: 1350px) {
    .index_page .itchio_week .learn_more_area {
        display: none
    }
}

.index_page .itchio_week .primary_button {
    border-width: 2px
}

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

@media (max-width: 1100px) {
    .index_page .itchio_week {
        margin: 20px 20px 0 20px
    }
}

.index_page .platform_filter {
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--itchio_gray_back);
    margin: 0 40px;
    margin-top: 10px;
    padding: 10px 20px
}

@media (max-width: 1100px) {
    .index_page .platform_filter {
        margin-left: 10px;
        margin-right: 10px
    }
}

.index_page .platform_filter a {
    margin-left: 10px
}

.index_page .featured_bundles .sale_list_widget {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(600px, 1fr));
    grid-gap: 20px;
    align-items: start
}

@media (max-width: 650px) {
    .index_page .featured_bundles .sale_list_widget {
        padding: 0
    }
}

.index_page .blog_post_carousel {
    padding: 0
}

@media (min-width: 850px) {
    .index_page .blog_post_carousel {
        display: none
    }
}

.index_page .blog_post_carousel .section_header {
    margin: 0 var(--itchio_gutter_width, 40px)
}

.index_page .blog_post_carousel ul {
    display: block;
    white-space: nowrap;
    overflow: auto;
    padding: 0 var(--itchio_gutter_width, 40px);
    margin: 0;
    list-style: none
}

.index_page .blog_post_carousel li {
    display: inline-block;
    margin: 0;
    margin-right: 15px;
    padding: 0 0 12px 0;
    width: 50vw;
    max-width: 300px;
    white-space: normal;
    vertical-align: top;
    line-height: 1.5
}

.index_page .blog_post_carousel li .post_link {
    display: block;
    background: rgba(0, 0, 0, 0.05);
    padding-bottom: 55.25%;
    overflow: hidden;
    position: relative
}

.dark_theme .index_page .blog_post_carousel li .post_link {
    background: rgba(255, 255, 255, 0.05)
}

.index_page .blog_post_carousel li .post_link > img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.index_page .blog_post_carousel li .post_title a {
    font-weight: 900;
    text-decoration: none;
    font-size: 14px;
    color: inherit
}

.index_page .blog_post_carousel li .post_title {
    margin: 5px 0
}

.index_page .blog_post_carousel li .post_summary {
    font-size: 12px;
    line-height: 18px;
    max-height: 54px;
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.index_page .recommended_tags {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 8px
}

.index_page .recommended_tags > li {
    margin: 0;
    padding: 0
}

@media (max-width: 650px) {
    .index_page .recommended_tags > li:nth-child(n+8) {
        display: none
    }
}

.index_page .recommended_tags .button {
    height: 28px;
    line-height: 28px;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_med)
}

.index_page .recommended_tags .button:hover {
    color: var(--itchio_body_color)
}

.index_page .winter_banner {
    background: linear-gradient(to bottom, #9DC0EC, #E5F1FC);
    position: relative
}

.index_page .winter_banner .top_section {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media (max-width: 650px) {
    .index_page .winter_banner .top_section {
        height: 300px
    }
}

.index_page .winter_banner .center_image {
    display: block;
    height: 100%;
    width: auto;
    position: relative
}

.index_page .winter_banner .snow_left {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: 0
}

.index_page .winter_banner .snow_right {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    right: 0
}

.index_page .winter_banner:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 33%;
    background: rgba(0, 0, 0, 0.5);
    mix-blend-mode: overlay
}

.index_page .winter_banner .cta_row {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 20%
}

.index_page .winter_banner .cta_row .sale_summary {
    font-size: 22px;
    color: black;
    font-weight: 900
}

@media (max-width: 650px) {
    .index_page .winter_banner .cta_row .sale_summary {
        font-size: 16px
    }
}

.index_page .winter_banner .cta_row .cta_button {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to bottom, #6C6CF6, #9E6CCD);
    text-decoration: none;
    font-size: 22px;
    color: white;
    border-radius: 32px;
    font-weight: 900;
    padding: 8px 22px
}

@media (max-width: 650px) {
    .index_page .winter_banner .cta_row .cta_button {
        font-size: 16px;
        padding: 8px 16px;
        gap: 8px
    }

    .index_page .winter_banner .cta_row .cta_button .svgicon {
        width: 24px;
        height: 24px
    }
}

.index_page .winter_banner .cta_row .cta_button: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_page .halloween_banner {
    background: black
}

.index_page .halloween_banner .top_section {
    background: #F0EDE2;
    position: relative;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: end
}

@media (max-width: 650px) {
    .index_page .halloween_banner .top_section {
        height: 150px
    }
}

.index_page .halloween_banner .center_image {
    position: relative;
    z-index: 1;
    height: 100%;
    width: auto
}

.index_page .halloween_banner .cloud_left {
    position: absolute;
    height: 50%;
    width: auto;
    bottom: 0;
    left: 0;
    z-index: 0
}

.index_page .halloween_banner .cloud_right {
    position: absolute;
    height: 50%;
    width: auto;
    bottom: 0;
    right: 0;
    z-index: 0
}

.index_page .halloween_banner .bottom_section {
    color: white;
    padding: 28px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    background: linear-gradient(to top, rgba(159, 45, 0, 0.5) 0%, transparent 75%)
}

.index_page .halloween_banner .bottom_section #bottom_left_decor {
    position: absolute;
    bottom: 0;
    left: 0
}

.index_page .halloween_banner .bottom_section #bottom_left_decor #ghost1 {
    animation: ghost_hover 3s infinite
}

.index_page .halloween_banner .bottom_section #bottom_left_decor #ghost2 {
    animation: ghost_hover 3.7s infinite;
    animation-delay: 750ms
}

@media (max-width: 1300px) {
    .index_page .halloween_banner .bottom_section #bottom_left_decor {
        display: none
    }
}

.index_page .halloween_banner .bottom_section #bottom_right_decor {
    position: absolute;
    bottom: 0;
    right: 0
}

.index_page .halloween_banner .bottom_section #bottom_right_decor #air-ghost {
    animation: ghost_hover 4s infinite
}

.index_page .halloween_banner .bottom_section #bottom_right_decor #cross-grave {
    animation: shake_grave 6s infinite;
    animation-delay: 2s
}

@media (max-width: 1300px) {
    .index_page .halloween_banner .bottom_section #bottom_right_decor {
        display: none
    }
}

@media (max-width: 650px) {
    .index_page .halloween_banner .bottom_section {
        padding: 16px 0;
        gap: 10px
    }
}

.index_page .halloween_banner .bottom_section .cta_row {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center
}

.index_page .halloween_banner .bottom_section .details_row {
    text-align: center;
    font-weight: bold;
    opacity: 0.8;
    font-size: 24px
}

@media (max-width: 650px) {
    .index_page .halloween_banner .bottom_section .details_row {
        font-size: 16px
    }
}

.index_page .halloween_banner .bottom_section .cta_button {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
    background: #FF874D;
    text-decoration: none;
    font-size: 32px;
    color: white;
    border-radius: 32px;
    font-weight: 900;
    padding: 10px 32px
}

.index_page .halloween_banner .bottom_section .cta_button: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
}

@media (max-width: 650px) {
    .index_page .halloween_banner .bottom_section .cta_button {
        font-size: 16px;
        padding: 8px 16px;
        gap: 8px
    }

    .index_page .halloween_banner .bottom_section .cta_button .svgicon {
        width: 24px;
        height: 24px
    }
}

.index_page .halloween_banner .bottom_section .sale_summary {
    font-size: 32px;
    color: white;
    font-weight: 900
}

@media (max-width: 650px) {
    .index_page .halloween_banner .bottom_section .sale_summary {
        font-size: 16px
    }
}

.index_page .creator_day_banner {
    margin-bottom: 40px;
    display: flex;
    background: #321212;
    overflow: hidden
}

@media (max-width: 650px) {
    .index_page .creator_day_banner {
        margin-top: 0
    }
}

.index_page .creator_day_banner > * {
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 50px #FA5C5B, 0 0 0 2px rgba(0, 0, 0, 0.5)
}

.index_page .creator_day_banner img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block
}

.index_page .large_promo_section {
    background: black
}

@media (max-width: 650px) {
    .index_page .large_promo_section {
        margin-top: 0
    }
}

.index_page .large_promo_section .bundle_promo_banner_widget {
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 0px
}

@media (max-width: 650px) {
    .index_page .bundle_promo_banner_widget {
        border-radius: 0
    }
}

.index_page .love_indies_banner {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF2449
}

@media (max-width: 1100px) {
    .index_page .love_indies_banner {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 650px) {
    .index_page .love_indies_banner {
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
        flex-direction: column
    }
}

.index_page .love_indies_banner > img {
    object-fit: contain;
    display: block;
    max-width: 440px;
    min-width: 0;
    flex: 1
}

@media (max-width: 650px) {
    .index_page .love_indies_banner > img {
        flex: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.index_page .love_indies_banner .banner_content {
    flex: 1;
    margin-left: 20px;
    margin-right: 10px
}

@media (max-width: 650px) {
    .index_page .love_indies_banner .banner_content {
        flex: none;
        margin-left: 0;
        margin-right: 0
    }
}

.index_page .love_indies_banner .banner_content h3 {
    font-size: 24px;
    margin: 0
}

@media (max-width: 1100px) {
    .index_page .love_indies_banner .banner_content h3 {
        font-size: 20px
    }
}

@media (max-width: 650px) {
    .index_page .love_indies_banner .banner_content h3 {
        font-size: 18px
    }
}

.index_page .love_indies_banner .banner_content p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 600px
}

@media (max-width: 1100px) {
    .index_page .love_indies_banner .banner_content p {
        font-size: 14px
    }
}

.index_page .love_indies_banner .banner_content p.sub {
    font-size: 14px
}

.index_page .love_indies_banner .banner_content p.sub a {
    color: var(--itchio_body_color_light)
}

.index_page .active_promotion {
    background-color: var(--itchio_gray_back);
    text-align: center;
    padding: 25px 10px;
    margin-bottom: 40px;
    color: white;
    font-size: 16px;
    background: #B84DDE;
    background: linear-gradient(to left, rgba(204, 155, 234, 0) 0%, rgba(86, 204, 242, 0.75) 45%, rgba(86, 204, 242, 0.75) 55%, rgba(191, 123, 227, 0) 100%), linear-gradient(to bottom, #B84DDE, #7284C8)
}

@media (max-width: 650px) {
    .index_page .active_promotion {
        font-size: 14px
    }
}

.index_page .active_promotion h2 {
    margin: 15px 0 10px 0;
    font-size: 2em;
    color: inherit
}

.index_page .active_promotion .promotion_summary {
    font-size: 1.125em
}

.index_page .active_promotion .promotion_summary abbr {
    color: inherit;
    opacity: 0.9
}

.index_page .active_promotion .promotion_summary abbr .icon {
    display: none
}

.index_page .active_promotion .quick_links {
    list-style: none;
    margin: 25px auto 20px auto;
    max-width: 800px;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px
}

@media (max-width: 650px) {
    .index_page .active_promotion .quick_links {
        grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))
    }
}

.index_page .active_promotion .quick_links:last-child {
    margin-bottom: 0
}

.index_page .active_promotion .quick_links .button {
    border-color: rgba(255, 255, 255, 0.8);
    color: inherit;
    padding: 0;
    border-width: 2px;
    font-size: 1em;
    height: auto
}

.index_page .active_promotion .quick_links .button:hover {
    color: #B84DDE;
    background: white
}

.index_page .active_promotion .quick_links > li {
    margin: 0;
    padding: 0
}

.index_page .active_promotion .quick_links > li .button {
    box-sizing: border-box;
    display: block;
    white-space: nowrap
}

@keyframes ghost_hover {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(5px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes shake_grave {
    1% {
        transform: translate(1px, 1px) rotate(0deg)
    }
    2% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    3% {
        transform: translate(-2px, 0px) rotate(1deg)
    }
    4% {
        transform: translate(0px, 2px) rotate(0deg)
    }
    5% {
        transform: translate(1px, -1px) rotate(1deg)
    }
    6% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    7% {
        transform: translate(-2px, 1px) rotate(0deg)
    }
    8% {
        transform: translate(2px, 1px) rotate(-1deg)
    }
    9% {
        transform: translate(-1px, -1px) rotate(1deg)
    }
    10% {
        transform: translate(1px, 2px) rotate(0deg)
    }
    11%, 100% {
        transform: translate(0px, 0px) rotate(0deg)
    }
}

@keyframes shine {
    0% {
        left: -100%
    }
    20% {
        left: 150%
    }
    100% {
        left: 150%
    }
}

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

.indigenous_applicant_intro_page .padded > :first-child {
    margin-top: 0
}

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

.indigenous_application_page .padded > :first-child {
    margin-top: 0
}

.indigenous_application_page .padded > :last-child {
    margin-bottom: 0
}

.indigenous_application_page details summary {
    display: inline-block;
    cursor: pointer
}

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

.indigenous_edit_application_page .delete_application_section {
    margin-bottom: 20px
}

.indigenous_edit_application_page .delete_application_section summary {
    display: inline-block;
    cursor: pointer;
    font-weight: bold
}

.indigenous_edit_application_page .content_frame {
    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: 15px
}

@media print {
    .indigenous_edit_application_page .content_frame {
        box-shadow: none;
        border: none
    }
}

.dark_theme .indigenous_edit_application_page .content_frame {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.indigenous_edit_application_page .content_frame > :first-child {
    margin-top: 0
}

.indigenous_edit_application_page .content_frame > :last-child {
    margin-bottom: 0
}

.indigenous_edit_application_page .padded > p:first-child {
    margin-top: 0
}

.indigenous_edit_application_page p, .indigenous_edit_application_page li {
    font-size: 16px;
    line-height: 1.8
}

.indigenous_index_page .indigenous_intro {
    font-size: 16px;
    padding: 15px 40px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1)
}

.indigenous_index_page .indigenous_intro strong {
    font-weight: 900
}

@media (max-width: 1100px) {
    .indigenous_index_page .indigenous_intro {
        padding-left: 10px;
        padding-right: 10px
    }
}

.indigenous_index_page .indigenous_intro .action_buttons {
    display: block;
    margin-top: 15px;
    opacity: 0.8
}

@media (min-width: 1250px) {
    .indigenous_index_page .indigenous_intro .action_buttons {
        display: inline-block;
        margin: 0;
        margin-left: 10px
    }
}

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

.jam_accept_admin_page p.sub {
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.jam_accept_admin_page p:last-child {
    margin-bottom: 0
}

.jam_add_game_page {
    font-size: 16px
}

.jam_add_game_page p {
    line-height: 1.5
}

.jam_community_page.page_widget {
    background-color: var(--itchio_gray_back);
    border-bottom: 0;
    padding-bottom: 1px
}

.jam_community_page .content_frame {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 20px auto 20px auto;
    background-color: var(--itchio_white_back);
    max-width: 1200px;
    min-width: 960px
}

@media print {
    .jam_community_page .content_frame {
        box-shadow: none;
        border: none
    }
}

.dark_theme .jam_community_page .content_frame {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.responsive .jam_community_page .content_frame {
    min-width: 0
}

@media (max-width: 650px) {
    .responsive .jam_community_page .content_frame {
        border-radius: 0;
        margin: 0;
        margin-bottom: 20px;
        border: 0
    }
}

.jam_community_page .column_outer {
    padding: 0 20px
}

@media (max-width: 650px) {
    .responsive .jam_community_page .column_outer {
        padding: 0
    }
}

.jam_page_base_page {
    font-size: 16px;
    background-color: var(--itchio_white_back);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.jam_page_base_page .page_banner {
    width: 100%
}

.jam_page_base_page .feed_column {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    white-space: normal
}

.jam_page_base_page .empty_content {
    text-align: center;
    font-weight: normal;
    font-size: 27px;
    color: var(--itchio_body_color_light);
    margin: 30px auto;
    max-width: 600px
}

.jam_page_base_page .responsive_column {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1200px
}

@media (max-width: 650px) {
    .jam_page_base_page .responsive_column {
        padding-left: 10px;
        padding-right: 10px
    }
}

.jam_page_base_page .privacy_notification {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 8px 40px;
    background: #A287C0;
    color: rgba(255, 255, 255, 0.8)
}

.jam_page_base_page .privacy_notification a {
    color: white
}

.jam_page_base_page .privacy_notification .edit_links a {
    margin: 0 6px
}

.jam_rate_game_page.no_sidebar .main_column {
    margin-left: 0
}

.jam_rate_game_page .disqualified_notice {
    background-color: var(--itchio_gray_back);
    padding: 10px;
    font-weight: bold;
    margin-bottom: 20px
}

.jam_rate_game_page .jam_columns {
    display: flex
}

.jam_rate_game_page .jam_columns .main_column {
    flex: 1
}

.jam_rate_game_page .play_btn {
    white-space: nowrap;
    display: inline-flex;
    align-items: center
}

.jam_rate_game_page .play_btn .svgicon {
    margin-left: 5px
}

@media (max-width: 650px) {
    .jam_rate_game_page .play_btn {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.jam_rate_game_page .entry_columns {
    *zoom: 1
}

.jam_rate_game_page .entry_columns:before, .jam_rate_game_page .entry_columns:after {
    content: " ";
    display: table
}

.jam_rate_game_page .entry_columns:after {
    clear: both
}

.jam_rate_game_page .empty_message {
    font-size: 16px;
    color: var(--itchio_body_color_light)
}

.jam_rate_game_page .game_cover {
    margin: 20px 20px 0 0;
    width: 315px;
    height: 250px;
    display: block;
    border: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .jam_rate_game_page .game_cover {
    box-shadow: none
}

.jam_rate_game_page .main_column {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--itchio_border_color)
}

.jam_rate_game_page .main_column > section {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px
}

.jam_rate_game_page .main_column > section:last-child {
    border-bottom: 0
}

.jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) p, .jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) li {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

.jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) p:first-child, .jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) li:first-child {
    margin-top: 0
}

.jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) p:last-child, .jam_rate_game_page .main_column > section:not(#comments):not(.jam_comment_form) li:last-child {
    margin-bottom: 0
}

.jam_rate_game_page .screenshot {
    display: inline-block;
    margin: 20px 20px 0 0
}

.jam_rate_game_page .field_responses .cc_flag img {
    vertical-align: middle
}

.jam_rate_game_page .field_responses .cc_flag .country {
    font-size: 16px;
    color: var(--itchio_body_color_light);
    margin-left: 10px;
    vertical-align: middle
}

.jam_rate_game_page .field_responses .badges .badge {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 15px 10px
}

.jam_rate_game_page .field_responses .badges .badge img {
    display: block;
    margin: 10px auto 20px auto;
    max-width: 540px
}

.jam_rate_game_page .jam_comment_list .topic_pager {
    margin: 20px 0
}

.jam_rate_game_page .jam_comment_list .topic_pager:first-child {
    margin-top: 0
}

.jam_rate_game_page .jam_comment_list .topic_pager:last-child {
    margin-bottom: 0
}

.jam_rate_game_page .jam_comment_list .related_submission {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.jam_rate_game_page .jam_comment_list .related_submission img {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    display: block
}

.dark_theme .jam_rate_game_page .jam_comment_list .related_submission img {
    box-shadow: none
}

.jam_rate_game_page .jam_comment_list .related_submission .submission_summary {
    margin-left: 8px;
    flex: 1;
    font-size: 14px
}

.jam_rate_game_page .jam_comment_list .related_submission .submission_summary .sub {
    color: var(--itchio_body_color_light)
}

.jam_rate_game_page .jam_comment_list .related_submission .submission_summary a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none
}

.jam_rate_game_page .criteria_rater .criteria_wrap {
    border: 1
}

.jam_rate_game_page .criteria_rater .recaptcha_drop {
    margin: 20px 0
}

.jam_rate_game_page .criteria_rater .criteria_row {
    margin-bottom: 5px
}

.jam_rate_game_page .criteria_rater .criteria_row:last-child {
    margin-bottom: 0
}

.jam_rate_game_page .criteria_rater .criteria_row .criteria_upvote {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 4px 6px;
    border-radius: 2px;
    margin-left: 10px;
    display: flex;
    align-items: center
}

.jam_rate_game_page .criteria_rater .criteria_row .criteria_upvote > input {
    margin: 0 5px 0 0
}

.jam_rate_game_page .criteria_rater .crit_label {
    font-weight: bold;
    color: var(--itchio_body_color_light)
}

.jam_rate_game_page .criteria_rater .buttons_row {
    margin-top: 20px
}

.jam_rate_game_page .criteria_rater .buttons_row button {
    margin-right: 5px
}

.jam_rate_game_page .data_column {
    width: 335px;
    padding-bottom: 20px
}

.jam_rate_game_page .data_column .game_screenshots img {
    width: 147px
}

.jam_rate_game_page .jam_game_header {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding-bottom: 20px
}

.jam_rate_game_page .jam_game_header .responsive_column {
    display: flex;
    align-items: flex-end
}

.jam_rate_game_page .jam_game_header .responsive_column > :first-child {
    flex: 1
}

> .jam_rate_game_page .jam_game_header .responsive_column:empty {
    display: none
}

.jam_rate_game_page .jam_game_header .game_right_tools {
    text-align: right;
    margin-right: 20px
}

.jam_rate_game_page .jam_game_header .num_ratings {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    margin-bottom: 10px
}

@media (max-width: 900px) {
    .jam_rate_game_page .jam_game_header .responsive_column {
        display: block
    }

    .jam_rate_game_page .jam_game_header .game_right_tools {
        margin: 0;
        text-align: left;
        margin-top: 20px;
        display: flex;
        align-items: center
    }

    .jam_rate_game_page .jam_game_header .game_right_tools .num_ratings {
        margin-bottom: 0;
        order: 2
    }

    .jam_rate_game_page .jam_game_header .game_right_tools > * {
        margin-right: 10px
    }
}

@media (max-width: 650px) {
    .jam_rate_game_page .jam_game_header {
        padding: 20px 0
    }
}

.jam_rate_game_page .jam_game_header .mini_title {
    font-size: 14px;
    font-style: italic;
    color: var(--itchio_body_color_lighter);
    margin-bottom: 2px
}

.jam_rate_game_page .jam_game_header h1 {
    margin: 0 0 15px 0;
    font-size: 24px
}

.jam_rate_game_page .jam_game_header h1 .sub {
    color: var(--itchio_body_color_light);
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal
}

.jam_rate_game_page .jam_game_header .short_text, .jam_rate_game_page .jam_game_header .game_author {
    margin: 8px 0 0 0;
    font-size: 16px;
    color: var(--itchio_body_color_light)
}

.jam_rate_game_page .jam_game_header .short_text a, .jam_rate_game_page .jam_game_header .game_author a {
    color: inherit
}

.jam_rate_game_page .jam_game_header .submission_tools {
    margin: 20px 0 0 0
}

.jam_rate_game_page .jam_game_header .submission_tools .button {
    margin-right: 10px
}

.jam_rate_game_page .star_picker {
    margin: 5px
}

.jam_rate_game_page .star_picker .star_value .star_fill {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.jam_rate_game_page .star_picker.interactive.has_rating .icon-star {
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.jam_rate_game_page .jam_game_results.upvote_results strong {
    font-weight: bold;
    font-size: 18px;
    color: var(--itchio_body_color)
}

.jam_rate_game_page .judge_feedback .judge_feedback_items {
    list-style: none;
    padding: 0
}

.jam_rate_game_page .judge_feedback .judge_feedback_items > li {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    padding: 10px
}

.jam_rate_game_page .judge_feedback .judge_feedback_items > li .user_formatted > :last-child {
    margin-bottom: 0
}

@media (max-width: 900px) {
    .jam_rate_game_page .data_column {
        display: none
    }

    .jam_rate_game_page .entry_columns.responsive_column {
        padding: 0
    }

    .jam_rate_game_page .main_column {
        margin-left: 0;
        border: 0;
        margin-bottom: 0
    }

    .jam_rate_game_page .main_column > section {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 650px) {
    .jam_rate_game_page .main_column > section {
        padding-left: 10px;
        padding-right: 10px
    }
}

.jam_rate_game_page .rating_distribution_chart {
    margin-top: 10px;
    max-width: 300px
}

.jam_rate_game_page .rating_distribution_chart .score_row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 14px
}

.jam_rate_game_page .rating_distribution_chart .score_row:last-child {
    margin-bottom: 0
}

.jam_rate_game_page .rating_distribution_chart .score_row .score {
    font-weight: bold;
    color: var(--itchio_body_color_med)
}

.jam_rate_game_page .rating_distribution_chart .score_row .percent {
    min-width: 38px;
    text-align: right;
    color: var(--itchio_body_color_light)
}

.jam_rate_game_page .rating_distribution_chart .score_row .score_bar {
    margin: 0 5px;
    flex: 1;
    display: flex;
    background-color: var(--itchio_gray_back);
    height: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    overflow: hidden
}

.jam_rate_game_page .rating_distribution_chart .score_row .score_bar .score_bar_inner {
    background: #FF2449;
    background: var(--itchio_button_color, #FF2449);
    border-radius: 2px;
    box-shadow: inset 0 8px 4px -4px rgba(255, 255, 255, 0.2)
}

.jam_unrated_page {
    background: white;
    background-color: var(--itchio_white_back);
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color)
}

.jam_unrated_page .column_outer {
    width: 960px;
    margin: 0 auto
}

.jam_unrated_page table {
    width: 100%
}

.jam_unrated_page .game_platforms {
    color: var(--itchio_body_color_light);
    margin-left: 5px
}

.jam_unrated_page details.menu {
    margin: 20px 0
}

.jam_unrated_page details.menu summary {
    cursor: pointer;
    user-select: none
}

.jam_unrated_page details.menu form p {
    margin-top: 0
}

.jam_unrated_page details.menu:not([open]) > summary {
    padding: 4px 0;
    height: 30px;
    box-sizing: border-box
}

.jam_unrated_page details.menu > form {
    padding: 10px
}

.jam_unrated_page details.menu[open] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    border-radius: 3px
}

.jam_unrated_page details.menu[open] > summary {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 4px 15px
}

.jams_page {
    background-color: var(--itchio_gray_back);
    padding-bottom: 40px
}

.jams_page .user_tools {
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding: 10px var(--itchio_gutter_width, 40px)
}

.jams_page .user_tools > * {
    margin-right: 10px
}

.jams_page .user_tools > strong {
    font-size: 16px;
    line-height: 1.5;
    white-space: nowrap
}

.jams_page .user_tools .button.outline {
    background-color: var(--itchio_white_back);
    white-space: nowrap
}

.jams_page .user_tools .button.outline:last-child {
    margin-left: auto
}

.jams_page .jams_header {
    background-color: var(--itchio_white_back);
    overflow: hidden;
    display: flex;
    align-items: center
}

.jams_page .jams_header .button_column {
    flex: none;
    margin-right: 20px;
    text-align: center
}

.jams_page .jams_header .button_column .manage_link {
    display: block;
    margin-top: 10px;
    color: var(--itchio_body_color_light)
}

@media (max-width: 750px) {
    .jams_page .jams_header {
        display: block
    }

    .jams_page .jams_header .button_column {
        margin: 20px var(--itchio_gutter_width, 40px)
    }
}

@media (max-width: 650px) {
    .jams_page .jams_header h2 {
        font-size: 24px
    }
}

.jams_page section > h3 {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center
}

.jams_page section > h3 > .svgicon {
    opacity: 0.8;
    flex: none
}

html:not([dir=rtl]) .jams_page section > h3 > .svgicon {
    margin-right: 10px
}

html[dir=rtl] .jams_page section > h3 > .svgicon {
    margin-left: 10px
}

.jams_page .jams_footer {
    margin-top: 20px
}

.jams_page .jams_footer > h3 {
    padding: 0 var(--itchio_gutter_width, 40px)
}

.jams_page .featured_jams {
    background-color: var(--itchio_white_back);
    padding-bottom: 30px
}

.jams_page .featured_jams > h3 {
    padding: 0 var(--itchio_gutter_width, 40px) 20px var(--itchio_gutter_width, 40px)
}

.jams_page .featured_jams .jam_grid_widget {
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--itchio_gutter_width, 40px);
    padding-right: 0;
    scrollbar-color: #dadada #F4F4F4;
    scrollbar-width: thin
}

.dark_theme .jams_page .featured_jams .jam_grid_widget {
    scrollbar-color: rgba(255, 255, 255, 0.1) #1b1b1b
}

.jams_page .featured_jams .jam_grid_widget::-webkit-scrollbar {
    width: 6px;
    height: 10px
}

.jams_page .featured_jams .jam_grid_widget::-webkit-scrollbar-track {
    border-radius: 24px;
    background-color: var(--itchio_gray_back);
    margin-left: var(--itchio_gutter_width, 40px);
    margin-right: var(--itchio_gutter_width, 40px)
}

.jams_page .featured_jams .jam_grid_widget::-webkit-scrollbar-thumb {
    background: var(--itchio_border_color);
    border-radius: 24px
}

.jams_page .featured_jams .jam_grid_widget::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1
}

.dark_theme .jams_page .featured_jams .jam_grid_widget::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.1)
}

.jams_page .featured_jams .jam_grid_widget > .jam {
    margin-right: 15px;
    margin-bottom: 15px
}

.jams_page .featured_jams .jam_grid_widget > .jam:last-child {
    margin-right: var(--itchio_gutter_width, 40px)
}

.jams_page .browse_jams {
    background-color: var(--itchio_white_back);
    display: flex;
    align-items: center;
    padding: 0 var(--itchio_gutter_width, 40px) 20px var(--itchio_gutter_width, 40px)
}

html:not([dir=rtl]) .jams_page .browse_jams > h3 {
    margin-right: 20px
}

html[dir=rtl] .jams_page .browse_jams > h3 {
    margin-left: 20px
}

.jams_page .browse_jams .browse_links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -5px
}

.jams_page .browse_jams .browse_links > * {
    margin-top: 5px
}

html:not([dir=rtl]) .jams_page .browse_jams .browse_links > * {
    margin-right: 10px
}

html[dir=rtl] .jams_page .browse_jams .browse_links > * {
    margin-left: 10px
}

html:not([dir=rtl]) .jams_page .browse_jams .browse_links > *:last-child {
    margin-right: 0
}

html[dir=rtl] .jams_page .browse_jams .browse_links > *:last-child {
    margin-left: 0
}

@media (max-width: 650px) {
    .jams_page .browse_jams {
        display: block
    }

    .jams_page .browse_jams > h3 {
        margin-bottom: 10px
    }
}

.jams_page .calendar_wrapper > h3 {
    background-color: var(--itchio_white_back);
    margin: 0;
    padding: 0 var(--itchio_gutter_width, 40px) 20px var(--itchio_gutter_width, 40px)
}

.jams_page .hosted_jams, .jams_page .participated_jams {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding-bottom: 20px
}

.jams_page .jams_tools {
    text-align: center;
    margin-top: 65px
}

.jams_page p {
    line-height: 1.5;
    font-size: 16px;
    margin: 24px var(--itchio_gutter_width, 40px);
    max-width: 600px
}

@media (max-width: 650px) {
    .jams_page p {
        margin-top: 5px
    }
}

.jams_page h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
    margin: 20px var(--itchio_gutter_width, 40px) 0 var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .jams_page h2 {
        font-size: 18px
    }
}

.jams_page h2 .header_right {
    color: var(--itchio_body_color_light);
    float: right;
    font-weight: normal
}

.jams_page h2 a {
    color: var(--itchio_body_color_med)
}

.jams_page h2 .sub_link {
    font-size: 16px;
    font-weight: normal;
    color: var(--itchio_body_color_light);
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.jams_page .jam_filtered_jam_calendar_widget .jam_calendar_filters {
    position: relative;
    z-index: 10;
    background-color: var(--itchio_white_back);
    display: flex;
    align-items: center;
    padding: 0 var(--itchio_gutter_width, 40px);
    padding-bottom: 10px
}

.jams_page .jam_filtered_jam_calendar_widget .jam_calendar_filters > * {
    margin-right: 5px
}

.jams_page .jam_filtered_jam_calendar_widget .jam_calendar_filters > .label {
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    color: #606060
}

.jams_page .jam_jam_calendar_widget {
    font-size: 16px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-color: #dadada #F4F4F4;
    scrollbar-width: thin;
    padding-bottom: 5px
}

.dark_theme .jams_page .jam_jam_calendar_widget {
    scrollbar-color: rgba(255, 255, 255, 0.1) #1b1b1b
}

.jams_page .jam_jam_calendar_widget::-webkit-scrollbar {
    width: 6px;
    height: 10px
}

.jams_page .jam_jam_calendar_widget::-webkit-scrollbar-track {
    border-radius: 24px;
    background-color: var(--itchio_gray_back);
    margin-left: var(--itchio_gutter_width, 40px);
    margin-right: var(--itchio_gutter_width, 40px)
}

.jams_page .jam_jam_calendar_widget::-webkit-scrollbar-thumb {
    background: var(--itchio_border_color);
    border-radius: 24px
}

.jams_page .jam_jam_calendar_widget::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1
}

.dark_theme .jams_page .jam_jam_calendar_widget::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.1)
}

.jams_page .jam_jam_calendar_widget .calendar_scrolling {
    cursor: move;
    height: 250px;
    position: relative;
    background-color: var(--itchio_white_back);
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.jams_page .jam_jam_calendar_widget .calendar_row {
    position: relative;
    height: 30px;
    margin: 3px 0
}

.jams_page .jam_jam_calendar_widget .sticky_label {
    display: inline-block;
    white-space: nowrap;
    position: sticky;
    left: 0px;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jams_page .jam_jam_calendar_widget .empty_message {
    line-height: 30px;
    font-weight: bold
}

.jams_page .jam_jam_calendar_widget .jam_cell {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #898989;
    color: white;
    line-height: 30px;
    font-weight: bold
}

.jams_page .jam_jam_calendar_widget .jam_cell.is_small {
    font-size: 14px
}

.jams_page .jam_jam_calendar_widget .jam_cell.is_small .sticky_label {
    padding: 0 3px
}

.jams_page .jam_jam_calendar_widget .jam_cell.is_tiny {
    font-size: 12px
}

.jams_page .jam_jam_calendar_widget .jam_cell.is_tiny .sticky_label {
    padding: 0 1px
}

.jams_page .jam_jam_calendar_widget .jam_cell.after_end {
    opacity: 0.75
}

.jams_page .jam_jam_calendar_widget .jam_cell.small_text {
    font-size: 14px
}

.jams_page .jam_jam_calendar_widget .jam_cell .joined_count {
    font-size: 14px;
    opacity: 0.85;
    margin-left: 5px;
    font-weight: normal
}

.jams_page .jam_jam_calendar_widget .jam_cell a {
    color: inherit;
    text-decoration: none
}

.jams_page .jam_jam_calendar_widget .jam_cell a:hover {
    text-decoration: underline
}

.jams_page .jam_jam_calendar_widget .calendar_rows, .jams_page .jam_jam_calendar_widget .day_markers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.jams_page .jam_jam_calendar_widget .elapsed_time {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-color: var(--itchio_gray_back);
    border-right: 5px solid;
    border-color: var(--itchio_border_color)
}

.jams_page .jam_jam_calendar_widget .day_markers {
    z-index: 1;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.jams_page .jam_jam_calendar_widget .day_markers .day_marker {
    box-sizing: border-box;
    border-left: 1px solid;
    border-color: var(--itchio_border_color);
    position: absolute;
    top: 40px;
    bottom: 0;
    font-size: 14px
}

.jams_page .jam_jam_calendar_widget .day_markers .day_marker:first-child {
    border-left: 0
}

.jams_page .jam_jam_calendar_widget .day_markers .day_marker .day_ordinal, .jams_page .jam_jam_calendar_widget .day_markers .day_marker .day_name {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding-left: 20px
}

.jams_page .jam_jam_calendar_widget .day_markers .day_marker .day_ordinal {
    top: 0;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    font-weight: bold
}

.jams_page .jam_jam_calendar_widget .day_markers .day_marker .day_name {
    bottom: 0;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    font-size: 13px;
    text-transform: uppercase;
    color: var(--itchio_body_color_light)
}

.jams_page .jam_jam_calendar_widget .calendar_rows {
    z-index: 2;
    top: 82px;
    bottom: 30px
}

.jams_page .jam_jam_calendar_widget .month_markers {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    height: 20px;
    background: black;
    position: relative;
    z-index: 5
}

.jams_page .jam_jam_calendar_widget .month_markers .month_marker {
    box-sizing: border-box;
    background: #EFEFEF;
    background-color: var(--itchio_gray_back);
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_med);
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px
}

.jams_page .jam_jam_calendar_widget .month_markers .month_marker:first-child {
    border-left: 0
}

.knowledge_base_article_page {
    background-color: var(--itchio_white_back);
    box-shadow: inset 50vw 0 0 #F4F4F4
}

.dark_theme .knowledge_base_article_page {
    box-shadow: inset 50vw 0 0 #1b1b1b
}

.knowledge_base_article_page.logged_in .on_logged_out {
    display: none
}

.knowledge_base_article_page.logged_out .on_logged_in {
    display: none
}

.knowledge_base_article_page.category_api .navigation .get_label, .knowledge_base_article_page.category_api .navigation .scope_label {
    display: none
}

.knowledge_base_article_page.category_api .ssi_content > h3 {
    margin-top: 60px
}

.knowledge_base_article_page.category_api .ssi_content > h3 code {
    display: block;
    margin: 25px 0 20px 0;
    background-color: var(--itchio_gray_back);
    box-shadow: 0 0 0 10px #F4F4F4
}

.dark_theme .knowledge_base_article_page.category_api .ssi_content > h3 code {
    box-shadow: 0 0 0 10px #1b1b1b
}

.knowledge_base_article_page.category_api .ssi_content > h3 .get_label {
    background: #34a0f2;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 6px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px
}

.knowledge_base_article_page.category_api .ssi_content > h3 .get_label:before {
    content: "GET"
}

.knowledge_base_article_page.category_api .ssi_content > h3 .scope_label {
    background: #76bd37;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 6px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px
}

.knowledge_base_article_page.name_press-kit .brand-colors {
    margin: 20px 0;
    display: grid;
    grid-template-columns:repeat(auto-fit, 160px);
    grid-gap: 20px;
    align-items: start
}

@media (max-width: 650px) {
    .knowledge_base_article_page.name_press-kit .brand-colors {
        grid-template-columns:repeat(auto-fit, 80px);
        grid-gap: 10px
    }
}

.knowledge_base_article_page.name_press-kit .brand-colors .brand-color {
    color: white;
    font-weight: bold;
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    padding: 10px
}

@media (max-width: 650px) {
    .knowledge_base_article_page.name_press-kit .brand-colors .brand-color {
        width: 80px;
        height: 80px
    }
}

.knowledge_base_article_page.name_press-kit .white_logo {
    background: #40434E;
    padding: 20px
}

.knowledge_base_article_page.name_already-bought .recover_form {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px;
    border-radius: 3px;
    background-color: var(--itchio_gray_back)
}

.knowledge_base_article_page.name_css-guide fieldset {
    font-size: 14px
}

.knowledge_base_article_page.name_css-guide fieldset legend {
    font-weight: normal;
    font-size: 14px
}

.knowledge_base_article_page.name_css-guide fieldset p:empty {
    display: none
}

.knowledge_base_article_page.name_css-guide fieldset p:last-child {
    margin-bottom: 0
}

.knowledge_base_article_page.name_css-guide fieldset fieldset {
    margin: 10px 2px
}

.knowledge_base_article_page h1 {
    font-size: 38px;
    margin-bottom: 40px
}

.knowledge_base_article_page .column_wrapper {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px
}

@media (max-width: 1100px) {
    .knowledge_base_article_page .column_wrapper {
        padding: 0 20px
    }
}

.knowledge_base_article_page .nav_column {
    box-sizing: border-box;
    text-align: left;
    width: 280px
}

@media (max-width: 1100px) {
    .knowledge_base_article_page .nav_column {
        width: 240px
    }
}

.knowledge_base_article_page .nav_column .column_header {
    padding-top: 40px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.knowledge_base_article_page .nav_column .column_header:first-child {
    padding-top: 60px
}

@media (max-width: 1100px) {
    .knowledge_base_article_page .nav_column .column_header:first-child {
        padding-top: 40px
    }
}

.knowledge_base_article_page .nav_column .tab_btn {
    display: block;
    font-size: 16px;
    text-decoration: none;
    margin: 10px 0px 6px 0
}

.knowledge_base_article_page .nav_column .tab_btn a {
    display: inline-block;
    color: var(--itchio_body_color_light);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px
}

.knowledge_base_article_page .nav_column .tab_btn a:hover {
    color: var(--itchio_body_color)
}

.knowledge_base_article_page .nav_column .tab_btn.selected a {
    color: #da2c49;
    border-bottom: 1px solid #da2c49
}

.knowledge_base_article_page .content_column {
    flex: 1;
    box-sizing: border-box;
    text-align: left;
    background-color: var(--itchio_white_back);
    max-width: 946px;
    padding: 40px 0px 40px 60px
}

@media (max-width: 1100px) {
    .knowledge_base_article_page .content_column {
        padding-left: 20px;
        padding-top: 30px
    }
}

.knowledge_base_article_page .text_content {
    font-size: 18px
}

.knowledge_base_article_page .text_content h1, .knowledge_base_article_page .text_content h2, .knowledge_base_article_page .text_content h3, .knowledge_base_article_page .text_content h4 {
    margin-bottom: 15px
}

.knowledge_base_article_page .text_content h2 {
    font-size: 28px;
    margin-top: 60px
}

.knowledge_base_article_page .text_content h3 {
    font-size: 22px;
    margin-top: 60px;
    margin-bottom: 10px;
    line-height: 1.5
}

.knowledge_base_article_page .text_content h4 {
    margin-top: 40px;
    margin-bottom: 10px
}

.knowledge_base_article_page .text_content p {
    font-size: inherit;
    line-height: 1.7;
    margin: 0 0 24px 0
}

.knowledge_base_article_page .text_content p img {
    max-width: 100%
}

.knowledge_base_article_page .text_content p img.showcase {
    margin: 15px 30px;
    box-shadow: 0 0 20px #dadada;
    border-radius: 4px
}

.knowledge_base_article_page .text_content .team .team_member {
    display: block;
    margin: 70px 0
}

.knowledge_base_article_page .text_content .team p {
    *zoom: 1;
    margin-bottom: 40px;
    padding: 0 20px
}

.knowledge_base_article_page .text_content .team p:before, .knowledge_base_article_page .text_content .team p:after {
    content: " ";
    display: table
}

.knowledge_base_article_page .text_content .team p:after {
    clear: both
}

.knowledge_base_article_page .text_content .team a {
    text-decoration: none
}

.knowledge_base_article_page .text_content .team a .icon {
    margin: 0 5px
}

.knowledge_base_article_page .text_content .team a .icon-globe {
    vertical-align: 1px
}

.knowledge_base_article_page .text_content .team .team_info {
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    display: inline-block
}

.knowledge_base_article_page .text_content .team .team_info .icon {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    font-size: 130%
}

.knowledge_base_article_page .text_content .team .team_info a {
    margin-left: 10px
}

.knowledge_base_article_page .text_content .team img:first-child {
    width: 100px;
    height: 100px;
    background: #fafafa;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    border-radius: 50%
}

.knowledge_base_article_page .text_content code {
    background-color: var(--itchio_gray_back);
    padding: 0 4px
}

.knowledge_base_article_page .text_content ul, .knowledge_base_article_page .text_content ol {
    margin: 24px 0
}

.knowledge_base_article_page .text_content ul li, .knowledge_base_article_page .text_content ol li {
    line-height: 1.8
}

.knowledge_base_article_page .text_content ul li > ul, .knowledge_base_article_page .text_content ul li > ol, .knowledge_base_article_page .text_content ol li > ul, .knowledge_base_article_page .text_content ol li > ol {
    margin: 0;
    margin-bottom: 12px
}

.knowledge_base_article_page .text_content .ssi_content iframe {
    margin: 40px auto;
    display: block
}

.knowledge_base_article_page .text_content .learn_more a {
    transition: all 0.2s;
    display: inline-block;
    color: #de4660;
    font-weight: bold;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    padding: 10px 20px
}

.knowledge_base_article_page .text_content .learn_more a:hover {
    text-decoration: none;
    color: #da2c49;
    border-color: #da2c49
}

.knowledge_base_article_page .text_content .learn_more a .icon {
    margin-left: 2px;
    margin-right: 6px;
    vertical-align: -1px
}

.knowledge_base_article_page .text_content .social_nag {
    margin-top: 40px;
    padding-top: 20px;
    font-size: 16px;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light)
}

.knowledge_base_article_page .text_content .social_nag .icon {
    margin-right: 10px;
    vertical-align: -1px
}

@media (max-width: 650px) {
    .knowledge_base_article_page .text_content .social_nag {
        font-size: 14px
    }
}

.knowledge_base_article_page .text_content .game_grid_widget {
    margin-top: 40px;
    margin-bottom: 40px
}

.knowledge_base_article_page .text_content blockquote {
    background-color: var(--itchio_gray_back);
    padding: 15px 20px;
    margin: 0;
    margin-bottom: 24px;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.knowledge_base_article_page .text_content blockquote p {
    max-width: initial;
    margin-bottom: 10px
}

.knowledge_base_article_page .text_content blockquote p:last-child {
    margin-bottom: 0
}

.knowledge_base_article_page .text_content pre {
    background: #444;
    color: white;
    padding: 20px;
    margin: 0 0 24px 0;
    font-size: 85%;
    overflow: auto
}

.knowledge_base_article_page .text_content pre > code {
    background: transparent;
    padding: 0
}

.dark_theme .knowledge_base_article_page .text_content pre > code {
    background: transparent
}

.knowledge_base_article_page .text_content > :first-child {
    margin-top: 0
}

.knowledge_base_article_page .image_holder {
    background-color: var(--itchio_white_back);
    border: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .knowledge_base_article_page .image_holder {
    box-shadow: none
}

.knowledge_base_article_page .image_caption_wrapper {
    margin: 40px 0;
    text-align: center
}

.knowledge_base_article_page .image_caption_wrapper > img {
    max-width: 100%
}

.knowledge_base_article_page .image_caption_wrapper .image_caption {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: var(--itchio_body_color_light);
    font-weight: bold
}

.knowledge_base_article_page .promo_images {
    margin: 45px 0;
    text-align: center;
    white-space: nowrap
}

.knowledge_base_article_page .promo_images .image_holder {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    background-position: 50% 50%;
    background-size: cover
}

.knowledge_base_article_page .promo_images a {
    text-decoration: none
}

.knowledge_base_article_page .aside_image {
    float: right;
    margin: 0 0 40px 40px
}

.knowledge_base_article_page .aside_image img {
    background-color: var(--itchio_white_back);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .knowledge_base_article_page .aside_image img {
    box-shadow: none
}

.knowledge_base_article_page .aside_image .image_holder {
    background-size: cover
}

.knowledge_base_article_page .aside_image.aside_left {
    float: left;
    margin: 0 40px 40px 0
}

.knowledge_base_article_page .button_row {
    text-align: center;
    border-bottom: 1px dashed;
    border-color: var(--itchio_border_color);
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.knowledge_base_article_page .button_row.bottom {
    border-bottom: 0;
    padding-bottom: 0
}

.knowledge_base_article_page .sub {
    margin-top: 10px;
    color: var(--itchio_body_color_light);
    font-style: italic
}

.knowledge_base_article_page .text_content .navigation {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 0
}

.knowledge_base_article_page .text_content .navigation h3 {
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 5px 20px;
    color: var(--itchio_body_color_light);
    background-color: var(--itchio_gray_back);
    margin: 0
}

.knowledge_base_article_page .text_content .navigation ul {
    margin: 0
}

.knowledge_base_article_page .text_content .navigation > ul {
    padding: 10px 40px
}

.knowledge_base_article_page .text_content .navigation li, .knowledge_base_article_page .text_content .navigation ul {
    line-height: normal
}

.knowledge_base_article_page .text_content .navigation a {
    display: block;
    text-decoration: none;
    line-height: 1.8;
    font-size: 14px
}

.knowledge_base_article_page .text_content .navigation a:hover {
    text-decoration: underline
}

.knowledge_base_article_page .text_content .navigation .hide_toc_btn {
    float: right;
    padding: 2px 20px 0 0;
    color: var(--itchio_body_color_light)
}

.knowledge_base_article_page .text_content .navigation .hide_toc_btn:after {
    content: "[hide]"
}

.knowledge_base_article_page .text_content .navigation.collapsed ul {
    display: none
}

.knowledge_base_article_page .text_content .navigation.collapsed h3 {
    border-bottom: 0
}

.knowledge_base_article_page .text_content .navigation.collapsed .hide_toc_btn:after {
    content: "[show]"
}

.knowledge_base_article_page h2.highlight {
    background: #D7FCAF;
    box-shadow: 0 0 0 10px #D7FCAF
}

.knowledge_base_article_page .mobile_menu {
    display: none
}

@media (max-width: 850px) {
    .knowledge_base_article_page {
        box-shadow: none
    }

    .knowledge_base_article_page .column_wrapper {
        padding: 0;
        display: block
    }

    .knowledge_base_article_page .nav_column {
        display: none;
        background-color: var(--itchio_gray_back);
        padding: 30px;
        width: auto;
        border-bottom: 1px solid;
        border-top: 1px solid;
        border-color: var(--itchio_border_color)
    }

    .knowledge_base_article_page .nav_column .tab_btn a {
        padding: 5px 0
    }

    .knowledge_base_article_page .nav_column .column_header {
        padding-top: 30px
    }

    .knowledge_base_article_page .nav_column .column_header:first-child {
        padding-top: 10px
    }

    .knowledge_base_article_page .content_column {
        margin-left: 0;
        padding: 20px 10px
    }

    .knowledge_base_article_page .content_column h1 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .knowledge_base_article_page .mobile_menu {
        display: block;
        font-size: 16px;
        border: 0;
        width: 100%;
        padding: 8px 10px;
        color: var(--itchio_body_color_light);
        background-color: var(--itchio_gray_back);
        border-radius: 4px;
        margin: 0 auto;
        text-align: center
    }

    .knowledge_base_article_page .mobile_menu:after {
        content: "show menu"
    }

    .knowledge_base_article_page .mobile_menu:hover {
        cursor: pointer
    }

    .knowledge_base_article_page .text_content {
        font-size: 14px
    }

    .knowledge_base_article_page .text_content blockquote {
        font-size: 14px;
        padding: 10px 15px
    }

    .knowledge_base_article_page .text_content h2 {
        font-size: 18px
    }

    .knowledge_base_article_page .text_content .learn_more a {
        border: none;
        padding: 0
    }

    .knowledge_base_article_page.show_menu .nav_column {
        display: block
    }

    .knowledge_base_article_page.show_menu .mobile_menu:after {
        content: "hide menu"
    }
}

.knowledge_base_article_page .highlight .sh_keyword {
    color: #BB84B4
}

.knowledge_base_article_page .highlight .sh_string {
    color: #F1BF8E
}

.knowledge_base_article_page .highlight .sh_operator {
    color: #F277A1
}

.knowledge_base_article_page .highlight .sh_fndef, .knowledge_base_article_page .highlight .sh_preprocessor, .knowledge_base_article_page .highlight .sh_symbol, .knowledge_base_article_page .highlight .sh_embedded, .knowledge_base_article_page .highlight .sh_library, .knowledge_base_article_page .highlight .sh_attribute {
    color: #B0D89C
}

.knowledge_base_article_page .highlight .sh_class, .knowledge_base_article_page .highlight .sh_self_ref, .knowledge_base_article_page .highlight .sh_label {
    color: #99CBCA
}

.knowledge_base_article_page .highlight .sh_tbl_key, .knowledge_base_article_page .highlight .sh_regex {
    color: #F277A1
}

.knowledge_base_article_page .highlight .sh_comment {
    color: #929292
}

.knowledge_base_article_page .highlight .sh_number {
    color: #9D8FF2
}

.knowledge_base_article_page .highlight .sh_function {
    color: #F69385
}

.library_base_page_page {
    --itchio_gutter_width: 20px
}

@media (max-width: 650px) {
    .responsive .library_base_page_page {
        --itchio_gutter_width: 10px
    }
}

.library_base_page_page .library_sort_options_widget {
    padding-left: var(--itchio_gutter_width, 40px);
    padding-right: var(--itchio_gutter_width, 40px)
}

@media (max-width: 650px) {
    .library_base_page_page .library_sort_options_widget .sort_label > .svgicon {
        display: none
    }
}

.library_base_page_page .library_columns {
    display: flex;
    background-color: var(--itchio_white_back)
}

.library_base_page_page .library_columns .library_sidebar {
    background-color: var(--itchio_gray_back);
    width: 260px;
    min-width: 0
}

@media (max-width: 650px) {
    .responsive .library_base_page_page .library_columns .library_sidebar {
        display: none
    }
}

.library_base_page_page .library_columns .library_sidebar h2 {
    font-size: 15px;
    text-transform: uppercase;
    padding: 20px 20px 8px 20px;
    margin: 0
}

.library_base_page_page .library_columns .library_sidebar .link_list {
    list-style: none;
    margin: 0 20px;
    padding: 0
}

.library_base_page_page .library_columns .library_sidebar .link_list li {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    font-size: 14px
}

.library_base_page_page .library_columns .library_sidebar .link_list li a {
    display: block;
    color: var(--itchio_body_color);
    text-decoration: none
}

.library_base_page_page .library_columns .library_sidebar .link_list li a:hover:not(.active) {
    color: #da2c49;
    text-decoration: underline
}

.library_base_page_page .library_columns .library_sidebar .link_list li a.active {
    font-weight: bold;
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

.library_base_page_page .library_columns .primary_column {
    min-width: 0;
    min-height: 70vh;
    flex: 1
}

.library_base_page_page .library_columns .primary_column h1 {
    margin: 20px var(--itchio_gutter_width, 40px);
    margin-bottom: 40px
}

.library_on_sale_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px var(--itchio_gutter_width, 40px)
}

.library_on_sale_page .library_on_sale_widget.loading .game_section {
    position: relative
}

.library_on_sale_page .library_on_sale_widget.loading .game_section:after {
    content: "";
    position: absolute;
    z-index: 99;
    background-color: var(--itchio_white_back);
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.library_recommendations_page .library_columns .primary_column h1 {
    margin-bottom: 10px
}

.library_recommendations_page p, .library_recommendations_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px
}

@media (max-width: 650px) {
    .library_recommendations_page p, .library_recommendations_page .empty_message {
        margin-left: 10px;
        margin-right: 10px
    }
}

.library_recommendations_page .site_promotion {
    background-color: var(--itchio_gray_back);
    overflow: hidden
}

.library_recommendations_page .site_promotion .button.outline {
    background-color: var(--itchio_white_back)
}

.library_recommendations_page h2 {
    margin: 20px
}

@media (max-width: 650px) {
    .library_recommendations_page h2 {
        margin-left: 10px;
        margin-right: 10px
    }
}

.library_recommendations_page .show_more_recs {
    text-align: center;
    margin-bottom: 20px
}

.library_recommendations_page .related_tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid;
    border-color: var(--itchio_gray_back);
    padding: 0px 20px 5px 20px;
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .library_recommendations_page .related_tags {
        padding-left: 10px;
        padding-right: 10px
    }
}

.library_recommendations_page .related_tags .svgicon {
    color: var(--itchio_body_color_light);
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.library_recommendations_page .related_tags .related_tags_label {
    color: var(--itchio_body_color_med);
    font-weight: bold;
    font-size: 14px
}

.library_recommendations_page .related_tags .tag_link {
    height: 28px;
    line-height: 28px;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_med)
}

.library_recommendations_page .related_tags .tag_link:hover {
    color: var(--itchio_body_color)
}

.library_recommendations_on_sale_page .library_columns .primary_column h1 {
    margin-bottom: 10px
}

.library_recommendations_on_sale_page details {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 20px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5
}

@media print {
    .library_recommendations_on_sale_page details {
        box-shadow: none;
        border: none
    }
}

.dark_theme .library_recommendations_on_sale_page details {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.library_recommendations_on_sale_page details[open] {
    overflow: auto;
    max-height: 300px
}

.library_recommendations_on_sale_page details summary {
    cursor: pointer;
    font-weight: bold
}

.library_recommendations_on_sale_page details > p {
    margin: 10px 0
}

@media (max-width: 650px) {
    .library_recommendations_on_sale_page details {
        margin-left: 10px;
        margin-right: 10px
    }
}

.library_recommendations_on_sale_page details > .nice_table {
    margin-bottom: 0
}

.library_recommendations_on_sale_page p, .library_recommendations_on_sale_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px
}

@media (max-width: 650px) {
    .library_recommendations_on_sale_page p, .library_recommendations_on_sale_page .empty_message {
        margin-left: 10px;
        margin-right: 10px
    }
}

.library_recommendations_on_sale_page .library_recommendations_on_sale_widget.loading .game_section {
    position: relative
}

.library_recommendations_on_sale_page .library_recommendations_on_sale_widget.loading .game_section:after {
    content: "";
    position: absolute;
    z-index: 99;
    background-color: var(--itchio_white_back);
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.library_to_rate_page .game_cell .label, .library_to_rate_page .game_cell .user_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.library_to_rate_page .game_cell .rater_row {
    display: flex;
    align-items: center
}

.library_to_rate_page .game_cell .rater_row > :first-child {
    margin-right: 5px
}

.library_to_rate_page .game_cell .rater_row .value_label {
    color: var(--itchio_body_color_light)
}

.library_to_rate_page .game_cell .no_ratings {
    margin-top: 5px;
    font-weight: bold;
    color: var(--itchio_body_color_med);
    font-size: 12px
}

.library_to_rate_page .library_games_to_rate_widget.loading {
    position: relative
}

.library_to_rate_page .library_games_to_rate_widget.loading:after {
    content: "";
    position: absolute;
    z-index: 99;
    background-color: var(--itchio_white_back);
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.library_to_rate_page .primary_column .library_header h1 {
    margin-bottom: 10px
}

.library_to_rate_page .primary_column .library_header p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 20px 20px 20px;
    color: var(--itchio_body_color_med)
}

.library_to_rate_page .dissmiss_option_list {
    list-style: none;
    padding: 0;
    margin: 0
}

.library_to_rate_page .dissmiss_option_list button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 4px 10px;
    text-decoration: none;
    color: var(--itchio_body_color)
}

.library_to_rate_page .dissmiss_option_list button:hover {
    background-color: var(--itchio_gray_back)
}

.library_to_rate_page .ratings_instructions {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin: 20px 20px;
    background-color: var(--itchio_gray_back);
    padding: 10px 15px
}

.library_to_rate_page .ratings_instructions > :last-child {
    flex: 1;
    margin-left: 5px
}

.library_to_rate_page .empty_message {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 20px
}

.lightbox_page_page .return_link_row {
    font-size: 16px;
    line-height: 1.5;
    width: 600px;
    margin: 0 auto;
    margin-top: 40px
}

.lightbox_page_page .return_link_row a {
    color: var(--itchio_body_color_light)
}

.lightbox_page_page .lightbox {
    position: static;
    overflow: hidden;
    margin: 20px auto 40px auto;
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

@media print {
    .lightbox_page_page .lightbox {
        box-shadow: none;
        border: none
    }
}

.dark_theme .lightbox_page_page .lightbox {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

@media (max-width: 650px) {
    .my_collections_page .library_columns {
        display: block
    }

    .my_collections_page .library_columns .library_sidebar {
        display: none
    }
}

.my_collections_page .primary_column .library_header h1 {
    margin-bottom: 20px
}

@media (max-width: 650px) {
    .my_collections_page .primary_column .library_header h1 {
        margin-top: 0;
        padding-top: 20px
    }
}

.my_collections_page .warning_box {
    padding: 20px var(--itchio_gutter_width, 40px);
    margin: 40px var(--itchio_gutter_width, 40px);
    border-left: 0;
    border-right: 0
}

.my_collections_page .empty_message p {
    margin: 20px var(--itchio_gutter_width, 40px);
    font-size: 16px;
    line-height: 1.5
}

.my_collections_page .empty_message em {
    color: var(--itchio_body_color_light)
}

.my_collections_page .game_collection.no_games .no_games_message {
    display: block
}

.my_collections_page .game_collection .live_edit_input {
    width: 300px;
    border: 1px solid;
    background-color: var(--itchio_white_back);
    border-color: var(--itchio_input_border_color);
    color: inherit;
    margin: 0;
    padding: 4px;
    font-size: 18px
}

.my_collections_page .game_collection .live_edit_input:focus {
    outline: none
}

.my_collections_page .game_collection .list_header {
    padding: 10px var(--itchio_gutter_width, 40px);
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

@media (max-width: 650px) {
    .my_collections_page .game_collection .list_header {
        display: block
    }

    .my_collections_page .game_collection .list_header .list_tools {
        margin-left: 0;
        margin-top: 10px
    }
}

.my_collections_page .game_collection .list_tools {
    vertical-align: top;
    font-size: 12px;
    color: var(--itchio_body_color_lighter);
    margin-left: 20px
}

.my_collections_page .game_collection .list_tools > * {
    margin-right: 10px
}

.my_collections_page .game_collection .list_tools > *:last-child {
    margin-right: 0
}

.my_collections_page .game_collection .list_tools a {
    color: var(--itchio_body_color_light)
}

.my_collections_page .game_collection h2 {
    font-size: 18px;
    margin: 0
}

.my_collections_page .game_collection h2 .collection_title {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center
}

.my_collections_page .game_collection h2 .collection_title_wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px;
    display: inline-block
}

.my_collections_page .game_collection h2 a.collection_title:hover, .my_collections_page .game_collection h2 a.collection_title:active {
    text-decoration: underline
}

.my_collections_page .game_collection h2 a.collection_title:hover .outline_button, .my_collections_page .game_collection h2 a.collection_title:active .outline_button {
    background-color: #444;
    border-color: #666;
    color: white
}

.my_collections_page .game_collection h2 a.collection_title:active .outline_button {
    background-color: #333
}

.my_collections_page .game_collection h2 .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;
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med);
    margin-left: 10px;
    font-weight: normal
}

.my_collections_page .game_collection .toggle_input {
    color: var(--itchio_body_color_light);
    white-space: nowrap
}

.my_collections_page .game_collection .toggle_input.disabled {
    color: #aaa
}

.my_collections_page .game_collection .toggle_input input {
    vertical-align: middle
}

.my_collections_page .game_collection .no_games_message, .my_collections_page .game_collection .go_to_collection {
    margin: 20px var(--itchio_gutter_width, 40px);
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_light)
}

.my_collections_page .game_collection .no_games_message a, .my_collections_page .game_collection .go_to_collection a {
    color: inherit
}

.my_collections_page .game_collection .no_games_message {
    display: none
}

.my_collections_page .game_carousel_widget .scrolling_inner {
    padding: 10px var(--itchio_gutter_width, 40px)
}

.my_collections_page .game_carousel_widget .load_more_cell {
    box-sizing: border-box;
    flex: none;
    width: 200px;
    height: 158px;
    border: 1px solid #dadada;
    background: #eee;
    position: relative
}

.my_collections_page .game_carousel_widget .load_more_cell .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.my_collections_page .game_carousel_widget .game_cell {
    transition: all 0.3s ease-in-out;
    position: relative;
    left: 0;
    top: 0
}

.my_collections_page .game_carousel_widget .game_cell.invisible {
    opacity: 0
}

.my_collections_page .game_carousel_widget .game_cell:first-child:last-child .top_tools {
    display: none
}

.my_collections_page .game_carousel_widget .game_cell:first-child .move_left_btn {
    display: none
}

.my_collections_page .game_carousel_widget .game_cell:last-child .move_right_btn {
    display: none
}

.my_collections_page .game_carousel_widget .game_cell .game_thumb {
    position: relative;
    overflow: hidden
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools {
    transition: all 0.2s ease-in-out;
    background: rgba(0, 0, 0, 0.8);
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    font-size: 12px
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools.top_tools {
    top: -24px
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools.top_tools .half_button {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools.bottom_tools {
    bottom: -24px
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools.bottom_tools .half_button {
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools span {
    color: #ddd;
    text-decoration: none;
    cursor: pointer
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools .half_button {
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    text-align: center
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools .half_button:hover {
    background: rgba(255, 255, 255, 0.1)
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools .half_button:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3)
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools .remove_btn {
    color: #f99
}

.my_collections_page .game_carousel_widget .game_cell .hover_tools .remove_btn:hover {
    background: rgba(255, 100, 100, 0.2)
}

.my_collections_page .game_carousel_widget .game_cell:hover .hover_tools.top_tools {
    top: 0px
}

.my_collections_page .game_carousel_widget .game_cell:hover .hover_tools.bottom_tools {
    bottom: 0px
}

.my_collections_page .purchased_games_widget {
    align-items: stretch
}

.my_collections_page .purchased_games_widget .game_cell {
    display: flex;
    flex-direction: column
}

.my_collections_page .purchased_games_widget .game_cell .game_cell_data {
    display: flex;
    flex-direction: column;
    flex: 1
}

.my_collections_page .purchased_games_widget .game_cell .game_cell_data > .button_wrapper {
    padding-top: 5px;
    margin-top: auto
}

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

.new_bundle_page .payouts_warning:before {
    content: "Note: ";
    font-weight: bold
}

.new_bundle_page .sub {
    color: var(--itchio_body_color_light);
    font-size: 14px
}

.new_bundle_page .sub {
    margin: 5px 0 0 0
}

.new_bundle_page form .form_errors {
    margin: 0
}

.new_bundle_page .loader {
    display: none
}

.new_bundle_page.loading .loader {
    display: inline-block
}

.new_bundle_page.loading .buttons a {
    display: none
}

.new_bundle_page .input_row {
    margin-bottom: 25px
}

.new_bundle_page .game_list_row .form_loader {
    margin-left: 10px
}

.new_bundle_page .game_list_row .input_split {
    display: inline-flex;
    margin-top: 6px;
    gap: 10px;
    max-width: 550px;
    width: 100%
}

.new_bundle_page .game_list_row .input_split > input[type=text] {
    margin: 0
}

.new_bundle_page .game_list_row .add_game_btn {
    min-width: 90px
}

.new_bundle_page .game_list_row .bundle_game_list {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    color: var(--itchio_body_color_light);
    list-style-type: none;
    max-width: 620px;
    padding: 10px
}

@media print {
    .new_bundle_page .game_list_row .bundle_game_list {
        box-shadow: none;
        border: none
    }
}

.dark_theme .new_bundle_page .game_list_row .bundle_game_list {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.new_bundle_page .game_list_row .remove_game {
    color: var(--itchio_body_color_lighter);
    text-decoration: underline
}

.new_bundle_page .game_list_row .remove_game:hover {
    cursor: pointer
}

.new_bundle_page .game_list_row .minimum_price_checkbox {
    margin-left: auto;
    white-space: nowrap
}

.new_bundle_page .game_list_row .minimum_price_checkbox:hover {
    cursor: pointer
}

.new_bundle_page .game_list_row .minimum_price_checkbox input[type="checkbox"] {
    margin: 0 4px 0 0
}

.new_bundle_page .game_list_row .minimum_price_picker {
    margin: 10px 0 0 0
}

.new_bundle_page .game_list_row .minimum_price_picker .sub {
    line-height: 1.6em
}

.new_bundle_page .game_list_row .minimum_price_picker .item_price_input {
    width: 80px;
    padding: 2px 4px;
    font-size: 14px
}

.new_bundle_page .game_list_row .game_row {
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-color: var(--itchio_border_color)
}

.new_bundle_page .game_list_row .game_row:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.new_bundle_page .game_list_row .game_row .primary_details {
    display: flex;
    align-items: center;
    gap: 8px
}

.new_bundle_page .game_list_row .game_row .primary_details > img {
    flex: none
}

.new_bundle_page .game_list_row .game_row .game_info {
    max-width: 270px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 2px
}

.new_bundle_page .game_list_row .game_row .game_title {
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    text-decoration: none
}

.new_bundle_page .game_list_row .game_row .game_title:hover {
    text-decoration: underline
}

.new_bundle_page .game_list_row .game_row .game_author {
    color: var(--itchio_body_color_light)
}

.new_bundle_page .game_list_row .game_row .price_tag {
    font-size: 12px;
    background: #24C091;
    color: white;
    padding: 2px 4px;
    border-radius: 4px
}

.new_bundle_page .game_list_row .game_list_summary .price {
    font-weight: bold
}

.new_bundle_page .bundle_price_row {
    margin-top: 10px
}

.new_bundle_page .bundle_price_row .suggested_bundle_price {
    font-weight: bold
}

.new_bundle_page .duration_row .date_inputs {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.new_bundle_page .duration_row .duration_label {
    color: var(--itchio_body_color_light)
}

.new_bundle_page .redactor-box {
    width: 540px
}

.new_bundle_page .split_row .label {
    font-size: 16px
}

.new_bundle_page .split_row .split_presets {
    color: var(--itchio_body_color_lighter)
}

.new_bundle_page .split_row .split_presets a {
    color: #666;
    color: var(--itchio_body_color_light);
    display: inline-block;
    margin-left: 5px
}

.new_bundle_page .split_row .split_list {
    margin: 1.4em 0;
    padding: 0
}

.new_bundle_page .split_row .split_slider_container {
    list-style-type: none;
    margin: .4em 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

.new_bundle_page .split_row .split_slider_container img.avatar {
    border-radius: 2px;
    background: white
}

.new_bundle_page .split_row .split_slider_container .username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px;
    font-size: 16px
}

.new_bundle_page .split_row .split_slider_outer {
    width: 270px;
    margin: 0 10px
}

.new_bundle_page .split_row .split_summary .split_value {
    font-size: 24px
}

.new_bundle_page .split_row .split_summary .sub {
    color: var(--itchio_body_color_light);
    font-size: 15px
}

.not_found_page.no_image .page_message h2 {
    margin-top: 20px
}

.not_found_page .image_wrapper {
    text-align: center
}

.not_found_page .page_message h2 {
    text-align: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.not_found_page .page_message p {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    max-width: 500px;
    margin: 20px auto
}

.not_found_page .more_information {
    text-align: left;
    font-size: 16px;
    background-color: var(--itchio_gray_back);
    padding: 20px
}

.not_found_page .more_information ul {
    line-height: 1.3
}

.not_found_page .more_information ul li {
    margin-bottom: 5px
}

.not_found_page .more_information ul li:last-child {
    margin-bottom: 0
}

.not_found_page .bottom_links {
    text-align: center;
    font-size: 16px
}

.not_found_page .art_credits {
    margin-top: 40px;
    text-align: center;
    color: var(--itchio_body_color_light)
}

.not_found_page .art_credits a {
    color: var(--itchio_body_color_med)
}

.not_found_page .admin_debug {
    border: 1px solid #FB9175;
    padding: 20px;
    border-radius: 3px;
    position: relative;
    margin-top: 50px
}

.not_found_page .admin_debug:before {
    content: "Admin";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #FB9175;
    border-bottom: 1px solid #FB9175;
    border-radius: 0 0 0 3px;
    padding: 2px 4px;
    color: #f84212;
    font-weight: bold;
    background: rgba(251, 145, 117, 0.1)
}

.not_found_page .admin_debug pre {
    white-space: pre-wrap;
    overflow: auto
}

.notifications_page .empty_message {
    color: var(--itchio_body_color_light);
    font-size: 16px
}

.notifications_page .page_tabs .icon {
    font-size: 14px
}

html:not([dir=rtl]) .notifications_page .page_tabs .icon {
    margin-right: 5px
}

html[dir=rtl] .notifications_page .page_tabs .icon {
    margin-left: 5px
}

.notifications_page .notification_list h3 {
    margin: 20px 0 10px
}

.notifications_page .notification_list h3:first-child {
    margin-top: 0
}

.notifications_page .notification_row {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.5
}

.notifications_page .notification_row:hover .timestamp {
    opacity: 1
}

.notifications_page .notification_row .timestamp {
    color: var(--itchio_body_color_light);
    margin-left: 10px;
    opacity: 0;
    transition: 0.2s ease opacity
}

@media (max-width: 650px) {
    .notifications_page .notification_row {
        margin-bottom: 10px
    }

    .notifications_page .notification_row .timestamp {
        opacity: 1
    }
}

.notifications_page .notification_row .sub {
    color: var(--itchio_body_color_light)
}

.notifications_page .notification_row .purchase_tag, .notifications_page .notification_row .new_tag {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 4px 1px 4px;
    font-weight: bold;
    line-height: 15px
}

.notifications_page .notification_row .purchase_tag {
    background: var(--itchio_body_color_lighter);
    margin-left: 7px
}

.notifications_page .notification_row .new_tag {
    background: #40434E;
    margin-right: 7px
}

.notifications_page .notifications_footer {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px var(--itchio_gutter_width, 40px)
}

.notifications_page .notifications_footer a {
    color: var(--itchio_body_color_light)
}

.oauth_register_page .oauth_info {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 20px
}

.partners_profile_page h2 {
    display: flex;
    align-items: center
}

.partners_profile_page h2 a {
    display: block
}

.partners_profile_page h2 img {
    display: block;
    margin-right: 10px
}

.partners_profile_page .padded > section {
    margin-bottom: 40px
}

.partners_profile_page .padded > section:last-child {
    margin-bottom: 0
}

.partners_profile_page .top_links {
    margin-bottom: 20px;
    font-size: 16px;
    display: flex
}

.partners_profile_page .top_links > div {
    flex: 1
}

.partners_profile_page .top_links .edit_link {
    text-decoration: none
}

.partners_profile_page .top_links .edit_link > .label {
    display: inline-block;
    margin-left: 5px;
    text-decoration: underline
}

.partners_profile_page .profile_columns {
    display: flex
}

.partners_profile_page .profile_columns .profile_summary {
    flex: 1
}

.partners_profile_page .profile_columns .connected_accounts {
    width: 350px;
    margin-left: 20px
}

.partners_profile_page .connected_accounts_wrapper {
    background-color: var(--itchio_gray_back);
    padding: 20px
}

.partners_profile_page .connected_accounts_wrapper .account_list {
    margin: 0;
    list-style: none;
    padding: 0
}

.partners_profile_page .connected_accounts_wrapper .account_list li {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.partners_profile_page .connected_accounts_wrapper .account_list li:last-child {
    margin-bottom: 0
}

.partners_profile_page .connected_accounts_wrapper .account_list .icon {
    margin-right: 5px;
    color: #aada80
}

.partners_profile_page .nice_table {
    width: 100%
}

.partners_profile_page .edit_links h3 {
    display: flex;
    align-items: center
}

.partners_profile_page .edit_links h3 .icon {
    margin-right: 10px
}

.press_user_list_page p {
    max-width: 600px;
    font-size: 16px;
    line-height: 1.5
}

.press_user_list_page p a {
    display: inline-block
}

.press_user_list_page table {
    width: 100%
}

.press_user_list_page .user_info {
    display: flex;
    align-items: center
}

.press_user_list_page .user_info img, .press_user_list_page .user_info .image_placeholder {
    width: 35px;
    height: 35px;
    margin-right: 5px
}

.press_user_list_page .user_info .image_placeholder {
    background: #e7e7e7
}

.promotion_page .details_column .goal_progress_widget {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 20px var(--itchio_gutter_width, 40px);
    margin: 40px 0 40px 0;
    background: rgba(255, 255, 255, 0.5)
}

.dark_theme .promotion_page .details_column .goal_progress_widget {
    background: rgba(17, 17, 17, 0.5)
}

@media (max-width: 1010px) {
    .promotion_page .details_column .goal_progress_widget .extra_stats {
        display: none
    }

    .promotion_page .details_column .goal_progress_widget .stat_inline:nth-child(2) {
        border-right: 0
    }
}

.promotion_page.small_grid .game_column {
    padding-right: 20px
}

.promotion_page.small_grid .promo_game_grid .game_title {
    font-size: 16px
}

.promotion_page.small_grid .promo_game_grid .game_text, .promotion_page.small_grid .promo_game_grid .game_genre {
    display: none
}

.promotion_page.small_grid .promo_game_grid .game_platform, .promotion_page.small_grid .promo_game_grid .game_promo, .promotion_page.small_grid .promo_game_grid .game_author {
    font-size: 14px
}

.promotion_page.good_bundle {
    background-color: var(--itchio_white_back)
}

.promotion_page.good_bundle a {
    color: #0d65ff
}

.promotion_page.good_bundle button {
    background: #0d65ff;
    text-shadow: 0 1px 0 #1f54b0
}

.promotion_page.good_bundle .bundle_banner {
    max-width: 400px;
    margin: 0 auto 30px auto;
    display: block
}

.promotion_page .stick_wrapper {
    padding: 20px 0
}

@media (min-width: 900px) {
    .promotion_page .columns_wrapper {
        display: flex
    }

    .promotion_page .stick_wrapper {
        position: sticky;
        top: 0;
        padding: 40px 0
    }

    .promotion_page .details_column {
        width: 60%
    }

    .promotion_page .details_column .stick_wrapper {
        box-sizing: border-box;
        overflow: auto;
        max-height: 100vh
    }

    .promotion_page .game_column {
        width: 40%
    }
}

@media (min-width: 1160px) {
    .promotion_page .details_column {
        width: 50%
    }

    .promotion_page .game_column {
        width: 50%
    }
}

@media (min-width: 1440px) {
    .promotion_page .details_column {
        width: 40%
    }

    .promotion_page .game_column {
        width: 60%
    }
}

.promotion_page .columns_wrapper {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.promotion_page .share_row {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_lighter)
}

.promotion_page .share_row a {
    color: var(--itchio_body_color_light);
    display: inline-block;
    padding: 2px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.2s ease all;
    margin-left: 8px
}

.promotion_page .share_row a:hover {
    color: #FF2449
}

.promotion_page .details_column {
    box-sizing: border-box
}

.promotion_page .details_column .column_padded {
    max-width: 600px;
    padding: 0 var(--itchio_gutter_width, 40px)
}

.promotion_page .game_column {
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    background-color: var(--itchio_white_back);
    padding-left: 40px;
    padding-right: 20px
}

@media (max-width: 650px) {
    .promotion_page .game_column {
        padding: 0 var(--itchio_gutter_width, 40px)
    }
}

.promotion_page .game_column p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--itchio_body_color_med);
    margin: 0 0 15px 0
}

.promotion_page .game_column .game_grid_widget + h2 {
    margin-top: 30px
}

.promotion_page .game_carousel_widget .paddle_next {
    background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 50%, #f4f4f4 100%)
}

.promotion_page .game_carousel_widget .paddle_next .paddle_center_area:after {
    background-image: url("images/carousel-arrow-right-dark.png")
}

.promotion_page .game_carousel_widget .paddle_prev {
    background: linear-gradient(to right, #f4f4f4 0%, #f4f4f4 50%, rgba(244, 244, 244, 0) 100%)
}

.promotion_page .game_carousel_widget .paddle_prev .paddle_center_area:after {
    background-image: url("images/carousel-arrow-left-dark.png")
}

.dark_theme .promotion_page .game_carousel_widget .paddle_next {
    background: linear-gradient(to right, rgba(27, 27, 27, 0) 0%, #1b1b1b 50%, #1b1b1b 100%)
}

.dark_theme .promotion_page .game_carousel_widget .paddle_next .paddle_center_area:after {
    background-image: url("images/carousel-arrow-right-dark.png")
}

.dark_theme .promotion_page .game_carousel_widget .paddle_prev {
    background: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 50%, rgba(27, 27, 27, 0) 100%)
}

.dark_theme .promotion_page .game_carousel_widget .paddle_prev .paddle_center_area:after {
    background-image: url("images/carousel-arrow-left-dark.png")
}

.promotion_page .game_carousel_widget .game_cell .game_text, .promotion_page .game_carousel_widget .game_cell .game_author, .promotion_page .game_carousel_widget .game_cell .game_genre {
    display: none
}

.promotion_page h1 {
    margin-bottom: 20px;
    font-size: 32px
}

.promotion_page .promotion_host, .promotion_page .promotion_meta {
    font-size: 16px;
    color: var(--itchio_body_color_light);
    margin-bottom: 20px;
    line-height: 1.4
}

.promotion_page .promotion_host a, .promotion_page .promotion_meta a {
    color: inherit
}

.promotion_page .promotion_host .meta_group:not(:first-child):before, .promotion_page .promotion_meta .meta_group:not(:first-child):before {
    content: " · "
}

.promotion_page .promotion_meta {
    line-height: 1.5
}

.promotion_page .owner_tools {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 8px var(--itchio_gutter_width, 40px);
    background: #A287C0;
    color: rgba(255, 255, 255, 0.8)
}

.promotion_page .owner_tools strong {
    color: white
}

.promotion_page .owner_tools a {
    color: white
}

.promotion_page .owner_tools .edit_links a {
    margin: 0 6px
}

.promotion_page .owner_tools .divider {
    width: 2px;
    height: 10px;
    background: #bca8d2;
    margin: 0 20px
}

.promotion_page .owner_tools .status_flag {
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FB9175;
    color: white;
    margin-right: 10px
}

@media (max-width: 600px) {
    .promotion_page .owner_tools {
        display: block
    }

    .promotion_page .owner_tools .status_flag {
        text-align: center;
        margin-right: 0
    }

    .promotion_page .owner_tools .divider {
        height: 0
    }
}

.promotion_page .game_column .index_game_grid_widget {
    padding: 0
}

.promotion_page .promo_game_grid .game_genre, .promotion_page .promo_game_grid .game_platform, .promotion_page .promo_game_grid .game_text, .promotion_page .promo_game_grid .game_promo, .promotion_page .promo_game_grid .game_author {
    font-size: 16px
}

.promotion_page .not_active_notification {
    background: var(--itchio_border_color);
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px
}

.promotion_page .promotion_buy_row_outer {
    margin-bottom: 20px
}

.promotion_page .promotion_buy_row {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    background-color: var(--itchio_white_back);
    max-width: 500px;
    display: flex;
    align-items: center
}

.promotion_page .promotion_buy_row .buy_bundle_btn, .promotion_page .promotion_buy_row .buy_game_btn {
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 36px;
    height: 40px;
    padding: 0 20px;
    margin: 0 16px
}

@media (max-width: 600px) {
    .promotion_page .promotion_buy_row {
        display: block;
        max-width: none;
        text-align: center;
        padding: 10px
    }

    .promotion_page .promotion_buy_row > .button {
        display: block;
        width: 100%;
        margin: 0;
        box-sizing: border-box
    }

    .promotion_page .promotion_buy_row .countdown {
        margin-top: 10px;
        height: auto;
        border: 0;
        padding: 0
    }
}

.promotion_page .promotion_description {
    margin-top: 40px
}

.promotion_page .countdown {
    flex: 1;
    border-left: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 7px 10px 0 10px;
    text-align: center;
    height: 73px;
    white-space: nowrap
}

.promotion_page .countdown .countdown_label {
    color: var(--itchio_body_color_lighter);
    margin-bottom: 3px
}

.promotion_page .countdown .time_block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px
}

.promotion_page .countdown .time_block.hidden {
    display: none
}

.promotion_page .countdown .time_block .block_value {
    font-size: 18px;
    color: var(--itchio_body_color_light)
}

.promotion_page .countdown .time_block .block_label {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--itchio_body_color_lighter)
}

.promotion_page .other_content h1 {
    margin: 40px;
    font-size: 26px
}

@media (max-width: 650px) {
    .promotion_page .other_content h1 {
        margin: 20px var(--itchio_gutter_width, 40px)
    }
}

.promotion_page .sale_recommendations {
    margin: 20px 20px
}

@media (max-width: 650px) {
    .promotion_page .sale_recommendations {
        margin-left: 0;
        margin-right: 0
    }
}

.promotion_page .sale_recommendations h2 {
    font-size: 24px;
    padding-left: 20px
}

@media (max-width: 650px) {
    .promotion_page .sale_recommendations h2 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.purchase_error_page p, .purchase_error_page ul {
    font-size: 16px;
    line-height: 1.5
}

.purchase_status_page.failed .failed_message.hidden {
    display: block
}

.purchase_status_page.failed .loading_message {
    display: none
}

.purchase_status_page .failed_message.hidden {
    display: none
}

.purchases_base_page .header_tabs {
    padding: 0;
    margin: 20px
}

.purchases_base_page .warning_box {
    padding: 20px;
    margin: 40px 20px;
    border-left: 0;
    border-right: 0
}

@media (max-width: 650px) {
    .purchases_base_page .warning_box {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.purchases_base_page .grid_outer {
    position: relative;
    border: 0
}

.purchases_base_page .grid_outer .border_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    background-color: var(--itchio_white_back)
}

.purchases_base_page .game_grid_widget .game_cell {
    margin-right: 0
}

.purchases_base_page .game_grid_widget .game_cell:last-child .date_header {
    margin-right: -5px
}

.purchases_base_page .game_grid_widget .game_cell .date_header {
    border-bottom: 4px solid;
    border-color: var(--itchio_border_color);
    margin-bottom: 20px;
    margin-right: -10px;
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--itchio_body_color_med)
}

.dark_theme .purchases_base_page .game_grid_widget .game_cell .date_header {
    border-color: #292929
}

.randomizer_page {
    background-color: var(--itchio_white_back);
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0
}

.randomizer_page.initial {
    background: url(images/blog/covers-blue.jpg)
}

.randomizer_page.initial .randomizer_intro_outer {
    background: rgba(255, 255, 255, 0.5)
}

.dark_theme .randomizer_page.initial .randomizer_intro_outer {
    background: rgba(0, 0, 0, 0.5)
}

.randomizer_page.loading:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    background: rgba(244, 244, 244, 0.5);
    z-index: 2
}

.dark_theme .randomizer_page.loading:before {
    background: rgba(27, 27, 27, 0.5)
}

@media (min-width: 1500px) {
    .randomizer_page.loading:before {
        width: 320px
    }
}

.randomizer_page.no_sidebar .sidebar {
    left: -320px
}

.randomizer_page.no_sidebar .object_viewer_outer, .randomizer_page.no_sidebar .randomizer_intro_outer {
    left: 0
}

.randomizer_page.no_filters .randomizer_intro_outer {
    display: none
}

.randomizer_page .sidebar_inner {
    padding: 20px
}

.randomizer_page .sidebar_inner > :first-child {
    margin-top: 0
}

@media (max-width: 650px) {
    .randomizer_page .sidebar_inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

.randomizer_page .sidebar {
    box-sizing: border-box;
    transition: left 0.2s ease;
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--itchio_gray_back);
    width: 300px
}

@media (min-width: 1500px) {
    .randomizer_page .sidebar {
        width: 320px
    }
}

.randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
    transition: left 0.2s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 300px
}

@media (min-width: 1500px) {
    .randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
        left: 320px
    }
}

.randomizer_page .randomizer_intro_outer {
    z-index: 1;
    overflow: auto;
    background: rgba(255, 255, 255, 0.9);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center
}

.dark_theme .randomizer_page .randomizer_intro_outer {
    background: rgba(0, 0, 0, 0.9)
}

.randomizer_page .randomizer_intro_outer .transition_wrapper {
    max-width: 500px;
    margin: auto
}

@media (max-width: 650px) {
    .randomizer_page .randomizer_intro_outer .transition_wrapper {
        max-width: none
    }
}

.randomizer_page .randomizer_intro_outer .randomizer_intro {
    box-sizing: border-box;
    background-color: var(--itchio_gray_back);
    padding: 40px;
    position: relative;
    opacity: 0
}

@media (max-width: 650px) {
    .randomizer_page .randomizer_intro_outer .randomizer_intro {
        padding: 10px
    }
}

.randomizer_page .randomizer_intro_outer .randomizer_intro.animated {
    animation: intro 0.6s cubic-bezier(0.22, 0.52, 0.54, 0.84);
    opacity: 1
}

@media (max-width: 650px) {
    .randomizer_page .randomizer_intro_outer .randomizer_intro.animated {
        animation: none
    }
}

.randomizer_page .randomizer_intro_outer .randomizer_intro .social_buttons_widget {
    position: absolute;
    top: 44px;
    right: 0
}

@media (max-width: 850px) {
    .randomizer_page .randomizer_intro_outer .randomizer_intro .social_buttons_widget {
        display: none
    }
}

.randomizer_page .randomizer_intro_outer .randomizer_intro p {
    font-size: 16px;
    line-height: 1.5
}

@media (max-width: 650px) {
    .randomizer_page .randomizer_intro_outer .randomizer_intro p {
        font-size: 14px
    }
}

.randomizer_page .randomizer_intro_outer .randomizer_intro h1 {
    font-size: 22px
}

.randomizer_page .randomizer_intro_outer .randomizer_intro h2 {
    font-size: 18px;
    margin-bottom: 0
}

.randomizer_page .randomizer_intro_outer .randomizer_intro .buttons {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding-top: 20px;
    text-align: center
}

.randomizer_page .randomizer_intro_outer .randomizer_intro .buttons button {
    min-width: 200px
}

.randomizer_page .randomizer_intro_outer p.tag_filter {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.randomizer_page .randomizer_intro_outer p.tag_filter a {
    color: var(--itchio_body_color_gray)
}

.randomizer_page .randomizer_intro_outer .filters {
    padding: 16px 0
}

.randomizer_page .randomizer_intro_outer .filters .filter {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: 2px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_light);
    background-color: var(--itchio_white_back);
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 14px
}

.randomizer_page .randomizer_intro_outer .filters .filter:hover {
    border-color: #d0d0d0;
    cursor: pointer
}

.dark_theme .randomizer_page .randomizer_intro_outer .filters .filter:hover {
    border-color: rgba(255, 255, 255, 0.1)
}

.randomizer_page .randomizer_intro_outer .filters .filter.selected {
    border-color: #45B976;
    background: rgba(69, 185, 118, 0.1)
}

.dark_theme .randomizer_page .randomizer_intro_outer .filters .filter.selected {
    border-color: #45B976
}

.randomizer_page .randomizer_intro_outer .filters .filter .label {
    display: inline-block;
    vertical-align: top
}

.randomizer_page .randomizer_intro_outer .filters .filter input {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 8px;
    margin-top: 3px
}

.randomizer_page .object_viewer {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

@media (max-width: 800px) {
    .randomizer_page {
        position: static;
        border-bottom: 1px solid;
        border-color: var(--itchio_border_color)
    }

    .randomizer_page .sidebar {
        position: static;
        width: auto
    }

    .randomizer_page .sidebar .recently_viewed_games {
        display: none
    }

    .randomizer_page .sidebar .game_summary_page, .randomizer_page .sidebar .feedback_summary {
        display: none
    }

    .randomizer_page .sidebar .game_rater {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
        border-top: 0
    }

    .randomizer_page .object_viewer_outer {
        display: none
    }

    .randomizer_page .object_viewer_outer, .randomizer_page .randomizer_intro_outer {
        position: static
    }

    .randomizer_page .randomizer_intro_outer {
        min-height: calc(100vh - 100px)
    }
}

@media (max-width: 800px) and (max-width: 650px) {
    .randomizer_page .randomizer_intro_outer {
        min-height: 0
    }
}

@media (max-width: 800px) {
    .randomizer_page.no_filters .object_viewer_outer {
        display: block
    }

    .randomizer_page.no_filters .randomizer_intro_outer {
        display: none
    }

    .randomizer_page.loading:before {
        width: auto;
        right: 0;
        position: fixed
    }
}

@media (max-width: 650px) {
    .randomizer_page {
        border-bottom: 0
    }
}

.refinery_landing_page.app_page .opensource_floater .github_button {
    display: flex;
    align-items: center
}

.refinery_landing_page.app_page .opensource_floater .github_button .icon {
    font-size: 130%;
    margin-right: 10px
}

.refinery_landing_page.app_page .header_content {
    background: black;
    padding: 60px 0 50px 0
}

.refinery_landing_page.app_page .header_content .image_row video {
    width: 510px;
    height: 300px
}

.refinery_landing_page.app_page .header_content h2 {
    padding-top: 20px;
    font-size: 28px
}

.refinery_landing_page.app_page .lineup {
    text-align: center
}

@media (min-width: 1500px) {
    .refinery_landing_page.app_page .lineup {
        width: 1500px;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

.refinery_landing_page.app_page .lineup .lineup_item {
    margin: 30px 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px
}

.refinery_landing_page.app_page .lineup .lineup_item .lineup_image {
    display: block;
    height: 150px;
    border-radius: 2px;
    border: inset 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px #c3c1c1
}

.refinery_landing_page.app_page .lineup .lineup_item .lineup_desc {
    display: inline-block;
    font-weight: bold;
    margin-top: 10px;
    font-size: 20px;
    border-bottom: 1px solid #e98394
}

.refinery_landing_page.app_page .text_container quote {
    display: block;
    color: #434343
}

.refinery_landing_page.app_page .text_container quote p {
    font-style: italic;
    font-size: 150%
}

.refinery_landing_page.app_page .text_container quote strong {
    color: #606060
}

.refinery_landing_page.app_page .image_interstitial.flexbiz {
    height: 630px
}

@media (max-width: 900px) {
    .refinery_landing_page.app_page .image_interstitial.flexbiz {
        height: auto
    }
}

.refinery_landing_page.app_page .image_interstitial .app_image.flexbiz_image {
    border-radius: 8px;
    border: inset 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 10px #c3c1c1
}

.refinery_landing_page.app_page .image_interstitial .app_image.community_image {
    height: 340px
}

@media (max-width: 900px) {
    .refinery_landing_page.app_page .image_interstitial .app_image.community_image {
        height: auto
    }
}

.refinery_landing_page.app_page .image_interstitial .app_image.butler_demo {
    background-color: black;
    background-image: url("https://storage.googleapis.com/docs.itch.ovh/butler/master/images/butler-push-next.gif");
    width: 780px;
    height: 420px;
    background-repeat: no-repeat;
    background-position: 5px 100%;
    border: 2px solid #E8E8E8;
    border-top-width: 30px;
    box-shadow: 0 0 40px #888585;
    border-radius: 4px
}

@media (max-width: 900px) {
    .refinery_landing_page.app_page .image_interstitial .app_image.butler_demo {
        height: 0;
        padding-bottom: 56.25%;
        width: 90%;
        margin: 20px 0 40px 0;
        background-size: 100% auto;
        border-width: 2px;
        border-top-width: 25px
    }
}

.refinery_landing_page.app_page .image_interstitial .app_image.butler_demo .butler_btn {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ccc;
    display: inline-block;
    margin: 0 6px;
    position: relative;
    top: -23px
}

@media (max-width: 900px) {
    .refinery_landing_page.app_page .image_interstitial .app_image.butler_demo .butler_btn {
        width: 14px;
        height: 14px;
        margin: 0 5px;
        top: -20px
    }
}

.sale_page .countdown_row {
    margin-bottom: 20px
}

.sale_page .countdown_row .countdown {
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 4px;
    background-color: var(--itchio_white_back)
}

.sale_page .owner_tools .url_preview {
    font-size: 16px;
    line-height: 1.5;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-left: 10px;
    padding: 0 10px;
    height: 25px;
    width: 350px;
    border-radius: 3px;
    color: white
}

.sale_page .coupon_message {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold
}

.search_page {
    background-color: var(--itchio_white_back)
}

.search_page .search_header.grid_header h2 {
    margin: 20px var(--itchio_gutter_width, 40px)
}

.search_page .jam_grid_widget {
    background-color: var(--itchio_gray_back);
    padding: 20px var(--itchio_gutter_width, 40px);
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px 10px;
    align-items: start
}

.search_page .user_results {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_gray_back);
    vertical-align: top;
    padding: 15px var(--itchio_gutter_width, 40px)
}

.search_page .user_results .results_label {
    color: var(--itchio_body_color_light);
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase
}

.search_page .user_results .user_results_cells {
    white-space: nowrap;
    overflow-y: auto
}

.search_page .user_results .user_result_cell {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    background-color: var(--itchio_white_back);
    width: 250px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px;
    border-radius: 3px;
    font-size: 16px
}

.search_page .user_results .user_result_cell .user_data {
    line-height: 1.4
}

.search_page .user_results .user_result_cell .user_sub {
    color: var(--itchio_body_color_light);
    font-size: 14px
}

.search_page .user_results .user_result_cell .user_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_page .user_results .user_result_cell .avatar_container {
    display: block;
    margin-right: 10px
}

.search_page .user_results .user_result_cell .result_avatar {
    width: 40px;
    height: 40px;
    background-color: var(--itchio_gray_back);
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px
}

.search_page .tag_results {
    background-color: var(--itchio_gray_back);
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 15px var(--itchio_gutter_width, 40px);
    display: flex;
    flex-direction: column;
    gap: 10px
}

.search_page .tag_results .results_label {
    color: var(--itchio_body_color_light);
    displaY: flex;
    align-items: center;
    gap: 5px
}

.search_page .tag_results .results_label a {
    color: inherit
}

.search_page .tag_results .tag_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 10px
}

.search_page .tag_results .label_text {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase
}

.search_page .tag_results .outline_button {
    background-color: var(--itchio_white_back);
    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;
    border-color: var(--itchio_border_color);
    background-color: var(--itchio_white_back);
    color: var(--itchio_body_color_med)
}

.search_page .tag_results .outline_button:hover {
    background: white;
    color: #222;
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.search_page .tag_results .outline_button:active {
    background: #e1193b;
    border-color: #e1193b
}

.search_two_page h2 {
    background: #F4F4F4;
    margin: 0;
    padding: 10px 40px;
    margin-bottom: 20px
}

@media (max-width: 400px) {
    .search_two_page .form .button {
        display: block;
        width: 100%
    }
}

.search_two_page .game_grid_widget {
    padding-left: 20px
}

.search_two_page .game_grid_widget .coll_btn {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

@media (max-width: 400px) {
    .search_two_page .game_grid_widget .game_cell .game_title {
        font-size: 16px
    }

    .search_two_page .game_grid_widget .game_cell .game_genre, .search_two_page .game_grid_widget .game_cell .game_platform, .search_two_page .game_grid_widget .game_cell .game_text, .search_two_page .game_grid_widget .game_cell .game_sale, .search_two_page .game_grid_widget .game_cell .game_author {
        font-size: 12px
    }
}

@media (max-width: 500px) {
    .search_two_page .game_grid_widget .game_cell .game_thumb .no_cover_text {
        font-size: 60px;
        margin-left: -30px;
        margin-top: -30px
    }
}

.search_two_page .user_results {
    font-size: 16px;
    line-height: 1.5
}

.steam_login_page .account_button {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.support_page .game_support {
    background-color: var(--itchio_gray_back);
    padding: 15px 20px;
    margin-bottom: 20px
}

.support_page .game_support p {
    margin: 0
}

.support_page .game_support ul {
    margin: 10px 0 0 0
}

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

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

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

.ticket_form_page form {
    margin: 20px 40px
}

.ticket_form_page form.has_errors .errors {
    display: inline-block
}

.ticket_form_page form.loading .loader {
    display: inline-block
}

.ticket_form_page form .loader {
    margin-left: 10px;
    display: none
}

.ticket_form_page form .errors {
    display: none;
    color: #D14343;
    margin-left: 10px
}

.ticket_form_page .footer_links {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    color: var(--itchio_body_color_med)
}

.ticket_form_page .footer_links a {
    color: var(--itchio_body_color_light)
}

.tools_organization_page .column_outer {
    padding: 0 40px
}

.tools_organization_page .page_container {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 20px auto 20px auto;
    background-color: var(--itchio_white_back);
    max-width: 1200px;
    min-width: 960px
}

@media print {
    .tools_organization_page .page_container {
        box-shadow: none;
        border: none
    }
}

.dark_theme .tools_organization_page .page_container {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

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

.unsubscribe_email_page .multi_unsubscribe {
    margin: 20px 0
}

@media (max-width: 650px) {
    .unsubscribe_email_page .multi_unsubscribe > * {
        display: block;
        margin-bottom: 10px;
        width: 100%
    }

    .unsubscribe_email_page .multi_unsubscribe > *:last-child {
        margin-bottom: 0
    }
}

.unsubscribe_email_page section {
    margin-top: 40px
}

.unsubscribe_email_page .object_list {
    margin: 20px 0;
    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: 20px
}

@media print {
    .unsubscribe_email_page .object_list {
        box-shadow: none;
        border: none
    }
}

.dark_theme .unsubscribe_email_page .object_list {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

@media (max-width: 650px) {
    .unsubscribe_email_page .object_list {
        padding: 10px
    }
}

.unsubscribe_email_page .object_list > li {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 20px;
    font-size: 14px
}

.unsubscribe_email_page .object_list > li:last-child {
    margin-bottom: 0
}

.unsubscribe_email_page .object_list > li button {
    min-width: 120px
}

.unsubscribe_email_page .object_list > li .object_title a {
    font-weight: bold;
    text-decoration: none;
    font-size: 16px
}

.unsubscribe_email_page .object_list > li .object_details {
    margin-top: 2px
}

.unsubscribe_email_page .object_list > li .object_details a {
    color: var(--itchio_body_color_light)
}

.unsubscribe_email_page .object_list > li .subscribe_status {
    margin-left: auto;
    font-size: 16px
}

@media (max-width: 650px) {
    .unsubscribe_email_page .object_list > li .subscribe_status {
        flex: 0;
        font-size: 12px;
        font-weight: normal;
        color: var(--itchio_body_color_light)
    }
}

.unsubscribe_email_page .object_list > li > :first-child {
    margin-right: 10px
}

.unsubscribe_email_page .subscription_status {
    background-color: var(--itchio_gray_back);
    padding: 20px
}

.unsubscribe_email_page .subscription_status.resubscribed .icon {
    color: #aada80
}

.unsubscribe_email_page .subscription_status .icon {
    margin-right: 5px
}

.unsubscribe_email_page button {
    margin: 0
}

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

.user_oauth_authorize_page .application_info {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    line-height: 1.5
}

.user_oauth_authorize_page .application_info .avatar_url {
    margin-top: 5px;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.user_oauth_authorize_page .application_info .avatar_url > img {
    display: block
}

.user_oauth_authorize_page .application_info .sub_info {
    font-size: 14px;
    color: var(--itchio_body_color_light)
}

.user_oauth_authorize_page .application_info .sub_info.homepage a {
    color: var(--itchio_body_color_light)
}

.user_oauth_authorize_page .application_info .sub_info > * {
    margin-right: 15px
}

.user_oauth_authorize_page .application_info .sub_info > *:last-child {
    margin-right: 0
}

.user_oauth_authorize_page .padded > :first-child {
    margin-top: 0
}

.user_oauth_authorize_page .oauth_app_info {
    font-weight: bold
}

.user_oauth_authorize_page .emphasis {
    font-size: 18px
}

.user_oauth_authorize_page h3 {
    margin-top: 25px
}

.user_oauth_authorize_page .scope {
    max-width: 400px;
    border: 1px solid;
    border-color: var(--itchio_border_color);
    border-radius: 3px;
    margin: 10px 0;
    padding: 20px
}

.user_oauth_authorize_page .scope h4 {
    margin: 0
}

.user_oauth_authorize_page .scope p:last-child {
    margin-bottom: 0
}

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

.user_oauth_oob_page .padded > :first-child {
    margin-top: 0
}

.user_oauth_oob_page h3 {
    margin-top: 25px
}

.user_oauth_oob_page .api_key_input {
    font-family: monospace;
    font-size: 16px;
    border: 2px solid #dadada;
    border-radius: 2px;
    padding: 6px 8px;
    width: 30em
}

.user_settings_delete_account_page .existing_delete_request {
    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;
    background-color: var(--itchio_gray_back);
    margin: 20px 0
}

@media print {
    .user_settings_delete_account_page .existing_delete_request {
        box-shadow: none;
        border: none
    }
}

.dark_theme .user_settings_delete_account_page .existing_delete_request {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.user_settings_delete_account_page .existing_delete_request > *:first-child {
    margin-top: 0
}

.user_settings_delete_account_page .existing_delete_request > *:last-child {
    margin-bottom: 0
}

.user_sudo_page .continue_form p {
    font-size: 14px;
    margin-top: 0
}

.user_tfa_page_page p, .user_tfa_page_page ul {
    font-size: 16px;
    line-height: 1.5
}

.user_tfa_page_page .buttons .line {
    padding-left: .4em;
    color: var(--itchio_body_color_lighter)
}

.user_tfa_page_page .buttons .line a {
    color: var(--itchio_body_color_light)
}

.user_tfa_page_page .secret_code {
    box-sizing: border-box;
    width: 400px;
    text-align: center;
    font-size: 20px;
    color: var(--itchio_body_color_light);
    background-color: #eee;
    background-color: var(--itchio_gray_back);
    border: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 5px;
    font-family: monospace
}

.user_tfa_page_page .secret_code .char_group {
    display: inline-block;
    margin-right: 8px
}

.user_tfa_page_page .secret_code .char_group:last-child {
    margin-right: 0
}

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

.user_tfa_verify_page .padded p:first-child {
    margin-top: 0
}

.user_tfa_verify_page .padded .hint {
    font-style: italic;
    color: #D14343
}

.user_tfa_verify_page .user_preview {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px
}

.user_tfa_verify_page .user_preview .preview_header {
    color: var(--itchio_body_color_med)
}

.user_tfa_verify_page .user_preview .preview_avatar {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: middle
}

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

.view_jam_entries_page .jam_header_widget {
    margin-bottom: 0
}

.view_jam_feed_page.jam_page_base_page {
    background-color: var(--itchio_gray_back);
    border-bottom: 0
}

.view_jam_feed_page .column_outer {
    margin: 40px 0;
    text-align: center;
    white-space: nowrap
}

@media (max-width: 650px) {
    .view_jam_feed_page .column_outer {
        margin-top: 0
    }
}

.view_jam_plain_page.page_widget {
    background-color: var(--itchio_gray_back);
    border-bottom: 0
}

.view_jam_plain_page .jam_columns {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 40px;
    display: flex;
    align-items: flex-start;
    gap: 40px
}

.view_jam_plain_page .jam_columns .primary_column {
    background-color: var(--itchio_white_back);
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    flex: 1
}

@media print {
    .view_jam_plain_page .jam_columns .primary_column {
        box-shadow: none;
        border: none
    }
}

.dark_theme .view_jam_plain_page .jam_columns .primary_column {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1)
}

.view_jam_plain_page .jam_columns .side_column {
    width: 280px;
    margin-top: 20px
}

@media (max-width: 1100px) {
    .view_jam_plain_page .jam_columns {
        gap: 20px
    }

    .view_jam_plain_page .jam_columns .side_column {
        width: 250px
    }
}

@media (max-width: 1000px) {
    .view_jam_plain_page .jam_columns {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 0
    }

    .view_jam_plain_page .jam_columns .primary_column {
        order: 2;
        border: 0;
        box-shadow: none;
        border-radius: 0
    }

    .view_jam_plain_page .jam_columns .side_column {
        order: 1;
        margin: 0;
        width: auto;
        padding: 0 var(--itchio_gutter_width, 40px)
    }

    .view_jam_plain_page .jam_columns .side_column .countdown_outer {
        margin-bottom: 0
    }

    .view_jam_plain_page .jam_columns .side_column .seconary_information {
        display: none
    }
}

.view_jam_plain_page .jam_content {
    padding: var(--itchio_gutter_width, 40px)
}

.view_jam_plain_page .jam_content :last-child {
    margin-bottom: 0
}

.view_jam_plain_page .side_column .buttons button, .view_jam_plain_page .side_column .buttons a {
    width: 100%;
    display: block
}

.view_jam_plain_page .side_column .sub {
    font-size: 14px;
    line-height: 1.4;
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .side_column h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--itchio_body_color_light);
    margin: 30px 0 0 0
}

.view_jam_plain_page .jam_message {
    background: white;
    padding: 12px 15px;
    line-height: 1.5;
    margin: 15px 0;
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .jam_message:first-child, .view_jam_plain_page .jam_message :first-child {
    margin-top: 0
}

.view_jam_plain_page .jam_message :last-child {
    margin-bottom: 0
}

.view_jam_plain_page .jam_message a:not(.button) {
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .jam_message .button {
    display: block;
    margin-top: 10px
}

.view_jam_plain_page .countdown_outer {
    margin: 20px 0
}

.view_jam_plain_page .countdown_outer:first-child {
    margin-top: 0
}

.view_jam_plain_page .countdown {
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 10px 0;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.view_jam_plain_page .countdown .countdown_label {
    color: var(--itchio_body_color_lighter);
    margin-bottom: 3px
}

.view_jam_plain_page .countdown .time_block {
    text-align: center;
    min-width: 70px
}

.view_jam_plain_page .countdown .time_block.hidden {
    display: none
}

.view_jam_plain_page .countdown .time_block .block_value {
    font-size: 18px;
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .countdown .time_block .block_label {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--itchio_body_color_lighter)
}

.view_jam_plain_page .unjoin_jam {
    margin-top: 10px;
    font-size: 14px
}

.view_jam_plain_page .unjoin_jam a {
    color: var(--itchio_body_color_lighter)
}

.view_jam_plain_page .countdown_label {
    text-align: center;
    font-size: 14px;
    color: var(--itchio_body_color_light);
    margin-bottom: 8px
}

.view_jam_plain_page .date_data {
    line-height: 1.4;
    color: var(--itchio_body_color_light);
    font-size: 14px;
    margin-top: 20px
}

.view_jam_plain_page .date_data .date_label {
    color: var(--itchio_body_color_lighter)
}

.view_jam_plain_page .date_data .date_row {
    margin-bottom: 10px
}

.view_jam_plain_page .date_data .date_row:last-child {
    margin-bottom: 0
}

.view_jam_plain_page .grid_outer {
    margin-top: 60px
}

.view_jam_plain_page .grid_outer h2 .game_count {
    font-weight: normal;
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .own_submissions {
    margin-top: 40px;
    color: var(--itchio_body_color_light)
}

.view_jam_plain_page .own_submissions li {
    line-height: 1.5
}

.view_jam_plain_page .own_submissions ul {
    padding-left: 20px
}

.view_jam_plain_page .own_submissions .unsubmit_btn {
    color: var(--itchio_body_color_lighter)
}

.view_jam_plain_page .jam_hosts {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    gap: 15px
}

.view_jam_plain_page .jam_hosts .host_row {
    display: flex;
    align-items: center
}

.view_jam_plain_page .jam_hosts .host_row .avatar_container {
    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;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 2px;
    margin-right: 10px
}

.view_jam_plain_page .jam_hosts .host_row .host_info {
    min-width: 0;
    flex: 1
}

.view_jam_plain_page .jam_hosts .host_row .host_info .host_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    margin-bottom: 5px
}

.view_jam_plain_page .voting_criteria {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    padding: 40px
}

.view_jam_results_page h2 .sub {
    font-weight: normal;
    color: var(--itchio_body_color_light);
    margin-left: 10px
}

.view_jam_results_page .criteria_sort {
    padding: 0
}

.view_jam_results_page .ranking_footer {
    border-top: 1px solid;
    border-color: var(--itchio_border_color);
    text-align: right;
    padding: 20px 0
}

.view_jam_results_page .jam_summary {
    border-bottom: 1px solid;
    border-color: var(--itchio_border_color)
}

.view_jam_results_page .jam_summary h2 {
    margin: 20px 0
}

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

@media (max-width: 650px) {
    .view_jam_results_page .jam_summary p {
        font-size: 14px
    }
}

.view_jam_results_page .jam_summary .visibility_status {
    padding: 10px;
    background: var(--itchio_warning_bg, #fffdbd);
    display: flex;
    align-items: center;
    gap: 10px
}

.view_jam_results_page .jam_summary .visibility_status .svgicon {
    flex: none
}

.view_jam_results_page .jam_summary .visibility_status > p {
    margin: 0
}

.view_jam_results_page .game_ranking {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width: 650px) {
    .view_jam_results_page .game_ranking {
        padding-top: 10px;
        padding-top: 10px
    }
}

.view_jam_results_page .game_rank {
    margin-bottom: 60px;
    display: grid;
    grid-template-columns:315px 1fr;
    grid-template-rows:auto auto;
    grid-gap: 20px;
    grid-template-areas:"cover summary" "cover results_table"
}

@media (max-width: 650px) {
    .view_jam_results_page .game_rank {
        font-size: 14px;
        margin-bottom: 30px;
        grid-gap: 15px;
        grid-template-columns:150px 1fr;
        grid-template-areas:"cover summary" "results_table results_table"
    }

    .view_jam_results_page .game_rank .thumb_wrapper {
        width: 100%
    }

    .view_jam_results_page .game_rank .game_cover img, .view_jam_results_page .game_rank .thumb_placeholder {
        width: 100% !important
    }
}

.view_jam_results_page .game_rank:last-child {
    margin-bottom: 0
}

.view_jam_results_page .game_rank.first_place .game_cover img, .view_jam_results_page .game_rank.first_place .thumb_placeholder {
    width: 315px
}

.view_jam_results_page .game_rank.second_place .game_cover img, .view_jam_results_page .game_rank.second_place .thumb_placeholder {
    width: 300px
}

.view_jam_results_page .game_rank.third_place .game_cover img, .view_jam_results_page .game_rank.third_place .thumb_placeholder {
    width: 275px
}

.view_jam_results_page .game_rank .ordinal_rank {
    font-size: 18px;
    color: var(--itchio_body_color)
}

@media (max-width: 650px) {
    .view_jam_results_page .game_rank .ordinal_rank {
        font-size: 16px
    }
}

.view_jam_results_page .game_rank a {
    color: inherit
}

.view_jam_results_page .game_rank h2, .view_jam_results_page .game_rank h3, .view_jam_results_page .game_rank h4 {
    margin: 0px;
    margin-bottom: 10px
}

.view_jam_results_page .game_rank h2 a {
    text-decoration: none;
    color: #da2c49;
    color: var(--itchio_link_color, #da2c49)
}

@media (max-width: 650px) {
    .view_jam_results_page .game_rank h2 {
        font-size: 18px
    }
}

.view_jam_results_page .game_rank h3, .view_jam_results_page .game_rank h4 {
    font-weight: normal;
    color: var(--itchio_body_color_light)
}

@media (max-width: 650px) {
    .view_jam_results_page .game_rank h3, .view_jam_results_page .game_rank h4 {
        font-size: 14px
    }
}

.view_jam_results_page .game_rank h3 a, .view_jam_results_page .game_rank h4 a {
    color: var(--itchio_body_color_med)
}

.view_jam_results_page .game_rank .thumb_wrapper {
    display: inline-block;
    position: relative
}

.view_jam_results_page .game_rank .thumb_wrapper .thumb_placeholder {
    position: relative;
    text-decoration: none;
    padding-bottom: 79.3650793651%
}

.view_jam_results_page .game_rank .thumb_wrapper .thumb_placeholder > span {
    position: absolute;
    background-color: var(--itchio_gray_back);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.view_jam_results_page .game_rank .game_thumb_glow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.dark_theme .view_jam_results_page .game_rank .game_thumb_glow {
    box-shadow: none
}

@media (max-width: 650px) {
    .view_jam_results_page .game_rank .game_thumb_glow {
        box-shadow: none
    }
}

.view_jam_results_page .game_rank .game_cover {
    text-align: right;
    grid-area: cover
}

.view_jam_results_page .game_rank .game_cover img, .view_jam_results_page .game_rank .game_cover .thumb_placeholder {
    display: block;
    width: 250px
}

.view_jam_results_page .game_rank .game_summary {
    grid-area: summary
}

.view_jam_results_page .game_rank .game_summary > :last-child {
    margin-bottom: 0
}

.view_jam_results_page .game_rank .ranking_results_table {
    width: 100%;
    grid-area: results_table;
    margin: 0
}

.view_jam_results_page .game_rank .ranking_results_table td {
    width: 20%
}

.view_jam_results_page .game_rank .ranking_results_table .crit_name_col {
    width: 40%
}

.view_jam_screenshots_page .grid_loader {
    background-color: var(--itchio_gray_back);
    color: var(--itchio_body_color_light);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    border-color: var(--itchio_border_color);
    font-size: 16px
}

.view_jam_screenshots_page .grid_loader .on_loading {
    display: none
}

.view_jam_screenshots_page .grid_loader .loader_spinner {
    width: 32px;
    height: 32px;
    background: url(images/loading.svg) 50% 50% no-repeat;
    object-fit: none;
    background-size: 40px
}

.view_jam_screenshots_page.loading .grid_loader .on_loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.view_jam_screenshots_page.loading .grid_loader .next_page {
    display: none
}

.view_jam_screenshots_page .screenshot_grid_widget {
    margin: 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    align-items: start
}

@media (max-width: 650px) {
    .view_jam_screenshots_page .screenshot_grid_widget {
        margin: 10px;
        grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: 10px
    }
}

.view_jam_screenshots_page .game_screenshot_cell {
    background-color: var(--itchio_gray_back);
    position: relative;
    padding-bottom: 56.25%
}

.view_jam_screenshots_page .game_screenshot_cell .game_screenshot {
    opacity: 1;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%
}

.view_jam_screenshots_page .game_screenshot_cell .game_data {
    opacity: 0;
    transition: opacity 0.2s ease;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
    opacity: 1
}

body.disable_hover .view_jam_screenshots_page .game_screenshot_cell .game_data:hover {
    opacity: 0
}

.view_jam_screenshots_page .game_screenshot_cell .game_data .text_content {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 16px;
    max-width: 60%;
    text-align: right;
    color: white;
    text-decoration: none
}

@media (max-width: 650px) {
    .view_jam_screenshots_page .game_screenshot_cell .game_data .text_content {
        font-size: 14px
    }
}

.view_jam_screenshots_page .game_screenshot_cell .game_data .game_title {
    font-size: 22px;
    font-weight: 900;
    line-height: 26px;
    max-height: 156px;
    overflow: hidden
}

@media (max-width: 650px) {
    .view_jam_screenshots_page .game_screenshot_cell .game_data .game_title {
        font-size: 14px
    }
}

.view_jam_screenshots_page .game_screenshot_cell .game_data .game_author {
    color: rgba(255, 255, 255, 0.8)
}

.view_jam_screenshots_page .game_screenshot_cell .game_data .platform_data {
    color: white;
    margin: 10px;
    font-size: 14px
}

.view_jam_screenshots_page .game_screenshot_cell .game_data .platform_data .icon {
    margin-right: 5px
}

.week_page.app_page .header_content {
    padding: 40px 0 0 0
}

.week_page.app_page .starts_in {
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
    color: #606060;
    font-style: italic
}

.week_page.app_page .text_container a {
    text-decoration: none
}

.week_page.app_page .text_container a .icon-twitter {
    opacity: 0.8;
    margin-left: 2px
}

.week_page.app_page .presenting {
    font-style: italic;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center
}

.week_page.app_page .presenting:before, .week_page.app_page .presenting:after {
    content: " ";
    width: 120px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 20px
}

.week_page.app_page .image_row {
    text-align: center
}

.week_page.app_page .image_row img {
    width: 100%;
    max-width: 500px
}

.week_page.app_page .social_buttons_row {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    background: #40434E;
    margin-top: 40px;
    padding: 8px 0
}

.week_page.app_page .social_buttons_row > span {
    font-weight: bold
}

.week_page.app_page .social_buttons_row .simple_social_buttons_widget {
    display: inline-block;
    vertical-align: middle
}

.week_page.app_page .social_buttons_row a {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding: 2px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.2s ease all;
    position: relative;
    margin: 0 5px
}

.week_page .calendar {
    margin: 60px 0
}

@media (max-width: 900px) {
    .week_page .calendar {
        margin-left: 20px;
        margin-right: 20px
    }
}

.week_page .calendar .calendar_header {
    display: flex;
    align-items: center
}

.week_page .calendar .calendar_header .spacer {
    flex: 1
}

.week_page .calendar .calendar_header .column_label {
    width: 40%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #606060
}

@media (max-width: 900px) {
    .week_page .calendar .calendar_header {
        display: none
    }
}

.week_page .calendar .calendar_row {
    display: flex;
    align-items: center
}

.week_page .calendar .calendar_row:last-child .developer_block, .week_page .calendar .calendar_row:last-child .feature_block {
    border-bottom: 2px solid #dadada
}

.week_page .calendar .calendar_row .date_label {
    text-align: center;
    flex: 1;
    font-weight: bold;
    color: #606060;
    font-size: 16px;
    line-height: 1.5;
    text-align: right;
    margin-right: 20px
}

.week_page .calendar .calendar_row .date_label .day {
    font-size: 40px
}

.week_page .calendar .calendar_row .date_label .weekday {
    opacity: 0.6
}

.week_page .calendar .calendar_row.coming_soon .developer_block, .week_page .calendar .calendar_row.coming_soon .feature_block {
    font-style: italic
}

.week_page .calendar .calendar_row .developer_block {
    justify-content: center
}

.week_page .calendar .calendar_row .feature_block {
    text-align: left;
    padding: 0 30px
}

.week_page .calendar .calendar_row .developer_block, .week_page .calendar .calendar_row .feature_block {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 40%;
    height: 120px;
    background: white;
    border: 2px solid #dadada;
    border-bottom: 0;
    border-right: 0;
    font-size: 16px;
    line-height: 1.5;
    font-size: 20px;
    color: #858585
}

.week_page .calendar .calendar_row .developer_block:last-child, .week_page .calendar .calendar_row .feature_block:last-child {
    border-right: 2px solid #dadada
}

.week_page .calendar .calendar_row .developer_block .and, .week_page .calendar .calendar_row .feature_block .and {
    display: block;
    margin: 0 20px
}

.week_page .calendar .calendar_row .developer_block .small, .week_page .calendar .calendar_row .feature_block .small {
    font-size: 14px
}

.week_page .calendar .calendar_row .developer_block img, .week_page .calendar .calendar_row .feature_block img {
    margin-right: 20px
}

.week_page .calendar .calendar_row .developer_block.dual > a, .week_page .calendar .calendar_row .feature_block.dual > a {
    text-align: center;
    width: 100px
}

.week_page .calendar .calendar_row .developer_block.dual img, .week_page .calendar .calendar_row .feature_block.dual img {
    margin: 0
}

@media (max-width: 900px) {
    .week_page .calendar .calendar_row {
        display: block
    }

    .week_page .calendar .calendar_row .developer_block, .week_page .calendar .calendar_row .feature_block {
        border: 2px solid #dadada;
        width: auto;
        margin: 10px 0
    }

    .week_page .calendar .calendar_row.coming_soon .feature_block {
        display: none
    }

    .week_page .calendar .calendar_row .date_label {
        text-align: left
    }
}

.week_page .game_container {
    padding: 50px;
    background-color: var(--itchio_white_back)
}

@media (max-width: 650px) {
    .week_page .game_container {
        padding: 20px 10px
    }
}

.week_page .footer_group {
    margin-bottom: 50px
}

.week_page .footer_group .simple_social_buttons_widget {
    display: inline-block;
    vertical-align: middle
}

.week_page .footer_group .simple_social_buttons_widget a {
    display: inline-block;
    margin: 0 5px
}

.widget_landing_page.app_page .header_content {
    padding: 40px 0 0 0;
    text-align: left;
    background: #242424
}

.widget_landing_page.app_page .header_content .header_columns {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.widget_landing_page.app_page .header_content .screencast_drop {
    overflow: hidden;
    height: 610px
}

.widget_landing_page.app_page .header_content .screencast_drop > div {
    width: 800px !important
}

.widget_landing_page.app_page .header_content .screencast_drop canvas {
    width: 800px !important
}

.widget_landing_page.app_page .header_content .header_summary_column {
    margin-left: 40px;
    text-align: center
}

@media (max-width: 1300px) {
    .widget_landing_page.app_page .header_content .header_summary_column {
        background: rgba(34, 34, 34, 0.5);
        position: absolute;
        width: auto;
        margin: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .widget_landing_page.app_page .header_content .header_summary_column .inside_col {
        background: rgba(34, 34, 34, 0.9);
        padding: 40px
    }
}

.widget_landing_page.app_page .header_content .header_summary_column .inside_col {
    max-width: 350px
}

.widget_landing_page.app_page .header_content .header_summary_column .inside_col > img {
    width: 100%;
    display: block
}

.widget_landing_page.app_page .header_content .header_summary_column h2, .widget_landing_page.app_page .header_content .header_summary_column h3 {
    margin: 10px 0;
    color: rgba(255, 255, 255, 0.8)
}

.widget_landing_page.app_page .header_content .header_summary_column h2 {
    margin-top: 20px;
    font-size: 22px
}

.widget_landing_page.app_page .header_content .header_summary_column h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5)
}

.widget_landing_page.app_page .social_buttons_row {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    background: #333333;
    padding: 8px 0
}

.widget_landing_page.app_page .social_buttons_row > span {
    font-weight: bold
}

.widget_landing_page.app_page .social_buttons_row .simple_social_buttons_widget {
    display: inline-block;
    vertical-align: middle
}

.widget_landing_page.app_page .social_buttons_row a {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding: 2px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.2s ease all;
    position: relative;
    margin: 0 5px
}

.widget_landing_page.app_page .image_interstitial {
    height: auto;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.widget_landing_page.app_page .browser_frame {
    border-radius: 4px;
    border: 1px solid #dadada;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.widget_landing_page.app_page .browser_frame img {
    display: block
}

.widget_landing_page.app_page .browser_frame .top {
    background: #dadada;
    height: 30px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.widget_landing_page.app_page .browser_frame .top .dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 10px;
    opacity: 0.5
}

.widget_landing_page.app_page .browser_frame .top .dot:nth-child(1) {
    background: #fe4e50
}

.widget_landing_page.app_page .browser_frame .top .dot:nth-child(2) {
    background: #FB9175
}

.widget_landing_page.app_page .browser_frame .top .dot:nth-child(3) {
    background: #34a0f2
}

.widget_landing_page.app_page .download_row p {
    margin: 20px 0 0 0
}

.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
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?4ibnvg");
    src: url("../fonts/icomoon.eot?4ibnvg#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?4ibnvg") format("truetype"), url("../fonts/icomoon.woff?4ibnvg") format("woff"), url("../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"
}

.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
    }
}
@media (max-width: 600px) {
    #game_grid_0 {
        --itchio_grid_gap: 10px;
        --itchio_grid_cell_width: 180px;
        --itchio_grid_cell_columns: 2;
        grid-template-columns: repeat(2, 180px);
    }
}