@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")
}

body {
    color: #222;
    margin: 0;
    font-size: 16px;
    font-family: sans-serif
}

a {
    color: #da2c49;
    color: var(--changio_link_color, #da2c49)
}

a img {
    border: 0
}

h2 {
    margin: 15px 0
}

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

html[dir=rtl] .return_link:before {
    content: "→"
}

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

html[dir=rtl] .forward_link:after {
    content: "←"
}

.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;
    -moz-box-sizing: border-box;
    display: inline-block;
    background: #FF2449;
    color: white;
    text-decoration: none;
    padding: 0 10px;
    font-size: 16px;
    text-shadow: 0 1px 0 #c3223e;
    background: var(--changio_button_color, #FF2449);
    color: var(--changio_button_fg_color, white);
    text-shadow: 0 1px 0 var(--changio_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(--changio_button_color, #ff2e51)
}

.button:active {
    background-color: #e1193b;
    background-color: var(--changio_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: 16px;
    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(--changio_button_color, rgba(255, 36, 73, 0.4));
    color: #FF2449;
    color: var(--changio_link_color, #FF2449);
    text-shadow: none
}

.button.outline:hover {
    border: 1px solid rgba(255, 36, 73, 0.6);
    border: 1px solid var(--changio_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: #606060;
    text-decoration: none
}

.dark_theme a.learn_more,
.dark_theme .learn_more a {
    color: #9f9f9f
}

a.learn_more:hover,
.learn_more a:hover {
    text-decoration: underline
}

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

.dark_theme .formatted hr {
    background: rgba(255, 255, 255, 0.1)
}

.formatted img {
    max-width: 100%
}

.warning_box {
    background: #fffdbd;
    color: #59583b;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 16px
}

.dark_theme .warning_box {
    background: rgba(255, 253, 189, 0.1);
    color: #ddd
}

.warning_box h2,
.warning_box h3,
.warning_box h4 {
    color: #3a3a27
}

.warning_box a {
    color: #FF2449
}

.warning_box a:hover {
    color: #ff3e5e
}

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

.dark_theme .user_formatted table {
    border-color: rgba(255, 255, 255, 0.1)
}

.user_formatted table td,
.user_formatted table th {
    padding: 5px
}

.user_formatted figure {
    margin: 1em 0
}

.user_formatted figure figcaption {
    margin-top: 0.5em;
    font-size: 80%;
    opacity: 0.8
}

.user_formatted .embed_preload {
    border: 0;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    max-width: 100%
}

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

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

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

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

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

@-webkit-keyframes bouncein {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    90% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

@-moz-keyframes bouncein {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    90% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

@-ms-keyframes bouncein {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    90% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes bouncein {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    90% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

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

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

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

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

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

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

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

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

.perf_panel {
    opacity: .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
}

@-webkit-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)
    }
}

@-moz-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)
    }
}

@-ms-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 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)
    }
}

@-webkit-keyframes drop_down {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }
}

@-moz-keyframes drop_down {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }
}

@-ms-keyframes drop_down {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }
}

@keyframes drop_down {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }
}

@-webkit-keyframes popout {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform: scale(1.1, 1.1)
    }
}

@-moz-keyframes popout {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform: scale(1.1, 1.1)
    }
}

@-ms-keyframes popout {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform: scale(1.1, 1.1)
    }
}

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

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

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

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

@keyframes heartbeat {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        transform: translate(0, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-moz-keyframes intro {
    0% {
        opacity: 0;
        transform: translate(0, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-ms-keyframes intro {
    0% {
        opacity: 0;
        transform: translate(0, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        transform: translate(0, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-webkit-keyframes lightbox_intro {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

@-moz-keyframes lightbox_intro {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

@-ms-keyframes lightbox_intro {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

@keyframes lightbox_intro {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px)
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

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

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

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

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

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

.lightbox {
    margin-bottom: 60px;
    color: #222;
    z-index: 1001;
    background-color: white;
    box-shadow: 0 0 0 2px #dadada, 0 0 0 4px white;
    border-radius: 2px;
    display: flow-root;
    --changio-lightbox_gutter: 40px
}

.dark_theme .lightbox {
    color: #ddd
}

.dark_theme .lightbox {
    background-color: #111
}

.dark_theme .lightbox {
    box-shadow: 0 0 0 2px #444, 0 0 20px 2px black
}

.lightbox.compact h2 {
    margin: 0;
    border: 0;
    padding: 20px
}

.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: #434343;
    opacity: 0.7;
    cursor: pointer;
    border: 0;
    background: transparent
}

.dark_theme .lightbox .close_button {
    color: #bcbcbc
}

.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: #dadada;
    margin: 0 0 20px 0;
    padding: 25px 40px;
    padding: 25px var(--changio-lightbox_gutter, 40px);
    font-weight: 900;
    color: #434343
}

.dark_theme .lightbox h2 {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .lightbox h2 {
    color: #bcbcbc
}

.lightbox h2 .game_title {
    color: #222
}

.dark_theme .lightbox h2 .game_title {
    color: #ddd
}

.lightbox p {
    line-height: 1.5;
    font-size: 16px;
    margin: 20px 40px;
    margin: 20px var(--changio-lightbox_gutter, 40px)
}

.lightbox .button_row {
    margin-top: 10px
}

.lightbox .button_row a {
    color: #606060
}

.dark_theme .lightbox .button_row a {
    color: #9f9f9f
}

@media (max-width: 600px) {
    .lightbox {
        --changio-lightbox_gutter: 20px
    }
    .lightbox .close_button {
        float: right;
        margin-top: 12px;
        margin-right: 10px
    }
}

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

.dark_theme .loading_lightbox .loader_outer {
    color: #9f9f9f
}

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

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

.dark_theme :focus {
    outline-color: white
}

.form .input_row {
    margin-bottom: 20px;
    font-size: 16px
}

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

.dark_theme .form .input_row ul.radio_list li,
.dark_theme .form .input_row ul.check_list li {
    color: #bcbcbc
}

.form .input_row ul.radio_list input,
.form .input_row ul.check_list input {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.form .input_row .input_error {
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #D14343
}

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

.dark_theme .form .label {
    color: #bcbcbc
}

.form .label .sub,
.form label .sub {
    font-weight: normal;
    color: #606060
}

.dark_theme .form .label .sub,
.dark_theme .form label .sub {
    color: #9f9f9f
}

.form .label .sub a,
.form label .sub a {
    color: #434343
}

.dark_theme .form .label .sub a,
.dark_theme .form label .sub a {
    color: #bcbcbc
}

.form input[type="text"],
.form input[type="number"],
.form input[type="password"],
.form input[type="email"],
.form textarea,
.form .fake_input {
    padding: 8px;
    border: 2px solid;
    border-color: #cdcdcd;
    color: #222;
    background-color: white;
    border-radius: 2px;
    font-family: inherit;
    width: 524px;
    margin: 6px 0
}

.dark_theme .form input[type="text"],
.dark_theme .form input[type="number"],
.dark_theme .form input[type="password"],
.dark_theme .form input[type="email"],
.dark_theme .form textarea,
.dark_theme .form .fake_input {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .form input[type="text"],
.dark_theme .form input[type="number"],
.dark_theme .form input[type="password"],
.dark_theme .form input[type="email"],
.dark_theme .form textarea,
.dark_theme .form .fake_input {
    color: #ddd
}

.dark_theme .form input[type="text"],
.dark_theme .form input[type="number"],
.dark_theme .form input[type="password"],
.dark_theme .form input[type="email"],
.dark_theme .form textarea,
.dark_theme .form .fake_input {
    background-color: #111
}

.form input[type="text"]:focus,
.form input[type="number"]:focus,
.form input[type="password"]:focus,
.form input[type="email"]: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 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 textarea:disabled,
.form .fake_input:disabled {
    background-color: #F4F4F4;
    opacity: 0.5
}

.dark_theme .form input[type="text"]:disabled,
.dark_theme .form input[type="number"]:disabled,
.dark_theme .form input[type="password"]:disabled,
.dark_theme .form input[type="email"]:disabled,
.dark_theme .form textarea:disabled,
.dark_theme .form .fake_input:disabled {
    background-color: #1b1b1b
}

.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 textarea.has_error,
.form .fake_input.has_error {
    border-color: #D14343
}

.responsive .form input[type="text"],
.full_width .form input[type="text"],
.responsive .form input[type="number"],
.full_width .form input[type="number"],
.responsive .form input[type="password"],
.full_width .form input[type="password"],
.responsive .form input[type="email"],
.full_width .form input[type="email"],
.responsive .form textarea,
.full_width .form textarea,
.responsive .form .fake_input,
.full_width .form .fake_input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 526px;
    width: 100%
}

.form input[type="text"].simple_border,
.form input[type="number"].simple_border,
.form input[type="password"].simple_border,
.form input[type="email"].simple_border,
.form textarea.simple_border,
.form .fake_input.simple_border {
    border: 1px solid #aaa;
    padding: 4px;
    color: #222;
    width: auto
}

.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 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 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 textarea.inline_input,
.form .fake_input.inline_input {
    width: auto
}

.form .selectize-input {
    width: 542px;
    border: 2px solid;
    border-color: #cdcdcd;
    color: #222;
    background-color: white;
    border-radius: 2px;
    padding: 8px
}

.dark_theme .form .selectize-input {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .form .selectize-input {
    color: #ddd
}

.dark_theme .form .selectize-input {
    background-color: #111
}

.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: #cdcdcd;
    color: #222;
    background-color: white;
    background-image: none
}

.dark_theme .form .selectize-control.single .selectize-input {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .form .selectize-control.single .selectize-input {
    color: #ddd
}

.dark_theme .form .selectize-control.single .selectize-input {
    background-color: #111
}

.form .selectize-control.single .selectize-input,
.form .selectize-control.single .selectize-input.focus {
    box-shadow: none
}

.form .selectize-control.single .selectize-input.input-active {
    border-color: #aaa
}

.dark_theme .form .selectize-control.single .selectize-input.input-active {
    border-color: rgba(255, 255, 255, 0.2)
}

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

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

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

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

.form select {
    margin: 6px 0
}

.form .buttons {
    margin-top: 20px;
    color: #858585
}

.dark_theme .form .buttons {
    color: #7a7a7a
}

.form .buttons .button {
    margin-right: 10px
}

html[dir=rtl] .form .buttons .button {
    margin-left: 10px;
    margin-right: 0
}

.form .buttons a:not(.button) {
    color: #434343
}

.dark_theme .form .buttons a:not(.button) {
    color: #bcbcbc
}

.form .buttons .right_buttons {
    line-height: 35px;
    float: right
}

input,
button {
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif
}

button.textlike {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #da2c49;
    color: var(--changio_link_color, #da2c49);
    cursor: pointer;
    font-size: inherit;
    font-family: inherit
}

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

.cover_image_uploader {
    border: 1px dashed;
    border-color: #dadada;
    width: 315px;
    height: 250px;
    width: 315px;
    height: 250px;
    line-height: 250px;
    text-align: center;
    color: #aaa;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 10px
}

.dark_theme .cover_image_uploader {
    border-color: rgba(255, 255, 255, 0.1)
}

.cover_image_uploader.has_image {
    border: 1px solid;
    border-color: white
}

.dark_theme .cover_image_uploader.has_image {
    border-color: #111
}

.cover_image_uploader.has_image .inner {
    transition: opacity 0.2s ease;
    opacity: 0;
    color: #222;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 1px;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3)
}

.cover_image_uploader.has_image .on_no_image {
    display: none
}

.cover_image_uploader.has_image .on_image {
    display: inline
}

.cover_image_uploader.has_image .edit_tools {
    display: block
}

.cover_image_uploader.has_image:hover .inner {
    opacity: 1
}

.cover_image_uploader.loading .inner {
    opacity: 1
}

.cover_image_uploader.loading.has_image .inner {
    opacity: 1
}

.cover_image_uploader.loading .inner_controls {
    display: none
}

.cover_image_uploader.loading .loader {
    display: inline-block
}

.cover_image_uploader .on_image {
    display: none
}

.cover_image_uploader .inner {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 10px
}

.cover_image_uploader .edit_tools {
    margin-top: 5px;
    display: none
}

.cover_image_uploader .edit_tools a {
    color: #606060
}

.cover_image_uploader .loader {
    display: none
}

fieldset {
    border: 1px solid;
    border-color: #dadada;
    margin-bottom: 20px
}

.dark_theme fieldset {
    border-color: rgba(255, 255, 255, 0.1)
}

fieldset legend {
    font-weight: bold;
    color: #434343
}

.dark_theme fieldset legend {
    color: #bcbcbc
}

fieldset .input_row {
    margin: 10px
}

body .ui-widget,
body .ui-widget button {
    font-family: Lato, sans-serif;
    font-family: var(--changio_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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.forms_image_uploader_widget .existing_upload_tools>* {
    margin-right: 10px
}

.forms_image_uploader_widget .existing_upload_tools>*:last-child {
    margin-right: 0
}

.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;
    -moz-box-sizing: border-box;
    width: 100%
}

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

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

.form.buy_form_widget .vat_view p {
    font-size: 14px
}

.form.buy_form_widget .vat_view.no_tip .tip_row {
    display: none
}

.form.buy_form_widget .purchase_complete_view {
    display: none
}

.form.buy_form_widget .gifter {
    font-size: 16px;
    margin: 25px 0 10px 0;
    border: 1px solid;
    border-color: #dadada;
    padding: 8px 15px;
    border-radius: 2px;
    display: block
}

.dark_theme .form.buy_form_widget .gifter {
    border-color: rgba(255, 255, 255, 0.1)
}

.form.buy_form_widget .gifter:hover {
    background-color: #F4F4F4
}

.dark_theme .form.buy_form_widget .gifter:hover {
    background-color: #1b1b1b
}

.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 .fixed_price {
    font-size: 24px;
    margin-bottom: 10px
}

.form.buy_form_widget .download_links a {
    color: #606060
}

.dark_theme .form.buy_form_widget .download_links a {
    color: #9f9f9f
}

.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: #F4F4F4;
    padding: 5px
}

.dark_theme .form.buy_form_widget .warning.big {
    background-color: #1b1b1b
}

.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;
    -moz-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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0
}

.form.buy_form_widget .money_split .add_btn {
    margin-left: 10px;
    font-family: Lato, sans-serif;
    font-family: var(--changio_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: #222;
    cursor: pointer;
    padding: 0 8px;
    border: 2px solid #c1c1c1
}

.dark_theme .form.buy_form_widget .money_split .add_btn {
    color: #ddd
}

.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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.form.buy_form_widget .money_split .input_row>input {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    -moz-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: #dadada
}

.dark_theme .form.buy_form_widget .reward_input_group {
    border-color: rgba(255, 255, 255, 0.1)
}

.form.buy_form_widget .reward_input_group p {
    text-align: center;
    font-style: italic;
    color: #434343;
    font-size: 14px
}

.dark_theme .form.buy_form_widget .reward_input_group p {
    color: #bcbcbc
}

.form.buy_form_widget .reward_input_group .reward_input {
    margin: 20px 0;
    padding: 10px;
    border: 2px solid;
    border-color: #dadada;
    border-radius: 2px
}

.dark_theme .form.buy_form_widget .reward_input_group .reward_input {
    border-color: rgba(255, 255, 255, 0.1)
}

.form.buy_form_widget .reward_input_group .reward_input .reward_name {
    font-size: 18px;
    color: #434343;
    border-bottom: 1px solid;
    border-color: #dadada;
    padding-bottom: .4em
}

.dark_theme .form.buy_form_widget .reward_input_group .reward_input .reward_name {
    color: #bcbcbc
}

.dark_theme .form.buy_form_widget .reward_input_group .reward_input .reward_name {
    border-color: rgba(255, 255, 255, 0.1)
}

.form.buy_form_widget .file_list {
    margin: 20px 0;
    border-bottom: 1px dashed;
    border-top: 1px dashed;
    border-color: #dadada
}

.dark_theme .form.buy_form_widget .file_list {
    border-color: rgba(255, 255, 255, 0.1)
}

.form.buy_form_widget .file_list .icon-download {
    margin-right: 2px;
    color: #434343
}

.dark_theme .form.buy_form_widget .file_list .icon-download {
    color: #bcbcbc
}

.form.buy_form_widget .file_list p {
    text-align: center;
    font-style: italic;
    color: #434343;
    font-size: 14px
}

.dark_theme .form.buy_form_widget .file_list p {
    color: #bcbcbc
}

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

.dark_theme .form.buy_form_widget .original_price {
    color: #9f9f9f
}

.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: #858585;
    font-size: 13px;
    margin-bottom: 10px
}

.dark_theme .form.buy_form_widget .submit_buttons .buttons_label {
    color: #7a7a7a
}

.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: #222;
    margin: 0
}

.dark_theme .form.buy_form_widget .email_capture .email_input {
    color: #ddd
}

.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: #dadada;
    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 {
    border-color: rgba(255, 255, 255, 0.1)
}

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

.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: #858585;
    cursor: pointer
}

.dark_theme .form.bundle_buy_form_widget .game_list .game_row.inactive,
.dark_theme .form.sale_bundle_buy_form_widget .game_list .game_row.inactive {
    color: #7a7a7a
}

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

.dark_theme .form.bundle_buy_form_widget .game_list .game_row.inactive .icon-download,
.dark_theme .form.sale_bundle_buy_form_widget .game_list .game_row.inactive .icon-download {
    color: #898989
}

.form.bundle_buy_form_widget .game_list .game_row.inactive:hover,
.form.sale_bundle_buy_form_widget .game_list .game_row.inactive:hover {
    color: #606060
}

.dark_theme .form.bundle_buy_form_widget .game_list .game_row.inactive:hover,
.dark_theme .form.sale_bundle_buy_form_widget .game_list .game_row.inactive:hover {
    color: #9f9f9f
}

.form.bundle_buy_form_widget .regular_price,
.form.sale_bundle_buy_form_widget .regular_price {
    color: #606060;
    font-size: 14px
}

.dark_theme .form.bundle_buy_form_widget .regular_price,
.dark_theme .form.sale_bundle_buy_form_widget .regular_price {
    color: #9f9f9f
}

.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: #434343;
    border-top: 1px solid;
    border-color: #dadada;
    margin-top: 20px;
    padding-top: 8px
}

.dark_theme .form.bundle_buy_form_widget .total_row,
.dark_theme .form.sale_bundle_buy_form_widget .total_row {
    color: #bcbcbc
}

.dark_theme .form.bundle_buy_form_widget .total_row,
.dark_theme .form.sale_bundle_buy_form_widget .total_row {
    border-color: rgba(255, 255, 255, 0.1)
}

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

.dark_theme .form.bundle_buy_form_widget .total_row del,
.dark_theme .form.bundle_buy_form_widget .total_row .savings,
.dark_theme .form.sale_bundle_buy_form_widget .total_row del,
.dark_theme .form.sale_bundle_buy_form_widget .total_row .savings {
    color: #7a7a7a
}

.form.bundle_buy_form_widget .total_row strong,
.form.sale_bundle_buy_form_widget .total_row strong {
    color: #222
}

.dark_theme .form.bundle_buy_form_widget .total_row strong,
.dark_theme .form.sale_bundle_buy_form_widget .total_row strong {
    color: #ddd
}

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

.dark_theme .form.bundle_buy_form_widget .platforms,
.dark_theme .form.sale_bundle_buy_form_widget .platforms {
    color: #9f9f9f
}

.buy_lightbox {
    width: 600px
}

.buy_lightbox.loading .close_button {
    display: none
}

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

.buy_lightbox .form .input_row {
    margin: 20px 0
}

.buy_lightbox .form .money_input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    width: 520px
}

.buy_lightbox .billing_address_view p {
    font-size: 14px
}

.buy_lightbox .billing_address_view .billing_address_form_widget {
    margin-top: 20px
}

.buy_lightbox .billing_address_view .input_row {
    margin: 10px 0
}

@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: #858585
}

.dark_theme .star_value .star_holes {
    color: #7a7a7a
}

.star_value .star_fill {
    color: #FF2449;
    color: var(--changio_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(--changio_button_color, #FF2449)
}

.star_picker.interactive {
    color: #858585;
    border: 1px solid;
    border-color: #dadada;
    padding-left: 4px
}

.dark_theme .star_picker.interactive {
    color: #7a7a7a
}

.dark_theme .star_picker.interactive {
    border-color: rgba(255, 255, 255, 0.1)
}

.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(--changio_button_color, #FF2449)
}

.star_picker>button {
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    padding: 0;
    border: 0
}

.star_picker>button .icon {
    display: block
}

.star_picker>button,
.star_picker>.star {
    margin-right: 4px
}

.star_picker>button:left-child,
.star_picker>.star:left-child {
    margin-right: 0
}

.star_picker .star {
    transition: color 0.1s ease;
    padding: 0;
    cursor: pointer
}

.collection_lightbox_widget {
    width: 600px
}

.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(--changio-lightbox_gutter, 40px);
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    list-style: none
}

.collection_lightbox_widget .already_in .sub {
    color: #606060;
    margin-left: 5px
}

.dark_theme .collection_lightbox_widget .already_in .sub {
    color: #9f9f9f
}

.collection_lightbox_widget .follow_area {
    text-align: center
}

.collection_lightbox_widget .add_game_to_collection_form_widget .input_row {
    margin: 20px var(--changio-lightbox_gutter, 40px)
}

.collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option {
    position: relative;
    margin: 0;
    padding: 20px var(--changio-lightbox_gutter, 40px) 20px 70px;
    border-bottom: 1px solid;
    border-color: #dadada
}

.dark_theme .collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option {
    border-color: rgba(255, 255, 255, 0.1)
}

@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: #dadada
}

.dark_theme .collection_lightbox_widget .add_game_to_collection_form_widget .input_row.collection_option:first-child {
    border-color: rgba(255, 255, 255, 0.1)
}

.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(--changio-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 {
    width: 100%;
    max-width: 400px;
    margin-top: 0
}

.user_tools {
    position: fixed;
    list-style: none;
    padding: 0;
    margin: 10px 10px 0 0;
    top: 0;
    right: 0;
    z-index: 2;
    margin-top: 10px;
    margin-right: 10px;
    text-align: right
}

.user_tools li {
    margin-bottom: 10px
}

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

@media (min-width: 960px) {
    .user_tools {
        opacity: 1;
        transition: transform 0.2s ease, opacity 0.2s ease;
        transform: translate(0, 0)
    }
    .user_tools.hidden {
        opacity: 0;
        transform: translate(0, -20px)
    }
}

.user_tools .action_btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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;
    margin-bottom: 0;
    font-size: 14px
}

.user_tools .action_btn .icon {
    margin-right: 5px;
    text-shadow: none
}

.user_tools .action_btn>svg {
    display: inline-block;
    margin-right: 4px
}

.user_tools .action_btn>svg:not([fill]) {
    fill: white
}

.user_tools .action_btn>svg[fill] {
    stroke: white
}

.user_tools .action_btn .icon,
.user_tools .action_btn .svgicon {
    width: 1.3333333333em;
    height: 1.3333333333em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user_tools .action_btn .icon-playlist_add {
    font-size: 18px
}

.user_tools .action_btn:hover {
    background: rgba(20, 20, 20, 0.6)
}

.billing_address_form_widget.has_errors .form_errors {
    display: block
}

.billing_address_form_widget .form_errors {
    display: none
}

.billing_address_form_widget input.has_error {
    border: 1px solid #D14343
}

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

.popup_details {
    position: absolute;
    z-index: 2;
    margin: 6px;
    width: 230px;
    background: #222;
    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
}

.popup_details:hover {
    background: #272727
}

.popup_details:after {
    content: "";
    position: absolute;
    background-image: url("images/popup-tick-right.png");
    width: 12px;
    height: 20px;
    top: 50%;
    left: 100%;
    margin-top: -10px
}

.popup_details.on_right:after {
    left: auto;
    right: 100%;
    background-image: url("images/popup-tick-left.png")
}

.popup_details .game_title {
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #3c3c3c
}

.popup_details .game_text {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    max-height: 72px;
    margin: 8px 10px 12px 10px;
    color: #ddd
}

.popup_details .game_release_status {
    background: rgba(255, 255, 255, 0.1);
    text-align: center;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px
}

.popup_details .popup_empty_text {
    margin: 5px 10px 10px 10px;
    font-style: italic;
    color: rgba(255, 255, 255, 0.6)
}

.popup_details a {
    color: white;
    text-decoration: none
}

.popup_details .popup_screenshots {
    margin: 10px
}

.popup_details .popup_screenshot {
    transition: all 0.4s cubic-bezier(0.29, 0.6, 0.44, 0.96);
    opacity: .3;
    position: relative;
    top: 10px;
    width: 210px;
    height: 105px;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

.popup_details .popup_screenshot.visible {
    opacity: 1;
    top: 0
}

.popup_details .popup_screenshot:last-child {
    margin-bottom: 0
}

.popup_details .popup_trailer {
    margin: 15px auto;
    text-align: center
}

.popup_details .popup_trailer .watch_trailer_btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -moz-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: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tab_columns .tab_column {
    width: 180px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: right;
    border-right: 1px solid;
    border-color: #dadada
}

.dark_theme .tab_columns .tab_column {
    border-color: rgba(255, 255, 255, 0.1)
}

.tab_columns .tab_column .tab_header {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
    font-weight: bold;
    color: #767676;
    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: #F4F4F4;
    margin-top: 20px
}

.dark_theme .tab_columns .tab_column .tab_header {
    color: #898989
}

.dark_theme .tab_columns .tab_column .tab_header {
    border: 0
}

.dark_theme .tab_columns .tab_column .tab_header {
    background-color: #1b1b1b
}

.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;
    -moz-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: white;
    text-decoration: none;
    background: transparent;
    display: block;
    cursor: pointer;
    color: #606060
}

.dark_theme .tab_columns .tab_column .tab_btn {
    border-color: #111
}

.dark_theme .tab_columns .tab_column .tab_btn {
    color: #9f9f9f
}

.tab_columns .tab_column .tab_btn:hover {
    color: #222
}

.dark_theme .tab_columns .tab_column .tab_btn:hover {
    color: #ddd
}

.tab_columns .tab_column .tab_btn.selected {
    position: relative;
    color: #222;
    font-weight: bold;
    background: rgba(64, 67, 78, 0.1);
    text-decoration: none
}

.dark_theme .tab_columns .tab_column .tab_btn.selected {
    color: #ddd
}

.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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px
}

.lightbox.screenshot_lightbox {
    z-index: 1001;
    position: fixed;
    border-radius: 2px;
    background: #444;
    overflow: hidden;
    border: 0;
    box-shadow: 1px 0px 16px rgba(0, 0, 0, 0.5), 1px 0px 4px rgba(0, 0, 0, 0.6)
}

#lightbox_container .lightbox.screenshot_lightbox {
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#lightbox_container .lightbox.screenshot_lightbox.animated {
    animation: none
}

.lightbox.screenshot_lightbox.no_tools .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox.no_tools .screenshot_container .next_image_btn {
    display: none
}

.lightbox.screenshot_lightbox img {
    display: block;
    margin: 0
}

.lightbox.screenshot_lightbox .screenshot_container {
    display: table;
    position: relative;
    background: #111
}

.lightbox.screenshot_lightbox .screenshot_container .loader {
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    display: block;
    background-color: white;
    background-image: url("images/loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    z-index: 2
}

.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .lb_screenshot {
    display: table-cell;
    vertical-align: top
}

.lightbox.screenshot_lightbox .screenshot_container .lb_screenshot.hidden {
    opacity: 0
}

.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0 25px;
    font-size: 18px;
    position: relative;
    background: #111;
    height: 100%
}

.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:hover,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn:hover {
    background: #222
}

.lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:active,
.lightbox.screenshot_lightbox .screenshot_container .next_image_btn:active {
    background: #333
}

.lightbox.screenshot_lightbox .screenshot_container .icon-arrow-left,
.lightbox.screenshot_lightbox .screenshot_container .icon-arrow-right {
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5em;
    margin-top: -0.5em
}

.lightbox.screenshot_lightbox.loading .loader {
    opacity: .7
}

.first_game_lightbox {
    width: 600px
}

.first_game_lightbox .social_buttons_widget {
    height: 20px;
    overflow: hidden;
    margin: 20px 40px
}

.first_game_lightbox .fb_wrap,
.first_game_lightbox .twitter_wrap {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    margin-right: 40px
}

.first_game_lightbox .lightbox_footer {
    color: #434343;
    background-color: #F4F4F4;
    border-top: 1px solid;
    border-color: #dadada;
    overflow: hidden
}

.dark_theme .first_game_lightbox .lightbox_footer {
    color: #bcbcbc
}

.dark_theme .first_game_lightbox .lightbox_footer {
    background-color: #1b1b1b
}

.dark_theme .first_game_lightbox .lightbox_footer {
    border-color: rgba(255, 255, 255, 0.1)
}

.first_game_lightbox .lightbox_footer p {
    font-size: 14px
}

.embed_game_lightbox_widget {
    width: 632px
}

.embed_game_lightbox_widget .embed_directions {
    margin-top: 5px;
    font-size: 14px;
    color: #606060
}

.dark_theme .embed_game_lightbox_widget .embed_directions {
    color: #9f9f9f
}

.embed_game_lightbox_widget .embed_directions strong {
    color: #434343
}

.dark_theme .embed_game_lightbox_widget .embed_directions strong {
    color: #bcbcbc
}

.embed_game_lightbox_widget .embed_container {
    margin: 20px 40px 0 40px
}

.embed_game_lightbox_widget .embed_container iframe {
    max-width: 100%
}

.embed_game_lightbox_widget .form {
    margin: 20px 40px 0 40px
}

.embed_game_lightbox_widget .form textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: none;
    margin: 0
}

@media (max-width: 600px) {
    .embed_game_lightbox_widget .embed_container,
    .embed_game_lightbox_widget .form {
        margin-left: 20px;
        margin-right: 20px
    }
}

body {
    background: #eee
}

body.dark_theme {
    background: #1b1b1b
}

body.locale_ru {
    --changio_default_font: LatoExtended
}

body.staging::before {
    content: "staging";
    position: fixed;
    top: 3px;
    left: 3px;
    background: #42aad4;
    z-index: 10000;
    text-align: center;
    font-size: 14px;
    padding: 6px 24px;
    font-family: monospace;
    border: 2px solid #fff;
    pointer-events: none;
    border-radius: 1px;
    color: #fff
}

body.lightbox_open {
    overflow: hidden
}

body.lightbox_open #lightbox_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding-bottom: 40px
}

body.frame_maximized {
    overflow: hidden
}

abbr {
    text-decoration: none;
    cursor: help
}

@media (max-width: 1000px) {
    .responsive .wrapper {
        padding: 0 20px
    }
}

@media (max-width: 600px) {
    .responsive .wrapper {
        padding: 0
    }
}

.inner_column {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
    background: white;
    overflow: hidden
}

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

@media (max-width: 1000px) {
    .responsive .inner_column {
        padding-bottom: 0;
        max-width: 600px
    }
    .responsive .inner_column .footer {
        position: static;
        display: block;
        background: rgba(0, 0, 0, 0.05);
        margin-top: 30px;
        padding: 10px 20px;
        line-height: 1.8
    }
    .responsive .inner_column .footer .icon_logo {
        float: right
    }
    .responsive .inner_column .footer .icon_logo .svgicon {
        margin: 0 0 0 10px
    }
    .responsive .inner_column .footer .dot.last_dot {
        display: none
    }
    .responsive .inner_column .footer .breadcrumbs {
        text-align: left
    }
    .responsive .inner_column .footer .update_timestamp {
        display: block;
        opacity: 0.7
    }
    .responsive .inner_column .footer .update_timestamp:before {
        content: ""
    }
}

@media (max-width: 650px) {
    .responsive .inner_column .footer {
        padding-bottom: 60px
    }
}

.inner_column.size_small {
    font-size: 11px
}

.inner_column.size_medium {
    font-size: 13px
}

.inner_column.size_large {
    font-size: 16px
}

.inner_column.size_very_large {
    font-size: 19px
}

@media (max-width: 1000px) {
    .responsive .inner_column.size_very_large {
        font-size: 16px
    }
}

.inner_column.family_pixel.size_small {
    font-size: 8px
}

.inner_column.family_pixel.size_small .column {
    font-size: 8px
}

.inner_column.family_pixel.size_small h1,
.inner_column.family_pixel.size_small h2,
.inner_column.family_pixel.size_small h3,
.inner_column.family_pixel.size_small h4 {
    font-size: 8px;
    font-weight: bold
}

.inner_column.family_pixel.size_medium {
    font-size: 16px
}

.inner_column.family_pixel.size_medium .column {
    font-size: 16px
}

.inner_column.family_pixel.size_medium h1,
.inner_column.family_pixel.size_medium h2,
.inner_column.family_pixel.size_medium h3,
.inner_column.family_pixel.size_medium h4 {
    font-size: 24px;
    font-weight: bold
}

.inner_column.family_pixel.size_large,
.inner_column.family_pixel.size_very_large {
    font-size: 24px
}

.inner_column.family_pixel.size_large .column,
.inner_column.family_pixel.size_very_large .column {
    font-size: 24px
}

.inner_column.family_pixel.size_large h1,
.inner_column.family_pixel.size_large h2,
.inner_column.family_pixel.size_large h3,
.inner_column.family_pixel.size_large h4,
.inner_column.family_pixel.size_very_large h1,
.inner_column.family_pixel.size_very_large h2,
.inner_column.family_pixel.size_very_large h3,
.inner_column.family_pixel.size_very_large h4 {
    font-size: 40px;
    font-weight: normal
}

.inner_column p,
.inner_column ul,
.inner_column ol {
    line-height: 1.4
}

.inner_column a {
    color: #ff0b34
}

.inner_column h2,
.inner_column h3,
.inner_column h4 {
    margin: 0.8em 20px
}

.inner_column h2 {
    margin-top: 1.6em
}

.inner_column h1 {
    margin: 20px 20px 0 20px
}

.inner_column hr {
    margin: 1em 0;
    border: 0;
    height: 1px;
    background: #dadada
}

.inner_column .footer {
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    padding: 10px
}

.inner_column .footer .icon_logo {
    display: block;
    height: 17px
}

.inner_column .footer .icon_logo .svgicon {
    margin-right: 5px;
    opacity: 0.8
}

.inner_column .footer .breadcrumbs {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    min-width: 0
}

.inner_column .footer .breadcrumbs a {
    color: inherit !important;
    opacity: 0.7
}

.inner_column .footer .dot {
    margin: 0 5px
}

.inner_column .footer a {
    color: #606060
}

.columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

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

.columns .right_col {
    width: 367px
}

.theme_editor_open .user_tools {
    display: none
}

@media (min-width: 650px) {
    .has_site_header .user_tools {
        top: 50px
    }
}

.user_tools .follow_user_btn.is_following .on_follow {
    display: none
}

.user_tools .follow_user_btn:not(.is_following) .on_unfollow {
    display: none
}

.user_tools .action_btn .mobile_label {
    display: none
}

.user_tools .rate_game_btn.has_rating .on_edit {
    display: inline
}

.user_tools .rate_game_btn.has_rating .on_create {
    display: none
}

.user_tools .rate_game_btn .on_edit {
    display: none
}

@media (max-width: 1300px) {
    .user_tools {
        position: absolute
    }
    .user_tools .action_btn {
        font-size: 12px
    }
}

@media (min-width: 1400px) {
    .user_tools .action_btn {
        font-size: 16px
    }
}

@media (max-width: 960px) {
    .user_tools {
        position: static;
        margin: 0;
        white-space: nowrap;
        overflow: auto;
        text-align: left;
        padding: 8px 0 8px 10px;
        overflow: auto;
        background: #2b2b2b;
        background: var(--changio_ui_bg_dark, #2b2b2b);
        width: 100vw;
        box-sizing: border-box;
        box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5)
    }
    .user_tools>li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0
    }
    .user_tools .action_btn {
        font-size: 13px;
        padding: 0 6px;
        height: 26px
    }
    .randomizer_embed .user_tools {
        display: none
    }
}

@media (min-width: 650px) {
    .user_tools .community_link,
    .user_tools .devlog_link {
        display: none
    }
}

@media (max-width: 650px) {
    .user_tools {
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
        z-index: 99;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        padding: 0 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        flex-wrap: wrap
    }
    .user_tools>li {
        flex: 1;
        padding: 3px 0 5px 0;
        box-sizing: border-box;
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 80px;
        height: 50px
    }
    .user_tools>li.jam_entry {
        display: none
    }
    .user_tools .action_btn {
        font-size: 12px;
        height: auto;
        background: transparent;
        border: 0;
        padding: 0 5px;
        box-shadow: none;
        display: grid;
        grid-template-rows: 1fr auto;
        text-align: center
    }
    .user_tools .action_btn .mobile_label {
        display: initial
    }
    .user_tools .action_btn .full_label {
        display: none
    }
    .user_tools .action_btn .icon,
    .user_tools .action_btn .svgicon {
        margin: 0;
        justify-self: center;
        width: 1.6em;
        height: 1.6em
    }
    .user_tools .action_btn .icon.icon_user_plus,
    .user_tools .action_btn .icon.icon_user_check,
    .user_tools .action_btn .svgicon.icon_user_plus,
    .user_tools .action_btn .svgicon.icon_user_check {
        margin-left: 6px
    }
}

.embedded_game:not(.embed_disabled) .header .game_title {
    display: none
}

.header {
    overflow: hidden
}

.header img {
    display: none
}

.header.has_image {
    font-size: 0
}

.header.has_image img {
    display: inline-block;
    max-width: 100%
}

.header.has_image h1 {
    display: none
}

.header.align_center {
    text-align: center
}

.header.align_right {
    text-align: right
}

.user_formatted h1,
.user_formatted h2,
.user_formatted h3,
.user_formatted h4 {
    margin: 0.5em 0
}

.user_formatted ul,
.user_formatted ol {
    padding-left: 2.0em
}

.user_formatted table {
    margin: 1em 0;
    border-collapse: collapse
}

.user_formatted table tr th,
.user_formatted table tr td {
    padding: 0.5em;
    vertical-align: top;
    text-align: left;
    border: 1px solid;
    border-color: inherit
}

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

.user_formatted pre {
    padding: 0.5em;
    background: var(--changio_bg2_sub);
    word-wrap: normal;
    overflow: auto;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px
}

.game_page_apperance_columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.game_page_apperance_columns>.game_page_primary_column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme_editor_open .game_page_apperance_columns {
    height: calc(100vh - 50px)
}

.theme_editor_open .game_page_apperance_columns .game_page_primary_column {
    overflow: auto
}

.popup_details {
    z-index: 1002
}

.above_game_banner,
.game_layout .goal_banner_widget {
    box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    font-size: 14px;
    background: #333;
    background: var(--changio_ui_bg, #333);
    color: white;
    position: relative;
    z-index: 1
}

.above_game_banner h1,
.game_layout .goal_banner_widget h1,
.above_game_banner h2,
.game_layout .goal_banner_widget h2 {
    font-weight: 900
}

.theme_editor_open .above_game_banner,
.theme_editor_open .game_layout .goal_banner_widget,
.game_layout .theme_editor_open .goal_banner_widget {
    display: none
}

.above_game_banner a,
.game_layout .goal_banner_widget a {
    color: inherit
}

.above_game_banner .button,
.game_layout .goal_banner_widget .button,
.above_game_banner .button.outline,
.game_layout .goal_banner_widget .button.outline {
    color: white;
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.05);
    text-shadow: none
}

.above_game_banner .button:hover,
.game_layout .goal_banner_widget .button:hover,
.above_game_banner .button.outline:hover,
.game_layout .goal_banner_widget .button.outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.75)
}

.above_game_banner_inner,
.goal_banner_inner {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 20px
}

.game_layout .goal_banner_widget h3 {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.game_layout .goal_banner_widget .goal_progress_widget .stat_inline {
    border-color: rgba(255, 255, 255, 0.2)
}

.game_layout .goal_banner_widget .goal_progress_widget .progress_bar {
    background: #333;
    margin-left: 2px;
    margin-right: 2px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2)
}

.jam_banner h3 {
    line-height: 1.3
}

.jam_banner h3 a {
    opacity: 0.9
}

.jam_banner p {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin: 10px 0
}

.jam_banner .banner_cta {
    margin-bottom: 20px
}

.jam_banner .jam_banner_inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.jam_banner .jam_banner_inner .jam_cover {
    margin-right: 20px
}

.jam_banner .jam_banner_inner .jam_cover img {
    width: 226px;
    height: 180px
}

@media (max-width: 600px) {
    .jam_banner .jam_cover {
        display: none
    }
    .jam_banner .jam_banner_break {
        display: none
    }
    .jam_banner .hide_on_narrow {
        display: none
    }
}

.jam_banner .external_link .icon {
    margin-right: 5px;
    vertical-align: -2px
}

.jam_banner .external_link .svgicon {
    fill: white;
    margin-right: 5px;
    vertical-align: -3px
}

.ludum_dare_banner .ludum_dare_banner_inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ludum_dare_banner .summary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.ludum_dare_banner .ludum_dare_logo {
    margin-right: 20px;
    max-width: 160px
}

@media (max-width: 600px) {
    .ludum_dare_banner .ludum_dare_banner_inner .summary {
        display: none
    }
}

.purchase_banner h2 {
    margin: 0 0 20px 0
}

.purchase_banner .above_game_banner_inner,
.purchase_banner .goal_banner_inner {
    padding: 20px
}

.purchase_banner .ownership_reason {
    margin-left: 10px;
    opacity: 0.8
}

.purchase_banner .purchase_price {
    font-weight: bold
}

.purchase_banner .own_date {
    font-style: italic
}

.purchase_banner .key_row {
    margin-bottom: 15px
}

.purchase_banner .key_row:last-child {
    margin-bottom: 0
}

@media (max-width: 600px) {
    .purchase_banner .button {
        display: block
    }
    .purchase_banner .ownership_reason {
        margin: 10px 0 0 0;
        display: block
    }
}

.devlog_banner .notification_cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.devlog_banner .notification_cols>:first-child {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 650px) {
    .devlog_banner .notification_cols {
        display: block
    }
}

@media (max-width: 650px) {
    .devlog_banner .notification_cta {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }
    .devlog_banner .notification_cta>* {
        order: 2;
        margin: 0
    }
    .devlog_banner .notification_cta .button {
        flex: 1;
        order: 1;
        margin-right: 10px
    }
}

.devlog_banner .above_game_banner_inner,
.devlog_banner .goal_banner_inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.devlog_banner h2 {
    margin-top: 0;
    margin-bottom: 10px
}

.devlog_banner .notification_text {
    line-height: 1.5
}

.devlog_banner .game_changes {
    color: rgba(255, 255, 255, 0.8)
}

.devlog_banner .dismiss_form {
    display: inline-block;
    margin-right: 10px
}

.devlog_banner .dismiss_form button {
    color: rgba(255, 255, 255, 0.8)
}

.lightbox,
.goal_banner_widget,
.purchase_banner,
.payment_warning_banner,
.above_game_banner,
.game_layout .goal_banner_widget {
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif
}

.aggregate_rating {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.aggregate_rating .star {
    padding-right: 2px
}

.aggregate_rating .star:last-child {
    padding-right: 0
}

.aggregate_rating .rating_count {
    opacity: 0.5;
    margin-left: 5px
}

@font-face {
    font-family: '04b_03';
    src: url("fonts/04b03.eot");
    src: url("fonts/04b03.eot?#iefix") format("embedded-opentype"), url("fonts/04b03.woff2") format("woff2"), url("fonts/04b03.woff") format("woff"), url("fonts/04b03.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.admin_tag_editor_widget {
    transition: opacity 0.2s ease;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.5;
    background: white;
    border: 1px solid #dadada;
    padding: 10px;
    position: fixed;
    padding: 0;
    z-index: 2;
    top: 60px;
    left: 10px;
    width: 170px
}

.admin_tag_editor_widget:hover {
    opacity: 1.0
}

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

@media (max-width: 960px) {
    .admin_tag_editor_widget {
        display: none
    }
}

.theme_editor_open .admin_tag_editor_widget {
    display: none
}

.admin_tag_editor_widget .close_btn {
    text-decoration: none;
    position: absolute;
    font-size: 18px;
    bottom: 5px;
    right: 5px
}

.admin_tag_editor_widget .queue_status {
    text-align: center;
    font-weight: bold;
    padding: 4px;
    margin: 1px
}

.admin_tag_editor_widget .queue_status a {
    color: white;
    text-decoration: none
}

.admin_tag_editor_widget .queue_status.unrated {
    background: #34a0f2
}

.admin_tag_editor_widget .queue_status.positive {
    background: #aada80
}

.admin_tag_editor_widget .queue_status.neutral {
    background: gray
}

.admin_tag_editor_widget .queue_status.negative {
    background: #fe4e50
}

.admin_tag_editor_widget .panel_inside {
    padding: 10px
}

.admin_tag_editor_widget .tag_row {
    line-height: 1.2;
    margin-bottom: 5px;
    background: #f0f0f0;
    padding: 2px 4px
}

.admin_tag_editor_widget .feature_tag_btn {
    color: #858585
}

.admin_tag_editor_widget .new_tag_form {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.admin_tag_editor_widget .new_tag_form input[type=text] {
    flex: 1;
    min-width: 0
}

.admin_tag_editor_widget .new_tag_form>* {
    margin-right: 2px
}

.admin_tag_editor_widget .new_tag_form>*:last-child {
    margin-right: 0
}

.admin_tag_editor_widget .tweet_preview {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 150px;
    display: block;
    font-size: 12px
}

.game_layout .blog_post_list_widget {
    margin: 20px
}

.game_layout .blog_post_list_widget li {
    font-size: inherit
}

.game_layout .blog_post_list_widget li .title {
    font-size: 120%
}

.game_layout .blog_post_list_widget li .meta_row {
    font-size: inherit;
    color: inherit;
    opacity: 0.6
}

.game_layout .blog_post_list_widget li .meta_row .post_likes {
    color: inherit
}

.game_layout .blog_post_list_widget li .post_image {
    margin-top: 0
}

.game_layout .blog_post_list_widget .summary {
    font-size: inherit;
    margin-top: 5px
}

.game_layout .blog_post_list_widget .summary .read_all_link {
    color: inherit;
    opacity: 0.6
}

.community_post_form_widget .redactor-box {
    max-width: 600px
}

.community_post_form_widget .redactor-editor {
    padding: 10px
}

.community_post_form_widget .redactor-editor.redactor-placeholder:after {
    top: 10px;
    left: 10px
}

.community_post_form_widget .buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.community_post_form_widget .buttons button {
    white-space: nowrap
}

.community_post_form_widget .buttons .hint {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.community_post_form_widget form {
    margin: 10px 20px
}

.community_post_form_widget form .label {
    display: none
}

.community_post_form_widget form textarea {
    margin: 0
}

.community_post_form_widget .input_row {
    margin-bottom: 10px
}

.community_post_form_widget .buttons {
    margin-top: 10px
}

.community_post_form_widget .forms_form_errors_widget {
    box-sizing: border-box;
    max-width: 600px
}

.community_post_form_widget .g-recaptcha:not(:empty) {
    margin-top: 10px
}

.community_post_list_widget {
    padding-top: 20px;
    margin: 0 20px
}

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

.community_post_list_widget .post_form.inline_reply {
    margin: 20px 0 0 0
}

.community_post_list_widget .post_form.inline_edit {
    margin: 5px 0 0 0
}

.community_post_list_widget .community_post .post_grid {
    display: grid;
    align-items: start;
    grid-template-columns: 25px 25px 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 5px 10px;
    grid-template-areas: "avatar header header" "avatar body body"
}

.community_post_list_widget .community_post.has_vote_column .post_grid {
    grid-template-areas: "vote avatar header" "vote body body"
}

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

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

.community_post_list_widget .community_post_replies {
    margin-left: 30px;
    margin-top: 15px
}

@media (max-width: 650px) {
    .community_post_list_widget .community_post_replies {
        margin-left: 20px
    }
}

.community_post_list_widget .community_post.disabled .post_body,
.community_post_list_widget .community_post.disabled .post_header,
.community_post_list_widget .community_post.disabled .avatar_container {
    opacity: 0.5
}

.community_post_list_widget .community_post .reveal_full_post_btn {
    margin: 0;
    position: relative;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 5px 0px 5px;
    margin-top: -40px;
    text-align: center;
    border: 0;
    font-size: 13px;
    display: block;
    width: 100%;
    max-width: 600px;
    cursor: pointer;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent, var(--changio_bg_color) 50%, var(--changio_bg_color));
    color: var(--changio_link_color)
}

.community_post_list_widget .community_post .post_votes {
    grid-area: vote;
    margin-right: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px
}

.community_post_list_widget .community_post .post_votes.loading {
    opacity: 0.5
}

.community_post_list_widget .community_post .post_votes a {
    text-decoration: none;
    color: inherit !important;
    opacity: 0.5
}

.community_post_list_widget .community_post .post_votes button {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit
}

.community_post_list_widget .community_post .post_votes .vote_btn {
    font-size: 22px;
    height: 22px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.8
}

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

.community_post_list_widget .community_post .post_votes .vote_btn[disabled] {
    opacity: 0.1;
    pointer-events: none
}

.community_post_list_widget .community_post .post_votes .vote_btn:hover,
.community_post_list_widget .community_post .post_votes .vote_btn.voted {
    opacity: 1.0
}

.community_post_list_widget .community_post .post_votes .vote_btn.voted {
    color: #FF2449;
    color: var(--changio_button_color, #FF2449)
}

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

.community_post_list_widget .community_post .avatar_container {
    display: block;
    align-self: center;
    width: 25px;
    height: 25px
}

.community_post_list_widget .community_post .avatar_container .post_avatar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px
}

.community_post_list_widget .community_post .post_header {
    font-size: 13px;
    align-self: center;
    grid-area: header;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.community_post_list_widget .community_post .post_header>* {
    margin-right: 10px
}

.community_post_list_widget .community_post .post_header .post_header_content>* {
    margin-right: 10px
}

.community_post_list_widget .community_post .post_header .vote_counts {
    font-weight: bold;
    opacity: 0.75
}

.community_post_list_widget .community_post .post_header .post_author a {
    font-weight: bold;
    font-size: inherit
}

.community_post_list_widget .community_post .post_header .name_placeholder {
    font-weight: bold
}

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

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

.community_post_list_widget .community_post .post_header .author_flag {
    display: none
}

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

.community_post_list_widget .community_post .post_body {
    max-width: 600px;
    line-height: 1.6;
    word-wrap: break-word
}

.community_post_list_widget .community_post .post_body img {
    max-width: 100%
}

.community_post_list_widget .community_post .post_body>:first-child {
    margin-top: 5px
}

.community_post_list_widget .community_post .post_body>:last-child {
    margin-bottom: 5px
}

.community_post_list_widget .community_post .post_footer {
    margin-top: 10px;
    font-size: 13px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.community_post_list_widget .community_post .post_footer>a {
    margin-right: 10px
}

.community_post_list_widget .community_post .post_footer>a:last-child {
    margin-right: 0
}

.community_post_list_widget .community_post .post_footer .vote_btn {
    font-family: inherit;
    font-size: inherit;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 1px 5px;
    transition: all 0.2s ease
}

.community_post_list_widget .community_post .post_footer .vote_btn .like_text {
    display: inline-block;
    margin-left: 4px;
    vertical-align: 1px
}

.community_post_list_widget .community_post .post_footer .vote_btn:hover,
.community_post_list_widget .community_post .post_footer .vote_btn.voted {
    color: white;
    background: #FF2449;
    border-color: #FF2449
}

.community_post_list_widget .community_post .post_footer .vote_btn .svgicon {
    margin-right: 5px;
    width: 12px;
    height: 12px
}

.community_post_list_widget .community_post .post_footer .vote_btn .icon-like {
    font-size: 12px;
    vertical-align: 1px
}

.community_topic_posts_widget {
    padding-bottom: 0
}

.external_url_launcher_widget {
    background: var(--changio_bg2_sub);
    padding: 1.875em .625em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.external_url_launcher_widget .button.launch_btn {
    height: auto;
    padding: 0.4em 0.8em;
    font-size: 120%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.external_url_launcher_widget .button.launch_btn .svgicon {
    margin-right: .3125em;
    width: 1.25em;
    height: 1.25em
}

.external_url_launcher_widget .project_details {
    margin-top: .5em;
    font-size: .8125em;
    text-align: center;
    opacity: 0.8;
    line-height: 1.4;
    margin-bottom: -4px
}

.external_url_launcher_widget .project_details code {
    font-weight: bold
}

.game_comments_widget {
    margin-top: 40px;
    margin-bottom: 40px
}

.game_comments_widget .form_errors {
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 13px
}

.game_comments_widget .form_errors *:last-child {
    margin-bottom: 0
}

.game_comments_widget .click_input::placeholder {
    color: var(--changio_text_color);
    opacity: 0.8
}

.game_comments_widget .post_form {
    max-width: 600px
}

.game_comments_widget .post_form .forms_markdown_input_widget .markdown_toolbar {
    height: 30px
}

.game_comments_widget .post_form .forms_markdown_input_widget>textarea.markdown_textarea {
    font-size: 14px
}

.game_comments_widget .post_form .forms_markdown_input_widget>textarea.markdown_textarea:focus {
    outline: none;
    box-shadow: inset 0 0 2px 1px var(--changio_button_color, #A287C0)
}

.game_comments_widget .post_form input.click_input {
    margin: 0;
    font-size: inherit;
    font-weight: bold;
    box-sizing: border-box;
    width: 100%;
    max-width: none
}

.game_comments_widget .post_form .redactor-box {
    margin: 0;
    max-width: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.game_comments_widget .post_form .redactor-box .redactor-toolbar-box {
    -ms-flex-order: 2;
    order: 2
}

.game_comments_widget .post_form .redactor-box .redactor-toolbar-box .redactor-toolbar {
    border-bottom: 0;
    border-top-style: solid;
    border-top-width: 1px
}

.game_comments_widget .post_form .buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.game_comments_widget .post_form .buttons>:last-child:not(:first-child) {
    margin-left: auto
}

.game_comments_widget .pagination_buttons {
    margin: 0 20px;
    margin-top: 20px
}

.game_comments_widget .load_posts_before,
.game_comments_widget .load_posts_after {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    width: 100%;
    max-width: 640px;
    background: transparent;
    color: var(--changio_link_color);
    font-weight: bold;
    border: 1px solid var(--changio_button_color);
    border-radius: 2px;
    padding: 10px 20px;
    cursor: pointer
}

.game_comments_widget .load_posts_before.loading,
.game_comments_widget .load_posts_after.loading {
    filter: grayscale(100%)
}

.game_comments_widget .form_placeholder {
    margin: 20px
}

.game_comments_widget .topic_pager {
    margin: 10px 20px
}

.game_community_preview_widget .community_topics {
    margin: 0 20px
}

.game_community_preview_widget .post_links {
    margin: 20px
}

.game_community_preview_widget .post_links a {
    margin-right: 10px
}

.game_community_preview_widget .community_topic_row {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    line-height: 1.5
}

.game_community_preview_widget .community_topic_row:hover {
    background: rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05)
}

.game_community_preview_widget .community_topic_row:last-child {
    margin-bottom: 0
}

.game_community_preview_widget .community_topic_row>* {
    margin-right: 10px
}

.game_community_preview_widget .community_topic_row>*:last-child {
    margin-right: 0
}

.game_community_preview_widget .community_topic_row .avatar_container {
    display: block
}

.game_community_preview_widget .community_topic_row .avatar_container .post_avatar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #F4F4F4;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.2)
}

.dark_theme .game_community_preview_widget .community_topic_row .avatar_container .post_avatar {
    background-color: #1b1b1b
}

.game_community_preview_widget .community_topic_row .topic_author {
    opacity: 0.6
}

.game_community_preview_widget .community_topic_row .topic_author a {
    color: inherit !important
}

.game_community_preview_widget .community_topic_row .topic_author,
.game_community_preview_widget .community_topic_row .topic_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game_community_preview_widget .community_topic_row .primary_data {
    min-width: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.game_community_preview_widget .community_topic_row .post_time {
    opacity: 0.5
}

.game_community_preview_widget .community_topic_row .topic_tag {
    display: inline-block;
    border-radius: 2px;
    padding: 3px 8px;
    background: rgba(0, 0, 0, 0.1);
    line-height: 1;
    margin-right: 5px;
    font-weight: bold
}

.game_downloader_widget {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.game_downloader_widget>* {
    margin-right: 10px
}

.game_downloader_widget>*:last-child {
    margin-left: 0
}

.game_downloader_widget .dollars {
    font-weight: bold;
    font-size: 120%
}

.game_downloader_widget .dollars.original_price {
    text-decoration: line-through;
    color: inherit;
    opacity: .5;
    font-weight: normal
}

.game_downloader_widget .buy_message .sub {
    opacity: .5
}

.game_downloader_widget .sale_link {
    text-decoration: none
}

.game_downloader_widget .sale_label {
    height: 35px;
    line-height: 16px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: top;
    color: white;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    border-radius: 4px
}

.game_downloader_widget .sale_label .sale_rate {
    font-weight: bold;
    color: #67e3bd
}

.game_downloader_widget .sale_label .main_label {
    font-style: italic
}

.game_info_panel_widget td {
    padding: 2px 4px;
    text-align: left
}

.game_info_panel_widget td:first-child {
    font-weight: bold;
    text-align: right;
    min-width: 100px;
    font-size: 90%;
    opacity: 0.7
}

.game_report_lightbox_widget {
    max-width: 600px;
    width: 100%
}

.game_report_lightbox_widget .support_notice {
    background-color: #F4F4F4;
    padding: 20px;
    margin: 0 -20px 20px -20px
}

.dark_theme .game_report_lightbox_widget .support_notice {
    background-color: #1b1b1b
}

.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(--changio-lightbox_gutter, 40px)
}

.game_report_lightbox_widget .form {
    margin: 0 40px 30px 40px
}

.game_report_lightbox_widget .form textarea {
    min-height: 80px
}

@media (max-width: 600px) {
    .game_report_lightbox_widget .form {
        margin: 20px
    }
    .game_report_lightbox_widget .form p {
        margin-left: 0;
        margin-right: 0
    }
}

.html_embed_widget .button.load_iframe_btn,
.html_embed_widget .button.restore_btn {
    height: auto;
    padding: 0.4em 0.8em;
    font-size: 120%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.html_embed_widget .button.load_iframe_btn .svgicon,
.html_embed_widget .button.restore_btn .svgicon {
    margin-right: 5px
}

.html_embed_widget .iframe_placeholder,
.html_embed_widget .restore_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    box-sizing: border-box
}

.html_embed_widget .iframe_placeholder .embed_info,
.html_embed_widget .restore_wrapper .embed_info {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    padding: 10px
}

.html_embed_widget .game_frame {
    margin: 0 auto;
    position: relative;
    background-position: 50% 50%
}

.html_embed_widget .game_frame.maximized {
    margin: 0;
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-image: none
}

.html_embed_widget .game_frame.maximized .restore_wrapper {
    display: none
}

.html_embed_widget .game_frame.game_pending .fullscreen_btn {
    display: none
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe {
    display: none
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-webkit-full-screen {
    display: block
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-moz-full-screen {
    display: block
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:-o-full-screen {
    display: block
}

.html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) iframe:fullscreen {
    display: block
}

.html_embed_widget .game_frame:not(.game_loaded) .restore_wrapper {
    display: none
}

.html_embed_widget .game_frame iframe {
    height: 0;
    width: 0;
    border: 0;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%
}

.html_embed_widget .fullscreen_btn {
    opacity: .4;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 8px;
    font-size: 16px;
    display: block;
    transition: opacity 0.4s;
    background: none;
    padding: 0;
    border: 0;
    cursor: pointer
}

.html_embed_widget .fullscreen_btn img {
    display: block;
    width: 30px;
    height: 30px
}

.html_embed_widget .fullscreen_btn:hover {
    opacity: .8
}

.html_embed_widget .game_error {
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif;
    font-size: 14px;
    color: #222;
    width: 350px;
    margin: 20px auto;
    border: 1px solid #efbebe;
    border-radius: 2px;
    background: #f9e7e7;
    line-height: 1.4;
    box-shadow: 0 0 0 4px white
}

.html_embed_widget .game_error .error_details {
    margin: 10px 20px
}

.html_embed_widget .game_error .error_details>h3 {
    color: inherit;
    font-size: inherit;
    margin: 0 0 10px 0
}

.html_embed_widget .game_error .error_help {
    border-top: 1px solid #f4d2d2;
    color: #222;
    padding: 10px 20px
}

.simple_social_buttons_widget {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.simple_social_buttons_widget>a {
    opacity: 0.8;
    display: inline-block;
    text-decoration: none;
    transition: 0.2s ease all;
    margin: 0 5px
}

.simple_social_buttons_widget>a:hover {
    opacity: 1.0
}

.upload_list_widget .upload {
    margin-bottom: 15px;
    word-wrap: break-word;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.upload_list_widget .upload:last-child {
    margin-bottom: 0
}

.upload_list_widget .upload .upload_name {
    max-width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.upload_list_widget .upload .upload_name .name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.upload_list_widget .upload .upload_name>* {
    margin-left: 10px;
    white-space: nowrap
}

.upload_list_widget .upload .upload_name>*:first-child {
    margin-left: 0
}

.upload_list_widget .upload .upload_name .download_platforms:empty {
    display: none
}

.upload_list_widget .upload .info_column {
    min-width: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.upload_list_widget .upload .info_column>* {
    margin-bottom: 0.3em
}

.upload_list_widget .upload .info_column>*:last-child {
    margin-bottom: 0
}

.upload_list_widget .upload .upload_date {
    opacity: .6;
    font-size: 85%
}

.upload_list_widget .upload .min_price {
    opacity: .6;
    font-size: 85%
}

.upload_list_widget .upload .build_row {
    opacity: .6;
    font-size: 85%
}

.upload_list_widget .upload .build_row .version_date {
    margin-left: 10px
}

.upload_list_widget .upload .preorder_spacer {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #dadada;
    height: 35px;
    line-height: 35px;
    min-width: 100px;
    color: #606060
}

.upload_list_widget .upload .button,
.upload_list_widget .upload .preorder_spacer {
    margin-right: 15px;
    min-width: 100px
}

.upload_list_widget .upload .file_size {
    opacity: .6;
    white-space: nowrap
}

.upload_list_widget .upload .download_platforms {
    white-space: nowrap
}

.upload_list_widget .upload .download_platforms .icon {
    vertical-align: top;
    opacity: .6
}

.game_comments_page .breadcrumbs {
    margin-left: 20px;
    margin-right: 20px
}

.game_comments_page .breadcrumbs a {
    text-decoration: none
}

.game_comments_page .breadcrumbs a .text {
    text-decoration: underline
}

.game_comments_page .game_comments_widget {
    margin-top: 0
}

.game_comments_page h2 {
    margin-top: 0.8em
}

.game_devlog_page .breadcrumbs {
    margin: 20px
}

.game_devlog_page h2 {
    margin: 20px
}

.game_devlog_post_page .post_header h1 {
    font-size: 2em;
    margin: 20px 0 5px 0;
    word-wrap: break-word
}

.game_devlog_post_page .post_meta {
    font-size: 85%;
    margin: 20px 0 10px 0;
    line-height: 1.4
}

.game_devlog_post_page .post_meta .post_social {
    white-space: nowrap;
    margin-top: 6px
}

.game_devlog_post_page .breadcrumbs {
    font-size: 85%
}

.game_devlog_post_page .split_columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.game_devlog_post_page .split_columns .primary_column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px;
    min-width: 0
}

.game_devlog_post_page .split_columns .game_metadata {
    padding-top: 40px;
    width: 307px;
    margin-right: 20px;
    margin-left: 40px
}

@media (max-width: 1000px) {
    .game_devlog_post_page .split_columns {
        display: block
    }
    .game_devlog_post_page .split_columns .primary_column,
    .game_devlog_post_page .split_columns .game_metadata {
        width: auto;
        margin: 20px
    }
    .game_devlog_post_page .split_columns .primary_column {
        margin: 0
    }
    .game_devlog_post_page .split_columns .primary_column>* {
        margin: 20px
    }
    .game_devlog_post_page .split_columns .primary_column .post_images {
        margin-left: 0;
        margin-right: 0
    }
}

.game_devlog_post_page .primary_column>section {
    margin-bottom: 20px
}

.game_devlog_post_page .primary_column>section:last-child {
    margin-bottom: 0
}

.game_devlog_post_page .post_body p:first-child {
    margin-top: 0
}

.game_devlog_post_page .post_body p:last-child {
    margin-bottom: 0
}

.game_devlog_post_page .post_images {
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    margin: 0 0 20px 0;
    scrollbar-color: var(--changio_button_color) var(--changio_gray_back);
    scrollbar-width: thin
}

.game_devlog_post_page .post_images::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.game_devlog_post_page .post_images::-webkit-scrollbar-track {
    background: var(--changio_gray_back);
    border-radius: var(--changio_border_radius)
}

.game_devlog_post_page .post_images::-webkit-scrollbar-thumb {
    background: var(--changio_button_color);
    border-radius: var(--changio_border_radius)
}

.game_devlog_post_page .post_images>a {
    display: inline-block;
    margin-right: 10px
}

.game_devlog_post_page .post_images>a:last-child {
    margin-right: 0
}

.game_devlog_post_page .post_images img {
    display: block
}

.game_devlog_post_page .game_metadata h3 {
    margin: 0;
    font-size: 1.1em
}

.game_devlog_post_page .game_metadata h3+p {
    margin-top: 10px
}

.game_devlog_post_page .game_metadata>section {
    margin-top: 20px
}

.game_devlog_post_page .game_metadata>section:first-child {
    margin-top: 0
}

.game_devlog_post_page .game_metadata p {
    font-size: 85%
}

.game_devlog_post_page .game_metadata .add_collection_row a {
    display: block;
    width: 100%
}

.game_devlog_post_page .game_metadata .add_collection_row a .icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: -3px
}

.game_devlog_post_page .post_files h2,
.game_devlog_post_page .game_download h2 {
    margin: 40px 0 20px 0
}

.game_devlog_post_page .more_posts .post_date {
    margin-top: 5px;
    opacity: 0.6;
    white-space: nowrap;
    font-size: 85%
}

.game_devlog_post_page .more_posts .post_date .icon {
    display: none
}

.game_devlog_post_page .more_posts ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none
}

.game_devlog_post_page .more_posts li {
    margin-bottom: 10px
}

.game_devlog_post_page .more_posts li:last-child {
    margin-bottom: 0
}

.game_devlog_post_page .game_downloader_widget {
    margin: 20px 0
}

.game_devlog_post_page .game_info_panel_widget td {
    font-size: 85%
}

.game_devlog_post_page .game_info_panel_widget td:first-child {
    padding-left: 0;
    min-width: 0
}

.game_devlog_post_page .like_button_drop {
    display: inline-block
}

.game_devlog_post_page .post_like_button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2)
}

.game_devlog_post_page .post_like_button .likes_count {
    padding: 0 6px;
    font-size: 85%
}

.game_devlog_post_page .post_like_button form {
    display: block
}

.game_devlog_post_page .post_like_button .button {
    display: block;
    font-family: inherit
}

.game_devlog_post_page .post_like_button .button .icon {
    vertical-align: -1px;
    margin-right: 4px
}

.game_devlog_post_page .post_like_button .button:hover .default {
    display: none
}

.game_devlog_post_page .post_like_button .button:hover .hover {
    display: initial
}

.game_devlog_post_page .post_like_button .hover {
    display: none
}

.view_game_page.view_flash_game_page,
.view_game_page.view_unity_game_page,
.view_game_page.view_java_game_page,
.view_game_page.view_html_game_page {
    *zoom: 1
}

.view_game_page.view_flash_game_page:before,
.view_game_page.view_flash_game_page:after,
.view_game_page.view_unity_game_page:before,
.view_game_page.view_unity_game_page:after,
.view_game_page.view_java_game_page:before,
.view_game_page.view_java_game_page:after,
.view_game_page.view_html_game_page:before,
.view_game_page.view_html_game_page:after {
    content: " ";
    display: table
}

.view_game_page.view_flash_game_page:after,
.view_game_page.view_unity_game_page:after,
.view_game_page.view_java_game_page:after,
.view_game_page.view_html_game_page:after {
    clear: both
}

.view_game_page.view_flash_game_page .center_column,
.view_game_page.view_unity_game_page .center_column,
.view_game_page.view_java_game_page .center_column,
.view_game_page.view_html_game_page .center_column {
    margin: 20px 0
}

.view_game_page.view_flash_game_page .donate,
.view_game_page.view_unity_game_page .donate,
.view_game_page.view_java_game_page .donate,
.view_game_page.view_html_game_page .donate {
    text-align: center;
    margin: 20px 0
}

@media (max-width: 400px) {
    .view_game_page.view_flash_game_page .center_column,
    .view_game_page.view_unity_game_page .center_column,
    .view_game_page.view_java_game_page .center_column,
    .view_game_page.view_html_game_page .center_column {
        margin: 0
    }
}

.view_game_page.view_flash_game_page.ready .donate,
.view_game_page.view_html_game_page.ready .donate {
    display: block
}

.view_game_page.view_flash_game_page .donate,
.view_game_page.view_html_game_page .donate {
    display: none
}

.view_game_page.view_flash_game_page .embed_wrapper,
.view_game_page.view_html_game_page .embed_wrapper {
    margin: 20px 0
}

.view_game_page.view_flash_game_page .game_loading,
.view_game_page.view_html_game_page .game_loading {
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    background: rgba(0, 0, 0, 0.04)
}

.view_game_page.view_flash_game_page .game_loading .loading_block,
.view_game_page.view_html_game_page .game_loading .loading_block {
    display: inline-block
}

.view_game_page.view_flash_game_page.ready .game_loading {
    display: none
}

.view_game_page.view_flash_game_page.no_flash .swf_outer {
    padding: 10px
}

.view_game_page.view_flash_game_page.no_flash .center_column .donate {
    display: none
}

.view_game_page.view_flash_game_page .swf_outer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    line-height: 1.5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.view_game_page.view_flash_game_page .swf_outer.hide_placeholder:before {
    display: none
}

.view_game_page.view_flash_game_page .swf_outer object {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.view_game_page.view_flash_game_page .swf_outer .flash_notification {
    font-weight: bold;
    opacity: 0.8;
    text-align: center;
    max-width: 280px
}

@media (max-width: 400px) {
    .view_game_page.view_html_game_page .center_column {
        margin-top: 20px
    }
}

.view_game_page.view_html_game_page.ready .donate {
    display: block
}

.view_game_page.view_html_game_page .donate {
    display: none
}

.view_game_page.view_unity_game_page .embed_wrapper,
.view_game_page.view_java_game_page .embed_wrapper {
    margin: 20px 0
}

.view_game_page.view_unity_game_page .unity_drop,
.view_game_page.view_unity_game_page .jar_drop,
.view_game_page.view_java_game_page .unity_drop,
.view_game_page.view_java_game_page .jar_drop {
    margin: 0 auto;
    position: relative;
    text-align: center
}

.view_game_page.view_unity_game_page.unity_unsupported .no_unity_message {
    display: block
}

.view_game_page.view_unity_game_page .no_unity_message {
    display: none;
    margin: 20px
}

.view_game_page.view_unity_game_page .no_unity_message .add_collection_row {
    text-align: center
}

@media (max-width: 1000px) {
    .view_game_page.view_unity_game_page .no_unity_message .button,
    .view_game_page.view_unity_game_page .donate_btn {
        display: block
    }
    .view_game_page.view_unity_game_page .donate {
        margin: 0 20px
    }
}

.view_game_page.direct_download .header_buy_row .button {
    display: block;
    margin: 0
}

.view_game_page.buy_on_top .header_buy_row {
    display: block
}

.view_game_page .header_buy_row {
    display: none
}

.view_game_page .header_buy_row p {
    margin: 20px 20px 0 20px
}

.view_game_page .header_buy_row p:last-child {
    margin-bottom: 20px
}

.view_game_page .formatted_description {
    margin: 20px;
    margin-bottom: 40px;
    margin-top: 0
}

.view_game_page .formatted_description .empty_text {
    font-style: italic;
    color: #606060
}

.view_game_page .formatted_description>:first-child {
    margin-top: 0
}

.view_game_page .more_information_toggle {
    margin: 0 20px 20px 20px
}

.view_game_page .more_information_toggle.open .svgicon {
    transform: rotate(180deg)
}

.view_game_page .more_information_toggle .aggregate_rating {
    font-size: 16px
}

.view_game_page .more_information_toggle .toggle_row {
    margin-bottom: 10px
}

.view_game_page .more_information_toggle .svgicon {
    transition: transform 0.2s ease;
    margin-left: 5px;
    opacity: 0.7;
    fill: #222
}

.view_game_page .video_embed {
    margin-right: 20px;
    margin-bottom: 10px
}

.view_game_page .video_embed.big_video {
    margin-right: 0
}

.view_game_page .video_embed:empty {
    display: none
}

.lightbox_open .view_game_page .video_embed {
    visibility: hidden
}

.view_game_page .screenshot_list {
    margin-right: 20px;
    box-sizing: border-box
}

.view_game_page .screenshot_list img {
    display: block;
    margin-bottom: 10px;
    max-width: 347px
}

.view_game_page .bundle_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    margin: 20px;
    border: 2px solid #dadada;
    border-radius: 2px
}

.view_game_page .bundle_row .bundle_label {
    opacity: 0.7;
    font-weight: normal
}

.view_game_page .bundle_row .bundle_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.view_game_page .bundle_row .bundle_info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 20px;
    line-height: 1.5
}

.view_game_page .bundle_row .bundle_info a {
    font-weight: bold;
    font-size: 110%
}

.view_game_page .community_summary p {
    margin: 20px
}

.view_game_page .sale_explanation {
    margin: 20px
}

.view_game_page .uploads p {
    margin-left: 20px;
    margin-right: 20px
}

.view_game_page .uploads .upload_list_widget {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px
}

.view_game_page .buy_row {
    margin: 20px
}

.view_game_page .buy_row .button_message {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.view_game_page .buy_row .buy_message {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.view_game_page .buy_row .buy_message>* {
    margin-right: 5px
}

.view_game_page .buy_row .buy_message>*:last-child {
    margin-right: 0
}

.view_game_page .buy_row .dollars {
    font-weight: bold;
    font-size: 120%
}

.view_game_page .buy_row .dollars.original_price {
    text-decoration: line-through;
    color: inherit;
    opacity: .5;
    font-weight: normal
}

.view_game_page .buy_row .sale_link {
    text-decoration: none
}

.view_game_page .buy_row .sale_label {
    height: 35px;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: top;
    color: white;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    border-radius: 4px
}

.view_game_page .buy_row .sale_label .sale_rate {
    font-weight: bold;
    color: #67e3bd
}

.view_game_page .buy_row .sale_label .main_label {
    font-style: italic
}

.view_game_page .buy_row .sub {
    color: inherit;
    opacity: .5
}

.view_game_page .buy_row .button {
    margin-right: 10px
}

.view_game_page .button {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    background: #FF2449;
    color: white;
    text-decoration: none;
    padding: 0 10px;
    font-size: 14px;
    text-shadow: 0 1px 0 #c3223e;
    cursor: pointer;
    border-radius: 3px;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.21);
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    height: 35px;
    min-width: 75px
}

.view_game_page .button:hover {
    background: #ff2e51
}

.view_game_page .button:active {
    background-color: #e1193b;
    position: relative;
    top: 1px
}

.view_game_page .missing_game {
    width: 450px;
    margin: 20px auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.8
}

.view_game_page .missing_game p {
    text-align: left
}

.view_game_page .app_store_links {
    margin: 15px 20px
}

.view_game_page .app_store_links .store_btn {
    display: inline-block;
    margin-right: 10px
}

.view_game_page .rewards h2 {
    margin-top: 30px
}

.view_game_page .reward_summary {
    margin: 20px
}

.view_game_page .rewards_list {
    margin: 0 20px
}

.view_game_page .reward_row {
    border: 2px solid #dadada;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 20px
}

.view_game_page .reward_row h3 {
    margin: 0 0 10px 0
}

.view_game_page .reward_row .remaining_count {
    margin-left: 10px
}

.view_game_page .reward_footer .sold_out_message {
    font-weight: bold
}

.view_game_page .reward_footer .quantity_input {
    border: 2px solid #dadada;
    border-radius: 2px;
    padding: 4px
}

.view_game_page .column {
    padding-bottom: 20px
}

@media (max-width: 1000px) {
    .responsive .view_game_page .columns {
        margin: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        max-width: 100vw
    }
    .responsive .view_game_page .columns .left_col,
    .responsive .view_game_page .columns .right_col {
        display: block;
        margin: 0;
        width: auto
    }
    .responsive .view_game_page .columns .left_col {
        -webkit-order: 2;
        order: 2
    }
    .responsive .view_game_page .columns .right_col {
        -webkit-order: 1;
        order: 1
    }
    .responsive .view_game_page .right_col .video_embed {
        text-align: center;
        margin: 0;
        margin-bottom: 20px
    }
    .responsive .view_game_page .header_buy_row {
        display: block
    }
    .responsive .view_game_page .screenshot_list {
        white-space: nowrap;
        overflow: auto;
        font-size: 0;
        text-align: center;
        margin: 0
    }
    .responsive .view_game_page .screenshot_list img {
        display: inline-block;
        margin: 0;
        height: 200px
    }
    .responsive .view_game_page .uploads .upload {
        display: block;
        margin-bottom: 15px
    }
    .responsive .view_game_page .uploads .upload .name {
        display: block
    }
    .responsive .view_game_page .uploads .upload .button {
        display: block;
        margin: 0 0 5px 0
    }
    .responsive .view_game_page .buy_row .dollars {
        font-size: 100%
    }
}

@media (max-width: 400px) {
    .responsive .view_game_page .buy_row {
        font-size: 14px;
        white-space: nowrap;
        margin: 5px 0;
        padding: 15px 20px;
        overflow: auto
    }
}

.view_game_page .info_panel_wrapper {
    display: none
}

.view_game_page .game_info_panel_widget {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px
}

.view_game_page .game_devlog ul {
    padding: 0;
    margin: 20px;
    list-style: none
}

.view_game_page .game_devlog ul li {
    margin: 0 0 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.view_game_page .game_devlog ul li:last-child {
    margin-bottom: 0
}

.view_game_page .game_devlog .post_date {
    margin-top: 4px;
    opacity: .5;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 80%
}

.view_game_page .game_devlog .post_date .icon {
    display: none
}

.view_game_page .game_devlog p {
    margin: 20px
}

.view_game_page .indiecade_banner {
    background: #383838;
    padding: 15px 20px;
    margin: 20px;
    margin-right: 0
}

.view_game_page .indiecade_banner>p {
    margin: 0;
    margin-bottom: 10px
}

.view_game_page .indiecade_banner .tag_pair {
    font-size: 14px;
    border: 1px solid #222;
    display: inline-block;
    margin-right: 5px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1)
}

.view_game_page .indiecade_banner .tag_pair:last-child {
    margin-right: 0
}

.view_game_page .indiecade_banner .tag_pair>:first-child {
    border-right: 1px solid #222;
    font-weight: bold;
    opacity: 0.8
}

.view_game_page .indiecade_banner .tag_pair>* {
    display: inline-block;
    padding: 2px 6px
}

.content_warning_widget {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: opacity 0.2s;
    opacity: 1;
    padding: 20px;
    overflow-y: auto;
    background-color: white;
    background-color: var(--changio_bg_color, white);
    color: var(--changio_text_color);
    font-family: var(--changio_font_family), Lato, sans-serif
}

@media (max-width: 650px) {
    .content_warning_widget {
        padding: 10px
    }
}

.content_warning_widget .content_warning_inner {
    background-color: var(--changio_bg2_color);
    max-width: 700px;
    padding: 20px
}

.content_warning_widget .check_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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(--changio_link_color)
}

.content_warning_widget.hidden {
    pointer-events: none;
    opacity: 0
}

.forms_color_input_widget {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 150px;
    background-color: white;
    border: 2px solid #cdcdcd;
    border-radius: 4px;
    height: 35px;
    padding: 0px 6px 0px 10px;
    position: relative
}

.dark_theme .forms_color_input_widget {
    background-color: #111
}

.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;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-family: monospace;
    outline: none;
    background-color: white;
    color: #434343
}

.dark_theme .forms_color_input_widget input.color_text_input {
    background-color: #111
}

.dark_theme .forms_color_input_widget input.color_text_input {
    color: #bcbcbc
}

.forms_color_input_widget input.color_text_input:focused {
    color: #222
}

.dark_theme .forms_color_input_widget input.color_text_input:focused {
    color: #ddd
}

.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 #d0d0d0, 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 101;
    padding: 10px;
    background-color: white;
    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)
}

.dark_theme .forms_color_input_popup_widget {
    background-color: #111
}

.forms_color_input_popup_widget .clear_color_btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    border: 0;
    font-family: Lato, sans-serif;
    font-family: var(--changio_default_font, Lato), sans-serif;
    cursor: pointer;
    padding: 2px 6px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: #dadada;
    border-radius: 0 0 0 4px;
    font-size: 14px;
    font-weight: bold;
    color: #606060;
    z-index: 2
}

.dark_theme .forms_color_input_popup_widget .clear_color_btn {
    background-color: #111
}

.dark_theme .forms_color_input_popup_widget .clear_color_btn {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .forms_color_input_popup_widget .clear_color_btn {
    color: #9f9f9f
}

.forms_color_input_popup_widget .clear_color_btn:hover {
    background-color: #F4F4F4
}

.dark_theme .forms_color_input_popup_widget .clear_color_btn:hover {
    background-color: #1b1b1b
}

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

.dark_theme .forms_markdown_input_widget {
    border-color: rgba(255, 255, 255, 0.1)
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid;
    border-color: #dadada;
    height: 32px;
    box-sizing: border-box
}

.dark_theme .forms_markdown_input_widget .markdown_toolbar {
    border-color: rgba(255, 255, 255, 0.1)
}

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

.dark_theme .forms_markdown_input_widget .markdown_toolbar>li>button {
    color: #9f9f9f
}

.forms_markdown_input_widget .markdown_toolbar>li>button:hover {
    color: white;
    background: #FF2449;
    background: var(--changio_button_color, #FF2449)
}

.forms_markdown_input_widget .markdown_toolbar>li {
    border-right: 1px solid;
    border-color: #dadada;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dark_theme .forms_markdown_input_widget .markdown_toolbar>li {
    border-color: rgba(255, 255, 255, 0.1)
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.forms_simple_select_widget {
    display: inline-block;
    box-sizing: border-box;
    min-width: 30px;
    position: relative;
    border: 2px solid;
    border-color: #cdcdcd;
    background-color: white;
    padding: 4px 8px 4px 10px;
    border-radius: 4px;
    height: 35px
}

.dark_theme .forms_simple_select_widget {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .forms_simple_select_widget {
    background-color: #111
}

.forms_simple_select_widget:hover .selected_option {
    color: #222
}

.dark_theme .forms_simple_select_widget:hover .selected_option {
    color: #ddd
}

.forms_simple_select_widget.disabled {
    opacity: 0.5;
    background-color: #F4F4F4
}

.dark_theme .forms_simple_select_widget.disabled {
    background-color: #1b1b1b
}

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

.dark_theme .forms_simple_select_widget.focused .select_component {
    color: #ddd
}

.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(221, 221, 221, 0.7)
}

.forms_simple_select_widget .selected_option {
    font-size: 14px;
    color: #434343;
    height: 100%;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dark_theme .forms_simple_select_widget .selected_option {
    color: #bcbcbc
}

.forms_simple_select_widget .selected_option .selected_option_name {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: white;
    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)
}

.dark_theme .forms_slider_widget .slider_track {
    background-color: #111
}

.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:hover {
    background: #ff2e51
}

.forms_slider_widget .slider_nub: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: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    border-color: #dadada;
    border-radius: 4px;
    padding: 0 2px 0 5px;
    height: 20px
}

.dark_theme .row_mover_widget {
    border-color: rgba(255, 255, 255, 0.1)
}

.row_mover_widget .mover_label {
    font-weight: bold;
    color: #606060;
    font-size: 13px;
    margin-right: 2px
}

.dark_theme .row_mover_widget .mover_label {
    color: #9f9f9f
}

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

.dark_theme .row_mover_widget>button {
    color: #898989
}

.row_mover_widget>button:hover:not([disabled]) {
    color: #222
}

.dark_theme .row_mover_widget>button:hover:not([disabled]) {
    color: #ddd
}

.row_mover_widget>button[disabled] {
    opacity: 0.2;
    cursor: default
}

.follow_button_widget {
    cursor: pointer;
    white-space: nowrap
}

.follow_button_widget.animate_bounce,
.follow_button_widget.animate_drop_down {
    pointer-events: none
}

.follow_button_widget.outline {
    box-sizing: border-box;
    -moz-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: white;
    border-color: #FF2449;
    color: #FF2449;
    text-shadow: none
}

.dark_theme .follow_button_widget.is_following:not(.loading).button {
    background-color: #111
}

.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 {
    margin-right: 5px;
    position: relative;
    top: 1px
}

.community_archive_topic_lightbox_widget {
    width: 600px
}

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

.community_archive_topic_lightbox_widget ul li {
    font-size: 14px
}

.community_ban_lightbox_widget {
    width: 600px
}

.community_ban_lightbox_widget.after_ban .after_submit {
    display: block
}

.community_ban_lightbox_widget.after_ban .before_submit {
    display: none
}

.community_ban_lightbox_widget h2 .banned_user:before {
    content: "“";
    font-weight: normal;
    color: #858585
}

.community_ban_lightbox_widget h2 .banned_user:after {
    content: "”";
    font-weight: normal;
    color: #858585
}

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

.community_ban_lightbox_widget .after_submit {
    display: none
}

.community_lock_topic_lightbox_widget {
    width: 600px
}

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

.community_report_post_lightbox_widget {
    width: 500px
}

.community_report_post_lightbox_widget.submitted_report .before_submit {
    display: none
}

.community_report_post_lightbox_widget.submitted_report .after_submit {
    display: block
}

.community_report_post_lightbox_widget .after_submit {
    display: none
}

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

.community_report_post_lightbox_widget .form textarea {
    min-height: 80px
}

.community_stick_topic_lightbox_widget {
    width: 600px
}

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

.after_download_lightbox_widget {
    max-width: 800px;
    width: 100%
}

.after_download_lightbox_widget p {
    margin-top: 10px;
    margin-bottom: 10px
}

.after_download_lightbox_widget .bandwidth_row {
    border-top: 1px solid #dadada;
    font-size: 14px;
    color: #606060;
    padding: 20px 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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;
    -moz-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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 40px 10px 40px;
    font-size: 16px;
    line-height: 1.5
}

.after_download_lightbox_widget .share_row .share_links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.after_download_lightbox_widget .share_row .share_links .icon {
    margin-right: 5px
}

.after_download_lightbox_widget .share_row>* {
    margin-right: 10px
}

.after_download_lightbox_widget .share_row>*:last-child {
    margin-right: 0
}

@media (max-width: 650px) {
    .after_download_lightbox_widget .share_row {
        margin-left: 20px;
        margin-right: 20px;
        display: block
    }
    .after_download_lightbox_widget .share_row>* {
        width: 100%;
        margin: 0 0 10px 0
    }
    .after_download_lightbox_widget .share_row>*:last-child {
        margin-bottom: 0
    }
}

.after_download_lightbox_widget .share_row .icon-heart {
    color: #EC4E61
}

.after_download_lightbox_widget .share_row .simple_social_buttons_widget a {
    margin-left: 10px;
    text-decoration: none;
    color: #606060
}

.after_download_lightbox_widget .share_row .simple_social_buttons_widget a:hover {
    color: #767676
}

.blog_post_list_widget {
    list-style: none;
    margin: 0;
    padding: 0
}

.blog_post_list_widget li {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.5
}

.blog_post_list_widget li .title {
    font-size: 18px;
    text-decoration: none;
    font-weight: bold
}

.blog_post_list_widget li .split_content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog_post_list_widget li .post_image {
    display: block;
    margin-left: 20px;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.blog_post_list_widget li .meta_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #606060;
    margin-top: 2px;
    min-width: 0
}

.dark_theme .blog_post_list_widget li .meta_row {
    color: #9f9f9f
}

.blog_post_list_widget li .meta_row a {
    color: inherit
}

.blog_post_list_widget li .meta_row .tags {
    margin-left: 15px
}

.blog_post_list_widget li .meta_row .post_likes {
    margin-left: 15px;
    border: 1px solid #cdcdcd;
    padding: 1px 4px;
    border-radius: 4px;
    font-weight: bold;
    color: #606060;
    font-size: 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dark_theme .blog_post_list_widget li .meta_row .post_likes {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .blog_post_list_widget li .meta_row .post_likes {
    color: #9f9f9f
}

.blog_post_list_widget li .meta_row .post_likes .icon {
    font-size: 12px;
    margin-left: 4px
}

.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: #767676;
    white-space: nowrap;
    text-decoration: underline
}

.dark_theme .blog_post_list_widget li .summary .read_all_link {
    color: #898989
}

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

.game_grid_widget {
    font-size: 16px
}

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

.game_grid_widget.layout_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 40px 20px;
    align-items: start
}

@media (max-width: 650px) {
    .game_grid_widget.layout_grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 20px 10px
    }
}

.game_grid_widget.layout_grid>.game_cell {
    margin: 0;
    display: block
}

.game_grid_widget.layout_grid>.game_cell .game_thumb {
    width: auto;
    height: 0;
    padding-bottom: 79.3650793651%
}

.game_grid_widget .game_cell {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: left;
    margin: 0 20px 40px 0
}

.game_grid_widget .game_cell:hover .game_thumb .gif_overlay {
    opacity: 1
}

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

.dark_theme .game_grid_widget .game_cell .game_thumb {
    box-shadow: none
}

.dark_theme .game_grid_widget .game_cell .game_thumb {
    background-color: #111
}

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

.game_grid_widget .game_cell .game_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_cell_tools {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
    transition: opacity 0.2s ease, top 0.2s ease
}

.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(--changio_default_font, Lato), sans-serif;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: 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:hover .game_cell_tools {
    top: 10px;
    opacity: 1
}

@media (max-width: 650px) {
    .game_grid_widget .game_cell .game_cell_tools {
        display: none
    }
}

.game_grid_widget .game_cell .thumb_link {
    text-decoration: none
}

.game_grid_widget .game_cell .game_cell_data {
    margin-top: 0.75em
}

.game_grid_widget .game_cell .game_cell_data>* {
    margin-bottom: 5px
}

@media (max-width: 650px) {
    .game_grid_widget .game_cell .game_cell_data>* {
        margin-bottom: 2px
    }
}

.game_grid_widget .game_cell .game_cell_data>*:last-child {
    margin-bottom: 0
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875em;
    color: #606060
}

.dark_theme .game_grid_widget .game_cell .game_author {
    color: #9f9f9f
}

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

.dark_theme .game_grid_widget .game_cell .game_author .icon_verified {
    color: #bcbcbc
}

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

.dark_theme .game_grid_widget .game_cell .game_genre,
.dark_theme .game_grid_widget .game_cell .game_platform,
.dark_theme .game_grid_widget .game_cell .game_text,
.dark_theme .game_grid_widget .game_cell .game_promo {
    color: #7a7a7a
}

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

.dark_theme .game_grid_widget .game_cell .game_text {
    color: #9f9f9f
}

.game_grid_widget .game_cell .game_platform>* {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.game_grid_widget .game_cell .web_flag {
    background: rgba(128, 128, 128, 0.5);
    color: white;
    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: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    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 {
    background-color: #b460ad;
    background-image: linear-gradient(to top right, #dc5c7f 0%, #8b64da 100%);
    background-image: -webkit-linear-gradient(to top right, #dc5c7f 0%, #8b64da 100%);
    background-image: -moz-linear-gradient(to top right, #dc5c7f 0%, #8b64da 100%);
    background-image: -o-linear-gradient(to top right, #dc5c7f 0%, #8b64da 100%);
    background-image: -ms-linear-gradient(to top right, #dc5c7f 0%, #8b64da 100%)
}

.game_grid_widget .game_cell .meta_tag .sale_tag {
    background: #34a0f2;
    color: rgba(255, 255, 255, 0.8)
}

.game_grid_widget .game_cell .meta_tag .sale_tag.reverse_sale {
    background: #fe4e50
}

.game_grid_widget .game_rating {
    font-size: .875em;
    color: #858585
}

.dark_theme .game_grid_widget .game_rating {
    color: #7a7a7a
}

.game_grid_widget .game_rating>* {
    display: inline-block;
    vertical-align: middle
}

.game_grid_widget.game_list {
    white-space: nowrap
}

.game_grid_widget.game_list .game_cell {
    width: 200px;
    white-space: normal;
    margin-bottom: 20px
}

.game_grid_widget.game_list .game_cell .game_thumb {
    width: 200px;
    height: 158px
}

.game_grid_widget.game_list .game_cell:not(.is_owner) .price_flag,
.game_grid_widget.game_list .game_cell:not(.is_owner) .game_text,
.game_grid_widget.game_list .game_cell:not(.is_owner) .game_genre,
.game_grid_widget.game_list .game_cell:not(.is_owner) .game_platform,
.game_grid_widget.game_list .game_cell:not(.is_owner) .game_promo {
    display: none
}

.game_grid_widget.game_list .game_cell.is_owner .game_author {
    display: none
}

.game_grid_widget.game_list_grid .game_cell {
    width: 220px;
    white-space: normal;
    margin-bottom: 20px
}

.game_grid_widget.game_list_grid .game_cell .game_thumb {
    width: 220px;
    height: 174px
}

.game_grid_widget.game_list_grid .game_cell .price_flag,
.game_grid_widget.game_list_grid .game_cell .game_text,
.game_grid_widget.game_list_grid .game_cell .game_genre,
.game_grid_widget.game_list_grid .game_cell .game_platform,
.game_grid_widget.game_list_grid .game_cell .game_promo {
    display: none
}

.game_header_widget {
    font-family: Lato, sans-serif;
    font-family: var(--changio_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: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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: #dadada;
    padding-bottom: 10px;
    margin: 5px 0 10px 0;
    line-height: 15px;
    background-color: white;
    position: relative
}

.dark_theme .goal_banner_widget h3 {
    border-color: rgba(255, 255, 255, 0.1)
}

.dark_theme .goal_banner_widget h3 {
    background-color: #111
}

.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: #858585;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px
}

.dark_theme .goal_progress_widget .stat_box .stat_label {
    color: #7a7a7a
}

.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: #dadada;
    padding-right: 10px
}

.dark_theme .goal_progress_widget .stat_inline {
    border-color: rgba(255, 255, 255, 0.1)
}

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

.dark_theme .goal_progress_widget .stat_inline .stat_label {
    color: #9f9f9f
}

.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.hover_menu_open .header_dropdown {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header_widget.hover_menu_visible .header_dropdown {
    opacity: 1;
    transform: translate(0, 0)
}

.header_widget.minimal_header .primary_header {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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 .header_logo {
    background-image: url("images/logo-white-new.svg")
}

.header_widget.gray .primary_header {
    background: #333;
    background: var(--changio_ui_bg, #333);
    color: white
}

.header_widget.gray .user_panel_widget .profile_avatar {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18)
}

.header_widget.gray .game_search {
    background: rgba(0, 0, 0, 0.5)
}

.header_widget.gray .game_search .search_input {
    color: white
}

.header_widget.gray .game_search .submit_btn {
    color: white
}

.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(--changio_default_font, Lato), sans-serif
}

.header_widget .primary_header {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    background: #40434E;
    background: var(--changio_ui_bg, #40434E);
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 0 20px 0 22px;
    color: #222;
    height: 50px;
    position: relative;
    z-index: 100
}

.dark_theme .header_widget .primary_header {
    background-color: #111
}

.holidays .header_widget .primary_header {
    background: var(--changio_ui_bg, #2d805a);
    background-image: url(images/snowrepeat.svg);
    background-size: 100px;
    color: white
}

.holidays .header_widget .primary_header .active_site_promotion {
    font-weight: 900
}

.holidays .header_widget .primary_header .active_site_promotion>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
}

.holidays.dark_theme .header_widget .primary_header {
    color: white
}

.dark_theme .header_widget .primary_header {
    color: #ddd
}

.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(--changio_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;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    opacity: 0;
    transform: translate(0, -20%);
    transition: all 0.2s ease
}

.holidays .header_widget .header_dropdown {
    background: var(--changio_ui_bg, #2d805a) linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3))
}

.header_widget .header_dropdown a {
    display: block;
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    position: relative;
    line-height: 24px
}

.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;
    background: rgba(255, 255, 255, 0.5);
    margin-right: 20px
}

.header_widget h1 {
    margin: 0
}

.header_widget .header_logo {
    background-image: url("images/logo-black-new.svg");
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 117px;
    height: 30px;
    margin: 0;
    vertical-align: top;
    text-decoration: none
}

.dark_theme .header_widget .header_logo {
    background-image: url("images/logo-white-new.svg")
}

.holidays .header_widget .header_logo {
    background-image: url("images/logo-white-new.svg")
}

.halloween .header_widget .header_logo {
    background-image: url("images/logo-white-new-halloween.svg?2");
    width: 143px;
    height: 43px
}

.halloween:not(.dark_theme) .header_widget .header_logo {
    filter: invert(80%)
}

@media (max-width: 650px) {
    .header_widget .header_logo.shrinkable {
        background-image: url("images/changio-textless-black.svg");
        height: 35px;
        width: 40px
    }
    .dark_theme .header_widget .header_logo.shrinkable {
        background-image: url("images/changio-textless-white.svg")
    }
    .holidays .header_widget .header_logo.shrinkable {
        background-image: url("images/logo-textless-white-holiday.svg");
        height: 41px;
        width: 60px
    }
    .halloween .header_widget .header_logo.shrinkable {
        background-image: url("images/changio-textless-white-halloween.svg?2");
        height: 45px;
        width: 42px
    }
    .header_widget.gray .header_logo.shrinkable {
        background-image: url("images/changio-textless-white.svg")
    }
}

.header_widget.small_logo .header_logo.shrinkable {
    background-image: url("images/changio-textless-black.svg");
    height: 35px;
    width: 40px
}

.dark_theme .header_widget.small_logo .header_logo.shrinkable {
    background-image: url("images/changio-textless-white.svg")
}

.holidays .header_widget.small_logo .header_logo.shrinkable {
    background-image: url("images/logo-textless-white-holiday.svg");
    height: 41px;
    width: 60px
}

.halloween .header_widget.small_logo .header_logo.shrinkable {
    background-image: url("images/changio-textless-white-halloween.svg?2");
    height: 45px;
    width: 42px
}

.header_widget.small_logo.gray .header_logo.shrinkable {
    background-image: url("images/changio-textless-white.svg")
}

.header_widget .user_panel_widget {
    z-index: 102;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: 0 10px 0 20px;
    background-color: #F4F4F4;
    border-radius: 3px;
    max-width: 500px;
    min-width: 240px
}

.dark_theme .header_widget .game_search {
    background-color: #1b1b1b
}

@media (max-width: 960px) {
    .header_widget .game_search .submit_btn {
        display: none
    }
}

@media (max-width: 920px) {
    .header_widget .game_search {
        display: none
    }
}

.header_widget .game_search .search_input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    padding: 4px 0 4px 10px;
    font-size: 14px;
    height: 30px;
    margin: 0;
    background: transparent;
    color: #222
}

html[dir=rtl] .header_widget .game_search .search_input {
    padding-right: 10px;
    padding-left: 0
}

.dark_theme .header_widget .game_search .search_input {
    color: #ddd
}

.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(--changio_ui_bg, #FF2449)
}

.header_widget .game_search .submit_btn {
    opacity: 0.5;
    transition: opacity 0.1s ease;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0;
    margin: 0;
    background: transparent;
    color: #434343;
    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: #bcbcbc
}

.dark_theme .header_widget .game_search .submit_btn {
    color: white
}

.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: -webkit-flex;
    display: -ms-flexbox;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    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 {
    color: #FF2449;
    color: var(--changio_button_color, #FF2449)
}

.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(--changio_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(--changio_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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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;
    -moz-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: -webkit-flex;
    display: -ms-flexbox;
    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: #222;
    height: 3px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dark_theme .header_widget .mobile_nav_btn .menu_bar {
    background: #ddd
}

.header_widget .mobile_nav_btn .menu_bar:first-child {
    bottom: auto
}

.header_widget .mobile_nav_btn .menu_bar:last-child {
    top: auto
}

.pick_image_lightbox_widget {
    width: 700px
}

.pick_image_lightbox_widget h2 {
    margin-bottom: 0
}

.pick_image_lightbox_widget .content_column {
    min-height: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0
}

.pick_image_lightbox_widget .tab_content {
    padding: 20px
}

.pick_image_lightbox_widget .upload_image .instructions {
    margin: 0 0 10px 0;
    font-size: 14px
}

.pick_image_lightbox_widget .pick_image {
    max-height: 200px;
    overflow-y: auto
}

.pick_image_lightbox_widget .pick_image .empty_text {
    margin: 0
}

.pick_image_lightbox_widget .pick_image .pick_image_btn {
    background: #F4F4F4 url("images/loader.gif") 50% 50% no-repeat;
    border: 0;
    min-height: 50px;
    min-width: 50px;
    cursor: pointer;
    margin: 0 10px 10px 0;
    vertical-align: top;
    padding: 5px
}

.pick_image_lightbox_widget .pick_image .pick_image_btn:hover {
    background-color: #e7e7e7
}

.pick_image_lightbox_widget .pick_image .pick_image_btn>img {
    display: block
}

.user_panel_widget {
    font-size: 16px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: #222;
    background: transparent;
    border: 0;
    cursor: pointer
}

.dark_theme .user_panel_widget .drop_menu_wrap .theme_toggle_form button {
    color: #ddd
}

.user_panel_widget .drop_menu_wrap .theme_toggle_form button:hover {
    color: #FF2449;
    color: var(--changio_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 {
    display: none;
    line-height: normal;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #d0d0d0, 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    right: -8px;
    margin-top: 5px;
    background: white;
    color: #333;
    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
}

.dark_theme .user_panel_widget .drop_menu_wrap .drop_menu {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    background: #111;
    color: #ddd
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606060;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 5px;
    background: #F4F4F4;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.dark_theme .user_panel_widget .drop_menu_wrap .menu_group .group_header {
    color: #9f9f9f
}

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 {
    background: #1b1b1b;
    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: #FFF0F0;
    color: #da2c49
}

.dark_theme .user_panel_widget .drop_menu_wrap .link_row:hover {
    background-color: transparent
}

.user_panel_widget .drop_menu_wrap .link_row:active {
    background: #E44949;
    color: white
}

.dark_theme .user_panel_widget .drop_menu_wrap .link_row:active {
    background-color: transparent;
    color: #e1576f
}

.user_panel_widget .panel_button {
    box-sizing: border-box;
    -moz-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: #dadada;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px
}

.dark_theme .user_panel_widget .panel_button {
    border-color: rgba(255, 255, 255, 0.1)
}

html:not([dir=rtl]) .user_panel_widget .panel_button {
    margin-left: 10px
}

html[dir=rtl] .user_panel_widget .panel_button {
    margin-right: 10px
}

.user_panel_widget .panel_button:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #FF2449
}

.user_panel_widget .panel_button:active {
    background: rgba(255, 255, 255, 0.4)
}

@media (max-width: 650px) {
    .user_panel_widget .panel_button.register_button {
        display: none
    }
}

.library_rate_game_lightbox_widget {
    width: 100%;
    max-width: 600px
}

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

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

.library_rate_game_lightbox_widget form {
    padding: 25px var(--changio-lightbox_gutter, 40px);
    padding-top: 0
}

.library_rate_game_lightbox_widget form p {
    margin-left: 0;
    margin-right: 0
}

.library_rate_game_lightbox_widget .buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.library_rate_game_lightbox_widget .buttons .delete_rating_btn {
    margin-left: auto;
    font-size: 14px;
    color: #434343
}

.dark_theme .library_rate_game_lightbox_widget .buttons .delete_rating_btn {
    color: #bcbcbc
}

.library_rate_game_lightbox_widget .star_wrapper {
    text-align: center;
    margin-bottom: 20px
}

.library_rate_game_lightbox_widget .star_wrapper .star_picker {
    border-width: 2px;
    font-size: 26px
}

.sponsors_placeholder_banner_widget {
    margin: 20px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sponsors_placeholder_banner_widget .sponsor_banner_wrapper {
    border: 1px solid;
    border-color: #dadada;
    padding: 2px
}

.dark_theme .sponsors_placeholder_banner_widget .sponsor_banner_wrapper {
    border-color: rgba(255, 255, 255, 0.1)
}

.sponsors_placeholder_banner_widget .banner_link {
    width: 300px;
    height: 100px;
    box-sizing: border-box;
    background-color: #F4F4F4;
    color: #434343;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px
}

.dark_theme .sponsors_placeholder_banner_widget .banner_link {
    background-color: #1b1b1b
}

.dark_theme .sponsors_placeholder_banner_widget .banner_link {
    color: #bcbcbc
}

.sponsors_placeholder_banner_widget .banner_link strong {
    font-size: 28px;
    font-weight: 900
}

.sponsors_placeholder_banner_widget .sponsor_message {
    font-size: 12px;
    color: #858585;
    margin-bottom: 2px;
    text-align: center
}

.dark_theme .sponsors_placeholder_banner_widget .sponsor_message {
    color: #7a7a7a
}

@font-face {
    font-family: 'icomoon';
    src: url("icons/fonts/icomoon.eot?4ibnvg");
    src: url("icons/fonts/icomoon.eot?4ibnvg#iefix") format("embedded-opentype"), url("icons/fonts/icomoon.ttf?4ibnvg") format("truetype"), url("icons/fonts/icomoon.woff?4ibnvg") format("woff"), url("icons/fonts/icomoon.svg?4ibnvg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-brush:before {
    content: "\e900"
}

.icon-like:before {
    content: "\e611"
}

.icon-hand:before {
    content: "\e609"
}

.icon-playlist_add:before {
    content: "\e903"
}

.icon-cross:before {
    content: "\e617"
}

.icon-shuffle:before {
    content: "\e60e"
}

.icon-comment:before {
    content: "\e904"
}

.icon-file-zip:before {
    content: "\e901"
}

.icon-folder-open:before {
    content: "\e902"
}

.icon-triangle-right:before {
    content: "\e612"
}

.icon-triangle-down:before {
    content: "\e613"
}

.icon-play:before {
    content: "\e61c"
}

.icon-stopwatch:before {
    content: "\e61a"
}

.icon-neutral:before {
    content: "\e619"
}

.icon-sort-alpha-asc:before {
    content: "\e614"
}

.icon-menu:before {
    content: "\e615"
}

.icon-filter:before {
    content: "\e616"
}

.icon-copy:before {
    content: "\e618"
}

.icon-facebook:before {
    content: "\e60c"
}

.icon-twitter:before {
    content: "\e60d"
}

.icon-lifebuoy:before {
    content: "\e941"
}

.icon-fire:before {
    content: "\e9a9"
}

.icon-earth:before {
    content: "\e9ca"
}

.icon-steam:before {
    content: "\e600"
}

.icon-paypal:before {
    content: "\e607"
}

.icon-credit-card:before {
    content: "\e608"
}

.icon-pencil:before {
    content: "\e606"
}

.icon-plus:before {
    content: "\e001"
}

.icon-coin:before {
    content: "\e002"
}

.icon-heart:before {
    content: "\e003"
}

.icon-warning:before {
    content: "\e004"
}

.icon-checkmark:before {
    content: "\e005"
}

.icon-users:before {
    content: "\e006"
}

.icon-moon:before {
    content: "\e007"
}

.icon-download:before {
    content: "\e008"
}

.icon-arrow-right:before {
    content: "\e00b"
}

.icon-arrow-left:before {
    content: "\e00c"
}

.icon-star:before {
    content: "\e00d"
}

.icon-star2:before {
    content: "\e00e"
}

.icon-upload:before {
    content: "\e00f"
}

.icon-windows8:before {
    content: "\e010"
}

.icon-apple:before {
    content: "\e011"
}

.icon-tux:before {
    content: "\e012"
}

.icon-globe:before {
    content: "\e013"
}

.icon-mobile:before {
    content: "\e014"
}

.icon-cart:before {
    content: "\e000"
}

.icon-android:before {
    content: "\e601"
}

.icon-stats:before {
    content: "\e602"
}

.icon-tag:before {
    content: "\e603"
}

.icon-delete:before {
    content: "\e604"
}

.icon-link:before {
    content: "\e605"
}

.icon-heart-filled:before {
    content: "\e60a"
}

.icon-reddit:before {
    content: "\eac6"
}

.icon-dice:before {
    content: "\e915"
}

.icon-checkbox-checked:before {
    content: "\ea52"
}

.icon-checkbox-unchecked:before {
    content: "\ea53"
}

.icon-gamepad:before {
    content: "\e61b"
}

.icon-caret-up:before {
    content: "\e60f"
}

.icon-caret-down:before {
    content: "\e610"
}

.icon-bitcoin:before {
    content: "\e60b"
}