.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0 !important
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from, .irs-single, .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: 0 !important;
    z-index: -9999 !important;
    background: 0 0 !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs-bar, .irs-bar-edge, .irs-line-left, .irs-line-mid, .irs-line-right, .irs-slider {
    background: url("../images/sprite-skin-nice.png?v=41732f58") repeat-x
}

.irs {
    height: 40px
}

.irs-with-grid {
    height: 60px
}

.irs-line {
    height: 8px;
    top: 25px
}

.irs-line-left {
    height: 8px;
    background-position: 0 -30px
}

.irs-line-mid {
    height: 8px;
    background-position: 0 0
}

.irs-line-right {
    height: 8px;
    background-position: 100% -30px
}

.irs-bar {
    height: 8px;
    top: 25px;
    background-position: 0 -60px
}

.irs-bar-edge {
    top: 25px;
    height: 8px;
    width: 11px;
    background-position: 0 -90px
}

.irs-shadow {
    height: 1px;
    top: 34px;
    background: #000;
    opacity: .15
}

.irs-slider {
    width: 22px;
    height: 22px;
    top: 17px;
    background-position: 0 -120px
}

.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px
}

.irs-max, .irs-min {
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(0, 0, 0, .1);
    border-radius: 3px
}

.lt-ie9 .irs-max, .lt-ie9 .irs-min {
    background: #ccc
}

.irs-from, .irs-single, .irs-to {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0, 0, 0, .3);
    border-radius: 3px
}

.lt-ie9 .irs-from, .lt-ie9 .irs-single, .lt-ie9 .irs-to {
    background: #999
}

.irs-grid-pol {
    background: #99a4ac
}

.irs-grid-text {
    color: #99a4ac
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0%, 65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0%, 5% {
        transform: rotate(-45deg)
    }
    100%, 12% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0%, 50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown .swal2-container, body.swal2-toast-shown .swal2-container.swal2-shown {
    background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row
}

.swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    position: initial;
    width: .8em;
    height: .8em;
    line-height: .8
}

.swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.swal2-popup.swal2-toast .swal2-icon-text {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 .0625em #fff, 0 0 0 .125em rgba(50, 100, 150, .4)
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 2em;
    height: 2.8125em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.25em;
    left: -.9375em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 2em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast.swal2-show {
    animation: .5s showSweetToast
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: .2s forwards hideSweetToast
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    animation: .75s animate-toast-success-tip
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    animation: .75s animate-toast-success-long
}

@keyframes showSweetToast {
    0% {
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }
    33% {
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }
    66% {
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }
    100% {
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }
    33% {
        opacity: .5
    }
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

body.swal2-no-backdrop .swal2-shown > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-shown.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
    top: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
    top: 0;
    right: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
    bottom: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
    right: 0;
    bottom: 0
}

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-top {
    align-items: flex-start
}

.swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
    align-items: flex-start;
    justify-content: flex-start
}

.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.swal2-container.swal2-center {
    align-items: center
}

.swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
    align-items: center;
    justify-content: flex-start
}

.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end
}

.swal2-container.swal2-bottom {
    align-items: flex-end
}

.swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
    align-items: flex-end;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center
}

.swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
    align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
    align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
    align-items: flex-end
}

.swal2-container.swal2-grow-column > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }

    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    border-radius: .3125em;
    font-size: 1rem;
    box-sizing: border-box
}

.swal2-popup:focus {
    outline: 0
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-popup .swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    padding: 0;
    text-transform: none;
    word-wrap: break-word
}

.swal2-popup .swal2-actions {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0;
    z-index: 1
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    border: .25em solid transparent;
    border-radius: 100%;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    box-sizing: border-box;
    animation: 1.5s linear infinite swal2-rotate-loading;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff;
    content: '';
    animation: 1.5s linear infinite swal2-rotate-loading
}

.swal2-popup .swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none
}

.swal2-popup .swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}

.swal2-popup .swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-popup .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-popup .swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-popup .swal2-close {
    position: absolute;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden
}

.swal2-popup .swal2-close:hover {
    transform: none;
    color: #f27474
}

.swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
    display: none
}

.swal2-popup .swal2-content {
    justify-content: center;
    padding: 0;
    z-index: 1;
    word-wrap: break-word
}

.swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
    margin: 1em auto
}

.swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    font-size: 1.125em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    box-sizing: border-box
}

.swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-popup .swal2-file::-moz-placeholder, .swal2-popup .swal2-input::-moz-placeholder, .swal2-popup .swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-popup .swal2-range input {
    width: 80%
}

.swal2-popup .swal2-range output {
    width: 20%;
    font-weight: 600;
    text-align: center
}

.swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
    height: 2.625em;
    margin: 1em auto;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-popup .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-popup .swal2-input[type=number] {
    max-width: 10em
}

.swal2-popup .swal2-file {
    font-size: 1.125em
}

.swal2-popup .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-popup .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    color: #545454;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox, .swal2-popup .swal2-radio {
    align-items: center;
    justify-content: center
}

.swal2-popup .swal2-checkbox label, .swal2-popup .swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox input, .swal2-popup .swal2-radio input {
    margin: 0 .4em
}

.swal2-popup .swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden
}

.swal2-popup .swal2-validation-message::before {
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    content: '!';
    zoom: normal
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: rgba(50, 100, 150, .4) solid 2px
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    top: -.25em;
    left: -.25em;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%;
    z-index: 2;
    box-sizing: content-box
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg);
    z-index: 1
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
    z-index: 2
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .875em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle, .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6;
    z-index: 10
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show.swal2-noanimation {
    animation: none
}

.swal2-hide {
    animation: .15s forwards swal2-hide
}

.swal2-hide.swal2-noanimation {
    animation: none
}

.swal2-rtl .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    animation: .75s swal2-animate-success-line-tip
}

.swal2-animate-success-icon .swal2-success-line-long {
    animation: .75s swal2-animate-success-line-long
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    animation: 4.25s ease-in swal2-rotate-success-circular-line
}

.swal2-animate-error-icon {
    animation: .5s swal2-animate-error-icon
}

.swal2-animate-error-icon .swal2-x-mark {
    animation: .5s swal2-animate-error-x-mark
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.tippy-touch {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

.tippy-popper {
    max-width: 350px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 90%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-50%, 25%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    transform: scale(1) translate(-50%, 25%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 6px;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -90%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-50%, -125%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    transform: scale(1) translate(-50%, -125%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 3px 0;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 100% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(40%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    transform: scale(1.5) translate(40%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 3px 0;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -100% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-140%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    transform: scale(1.5) translate(-140%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-animatefill] .tippy-content {
    transition: clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98), -webkit-clip-path cubic-bezier(.46, .1, .52, .98)
}

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 0 50%);
    clip-path: ellipse(40% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 100% 50%);
    clip-path: ellipse(40% 100% at 100% 50%)
}

@media (max-width: 360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.light-theme {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.translucent-theme .tippy-arrow {
    border-top: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.translucent-theme .tippy-arrow {
    border-bottom: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.translucent-theme .tippy-arrow {
    border-left: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.translucent-theme .tippy-arrow {
    border-right: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.translucent-theme, .tippy-tooltip.translucent-theme .tippy-backdrop {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-tooltip.translucent-theme .tippy-roundarrow {
    fill: rgba(0, 0, 0, .7)
}

.tippy-tooltip.translucent-theme[data-animatefill] {
    background-color: transparent
}

.highcharts-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
    font-family: Lato, Lato2, sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.highcharts-root {
    display: block
}

.highcharts-root text {
    stroke-width: 0
}

.highcharts-strong {
    font-weight: 700
}

.highcharts-emphasized {
    font-style: italic
}

.highcharts-anchor {
    cursor: pointer
}

.highcharts-background {
    fill: #f5f3f0
}

.highcharts-label-box, .highcharts-plot-background, .highcharts-plot-border {
    fill: none
}

.highcharts-button-box {
    fill: inherit
}

.highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none
}

.highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0
}

.highcharts-title {
    fill: #333333;
    font-size: 1.5em
}

.highcharts-subtitle {
    fill: #666666
}

.highcharts-axis-line {
    fill: none;
    stroke: #52AD32
}

.highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0
}

.highcharts-axis-title {
    fill: #666666
}

.highcharts-axis-labels {
    fill: #666666;
    cursor: default;
    font-size: .9em
}

.highcharts-grid-line {
    fill: none;
    stroke: #e6e6e6
}

.highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0
}

.highcharts-tick {
    stroke: #52AD32
}

.highcharts-yaxis .highcharts-tick {
    stroke-width: 0
}

.highcharts-minor-grid-line {
    stroke: #f2f2f2
}

.highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc
}

.highcharts-crosshair-category {
    stroke: #52AD32;
    stroke-opacity: 0.25
}

.highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: .7em;
    transition: fill 250ms, font-size 250ms
}

.highcharts-credits:hover {
    fill: black;
    font-size: 1em
}

.highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms
}

.highcharts-tooltip text {
    fill: #333333
}

.highcharts-tooltip .highcharts-header {
    font-size: .85em
}

.highcharts-tooltip-box {
    stroke-width: 1px;
    fill: #f7f7f7;
    fill-opacity: 0.85
}

.highcharts-tooltip-box .highcharts-label-box {
    fill: #f7f7f7;
    fill-opacity: 0.85
}

div.highcharts-tooltip {
    filter: none
}

.highcharts-selection-marker {
    fill: #52AD32;
    fill-opacity: 0.25
}

.highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.highcharts-empty-series {
    stroke-width: 1px;
    fill: none;
    stroke: #cccccc
}

.highcharts-state-hover .highcharts-graph {
    stroke-width: 3
}

.highcharts-point-inactive, .highcharts-series-inactive {
    opacity: .2;
    transition: opacity 50ms
}

.highcharts-state-hover path {
    transition: stroke-width 50ms
}

.highcharts-state-normal path {
    transition: stroke-width 250ms
}

.highcharts-data-labels, .highcharts-markers, .highcharts-point, g.highcharts-series {
    transition: opacity 250ms
}

.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover), .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover), .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover), .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover) {
    opacity: .2
}

.highcharts-color-0 {
    fill: #7cb5ec;
    stroke: #7cb5ec
}

.highcharts-color-1 {
    fill: #434348;
    stroke: #434348
}

.highcharts-color-2 {
    fill: #90ed7d;
    stroke: #90ed7d
}

.highcharts-color-3 {
    fill: #f7a35c;
    stroke: #f7a35c
}

.highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9
}

.highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80
}

.highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354
}

.highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f
}

.highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b
}

.highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1
}

.highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0
}

.highcharts-markers {
    stroke-width: 1px;
    stroke: #f5f3f0
}

.highcharts-a11y-marker-hidden, .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible) {
    opacity: 0
}

.highcharts-point {
    stroke-width: 1px
}

.highcharts-dense-data .highcharts-point {
    stroke-width: 0
}

.highcharts-data-label {
    font-size: .9em;
    font-weight: 700
}

.highcharts-data-label-box {
    fill: none;
    stroke-width: 0
}

.highcharts-data-label text, text.highcharts-data-label {
    fill: #333333
}

.highcharts-data-label-connector {
    fill: none
}

.highcharts-data-label-hidden {
    pointer-events: none
}

.highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0
}

.highcharts-markers .highcharts-point-select, .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
    fill: #cccccc;
    stroke: #000000
}

.highcharts-column-series rect.highcharts-point {
    stroke: #f5f3f0
}

.highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms
}

.highcharts-column-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms
}

.highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #f5f3f0
}

.highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms
}

.highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #f5f3f0
}

.highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms
}

.highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit
}

.highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #f5f3f0
}

.highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms
}

.highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit
}

.highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0
}

.highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: #e6e6e6;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms
}

.highcharts-treemap-series .highcharts-point-hover {
    stroke: #999999;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms
}

.highcharts-treemap-series .highcharts-above-level {
    display: none
}

.highcharts-treemap-series .highcharts-internal-node {
    fill: none
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75
}

.highcharts-vector-series .highcharts-point, .highcharts-windbarb-series .highcharts-point {
    fill: none;
    stroke-width: 2px
}

.highcharts-lollipop-stem {
    stroke: #000000
}

.highcharts-focus-border {
    fill: none;
    stroke-width: 2px
}

.highcharts-legend-item-hidden .highcharts-focus-border {
    fill: none !important
}

.highcharts-legend-box {
    fill: none;
    stroke-width: 0
}

.highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0
}

.highcharts-legend-item:hover text {
    fill: #000000
}

.highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms
}

.highcharts-legend-nav-active {
    fill: #52AD32;
    cursor: pointer
}

.highcharts-legend-nav-inactive {
    fill: #cccccc
}

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
    fill: rgba(192, 192, 192, 0.0001)
}

.highcharts-legend-title-box {
    fill: none;
    stroke-width: 0
}

.highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5
}

.highcharts-bubble-legend-connectors {
    stroke-width: 1
}

.highcharts-bubble-legend-labels {
    fill: #333333
}

.highcharts-loading {
    position: absolute;
    background-color: #f5f3f0;
    opacity: .5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms
}

.highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end
}

.highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%
}

.highcharts-pane, .highcharts-plot-band {
    fill: #000000;
    fill-opacity: 0.05
}

.highcharts-plot-line {
    fill: none;
    stroke: #999999;
    stroke-width: 1px
}

.highcharts-boxplot-box {
    fill: #f5f3f0
}

.highcharts-boxplot-median {
    stroke-width: 2px
}

.highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5
}

.highcharts-errorbar-series .highcharts-point {
    stroke: #000000
}

.highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px
}

.highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0
}

.highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0
}

.highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3
}

.highcharts-sankey-series .highcharts-point {
    stroke-width: 0
}

.highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1
}

.highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms
}

.highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc
}

.highcharts-navigator-mask-outside {
    fill-opacity: 0
}

.highcharts-navigator-mask-inside {
    fill: #52AD32;
    fill-opacity: 0.25;
    cursor: ew-resize
}

.highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none
}

.highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #f2f2f2;
    cursor: ew-resize
}

.highcharts-navigator-series {
    fill: #52AD32;
    stroke: #52AD32
}

.highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px
}

.highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05
}

.highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0
}

.highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #e6e6e6
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999
}

.highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0
}

.highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px
}

.highcharts-scrollbar-button {
    fill: #e6e6e6;
    stroke: #cccccc;
    stroke-width: 1px
}

.highcharts-scrollbar-arrow {
    fill: #666666
}

.highcharts-scrollbar-rifles {
    stroke: #666666;
    stroke-width: 1px
}

.highcharts-scrollbar-track {
    fill: #f2f2f2;
    stroke: #f2f2f2;
    stroke-width: 1px
}

.highcharts-button {
    fill: #f7f7f7;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms
}

.highcharts-button text {
    fill: #333333
}

.highcharts-button-hover {
    transition: fill;
    fill: #e6e6e6;
    stroke: #cccccc
}

.highcharts-button-hover text {
    fill: #333333
}

.highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc
}

.highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700
}

.highcharts-button-disabled text {
    fill: #333333
}

.highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0
}

.highcharts-range-label rect {
    fill: none
}

.highcharts-range-label text {
    fill: #666666
}

.highcharts-range-input rect {
    fill: none
}

.highcharts-range-input text {
    fill: #333333
}

.highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc
}

input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em
}

.highcharts-crosshair-label text {
    fill: #f5f3f0;
    font-size: 1.1em
}

.highcharts-crosshair-label .highcharts-label-box {
    fill: inherit
}

.highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px
}

.highcharts-candlestick-series .highcharts-point-up {
    fill: #f5f3f0
}

.highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #f5f3f0;
    transition: fill 250ms
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #52AD32
}

.highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: .9em;
    font-weight: 700
}

.highcharts-map-series .highcharts-point {
    transition: fill .5s, fill-opacity .5s, stroke-width 250ms;
    stroke: #cccccc
}

.highcharts-map-series .highcharts-point-hover {
    transition: fill, fill-opacity;
    fill-opacity: 0.5;
    stroke-width: 2px
}

.highcharts-mapline-series .highcharts-point {
    fill: none
}

.highcharts-heatmap-series .highcharts-point {
    stroke-width: 0
}

.highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center
}

.highcharts-coloraxis {
    stroke-width: 0
}

.highcharts-coloraxis-marker {
    fill: #999999
}

.highcharts-null-point {
    fill: #f7f7f7
}

.highcharts-3d-frame {
    fill: transparent
}

.highcharts-contextbutton {
    fill: #f5f3f0;
    stroke: none;
    stroke-linecap: round
}

.highcharts-contextbutton:hover {
    fill: #e6e6e6;
    stroke: #e6e6e6
}

.highcharts-button-symbol {
    stroke: #666666;
    stroke-width: 3px
}

.highcharts-menu {
    border: 1px solid #999;
    background: #f5f3f0;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888
}

.highcharts-menu-item {
    padding: .5em 1em;
    background: 0 0;
    color: #333;
    cursor: pointer;
    transition: background 250ms, color 250ms
}

.highcharts-menu-item:hover {
    background: #52ad32;
    color: #f5f3f0
}

.highcharts-drilldown-point {
    cursor: pointer
}

.highcharts-drilldown-axis-label, .highcharts-drilldown-data-label text, text.highcharts-drilldown-data-label {
    cursor: pointer;
    fill: #52AD32;
    font-weight: 700;
    text-decoration: underline
}

.highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #666666
}

.highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px
}

.highcharts-bullet-target {
    stroke-width: 0
}

.highcharts-lineargauge-target, .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333
}

.highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75
}

.highcharts-annotation-label text {
    fill: #e6e6e6
}

.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
    cursor: pointer
}

.highcharts-point-connecting-path {
    fill: none
}

.highcharts-grid-axis .highcharts-axis-line, .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, .2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

html.os-html, html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important
}

html.os-html > .os-host > .os-padding {
    position: absolute
}

body.os-dragging, body.os-dragging * {
    cursor: default
}

.os-host, .os-host-textarea {
    position: relative;
    overflow: visible !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden !important;
    display: flex
}

.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important
}

.os-host-flexbox > .os-content-glue {
    flex-grow: 1;
    flex-shrink: 0
}

.os-host-flexbox > .os-content-glue, .os-host-flexbox > .os-size-auto-observer {
    min-height: 0;
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:after, #os-dummy-scrollbar-size:before, .os-content:after, .os-content:before {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size, .os-viewport {
    -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.os-host-overflow > .os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: 0 !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content > .os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: 0 0 !important;
    outline: transparent 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    filter: none !important;
    border: none !important;
    resize: none !important;
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important
}

.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content > .os-textarea[wrap=off] {
    white-space: pre !important;
    margin: 0 !important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer, .os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: solid inherit;
    box-sizing: border-box
}

.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host > .os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box
}

.os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box
}

.os-resize-observer-host.observed > .os-resize-observer:before {
    content: '';
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    flex: none !important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    transition: none !important;
    flex: none !important
}

.os-resize-observer {
    animation-duration: 1ms;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    box-sizing: border-box !important
}

@keyframes os-resize-observer-dummy-animation {
    from {
        cursor: auto
    }
    to {
        cursor: none
    }
}

.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner {
    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html > .os-host > .os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar, .os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off, .os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl > .os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding + .os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover {
    opacity: 1 !important;
    visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    transform: scale(-1, 1)
}

.os-host-overflow {
    overflow: hidden !important
}

.os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical {
    display: none !important
}

.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
    background-color: transparent
}

.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: 0 0
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    transition: background-color .3s
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    border-radius: 10px
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .4)
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55)
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55)
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7)
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, .7)
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.cc-window {
    opacity: 1;
    transition: opacity 1s
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    flex: 1 0 auto
}

.cc-window.cc-banner {
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: flex;
    align-items: center;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

:root {
    --swiper-navigation-size: 44px;
    color-scheme: light
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: #279af1
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

/*img {
    border: 0
}*/

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    line-height: normal
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

td, th {
    padding: 0
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: initial !important
    }

    .cc-revoke, .cc-window {
        display: none
    }

    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

/*    img {
        max-width: 100% !important
    }*/

    h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

h1, h2, h3 {
    text-align:center;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot?v=f4769f9b");
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2?v=448c34a5") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff?v=fa277232") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf?v=e18bbf61") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg?v=89889688#glyphicons_halflingsregular") format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

*, :after, :before {
    box-sizing: border-box
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (max-width: 1029px) {
    .sr-only-mobile {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }

    body.open-filter.full-overlay #toast-container.toast-bottom-center.toast-clear-filter {
        width: calc(50% - 20px);
        left: 16px;
        bottom: 16px;
        top: auto;
        right: auto;
        height: 32px;
        padding: 0
    }

    body.open-filter.full-overlay #toast-container.toast-bottom-center.toast-clear-filter > div {
        text-align: center;
        padding: 6px 16px;
        color: #47404f !important;
        background: #bebac2 !important
    }

    body.open-filter.full-overlay #toast-container.toast-bottom-center.toast-clear-filter .toast-progress {
        background: #a39aac
    }

    body.open-filter.full-overlay #toast-container.toast-bottom-center.toast-clear-filter::before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

figure {
    margin: 0
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.tab-content > .tab-pane.active {
    display: block
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

.container {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 795px) {
    .container {
        width: 795px
    }
}

@media (min-width: 1030px) {
    .text-md-left {
        text-align: left
    }

    .container {
        width: 1030px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px
    }
}

.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -30px;
    margin-left: -30px
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 56px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f5f3f0;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: rgba(3, 18, 26, .48);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: rgba(3, 18, 26, .48)
}

.form-control::-webkit-input-placeholder {
    color: rgba(3, 18, 26, .48)
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 56px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 24px
}

.form-group .help-block:not(.captcha-error)[style] {
    display: none
}

.form-group.has-error .help-block:not(.captcha-error)[style] {
    display: block !important
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 795px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

.btn .caret {
    margin-left: 0
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    min-height: 54px;
    margin-bottom: 0;
    border: 1px solid transparent
}

.navbar-collapse {
    padding-right: 30px;
    padding-left: 30px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 795px) {
    .navbar {
        border-radius: 0
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header {
    margin-right: -30px;
    margin-left: -30px
}

.navbar-brand {
    float: left;
    height: 54px;
    padding: 17px 30px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 8.5px -30px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 794px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

@media (min-width: 795px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -30px
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 17px;
        padding-bottom: 17px
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-radius: 0
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse {
    border-color: #101010
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #e0dde3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    animation: 2s linear infinite progress-bar-stripes
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #ebe9ed;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #03121a
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .95
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 795px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 1030px) {
    .modal-lg {
        width: 900px
    }

    body.has-admin-bar #toast-container {
        bottom: 54px
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {
    display: table;
    content: " "
}

.clearfix:after, .container-fluid:after, .container:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 794px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 795px) and (max-width: 1029px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1030px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 794px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 795px) and (max-width: 1029px) {
    .hidden-sm {
        display: none !important
    }

    #collection-syncs, #wishlist-syncs {
        overflow: visible
    }
}

@media (min-width: 1030px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

.toast-title {
    font-weight: 700
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    line-height: 1
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    color: inherit;
    opacity: .9
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 1045;
    pointer-events: none
}

#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    width: 300px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8
}

#toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container > div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(10, 9, 11, .4)
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-progress {
    opacity: .4
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container > div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.toast-close-button {
    transition: opacity .2s;
    position: absolute;
    right: 16px !important;
    top: 4px !important;
    opacity: 1
}

.toast-close-button .svg-icon {
    height: 8px;
    width: 8px
}

#toast-container * {
    box-sizing: border-box
}

#toast-container > div {
    transition: box-shadow .2s;
    padding: 8px 32px 8px 16px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(10, 9, 11, .2);
    opacity: 1
}

#toast-container > .toast-error, #toast-container > .toast-info, #toast-container > .toast-success, #toast-container > .toast-warning {
    background-image: none !important
}

#toast-container.toast-bottom-center {
    padding-bottom: 8px;
    text-align: center
}

#toast-container.toast-bottom-center > div {
    width: 90%;
    max-width: 600px;
    margin-bottom: 16px;
    text-align: left
}

#toast-container .toast-message {
    position: relative
}

.toast-success {
    background-color: #1fc173 !important
}

.toast-error {
    background-color: #eb1f32 !important
}

.toast-info {
    background-color: #1993f0 !important
}

.toast-warning {
    background-color: #f83 !important
}

.toast-progress {
    transition: opacity .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(10, 9, 11, .3);
    display: inline-block
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .24)
}

.flag-regular-icon {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 1px;
    vertical-align: text-top;
    line-height: 24px
}

.flag-regular-icon-ae, .flag-regular-icon-ar, .flag-regular-icon-at, .flag-regular-icon-au, .flag-regular-icon-be, .flag-regular-icon-bh, .flag-regular-icon-br, .flag-regular-icon-by, .flag-regular-icon-ca, .flag-regular-icon-ch, .flag-regular-icon-cl, .flag-regular-icon-cn, .flag-regular-icon-co, .flag-regular-icon-cr, .flag-regular-icon-cy, .flag-regular-icon-cz, .flag-regular-icon-de, .flag-regular-icon-dk, .flag-regular-icon-ee, .flag-regular-icon-eg, .flag-regular-icon-es, .flag-regular-icon-eu, .flag-regular-icon-fi, .flag-regular-icon-fr, .flag-regular-icon-gb, .flag-regular-icon-gr, .flag-regular-icon-hk, .flag-regular-icon-hr, .flag-regular-icon-hu, .flag-regular-icon-id, .flag-regular-icon-ie, .flag-regular-icon-il, .flag-regular-icon-in, .flag-regular-icon-iq, .flag-regular-icon-it, .flag-regular-icon-jp, .flag-regular-icon-kr, .flag-regular-icon-kw, .flag-regular-icon-kz, .flag-regular-icon-lb, .flag-regular-icon-lt, .flag-regular-icon-lu, .flag-regular-icon-lv, .flag-regular-icon-md, .flag-regular-icon-mt, .flag-regular-icon-mx, .flag-regular-icon-my, .flag-regular-icon-ng, .flag-regular-icon-nl, .flag-regular-icon-no, .flag-regular-icon-nz, .flag-regular-icon-om, .flag-regular-icon-pe, .flag-regular-icon-ph, .flag-regular-icon-pk, .flag-regular-icon-pl, .flag-regular-icon-pt, .flag-regular-icon-qa, .flag-regular-icon-ro, .flag-regular-icon-ru, .flag-regular-icon-sa, .flag-regular-icon-se, .flag-regular-icon-sg, .flag-regular-icon-si, .flag-regular-icon-sk, .flag-regular-icon-th, .flag-regular-icon-tr, .flag-regular-icon-tw, .flag-regular-icon-ua, .flag-regular-icon-us, .flag-regular-icon-vn, .flag-regular-icon-ww, .flag-regular-icon-za {
    background-image: url("../images/sprites/flags-regular.png?v=76fd3ca5");
    width: 24px;
    height: 24px
}

.flag-regular-icon-ae {
    background-position: 0 0
}

.flag-regular-icon-ar {
    background-position: 0 -24px
}

.flag-regular-icon-at {
    background-position: 0 -48px
}

.flag-regular-icon-au {
    background-position: 0 -72px
}

.flag-regular-icon-be {
    background-position: 0 -96px
}

.flag-regular-icon-bh {
    background-position: 0 -120px
}

.flag-regular-icon-br {
    background-position: 0 -144px
}

.flag-regular-icon-by {
    background-position: 0 -168px
}

.flag-regular-icon-ca {
    background-position: 0 -192px
}

.flag-regular-icon-ch {
    background-position: 0 -216px
}

.flag-regular-icon-cl {
    background-position: 0 -240px
}

.flag-regular-icon-cn {
    background-position: 0 -264px
}

.flag-regular-icon-co {
    background-position: 0 -288px
}

.flag-regular-icon-cr {
    background-position: 0 -312px
}

.flag-regular-icon-cy {
    background-position: 0 -336px
}

.flag-regular-icon-cz {
    background-position: 0 -360px
}

.flag-regular-icon-de {
    background-position: 0 -384px
}

.flag-regular-icon-dk {
    background-position: 0 -408px
}

.flag-regular-icon-ee {
    background-position: 0 -432px
}

.flag-regular-icon-eg {
    background-position: 0 -456px
}

.flag-regular-icon-es {
    background-position: 0 -480px
}

.flag-regular-icon-eu {
    background-position: 0 -504px
}

.flag-regular-icon-fi {
    background-position: 0 -528px
}

.flag-regular-icon-fr {
    background-position: 0 -552px
}

.flag-regular-icon-gb {
    background-position: 0 -576px
}

.flag-regular-icon-gr {
    background-position: 0 -600px
}

.flag-regular-icon-hk {
    background-position: 0 -624px
}

.flag-regular-icon-hr {
    background-position: 0 -648px
}

.flag-regular-icon-hu {
    background-position: 0 -672px
}

.flag-regular-icon-id {
    background-position: 0 -696px
}

.flag-regular-icon-ie {
    background-position: 0 -720px
}

.flag-regular-icon-il {
    background-position: 0 -744px
}

.flag-regular-icon-in {
    background-position: 0 -768px
}

.flag-regular-icon-iq {
    background-position: 0 -792px
}

.flag-regular-icon-it {
    background-position: 0 -816px
}

.flag-regular-icon-jp {
    background-position: 0 -840px
}

.flag-regular-icon-kr {
    background-position: 0 -864px
}

.flag-regular-icon-kw {
    background-position: 0 -888px
}

.flag-regular-icon-kz {
    background-position: 0 -912px
}

.flag-regular-icon-lb {
    background-position: 0 -936px
}

.flag-regular-icon-lt {
    background-position: 0 -960px
}

.flag-regular-icon-lu {
    background-position: 0 -984px
}

.flag-regular-icon-lv {
    background-position: 0 -1008px
}

.flag-regular-icon-md {
    background-position: 0 -1032px
}

.flag-regular-icon-mt {
    background-position: 0 -1056px
}

.flag-regular-icon-mx {
    background-position: 0 -1080px
}

.flag-regular-icon-my {
    background-position: 0 -1104px
}

.flag-regular-icon-ng {
    background-position: 0 -1128px
}

.flag-regular-icon-nl {
    background-position: 0 -1152px
}

.flag-regular-icon-no {
    background-position: 0 -1176px
}

.flag-regular-icon-nz {
    background-position: 0 -1200px
}

.flag-regular-icon-om {
    background-position: 0 -1224px
}

.flag-regular-icon-pe {
    background-position: 0 -1248px
}

.flag-regular-icon-ph {
    background-position: 0 -1272px
}

.flag-regular-icon-pk {
    background-position: 0 -1296px
}

.flag-regular-icon-pl {
    background-position: 0 -1320px
}

.flag-regular-icon-pt {
    background-position: 0 -1344px
}

.flag-regular-icon-qa {
    background-position: 0 -1368px
}

.flag-regular-icon-ro {
    background-position: 0 -1392px
}

.flag-regular-icon-ru {
    background-position: 0 -1416px
}

.flag-regular-icon-sa {
    background-position: 0 -1440px
}

.flag-regular-icon-se {
    background-position: 0 -1464px
}

.flag-regular-icon-sg {
    background-position: 0 -1488px
}

.flag-regular-icon-si {
    background-position: 0 -1512px
}

.flag-regular-icon-sk {
    background-position: 0 -1536px
}

.flag-regular-icon-th {
    background-position: 0 -1560px
}

.flag-regular-icon-tr {
    background-position: 0 -1584px
}

.flag-regular-icon-tw {
    background-position: 0 -1608px
}

.flag-regular-icon-ua {
    background-position: 0 -1632px
}

.flag-regular-icon-us {
    background-position: 0 -1656px
}

.flag-regular-icon-vn {
    background-position: 0 -1680px
}

.flag-regular-icon-ww {
    background-position: 0 -1704px
}

.flag-regular-icon-za {
    background-position: 0 -1728px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .flag-regular-icon-ae, .flag-regular-icon-ar, .flag-regular-icon-at, .flag-regular-icon-au, .flag-regular-icon-be, .flag-regular-icon-bh, .flag-regular-icon-br, .flag-regular-icon-by, .flag-regular-icon-ca, .flag-regular-icon-ch, .flag-regular-icon-cl, .flag-regular-icon-cn, .flag-regular-icon-co, .flag-regular-icon-cr, .flag-regular-icon-cy, .flag-regular-icon-cz, .flag-regular-icon-de, .flag-regular-icon-dk, .flag-regular-icon-ee, .flag-regular-icon-eg, .flag-regular-icon-es, .flag-regular-icon-eu, .flag-regular-icon-fi, .flag-regular-icon-fr, .flag-regular-icon-gb, .flag-regular-icon-gr, .flag-regular-icon-hk, .flag-regular-icon-hr, .flag-regular-icon-hu, .flag-regular-icon-id, .flag-regular-icon-ie, .flag-regular-icon-il, .flag-regular-icon-in, .flag-regular-icon-iq, .flag-regular-icon-it, .flag-regular-icon-jp, .flag-regular-icon-kr, .flag-regular-icon-kw, .flag-regular-icon-kz, .flag-regular-icon-lb, .flag-regular-icon-lt, .flag-regular-icon-lu, .flag-regular-icon-lv, .flag-regular-icon-md, .flag-regular-icon-mt, .flag-regular-icon-mx, .flag-regular-icon-my, .flag-regular-icon-ng, .flag-regular-icon-nl, .flag-regular-icon-no, .flag-regular-icon-nz, .flag-regular-icon-om, .flag-regular-icon-pe, .flag-regular-icon-ph, .flag-regular-icon-pk, .flag-regular-icon-pl, .flag-regular-icon-pt, .flag-regular-icon-qa, .flag-regular-icon-ro, .flag-regular-icon-ru, .flag-regular-icon-sa, .flag-regular-icon-se, .flag-regular-icon-sg, .flag-regular-icon-si, .flag-regular-icon-sk, .flag-regular-icon-th, .flag-regular-icon-tr, .flag-regular-icon-tw, .flag-regular-icon-ua, .flag-regular-icon-us, .flag-regular-icon-vn, .flag-regular-icon-ww, .flag-regular-icon-za {
        background-image: url("../images/sprites/flags-regular-2x.png?v=522e1c48");
        background-size: 24px 1752px
    }
}

.flag-small-icon {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 1px;
    vertical-align: text-top
}

.flag-small-icon-ae, .flag-small-icon-ar, .flag-small-icon-at, .flag-small-icon-au, .flag-small-icon-be, .flag-small-icon-bh, .flag-small-icon-br, .flag-small-icon-by, .flag-small-icon-ca, .flag-small-icon-ch, .flag-small-icon-cl, .flag-small-icon-cn, .flag-small-icon-co, .flag-small-icon-cr, .flag-small-icon-cy, .flag-small-icon-cz, .flag-small-icon-de, .flag-small-icon-dk, .flag-small-icon-ee, .flag-small-icon-eg, .flag-small-icon-es, .flag-small-icon-eu, .flag-small-icon-fi, .flag-small-icon-fr, .flag-small-icon-gb, .flag-small-icon-gr, .flag-small-icon-hk, .flag-small-icon-hr, .flag-small-icon-hu, .flag-small-icon-id, .flag-small-icon-ie, .flag-small-icon-il, .flag-small-icon-in, .flag-small-icon-iq, .flag-small-icon-it, .flag-small-icon-jp, .flag-small-icon-kr, .flag-small-icon-kw, .flag-small-icon-kz, .flag-small-icon-lb, .flag-small-icon-lt, .flag-small-icon-lu, .flag-small-icon-lv, .flag-small-icon-md, .flag-small-icon-mt, .flag-small-icon-mx, .flag-small-icon-my, .flag-small-icon-ng, .flag-small-icon-nl, .flag-small-icon-no, .flag-small-icon-nz, .flag-small-icon-om, .flag-small-icon-pe, .flag-small-icon-ph, .flag-small-icon-pk, .flag-small-icon-pl, .flag-small-icon-pt, .flag-small-icon-qa, .flag-small-icon-ro, .flag-small-icon-ru, .flag-small-icon-sa, .flag-small-icon-se, .flag-small-icon-sg, .flag-small-icon-si, .flag-small-icon-sk, .flag-small-icon-th, .flag-small-icon-tr, .flag-small-icon-tw, .flag-small-icon-ua, .flag-small-icon-us, .flag-small-icon-vn, .flag-small-icon-ww, .flag-small-icon-za {
    background-image: url("../images/sprites/flags-small.png?v=e7e60633");
    width: 16px;
    height: 16px
}

.flag-small-icon-ae {
    background-position: 0 0
}

.flag-small-icon-ar {
    background-position: 0 -16px
}

.flag-small-icon-at {
    background-position: 0 -32px
}

.flag-small-icon-au {
    background-position: 0 -48px
}

.flag-small-icon-be {
    background-position: 0 -64px
}

.flag-small-icon-bh {
    background-position: 0 -80px
}

.flag-small-icon-br {
    background-position: 0 -96px
}

.flag-small-icon-by {
    background-position: 0 -112px
}

.flag-small-icon-ca {
    background-position: 0 -128px
}

.flag-small-icon-ch {
    background-position: 0 -144px
}

.flag-small-icon-cl {
    background-position: 0 -160px
}

.flag-small-icon-cn {
    background-position: 0 -176px
}

.flag-small-icon-co {
    background-position: 0 -192px
}

.flag-small-icon-cr {
    background-position: 0 -208px
}

.flag-small-icon-cy {
    background-position: 0 -224px
}

.flag-small-icon-cz {
    background-position: 0 -240px
}

.flag-small-icon-de {
    background-position: 0 -256px
}

.flag-small-icon-dk {
    background-position: 0 -272px
}

.flag-small-icon-ee {
    background-position: 0 -288px
}

.flag-small-icon-eg {
    background-position: 0 -304px
}

.flag-small-icon-es {
    background-position: 0 -320px
}

.flag-small-icon-eu {
    background-position: 0 -336px
}

.flag-small-icon-fi {
    background-position: 0 -352px
}

.flag-small-icon-fr {
    background-position: 0 -368px
}

.flag-small-icon-gb {
    background-position: 0 -384px
}

.flag-small-icon-gr {
    background-position: 0 -400px
}

.flag-small-icon-hk {
    background-position: 0 -416px
}

.flag-small-icon-hr {
    background-position: 0 -432px
}

.flag-small-icon-hu {
    background-position: 0 -448px
}

.flag-small-icon-id {
    background-position: 0 -464px
}

.flag-small-icon-ie {
    background-position: 0 -480px
}

.flag-small-icon-il {
    background-position: 0 -496px
}

.flag-small-icon-in {
    background-position: 0 -512px
}

.flag-small-icon-iq {
    background-position: 0 -528px
}

.flag-small-icon-it {
    background-position: 0 -544px
}

.flag-small-icon-jp {
    background-position: 0 -560px
}

.flag-small-icon-kr {
    background-position: 0 -576px
}

.flag-small-icon-kw {
    background-position: 0 -592px
}

.flag-small-icon-kz {
    background-position: 0 -608px
}

.flag-small-icon-lb {
    background-position: 0 -624px
}

.flag-small-icon-lt {
    background-position: 0 -640px
}

.flag-small-icon-lu {
    background-position: 0 -656px
}

.flag-small-icon-lv {
    background-position: 0 -672px
}

.flag-small-icon-md {
    background-position: 0 -688px
}

.flag-small-icon-mt {
    background-position: 0 -704px
}

.flag-small-icon-mx {
    background-position: 0 -720px
}

.flag-small-icon-my {
    background-position: 0 -736px
}

.flag-small-icon-ng {
    background-position: 0 -752px
}

.flag-small-icon-nl {
    background-position: 0 -768px
}

.flag-small-icon-no {
    background-position: 0 -784px
}

.flag-small-icon-nz {
    background-position: 0 -800px
}

.flag-small-icon-om {
    background-position: 0 -816px
}

.flag-small-icon-pe {
    background-position: 0 -832px
}

.flag-small-icon-ph {
    background-position: 0 -848px
}

.flag-small-icon-pk {
    background-position: 0 -864px
}

.flag-small-icon-pl {
    background-position: 0 -880px
}

.flag-small-icon-pt {
    background-position: 0 -896px
}

.flag-small-icon-qa {
    background-position: 0 -912px
}

.flag-small-icon-ro {
    background-position: 0 -928px
}

.flag-small-icon-ru {
    background-position: 0 -944px
}

.flag-small-icon-sa {
    background-position: 0 -960px
}

.flag-small-icon-se {
    background-position: 0 -976px
}

.flag-small-icon-sg {
    background-position: 0 -992px
}

.flag-small-icon-si {
    background-position: 0 -1008px
}

.flag-small-icon-sk {
    background-position: 0 -1024px
}

.flag-small-icon-th {
    background-position: 0 -1040px
}

.flag-small-icon-tr {
    background-position: 0 -1056px
}

.flag-small-icon-tw {
    background-position: 0 -1072px
}

.flag-small-icon-ua {
    background-position: 0 -1088px
}

.flag-small-icon-us {
    background-position: 0 -1104px
}

.flag-small-icon-vn {
    background-position: 0 -1120px
}

.flag-small-icon-ww {
    background-position: 0 -1136px
}

.flag-small-icon-za {
    background-position: 0 -1152px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .flag-small-icon-ae, .flag-small-icon-ar, .flag-small-icon-at, .flag-small-icon-au, .flag-small-icon-be, .flag-small-icon-bh, .flag-small-icon-br, .flag-small-icon-by, .flag-small-icon-ca, .flag-small-icon-ch, .flag-small-icon-cl, .flag-small-icon-cn, .flag-small-icon-co, .flag-small-icon-cr, .flag-small-icon-cy, .flag-small-icon-cz, .flag-small-icon-de, .flag-small-icon-dk, .flag-small-icon-ee, .flag-small-icon-eg, .flag-small-icon-es, .flag-small-icon-eu, .flag-small-icon-fi, .flag-small-icon-fr, .flag-small-icon-gb, .flag-small-icon-gr, .flag-small-icon-hk, .flag-small-icon-hr, .flag-small-icon-hu, .flag-small-icon-id, .flag-small-icon-ie, .flag-small-icon-il, .flag-small-icon-in, .flag-small-icon-iq, .flag-small-icon-it, .flag-small-icon-jp, .flag-small-icon-kr, .flag-small-icon-kw, .flag-small-icon-kz, .flag-small-icon-lb, .flag-small-icon-lt, .flag-small-icon-lu, .flag-small-icon-lv, .flag-small-icon-md, .flag-small-icon-mt, .flag-small-icon-mx, .flag-small-icon-my, .flag-small-icon-ng, .flag-small-icon-nl, .flag-small-icon-no, .flag-small-icon-nz, .flag-small-icon-om, .flag-small-icon-pe, .flag-small-icon-ph, .flag-small-icon-pk, .flag-small-icon-pl, .flag-small-icon-pt, .flag-small-icon-qa, .flag-small-icon-ro, .flag-small-icon-ru, .flag-small-icon-sa, .flag-small-icon-se, .flag-small-icon-sg, .flag-small-icon-si, .flag-small-icon-sk, .flag-small-icon-th, .flag-small-icon-tr, .flag-small-icon-tw, .flag-small-icon-ua, .flag-small-icon-us, .flag-small-icon-vn, .flag-small-icon-ww, .flag-small-icon-za {
        background-image: url("../images/sprites/flags-small-2x.png?v=65f9bc79");
        background-size: 16px 1168px
    }
}

.svg-icon {
    width: 100%;
    height: 100%
}

.red-background {
    background-color: #eb1f32 !important
}

.red-background:hover {
    background-color: #ce1225 !important
}

.white-text {
    color: #fff !important
}

.blue {
    color: #279af1
}

.lightblack-text {
    color: #03121a !important
}

.black {
    background-color: #03121a
}

.grey {
    background-color: #f5f3f0
}

.blue-background {
    background-color: #279af1 !important
}

.white-background {
    background-color: #fff !important
}

body {
    font-family: Lato, Lato2, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 1.5;
    color: #1f1c22;
    background-color: #eae9ec;
    overflow-x: hidden;
    padding-right: 0 !important
}

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: 700
}

.font-exo {
    font-family: "Exo 2", Lato, Lato2, sans-serif
}

.fake-link {
    cursor: pointer
}

.page-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 16px
}

.page-title.page-title-inside-box {
    color: #1f1c22;
    margin: 0 0 8px;
    font-size: 21px;
    line-height: 27px
}

@media (min-width: 1030px) {
    body {
        font-size: 14px
    }

    .page-title {
        font-size: 21px;
        line-height: 32px
    }

    .page-title.page-title-inside-box {
        font-size: 24px;
        line-height: 32px
    }
}

.page-title.page-title-inside-box + .description {
    color: #70657b;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 32px
}

a, a:active, a:focus, a:hover {
    text-decoration: none
}

a:active, a:focus, a:hover {
    color: #52aef4
}

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

.full-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20
}

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

.main-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 21px;
    line-height: 27px;
    color: #1f1c22;
    font-weight: 700;
    margin: 20px 0;
    vertical-align: middle
}

@media (min-width: 1030px) {
    .main-title {
        font-size: 24px;
        line-height: 32px;
        margin: 22px 0 16px
    }
}

.main-description {
    margin-top: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #a39aac;
    transition: max-height .2s;
    overflow: hidden
}

.page-title-wrapper + .main-description {
    margin-top: 24px
}

#footer-main-description .main-description {
    transition: none;
    max-height: 10000px;
    overflow: visible
}

.main-description a {
    color: #5c5365;
    transition: color .2s
}

.main-description a:active, .main-description a:focus, .main-description a:hover {
    color: #1f1c22
}

.main-description > p:last-of-type {
    margin: 0;
    display: inline
}

.main-description ol {
    margin: 0 0 16px;
    padding: 0;
    list-style-position: inside
}

.main-description ol li {
    font-size: 12px;
    line-height: 16px;
    color: #70657b
}

.main-description ul {
    margin: 0 0 16px;
    padding: 0;
    list-style-position: inside
}

.main-description ul li {
    font-size: 12px;
    line-height: 16px;
    color: #70657b
}

.main-description .read-more-btn {
    color: #5c5365;
    margin-left: 4px
}

.main-description .read-more-btn:hover {
    color: #1f1c22
}

.main-description h2, .main-description h3, .main-description h4, .main-description h5, .main-description h6 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #03121a;
    font-weight: 600
}

.main-description h2 {
    font-size: 20px
}

.main-description h3 {
    font-size: 18px
}

.page-info-widget:not(#footer-main-description) .main-description, .title-container:not(#footer-main-description) .main-description {
    font-size: 12px;
    color: #a39aac;
    margin-bottom: 24px
}

.page-info-widget:not(#footer-main-description) .main-description a, .title-container:not(#footer-main-description) .main-description a {
    color: #a39aac;
    text-decoration: underline
}

.page-info-widget:not(#footer-main-description) .main-description a.read-more-btn, .title-container:not(#footer-main-description) .main-description a.read-more-btn {
    font-weight: 400;
    color: #5c5365
}

.page-info-widget:not(#footer-main-description) .main-title {
    margin: 16px 0 12px
}

@media (min-width: 795px) {
    .page-info-widget:not(#footer-main-description) .main-title {
        margin: 22px 0 16px
    }
}

.page-info-widget:not(#footer-main-description) .main-description {
    position: relative;
    z-index: 0;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    align-self: flex-start;
    margin: -16px 0 8px;
    padding: 0;
    order: 2;
    width: 100vw
}

.page-info-widget:not(#footer-main-description) .main-description::after, .page-info-widget:not(#footer-main-description) .main-description::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    content: '';
    display: block;
    background: linear-gradient(90deg, rgba(234, 233, 236, 0) -40.62%, #eae9ec 50%)
}

.page-info-widget:not(#footer-main-description) .main-description::before {
    left: 0;
    transform: rotate(180deg)
}

.page-info-widget:not(#footer-main-description) .main-description::after {
    right: 0
}

.page-info-widget:not(#footer-main-description) .main-description p {
    font-size: inherit;
    line-height: inherit;
    display: block;
    flex: 1 0 auto;
    min-width: 100%;
    color: #a39aac;
    white-space: nowrap;
    padding: 16px;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    max-width: 100vw
}

.page-info-widget:not(#footer-main-description) .main-description p::-webkit-scrollbar {
    display: none
}

.read-more-btn {
    color: #5c5365;
    transition: color .2s;
    font-weight: 700;
    display: inline-block
}

.read-more-btn:hover {
    color: #1f1c22
}

.section-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    color: #1f1c22;
    font-size: 24px;
    line-height: 29px
}

.part-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    color: #1f1c22;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 8px
}

@media (min-width: 1030px) {
    .page-title-wrapper + .main-description {
        margin-top: 16px
    }

    .part-title {
        font-size: 21px;
        line-height: 25px;
        margin: 0 0 16px
    }
}

.text-content-wrapper {
    width: 100%;
    padding: 16px;
    color: #47404f
}

@media (min-width: 795px) {
    .page-info-widget:not(#footer-main-description) .main-description::after, .page-info-widget:not(#footer-main-description) .main-description::before {
        display: none
    }

    .page-info-widget:not(#footer-main-description) .main-description {
        display: block;
        margin: 0 0 24px;
        order: unset;
        width: auto
    }

    .page-info-widget:not(#footer-main-description) .main-description p {
        white-space: normal;
        padding: 0;
        display: inline;
        min-width: unset;
        max-width: unset;
        overflow: visible
    }

    .text-content-wrapper {
        padding: 16px;
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .text-content-wrapper {
        padding: 32px;
        max-width: 944px
    }
}

.text-content-wrapper h1 {
    font-size: 21px
}

@media (min-width: 1030px) {
    .text-content-wrapper {
        padding: 32px
    }

    .text-content-wrapper h1 {
        font-size: 24px
    }
}

.text-content-wrapper h1.page-title-inside-box + .details {
    margin-top: 16px
}

.text-content-wrapper h2 {
    font-size: 18px;
    font-weight: 600
}

@media (min-width: 1030px) {
    .text-content-wrapper h2 {
        font-size: 21px
    }
}

.text-content-wrapper h3 {
    font-size: 16px;
    font-weight: 600
}

@media (min-width: 1030px) {
    .text-content-wrapper h3 {
        font-size: 18px
    }
}

.text-content-wrapper h4 {
    font-size: 14px;
    font-weight: 600
}

@media (min-width: 1030px) {
    .text-content-wrapper h4 {
        font-size: 16px
    }
}

.text-content-wrapper h5 {
    font-size: 12px;
    font-weight: 600
}

.text-content-wrapper p, .text-content-wrapper ul {
    margin-bottom: 16px;
    font-size: 14px
}

@media (min-width: 1030px) {
    .text-content-wrapper h5 {
        font-size: 14px
    }

    .text-content-wrapper p, .text-content-wrapper ul {
        font-size: 16px
    }
}

.text-content-wrapper p + ul {
    margin-top: -8px;
    margin-bottom: 24px
}

.text-content-wrapper h1, .text-content-wrapper h2, .text-content-wrapper h3, .text-content-wrapper h4, .text-content-wrapper h5 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #1f1c22;
    margin: 24px 0 16px
}

.text-content-wrapper p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    color: #47404f
}

.text-content-wrapper p + h1, .text-content-wrapper p + h2, .text-content-wrapper p + h3, .text-content-wrapper p + h4, .text-content-wrapper p + h5 {
    margin-top: 48px
}

.text-content-wrapper a {
    transition: color .2s;
    color: #279af1
}

.text-content-wrapper a:hover {
    color: #52aef4;
    text-decoration: underline
}

.text-content-wrapper img {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    box-shadow: none
}

.news-content div[class$="-note"], .text-content-wrapper div[class$="-note"] {
    padding-left: 24px;
    box-sizing: border-box;
    margin: 24px 0;
    font-size: 16px;
    line-height: 24px
}

.news-content div[class$="-note"] p, .text-content-wrapper div[class$="-note"] p {
    padding: 0 !important
}

.news-content div[class$="-note"] h3, .text-content-wrapper div[class$="-note"] h3 {
    margin: 0 0 24px
}

@media (min-width: 1030px) {
    .news-content div[class$="-note"], .text-content-wrapper div[class$="-note"] {
        margin: 48px 0;
        font-size: 18px;
        line-height: 29px
    }

    .news-content div[class$="-note"] h3, .text-content-wrapper div[class$="-note"] h3 {
        margin: 0 0 48px
    }

    .news-content p ~ div[class$="-note"], .text-content-wrapper p ~ div[class$="-note"] {
        margin-top: 24px
    }
}

.news-content .info-note, .text-content-wrapper .info-note {
    border-left: 3px solid #52aef4
}

.news-content .warning-note, .text-content-wrapper .warning-note {
    border-left: 3px solid #eb1f32
}

.news-content .success-note, .text-content-wrapper .success-note {
    border-left: 3px solid #22d37d
}

.news-content .update-note, .text-content-wrapper .update-note {
    border-left: 3px solid #fa9e08
}

.news-content > div[class$="-note"] > ul, .news-content > ul, .text-content-wrapper > div[class$="-note"] > ul, .text-content-wrapper > ul {
    list-style: none;
    width: 100%;
    margin: 0 0 24px;
    padding: 0;
    font-size: 16px;
    line-height: 24px
}

.news-content > div[class$="-note"] > ul li, .news-content > ul li, .text-content-wrapper > div[class$="-note"] > ul li, .text-content-wrapper > ul li {
    position: relative;
    box-sizing: border-box;
    padding-left: 16px
}

.news-content > div[class$="-note"] > ul li::before, .news-content > ul li::before, .text-content-wrapper > div[class$="-note"] > ul li::before, .text-content-wrapper > ul li::before {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #47404f;
    left: 0;
    transform: translateY(-50%);
    content: '';
    top: 13px
}

@media (min-width: 1030px) {
    .news-content > div[class$="-note"] > ul, .news-content > ul, .text-content-wrapper > div[class$="-note"] > ul, .text-content-wrapper > ul {
        font-size: 18px;
        line-height: 32px
    }

    .news-content > div[class$="-note"] > ul li, .news-content > ul li, .text-content-wrapper > div[class$="-note"] > ul li, .text-content-wrapper > ul li {
        padding-left: 24px
    }

    .news-content > div[class$="-note"] > ul li::before, .news-content > ul li::before, .text-content-wrapper > div[class$="-note"] > ul li::before, .text-content-wrapper > ul li::before {
        top: 16px
    }
}

.news-content > div[class$="-note"] > ol, .news-content > ol, .text-content-wrapper > div[class$="-note"] > ol, .text-content-wrapper > ol {
    width: 100%;
    margin: 0 0 24px 18px;
    max-width: calc(100% - 18px);
    padding: 0;
    font-size: 16px;
    line-height: 24px
}

.news-content > div[class$="-note"] > ol li, .news-content > ol li, .text-content-wrapper > div[class$="-note"] > ol li, .text-content-wrapper > ol li {
    position: relative;
    box-sizing: border-box
}

.news-content > div[class$="-note"] > ol li img, .news-content > ol li img, .text-content-wrapper > div[class$="-note"] > ol li img, .text-content-wrapper > ol li img {
    display: inline-block;
    margin: 16px 0
}

.no-margin {
    margin: 0 !important
}

.left-margin {
    margin-left: 24px !important
}

.right-margin {
    margin-right: 24px !important
}

.side-half-margin {
    margin-left: 12px;
    margin-right: 12px
}

.left-half-margin {
    margin-left: 12px
}

.right-half-margin {
    margin-right: 12px
}

.left-quarter-margin {
    margin-left: 6px
}

.right-quarter-margin {
    margin-right: 6px
}

.auto-height {
    height: auto !important
}

.border-radius {
    border-radius: 4px
}

.no-shadow {
    box-shadow: none
}

.no-border {
    border: none !important
}

.no-padding {
    padding: 0 !important
}

.cursor-text {
    cursor: text
}

.relative {
    position: relative
}

.text-right {
    text-align: right
}

.nowrap {
    white-space: nowrap
}

.width-full {
    width: 100%
}

.cursor-help {
    cursor: help
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-regular.eot?v=4f3c1d7c");
    src: local('Lato Regular'), local('Lato-Regular'), url("../fonts/lato-v17-latin-ext_latin-regular.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-regular.woff2?v=344ee6ea") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-regular.woff?v=a53df66f") format('woff'), url("../fonts/lato-v17-latin-ext_latin-regular.ttf?v=92b92a02") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-regular.svg?v=9087e4a6#Lato") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-italic.eot?v=85ca9387");
    src: local('Lato Italic'), local('Lato-Italic'), url("../fonts/lato-v17-latin-ext_latin-italic.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-italic.woff2?v=7e6e25b1") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-italic.woff?v=0d1e9a88") format('woff'), url("../fonts/lato-v17-latin-ext_latin-italic.ttf?v=aa423d08") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-italic.svg?v=4f7b172a#Lato") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/lato-semibold-webfont.eot?v=88b59f92");
    src: local('Lato SemiBold'), local('Lato-SemiBold'), url("../fonts/lato-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-semibold-webfont.woff2?v=e0873b93") format('woff2'), url("../fonts/lato-semibold-webfont.woff?v=8b39ca5e") format('woff'), url("../fonts/lato-semibold-webfont.ttf?v=3c6cfb1a") format('truetype'), url("../fonts/lato-semibold-webfont.svg?v=eebd56df#latosemibold") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-700.eot?v=5e74df2b");
    src: local('Lato Bold'), local('Lato-Bold'), url("../fonts/lato-v17-latin-ext_latin-700.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-700.woff2?v=5366c57b") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-700.woff?v=c3a17dcd") format('woff'), url("../fonts/lato-v17-latin-ext_latin-700.ttf?v=f45e34ba") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-700.svg?v=596223f7#Lato") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-700italic.eot?v=6e23a9ac");
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url("../fonts/lato-v17-latin-ext_latin-700italic.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-700italic.woff2?v=828ce1db") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-700italic.woff?v=c022b63a") format('woff'), url("../fonts/lato-v17-latin-ext_latin-700italic.ttf?v=8e47f067") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-700italic.svg?v=a1a6510b#Lato") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-900.eot?v=201aa21d");
    src: local('Lato Black'), local('Lato-Black'), url("../fonts/lato-v17-latin-ext_latin-900.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-900.woff2?v=318ba5ea") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-900.woff?v=acf9a2e0") format('woff'), url("../fonts/lato-v17-latin-ext_latin-900.ttf?v=e0e38669") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-900.svg?v=7dfa1266#Lato") format('svg')
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/lato-v17-latin-ext_latin-900italic.eot?v=512c4920");
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url("../fonts/lato-v17-latin-ext_latin-900italic.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-v17-latin-ext_latin-900italic.woff2?v=c7d01fa4") format('woff2'), url("../fonts/lato-v17-latin-ext_latin-900italic.woff?v=927ab1a0") format('woff'), url("../fonts/lato-v17-latin-ext_latin-900italic.ttf?v=b09943cf") format('truetype'), url("../fonts/lato-v17-latin-ext_latin-900italic.svg?v=aee0b2e5#Lato") format('svg')
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-Regular.eot?v=8f23122b");
    src: url("../fonts/Lato-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Regular.woff2?v=26d1ae87") format('woff2'), url("../fonts/Lato-Regular.woff?v=54492114") format('woff'), url("../fonts/Lato-Regular.ttf?v=95ae7d04") format('truetype'), url("../fonts/Lato-Regular.svg?v=497d44ea#Lato-Regular") format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-Italic.eot?v=a3c047aa");
    src: url("../fonts/Lato-Italic.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Italic.woff2?v=05fffb19") format('woff2'), url("../fonts/Lato-Italic.woff?v=a03aacd3") format('woff'), url("../fonts/Lato-Italic.ttf?v=0a256767") format('truetype'), url("../fonts/Lato-Italic.svg?v=18c8d051#Lato-Italic") format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-Bold.eot?v=570426a4");
    src: url("../fonts/Lato-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Bold.woff2?v=94189308") format('woff2'), url("../fonts/Lato-Bold.woff?v=ff490719") format('woff'), url("../fonts/Lato-Bold.ttf?v=7aa8d842") format('truetype'), url("../fonts/Lato-Bold.svg?v=0794895d#Lato-Bold") format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-BoldItalic.eot?v=7b02196c");
    src: url("../fonts/Lato-BoldItalic.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-BoldItalic.woff2?v=e67d6bb0") format('woff2'), url("../fonts/Lato-BoldItalic.woff?v=7f17014a") format('woff'), url("../fonts/Lato-BoldItalic.ttf?v=71af88c7") format('truetype'), url("../fonts/Lato-BoldItalic.svg?v=5bef7708#Lato-BoldItalic") format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-Black.eot?v=7000d70d");
    src: url("../fonts/Lato-Black.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Black.woff2?v=664e685f") format('woff2'), url("../fonts/Lato-Black.woff?v=2773efc5") format('woff'), url("../fonts/Lato-Black.ttf?v=2fba2b84") format('truetype'), url("../fonts/Lato-Black.svg?v=dfe91444#Lato-Black") format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato2;
    src: url("../fonts/Lato-BlackItalic.eot?v=b31891c8");
    src: url("../fonts/Lato-BlackItalic.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-BlackItalic.woff2?v=c58458c0") format('woff2'), url("../fonts/Lato-BlackItalic.woff?v=de2c1a96") format('woff'), url("../fonts/Lato-BlackItalic.ttf?v=f2954fc9") format('truetype'), url("../fonts/Lato-BlackItalic.svg?v=d8d8519a#Lato-BlackItalic") format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

.grid-list {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:1fr 1fr
}

.grid-list > .item {
    min-width: 0
}

@media (min-width: 640px) {
    .grid-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.grid-list.news-list {
    grid-template-columns:1fr
}

@media (min-width: 1030px) {
    .news-content > div[class$="-note"] > ol, .news-content > ol, .text-content-wrapper > div[class$="-note"] > ol, .text-content-wrapper > ol {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 48px
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .grid-list {
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-gap: 30px
    }

    .grid-list.news-list {
        grid-template-columns:1fr 1fr;
        grid-gap: 30px
    }
}

.grid-list.settings-list {
    grid-gap: 12px !important;
    grid-template-columns:1fr
}

.grid-list {
    display: grid;
    grid-template-columns:1fr
}

.grid-list.grid-gap-8 {
    gap: 8px
}

.grid-list.grid-gap-8.grid-col-2 {
    grid-template-columns:repeat(2, calc((100% - (8px * 1)) / 2))
}

.grid-list.grid-gap-8.grid-col-3 {
    grid-template-columns:repeat(3, calc((100% - (8px * 2)) / 3))
}

@media (min-width: 795px) {
    .grid-list.settings-list {
        grid-template-columns:1fr 1fr
    }

    .grid-list.grid-gap-8.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (8px * 3)) / 4))
    }
}

@media (min-width: 1030px) {
    .grid-list.settings-list {
        grid-template-columns:1fr 1fr 1fr
    }

    .grid-list.grid-gap-8.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (8px * 2)) / 3))
    }

    .grid-list.grid-gap-8.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (8px * 3)) / 4))
    }

    .grid-list.grid-gap-8.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (8px * 4)) / 5))
    }
}

@media (min-width: 1200px) {
    .grid-list.grid-gap-8.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (8px * 3)) / 4))
    }

    .grid-list.grid-gap-8.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (8px * 5)) / 6))
    }
}

.grid-list.grid-gap-16 {
    gap: 16px
}

.grid-list.grid-gap-16.grid-col-2 {
    grid-template-columns:repeat(2, calc((100% - (16px * 1)) / 2))
}

.grid-list.grid-gap-16.grid-col-3 {
    grid-template-columns:repeat(3, calc((100% - (16px * 2)) / 3))
}

@media (min-width: 795px) {
    .grid-list.grid-gap-16.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }
}

@media (min-width: 1030px) {
    .grid-list.grid-gap-16.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (16px * 2)) / 3))
    }

    .grid-list.grid-gap-16.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }

    .grid-list.grid-gap-16.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (16px * 4)) / 5))
    }
}

@media (min-width: 1200px) {
    .grid-list.grid-gap-16.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }

    .grid-list.grid-gap-16.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (16px * 5)) / 6))
    }
}

.grid-list.grid-gap-24 {
    gap: 24px
}

.grid-list.grid-gap-24.grid-col-2 {
    grid-template-columns:repeat(2, calc((100% - (24px * 1)) / 2))
}

.grid-list.grid-gap-24.grid-col-3 {
    grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
}

@media (min-width: 795px) {
    .grid-list.grid-gap-24.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }
}

@media (min-width: 1030px) {
    .grid-list.grid-gap-24.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-24.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-24.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (24px * 4)) / 5))
    }
}

@media (min-width: 1200px) {
    .grid-list.grid-gap-24.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-24.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (24px * 5)) / 6))
    }
}

@media (min-width: 795px) {
    .grid-list.grid-gap-sm-16 {
        gap: 16px
    }

    .grid-list.grid-gap-sm-16.grid-col-2 {
        grid-template-columns:repeat(2, calc((100% - (16px * 1)) / 2))
    }

    .grid-list.grid-gap-sm-16.grid-col-3 {
        grid-template-columns:repeat(3, calc((100% - (16px * 2)) / 3))
    }

    .grid-list.grid-gap-sm-16.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }
}

@media (min-width: 1030px) {
    .grid-list.grid-gap-md-24 {
        gap: 24px
    }

    .grid-list.grid-gap-md-24.grid-col-2 {
        grid-template-columns:repeat(2, calc((100% - (24px * 1)) / 2))
    }

    .grid-list.grid-gap-md-24.grid-col-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-md-24.grid-col-xs-2 {
        grid-template-columns:repeat(2, calc((100% - (24px * 1)) / 2))
    }

    .grid-list.grid-gap-md-24.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-md-24.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-md-24.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-md-24.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (24px * 4)) / 5))
    }

    body {
        overflow-y: scroll
    }
}

@media (min-width: 1200px) {
    .grid-list.grid-gap-lg-16 {
        gap: 16px
    }

    .grid-list.grid-gap-lg-16.grid-col-2 {
        grid-template-columns:repeat(2, calc((100% - (16px * 1)) / 2))
    }

    .grid-list.grid-gap-lg-16.grid-col-3 {
        grid-template-columns:repeat(3, calc((100% - (16px * 2)) / 3))
    }

    .grid-list.grid-gap-lg-16.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }

    .grid-list.grid-gap-lg-16.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (16px * 2)) / 3))
    }

    .grid-list.grid-gap-lg-16.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }

    .grid-list.grid-gap-lg-16.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (16px * 4)) / 5))
    }

    .grid-list.grid-gap-lg-16.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (16px * 3)) / 4))
    }

    .grid-list.grid-gap-lg-16.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (16px * 5)) / 6))
    }

    .grid-list.grid-gap-md-24 {
        gap: 24px
    }

    .grid-list.grid-gap-md-24.grid-col-2 {
        grid-template-columns:repeat(2, calc((100% - (24px * 1)) / 2))
    }

    .grid-list.grid-gap-md-24.grid-col-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-md-24.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-md-24.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-md-24.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-md-24.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (24px * 4)) / 5))
    }

    .grid-list.grid-gap-md-24.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-md-24.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (24px * 5)) / 6))
    }
}

.grid-list.prepaids-grid-list-grouped {
    margin-left: 0;
    margin-right: 0
}

.main-content {
    min-height: 100vh
}

@media (min-width: 1290px) {
    .grid-list.grid-gap-xl-24 {
        gap: 24px
    }

    .grid-list.grid-gap-xl-24.grid-col-2 {
        grid-template-columns:repeat(2, calc((100% - (24px * 1)) / 2))
    }

    .grid-list.grid-gap-xl-24.grid-col-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-xl-24.grid-col-sm-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-xl-24.grid-col-md-3 {
        grid-template-columns:repeat(3, calc((100% - (24px * 2)) / 3))
    }

    .grid-list.grid-gap-xl-24.grid-col-md-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-xl-24.grid-col-md-5 {
        grid-template-columns:repeat(5, calc((100% - (24px * 4)) / 5))
    }

    .grid-list.grid-gap-xl-24.grid-col-lg-4 {
        grid-template-columns:repeat(4, calc((100% - (24px * 3)) / 4))
    }

    .grid-list.grid-gap-xl-24.grid-col-lg-6 {
        grid-template-columns:repeat(6, calc((100% - (24px * 5)) / 6))
    }

    .container {
        width: 1284px
    }
}

.breadcrumbs-widget + .container:not(.page-info-widget) {
    margin-top: 24px
}

body .btn:active, body .btn:focus, body a:active, body a:focus, body button:active, body button:focus {
    outline: 0
}

a:focus {
    outline: 0 !important
}

.content-isle {
    margin-top: 24px
}

.content-isle.no-margin-top {
    margin-top: 0
}

@media (max-width: 794px) {
    #toast-container.toast-bottom-center {
        padding-left: 16px;
        padding-right: 16px
    }

    #toast-container.toast-bottom-center > div {
        width: 100%
    }

    .no-border-xs {
        border: none !important
    }

    html {
        height: 100%
    }

    html.menu-opened, html.menu-opened body, html.notifications-opened, html.notifications-opened body, html.search-opened, html.search-opened body {
        overflow: hidden !important
    }

    body, html {
        width: auto !important;
        overflow-x: hidden !important
    }

    .container, .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%
    }

    .content-isle.no-margin-mobile {
        margin-top: 0
    }

    .container.no-padding-sm {
        padding-left: 0;
        padding-right: 0
    }

    .container.sm-side-padding, .sm-side-padding {
        padding: 0 16px
    }
}

.overflow-hidden {
    overflow: hidden
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.container.no-padding {
    padding: 0
}

#global-go-to-top {
    display: none;
    transform: translateX(calc(100% + 36px))
}

.load-more-container::after {
    transition: opacity .3s, height 0s .3s;
    display: block;
    content: '';
    position: absolute;
    height: 0;
    overflow: hidden;
    z-index: 100;
    background: #eae9ec;
    top: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    opacity: 0
}

@media (min-width: 795px) {
    .load-more-container::after {
        left: 0;
        width: 100%;
        transform: none
    }
}

.load-more-container.loading::after {
    transition: opacity .3s;
    opacity: .7;
    height: 100%
}

.show-more-scroll-trigger {
    padding: 24px 0 0
}

.mainpage .main-page-top-section {
    padding-top: 16px
}

@media (min-width: 1030px) {
    .content-isle {
        margin-top: 24px
    }

    #global-go-to-top {
        display: inline-block
    }

    .mainpage .main-page-top-section {
        padding-top: 20px
    }
}

.swiper-button-mp {
    transition: color .2s, background .2s, box-shadow .2s;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 32px;
    height: 32px;
    color: #47404f;
    background: #d6d2da;
    padding: 10px 8px;
    text-align: center;
    display: none;
    border-radius: 50%;
    box-shadow: 0 0 0 transparent
}

.swiper-button-mp:active, .swiper-button-mp:focus {
    color: #47404f
}

.swiper-button-mp .svg-icon {
    transition: color .3s, transform .3s;
    display: block;
    margin: 0 auto
}

.swiper-button-mp.button-bigger {
    width: 32px;
    height: 32px;
    padding: 10px 8px
}

.swiper-button-mp.swiper-button-disabled {
    opacity: .5;
    background: #d6d2da;
    box-shadow: none
}

.swiper-button-mp.swiper-button-disabled:hover, .swiper-button-mp.swiper-button-disabled:hover:active {
    background: #d6d2da;
    box-shadow: none
}

@media (min-width: 1200px) {
    .swiper-button-mp {
        display: block
    }

    body.with-background .presets-with-background {
        max-width: 1200px
    }
}

.swiper-button-mp::after {
    display: none
}

.swiper-button-mp.swiper-button-next {
    margin-left: 8px
}

.swiper-button-mp:hover {
    background: #c7c3cb;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.swiper-button-mp:hover:active {
    background: #bebac2;
    box-shadow: 0 0 0 transparent
}

aside .game-about-heading, section .game-about-heading {
    margin-bottom: 14px
}

aside .game-about-heading h2, section .game-about-heading h2 {
    font-weight: 600
}

#related-articles, #related-presets {
    margin-top: 56px
}

#related-articles .game-about-heading {
    margin-bottom: 6px
}

.game-image img, .game-picture img {
    display: block
}

.dm-visible-block {
    display: none !important;
    content-visibility: hidden !important
}

.lm-visible-block {
    display: block !important;
    content-visibility: visible !important
}

.dm-visible-inline-block {
    display: none !important;
    content-visibility: hidden !important
}

.lm-visible-inline-block {
    display: inline-block !important;
    content-visibility: visible !important
}

body.with-background .container {
    position: relative
}

body.with-background .container.position-static {
    position: static
}

body.with-background .syncs-container .sync-slider {
    overflow: hidden
}

.gg-full-content-widget {
    position: relative;
    z-index: unset;
    width: 100%;
    height: auto
}

.gg-full-content-widget .banner-full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block
}

.gg-full-content-widget .banner-image-container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    overflow: hidden
}

@media (min-width: 1200px) {
    .gg-full-content-widget .banner-image-container {
        height: 200px;
        max-width: 1200px
    }
}

@media (min-width: 1290px) {
    .gg-full-content-widget .banner-image-container, body.with-background .presets-with-background {
        max-width: 1272px
    }
}

.gg-full-content-widget .banner-image-container > img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    display: block;
    content-visibility: visible
}

.gg-full-content-widget .banner-background-container {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120vh;
    display: none;
    content-visibility: hidden
}

.gg-full-content-widget .banner-background-container > img {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.gg-full-content-widget .banner-background-container::before {
    position: absolute;
    display: none;
    z-index: 1;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    background: #eae9ec
}

@media (min-width: 1200px) {
    .gg-full-content-widget .banner-image-container > img {
        content-visibility: hidden;
        display: none
    }

    .gg-full-content-widget .banner-background-container {
        display: block;
        content-visibility: visible
    }

    .gg-full-content-widget .banner-background-container > img {
        display: block
    }

    .gg-full-content-widget .banner-background-container::before {
        display: block;
        top: 0;
        width: 1200px
    }

    .gg-full-content-widget.with-image .banner-background-container::before {
        top: 200px
    }
}

.gg-full-content-widget.with-image {
    display: block !important
}

.gg-full-content-widget .gg-side-full-plane-link {
    position: absolute;
    display: none;
    top: 0;
    height: 100vh;
    background: 0 0;
    z-index: 2;
    width: calc((100% - 1030px) / 2)
}

@media (min-width: 1200px) {
    .gg-full-content-widget .gg-side-full-plane-link {
        width: calc((100% - 1200px) / 2)
    }

    .gg-full-content-widget.pinned:not(.pinned-bg) .banner-background-container .banner-background {
        position: fixed;
        bottom: auto;
        top: 64px
    }

    .gg-full-content-widget.pinned.pinned-bg .banner-background-container {
        position: fixed;
        top: 64px
    }

    .gg-full-content-widget.pinned.pinned-bg .banner-background-container::before {
        top: 0
    }

    .gg-full-content-widget.pinned .gg-side-full-plane-link {
        position: fixed;
        top: 64px
    }
}

@media (min-width: 1290px) {
    .gg-full-content-widget .banner-background-container::before {
        width: 1272px
    }

    .gg-full-content-widget .gg-side-full-plane-link {
        width: calc((100% - 1272px) / 2)
    }
}

.gg-full-content-widget .gg-side-full-plane-link.side-link-left {
    left: 0
}

.gg-full-content-widget .gg-side-full-plane-link.side-link-right {
    right: 0
}

.site-banner-top-widget {
    transition: max-height .2s linear .2s;
    max-height: 200px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 1
}

@media (min-width: 1030px) {
    #related-articles, #related-presets {
        margin-top: 64px
    }

    #related-articles .game-about-heading {
        margin-bottom: 14px
    }

    .gg-full-content-widget .gg-side-full-plane-link {
        display: block
    }

    .site-banner-top-widget {
        transition: none;
        max-height: unset
    }
}

.site-banner-top-widget .banner-full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block
}

.site-banner-top-widget .banner-image-container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center
}

.site-banner-top-widget .banner-image-container > img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto
}

.site-banner-top-widget .banner-background-container {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
    content-visibility: hidden
}

@media (min-width: 1200px) {
    .site-banner-top-widget .banner-image-container.with-background {
        height: 120px
    }

    .site-banner-top-widget .banner-image-container.with-background > img {
        content-visibility: hidden;
        display: none
    }

    .site-banner-top-widget .banner-background-container {
        display: block;
        content-visibility: unset
    }
}

.site-banner-top-widget .banner-background-container > img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.region-icon.region-icon-round {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-bottom: -3px
}

.region-icon.region-icon-round .flag-small-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    transform: scale(1.6)
}

@media (min-width: 1030px) {
    .region-icon.region-icon-round {
        margin-right: 2px;
        width: 12px;
        height: 12px;
        margin-bottom: -2px
    }

    .region-icon.region-icon-round .flag-small-icon {
        top: -2px;
        left: -2px;
        transform: scale(1)
    }

    .settings-menu-select-list {
        transition: max-height .2s;
        overflow: hidden;
        height: auto;
        max-height: 0;
        flex-wrap: nowrap;
        background-color: #554f5a;
        display: flex;
        align-items: flex-start;
        flex-direction: column
    }
}

.region-icon.region-icon-round .flag-regular-icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    margin: 0;
    top: -4px;
    left: -4px
}

.settings-menu-select-list {
    width: 100%;
    min-width: 120px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    z-index: unset
}

.settings-menu-select-list.list-regions {
    min-width: 178px
}

.settings-menu-select-option {
    transition: background-color .2s;
    display: block;
    flex: 0 0 calc(100% + 16px + 16px);
    width: calc(100% + 16px + 16px);
    box-sizing: border-box;
    margin: 0 -16px;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
    max-width: 100%
}

.settings-menu-select-option:first-child {
    margin-top: -16px
}

.settings-menu-select-option.settings-menu-select-option-separator {
    border-top: 1px solid rgba(255, 255, 255, .12)
}

.settings-menu-select-option.active .settings-menu-select-option-link {
    background-color: rgba(255, 255, 255, .1)
}

.settings-menu-select-option .settings-menu-select-option-link {
    transition: background-color .2s;
    text-decoration: none;
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: 12px 16px
}

.settings-menu-select-option .settings-menu-select-option-link .svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -4px;
    margin-right: 8px
}

@media (min-width: 1030px) {
    .settings-menu-select-option {
        color: #ebe9ed;
        flex: 0 0 100%
    }

    .settings-menu-select-option, .settings-menu-select-option:first-child {
        margin: 0
    }

    .settings-menu-select-option .settings-menu-select-option-link {
        padding: 8px 12px;
        white-space: nowrap
    }

    .settings-menu-select-option .settings-menu-select-option-link:hover {
        background-color: rgba(255, 255, 255, .12);
        color: inherit;
        text-decoration: none
    }

    .settings-menu-select-option .settings-menu-select-option-link:hover:active {
        background-color: rgba(255, 255, 255, .08)
    }

    .settings-menu-select-option .settings-menu-select-option-link:focus {
        background-color: inherit;
        color: inherit
    }
}

.default-link-list-wrapper {
    display: block;
    margin-top: auto
}

.default-link-list-wrapper .settings-menu-option-default {
    transition: background-color .2s, color .2s;
    text-decoration: none;
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: #c2bcc8;
    padding: 8px 30px 8px 12px
}

.default-link-list-wrapper .settings-menu-option-default .svg-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: block
}

.default-link-list-wrapper .settings-menu-option-default .default-option-value {
    font-weight: 700
}

.main-menu-item {
    position: relative
}

.main-menu-item::after {
    position: absolute;
    display: block;
    content: '';
    background-color: #279af1;
    width: 4px;
    height: 24px;
    left: -4px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 1030px) {
    .default-link-list-wrapper .settings-menu-option-default {
        padding: 12px 34px 12px 12px
    }

    .default-link-list-wrapper .settings-menu-option-default .svg-icon {
        right: 16px
    }

    .default-link-list-wrapper .settings-menu-option-default:hover {
        background-color: rgba(255, 255, 255, .12);
        color: inherit;
        text-decoration: none
    }

    .default-link-list-wrapper .settings-menu-option-default:hover:active {
        background-color: rgba(255, 255, 255, .08)
    }

    .default-link-list-wrapper .settings-menu-option-default:focus {
        background-color: inherit;
        color: inherit
    }

    .main-menu-item::after {
        display: none
    }
}

.main-menu-item.active::after {
    left: 0
}

.submenu-wrapper.dropdown-menu {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    margin: 0;
    float: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    min-width: unset;
    display: flex;
    background: 0 0
}

.submenu-wrapper.dropdown-menu .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
}

@media (min-width: 1030px) {
    .submenu-wrapper.dropdown-menu {
        transition: max-height .15s linear .1s, padding .15s linear .1s, opacity .2s linear .1s;
        top: 100%;
        left: 0;
        width: 252px;
        position: absolute;
        overflow: hidden;
        opacity: 0;
        max-height: 0;
        background: #f4f5f6
    }

    .submenu-wrapper.dropdown-menu .container {
        flex-wrap: nowrap;
        padding: 0 20px
    }
}

.submenu-wrapper.dropdown-menu .submenu-column {
    align-content: flex-start;
    width: 100%;
    flex: 0 0 100%;
    margin: 12px 0 0;
    padding: 12px 0 0
}

.submenu-wrapper.dropdown-menu .submenu-column::before {
    display: block;
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 1px;
    background: #e0dde3
}

@media (min-width: 1030px) {
    .submenu-wrapper.dropdown-menu .submenu-column {
        margin: 0;
        padding: 0
    }

    .submenu-wrapper.dropdown-menu .submenu-column::before {
        display: none
    }
}

.submenu-wrapper.dropdown-menu .submenu-section {
    box-sizing: border-box;
    height: auto;
    flex: 0 0 100%;
    width: 100%
}

.submenu-wrapper.dropdown-menu .submenu-header {
    flex: 0 0 40px
}

.submenu-wrapper.dropdown-menu .submenu-header-link {
    transition: color .2s ease-in-out;
    flex: 0 0 auto;
    font-size: 21px;
    line-height: 27px;
    padding: 12px 16px;
    color: #47404f
}

.submenu-wrapper.dropdown-menu .submenu-header-link .link-label {
    display: block;
    flex: 1 0 auto;
    font-weight: 700
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon {
    transition: transform .2s ease-in-out;
    flex: 0 0 12px;
    margin: 0 0 0 auto;
    display: none
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon {
    margin: 0 8px 0 0
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-coins, .submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-subs, .submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-vouchers {
    flex: 0 0 16px;
    width: 16px;
    height: 16px
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-ranks {
    flex: 0 0 18px;
    width: 18px;
    height: 16px
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-cards {
    flex: 0 0 19px;
    width: 19px;
    height: 16px
}

.submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon.submenu-icon.icon-people {
    flex: 0 0 19px;
    width: 19px;
    height: 13px
}

.submenu-wrapper.dropdown-menu .submenu-header-link:focus-visible:not(:active), .submenu-wrapper.dropdown-menu .submenu-header-link:hover {
    outline: 0;
    color: #279af1
}

.navbar {
    background-color: #0a090b;
    color: #5c5365;
    position: relative;
    width: 100%;
    max-height: 100%;
    z-index: 140
}

.navbar .activatable::before {
    position: absolute;
    content: '';
    border-width: 0 0 4px;
    border-color: transparent transparent #279af1;
    border-style: solid;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 0
}

.navbar .top-mobile-menu-trigger {
    transition: max-width .3s, opacity .3s, margin .3s;
    display: block;
    flex: 0 0 18px;
    overflow: hidden;
    max-width: 18px;
    width: 18px;
    height: 17px;
    background: 0 0;
    cursor: pointer;
    padding: 0;
    color: #fff;
    margin: 0 16px 0 8px
}

.navbar .top-mobile-menu-trigger::before {
    display: block;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    content: ''
}

.navbar .top-mobile-menu-trigger span {
    transition: opacity .3s .1s, transform .3s, left .3s .2s, top .2s .4s, bottom .2s .4s, max-width .2s .45s;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    display: block;
    z-index: 1
}

.navbar .top-mobile-menu-trigger span:first-child {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center center
}

.navbar .top-mobile-menu-trigger span:nth-child(2) {
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%)
}

.navbar .top-mobile-menu-trigger span:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center center
}

.navbar .top-logo {
    transition: max-width .3s, opacity .3s, margin .3s;
    overflow: hidden;
    z-index: 5;
    flex: 0 0 auto;
    max-width: 165px;
    margin: 0
}

.navbar .top-logo a {
    display: block;
    padding: 18px 8px
}

.navbar .top-logo .symbol {
    display: block;
    height: 20px;
    width: 34px
}

.navbar .top-logo .full {
    display: none
}

@media (min-width: 1290px) {
    .navbar .top-logo .symbol {
        display: none
    }

    .navbar .top-logo .full {
        display: block
    }
}

.navbar .top-menu-list {
    flex: 0 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    align-self: flex-start;
    position: static;
    z-index: 5;
    margin: 0 0 16px
}

@media (min-width: 1030px) {
    .submenu-wrapper.dropdown-menu .submenu-header-link {
        font-size: 16px;
        line-height: 19px;
        padding: 10px 0;
        color: #1f1c22
    }

    .submenu-wrapper.dropdown-menu .submenu-header-link .svg-icon {
        display: block
    }

    .navbar .focusable:focus-visible {
        outline: 0
    }

    .navbar .focusable:focus-visible::before {
        position: absolute;
        background: 0 0;
        content: '';
        box-sizing: border-box;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        height: auto;
        z-index: 0;
        opacity: 1;
        display: block;
        border: 4px solid rgba(255, 255, 255, .15)
    }

    .navbar .activatable:focus-visible {
        outline: 0
    }

    .navbar .activatable:focus-visible::before {
        display: block;
        border-width: 4px;
        border-color: rgba(255, 255, 255, .15)
    }

    .navbar .active .activatable::before {
        display: block
    }

    .navbar .active .activatable:focus-visible {
        outline: 0
    }

    .navbar .active .activatable:focus-visible::before {
        border-color: rgba(255, 255, 255, .15) rgba(255, 255, 255, .15) #279af1
    }

    .navbar .top-mobile-menu-trigger {
        display: none
    }

    .navbar .top-logo a {
        padding: 21px 8px
    }

    .navbar .top-logo .symbol {
        width: 36px;
        height: 24px
    }

    .navbar .top-menu-list {
        height: 100%;
        flex-wrap: nowrap;
        margin: 0
    }
}

.navbar .top-menu-list-item {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    font-weight: 700;
    font-size: 21px;
    line-height: 27px
}

@media (min-width: 1030px) {
    .navbar .top-menu-list-item {
        transition: background-color .2s ease-in-out;
        flex: 1 1 auto;
        width: auto;
        margin: 0;
        font-size: 18px;
        line-height: 21.6px;
        overflow: hidden
    }

    .navbar .top-menu-list-item:focus, .navbar .top-menu-list-item:hover {
        background-color: rgba(255, 255, 255, .15)
    }

    .navbar .top-menu-list-item.menu-list-home {
        display: none
    }
}

.navbar .top-menu-list-item .top-menu-list-link {
    display: block;
    padding: 12px 16px;
    font-size: inherit;
    line-height: inherit;
    color: #47404f;
    white-space: nowrap
}

.navbar .top-menu-list-item .top-menu-list-more-button {
    background-color: transparent;
    padding: 21px 16px;
    height: 64px;
    display: none;
    color: #ebe9ed
}

.navbar .top-menu-list-item .top-menu-list-more-button:hover {
    background-color: transparent
}

.navbar .top-menu-list-item .top-menu-list-more-button span {
    display: block;
    flex: 0 0 auto
}

.navbar .top-menu-list-item .top-menu-list-more-button::after {
    transition: transform .4s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    margin-left: 8px;
    flex: 0 0 auto;
    transform: none;
    border-color: #ebe9ed transparent transparent;
    display: none
}

@media (min-width: 1030px) {
    .navbar .top-menu-list-item .top-menu-list-link {
        transition: color .2s;
        padding: 21px 16px;
        color: #ebe9ed
    }

    .navbar .top-menu-list-item .top-menu-list-more-button {
        display: flex
    }

    .navbar .top-menu-list-item .top-menu-list-more-button::after {
        display: block
    }

    .navbar .top-menu-list-item.more.open {
        background-color: rgba(255, 255, 255, .15)
    }

    .navbar .top-menu-list-item.more.open .submenu-wrapper.dropdown-menu {
        transition: max-height .2s linear, padding .2s linear, opacity .25s linear;
        opacity: 1;
        max-height: 300px;
        padding: 14px 0;
        border-radius: 4px
    }

    .navbar .top-menu-list-item.more.open .top-menu-list-more-button::after {
        transform: rotate(180deg)
    }
}

.navbar .top-menu-list-item.more {
    transition: background-color .2s;
    overflow: visible
}

.navbar .top-menu-list-item.more::after {
    display: none
}

.navbar .main-menu-wrapper {
    position: static;
    margin-left: -8px;
    margin-right: -8px;
    height: 56px
}

.navbar .main-menu-wrapper .top-menu {
    transition: max-width .3s, opacity .3s, margin .3s;
    position: static;
    max-width: 450px;
    flex: 0 0 auto;
    margin: 0 8px
}

@media (max-width: 1029px) {
    .navbar .top-menu-list-item.active .top-menu-list-link {
        color: #1f1c22
    }

    .navbar .main-menu-wrapper .top-menu {
        transition: transform .3s, opacity .3s;
        position: fixed;
        opacity: 0;
        transform: translateX(-100%);
        top: 56px;
        left: 0;
        width: 90vw;
        max-width: 420px;
        height: calc(100% - 56px);
        background: #f4f5f6;
        border: none;
        margin: 0;
        padding: 20px 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 80
    }
}

.navbar .main-menu-wrapper .top-side-menu {
    transition: max-width .3s, opacity .3s, margin .3s;
    flex: 0 0 auto;
    margin: 0 8px;
    height: 100%;
    max-width: 300px
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper {
        height: 64px
    }

    .navbar .main-menu-wrapper .top-side-menu {
        margin: 0 -4px 0 8px
    }
}

.navbar .main-menu-wrapper .top-side-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%
}

.navbar .main-menu-wrapper .top-side-menu-link {
    display: block;
    border: none;
    cursor: pointer
}

.navbar .main-menu-wrapper .top-side-menu-link:not(.steam-login) {
    padding: 16px;
    line-height: 16px;
    font-size: 16px;
    background: 0 0
}

.navbar .main-menu-wrapper .top-side-menu-link.icon {
    width: 50px;
    height: 64px
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .top-side-menu-link:not(.steam-login) {
        padding: 16px 12px
    }

    .navbar .main-menu-wrapper .top-side-menu-link.icon {
        width: 48px;
        height: 64px
    }
}

@media (max-width: 1029px) {
    .navbar .main-menu-wrapper .top-side-menu-link.icon {
        height: 56px
    }
}

.navbar .main-menu-wrapper .top-side-menu-link.icon .svg-icon {
    transition: transform .3s, opacity .3s, color .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.navbar .main-menu-wrapper .top-side-menu-link.icon .svg-icon.close-icon {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0
}

.navbar .main-menu-wrapper .top-side-menu-link.icon .notifications-counter {
    transition: opacity .2s;
    position: absolute;
    left: 8px;
    top: 50%;
    display: block;
    transform: translateY(-16px);
    background: #eb1f32;
    border: 1px solid #1f1c22;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    height: 16px;
    padding: 0 8px;
    z-index: 2;
    opacity: 0;
    min-width: 28px
}

.navbar .main-menu-wrapper .top-side-menu-link.icon.has-notifications .notifications-counter {
    opacity: 1
}

.navbar .main-menu-wrapper .top-side-menu-link.icon.has-collections-notifications::before {
    transition: transform .2s linear;
    position: absolute;
    top: 17px;
    right: 14px;
    z-index: 1;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #0a090b;
    background: #279af1;
    content: '';
    transform-origin: center center
}

.navbar .main-menu-wrapper .top-side-menu-link.icon:hover .svg-icon {
    opacity: 1
}

.navbar .main-menu-wrapper .top-side-menu-link.icon:hover.has-collections-notifications::before {
    transform: scale(1.2)
}

.navbar .main-menu-wrapper .top-side-menu-link.profile {
    width: 56px;
    height: 64px;
    padding: 16px;
    margin: 0
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .top-side-menu-link.icon.has-collections-notifications::before {
        top: 21px
    }

    .navbar .main-menu-wrapper .top-side-menu-link.profile {
        padding: 16px 12px
    }
}

@media (max-width: 1029px) {
    .navbar .main-menu-wrapper .top-side-menu-link.profile {
        width: 40px;
        height: 48px;
        padding: 12px 8px;
        margin-right: -8px
    }
}

.navbar .main-menu-wrapper .top-side-menu-link.profile .svg-icon {
    transition: transform .3s, opacity .3s, color .3s;
    position: absolute;
    top: 50%;
    left: 50%
}

.navbar .main-menu-wrapper .top-side-menu-link.profile .svg-icon.close-icon {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0
}

.navbar .main-menu-wrapper .top-side-menu-link.profile .avatar {
    transition: transform .3s, opacity .3s;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px;
    transform: scale(1);
    opacity: 1
}

.navbar .main-menu-wrapper .top-side-menu-link.profile .avatar img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    width: 100%;
    height: 100%
}

.navbar .main-menu-wrapper .top-side-menu-link.profile-default {
    padding-left: 8px;
    padding-right: 8px;
    height: 52px;
    width: 32px
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .top-side-menu-link.profile .avatar {
        width: 32px;
        height: 32px
    }

    .navbar .main-menu-wrapper .top-side-menu-link.profile-default {
        padding-left: 16px;
        padding-right: 16px;
        width: 56px;
        height: 64px
    }
}

.navbar .main-menu-wrapper .top-side-menu-link.profile-default .avatar-default {
    transition: transform .3s, opacity .3s;
    display: block;
    width: 22px;
    height: 22px;
    transform: scale(1);
    opacity: 1
}

.navbar .main-menu-wrapper .top-side-menu-link.profile-default .avatar-default .svg-icon {
    transition: transform .3s, opacity .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.navbar .main-menu-wrapper .top-side-menu-item {
    transition: background-color .2s;
    display: block;
    flex: 0 0 auto
}

.navbar .main-menu-wrapper .top-side-menu-item.top-side-menu-item-collection, .navbar .main-menu-wrapper .top-side-menu-item.top-side-menu-item-wishlist {
    display: none
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .top-side-menu-link.profile-default .avatar-default {
        width: 24px;
        height: 24px
    }

    .navbar .main-menu-wrapper .top-side-menu-item.top-side-menu-item-collection, .navbar .main-menu-wrapper .top-side-menu-item.top-side-menu-item-wishlist {
        display: block
    }
}

.navbar .main-menu-wrapper .top-side-menu-item.login {
    margin-left: 16px;
    margin-right: 8px;
    display: none
}

.navbar .main-menu-wrapper .top-side-menu-item > .svg-icon {
    width: 18px;
    height: 16px;
    opacity: .7
}

@media (max-width: 1029px) {
    .navbar .main-menu-wrapper .top-side-menu-item.open .dropdown-backdrop {
        display: none
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.icon.has-collections-notifications::before, .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.icon.has-notifications .notifications-counter {
        opacity: 0
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.icon .svg-icon {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.icon .svg-icon.close-icon {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.profile .avatar, .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.profile .avatar-default {
        transform: scale(0);
        opacity: 0
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open .top-side-menu-link.profile .svg-icon.close-icon {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    body.search-opened .navbar .main-menu-wrapper .top-logo, body.search-opened .navbar .main-menu-wrapper .top-mobile-menu-trigger {
        opacity: 0;
        max-width: 0;
        margin: 0
    }
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .top-side-menu-item.login {
        display: block
    }

    .navbar .main-menu-wrapper .top-side-menu-item > .svg-icon {
        width: 20px;
        height: 20px
    }

    .navbar .main-menu-wrapper .top-side-menu-item.open, .navbar .main-menu-wrapper .top-side-menu-item:hover:not(.login) {
        background-color: rgba(255, 255, 255, .15)
    }
}

.navbar .main-menu-wrapper .bottom-mobile-menu {
    align-self: flex-end;
    list-style: none;
    margin: auto 0 0;
    padding: 20px 0 0;
    flex: 0 0 auto;
    width: 100%;
    z-index: 5
}

.navbar .main-menu-wrapper .bottom-mobile-menu::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 32px);
    height: 1px;
    background: #e0dde3;
    transform: translateX(-50%);
    content: '';
    display: block
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .bottom-mobile-menu::before {
        width: calc(100% - 48px)
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu.bottom-desktop-menu {
        margin-top: 12px;
        padding-top: 9px;
        margin-bottom: 12px
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu:not(.bottom-desktop-menu) {
        display: none
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-item {
        margin-top: 4px
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-item:first-child {
        margin-top: 0
    }
}

.navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-item {
    display: block;
    flex: 0 0 100%
}

.navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link {
    display: block;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #47404f;
    text-decoration: none
}

.navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link::after {
    transition: border-color .2s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #47404f;
    content: '';
    display: inline-block;
    margin-left: 4px
}

.navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link .sub-label {
    font-weight: 400
}

.navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link .svg-icon {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    color: inherit
}

.top-side-menu-item a {
    color: #ebe9ed
}

.menu-row {
    background: inherit
}

.bottom-mobile-screen-wrapper {
    transition: transform .3s, opacity .2s;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: inherit;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    opacity: 0;
    z-index: 20
}

.bottom-mobile-screen-wrapper.active {
    opacity: 1;
    transform: translateX(0);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

@media (min-width: 1030px) {
    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link {
        transition: background-color .2s, color .2s;
        padding: 9px 24px
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:focus-visible, .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:hover {
        outline: 0;
        color: #47404f;
        background-color: #fff
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:focus-visible::after, .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:hover::after {
        border-color: transparent transparent transparent #47404f
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:focus-visible:active, .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:hover:active {
        color: #47404f;
        background-color: #ebe9ed
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:focus-visible:active::after, .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link:hover:active::after {
        border-color: transparent transparent transparent #47404f
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link .region-icon.region-icon-round {
        width: 16px;
        height: 16px;
        margin-bottom: -3px;
        margin-right: 8px
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link .region-icon.region-icon-round .flag-small-icon {
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        transform: scale(1.6)
    }

    .navbar .main-menu-wrapper .bottom-mobile-menu .bottom-mobile-menu-link .region-icon.region-icon-round .flag-regular-icon {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        margin: 0;
        top: -4px;
        left: -4px
    }

    .bottom-mobile-screen-wrapper:not(.bottom-desktop-screen-wrapper) {
        display: none
    }
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper {
    margin: 24px 0 0
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper .menu-keyshops-switch {
    cursor: pointer
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper .keyshop-switch-label {
    transition: color .3s;
    display: block;
    flex: 0 0 auto;
    margin: 0 0 0 8px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #70657b;
    cursor: pointer
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper .switch {
    display: block;
    flex: 0 0 24px;
    width: 24px;
    margin: 0
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper .switch.active ~ .keyshop-switch-label {
    color: #1f1c22
}

.bottom-mobile-screen-wrapper .keyshop-switch-wrapper ~ p {
    margin-top: 24px
}

.bottom-mobile-screen-wrapper .settings-menu-option-default {
    display: block;
    font-size: 14px;
    line-height: 17px;
    padding: 16px;
    color: #5c5365;
    margin: 4px 0;
    background: 0 0 !important
}

.bottom-mobile-screen-wrapper .settings-menu-option-default::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 32px);
    height: 1px;
    background: #e0dde3;
    transform: translateX(-50%);
    content: '';
    display: block
}

.bottom-mobile-screen-wrapper .settings-menu-option-default .svg-icon {
    right: 16px
}

@media (min-width: 1030px) {
    .bottom-mobile-screen-wrapper .settings-menu-option-default::after {
        top: -4px
    }

    .bottom-mobile-screen-wrapper .settings-menu-option-default {
        transition: background-color .2s;
        background: 0 0;
        padding: 12px 16px
    }

    .bottom-mobile-screen-wrapper .settings-menu-option-default:hover {
        background-color: #fff !important
    }
}

.bottom-mobile-screen-back {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #5c5365 !important;
    text-decoration: none;
    padding: 16px;
    background: 0 0 !important
}

.bottom-mobile-screen-back::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 32px);
    height: 1px;
    background: #e0dde3;
    transform: translateX(-50%);
    content: '';
    display: block
}

@media (min-width: 1030px) {
    .bottom-mobile-screen-back {
        transition: background-color .2s;
        padding: 12px 16px;
        margin: 4px 0
    }

    .bottom-mobile-screen-back:hover {
        background-color: #fff !important
    }

    .bottom-mobile-screen-back::after {
        bottom: -4px
    }

    .bottom-mobile-screen-back .region-icon.region-icon-round {
        width: 16px;
        height: 16px;
        margin-bottom: -3px;
        margin-right: 8px
    }

    .bottom-mobile-screen-back .region-icon.region-icon-round .flag-small-icon {
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        transform: scale(1.6)
    }

    .bottom-mobile-screen-back .region-icon.region-icon-round .flag-regular-icon {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        margin: 0;
        top: -4px;
        left: -4px
    }
}

.bottom-mobile-screen-back .svg-icon {
    display: inline-block;
    color: inherit;
    margin-right: 8px;
    margin-bottom: -2px
}

.bottom-mobile-screen-back::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #5c5365 transparent transparent;
    content: '';
    display: inline-block;
    margin-right: 4px
}

.bottom-mobile-screen-content {
    display: block;
    padding: 16px;
    margin: 8px 0 0;
    height: 100%;
    max-height: calc(100% - 56px);
    overflow-x: hidden;
    overflow-y: scroll
}

.bottom-mobile-screen-content.with-default-option {
    max-height: calc(100% - 56px - 56px)
}

@media (min-width: 1030px) {
    .bottom-mobile-screen-content {
        margin-top: 0;
        max-height: calc(100% - 48px)
    }

    .bottom-mobile-screen-content.with-default-option {
        max-height: calc(100% - 48px - 50px)
    }

    .bottom-mobile-screen-content .settings-menu-select-list {
        display: block;
        margin-left: -16px;
        margin-right: -16px;
        width: auto
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option .settings-menu-select-option-link {
        transition: background-color .2s;
        color: #70657b;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 17px
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option .settings-menu-select-option-link:hover {
        background-color: #fff
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option .settings-menu-select-option-link .region-icon.region-icon-round {
        width: 16px;
        height: 16px;
        margin-bottom: -3px;
        margin-right: 8px
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option .settings-menu-select-option-link .region-icon.region-icon-round .flag-small-icon {
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        transform: scale(1.6)
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option .settings-menu-select-option-link .region-icon.region-icon-round .flag-regular-icon {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        margin: 0;
        top: -4px;
        left: -4px
    }

    .bottom-mobile-screen-content .settings-menu-select-list .settings-menu-select-option.active .settings-menu-select-option-link {
        color: #1f1c22;
        background-color: rgba(255, 255, 255, .1)
    }
}

.bottom-mobile-screen-content p {
    color: #47404f;
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.bottom-mobile-screen-content a.read-more {
    transition: color .2s;
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #279af1;
    text-decoration: none
}

.bottom-mobile-screen-content a.read-more::after {
    transition: border-color .2s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #279af1;
    content: '';
    display: inline-block;
    margin-left: 4px
}

.bottom-mobile-screen-content a.read-more:hover {
    color: #52aef4
}

.bottom-mobile-screen-content a.read-more:hover::after {
    border-color: transparent transparent transparent #52aef4
}

.bottom-mobile-screen-content .settings-menu-select-list {
    max-height: unset;
    background: 0 0
}

.bottom-mobile-wrapper.submenu-opened {
    overflow-y: hidden !important
}

.menu-profile-dropdown > .dropdown-menu {
    transition: transform .3s, opacity .3s;
    background: #f4f5f6;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 20px 0;
    margin: 0;
    position: fixed;
    left: auto;
    top: 56px;
    flex: none;
    width: 90vw;
    max-width: 420px;
    right: 0;
    opacity: 0;
    height: calc(100% - 56px);
    transform: translateX(100vw);
    overflow-x: hidden;
    overflow-y: auto
}

.menu-profile-dropdown.open {
    z-index: 100
}

@media (min-width: 1030px) {
    .menu-profile-dropdown > .dropdown-menu {
        transition: max-height .3s;
        top: 80%;
        right: 16px;
        width: 254px;
        max-width: unset;
        position: absolute;
        border-radius: 4px;
        height: auto;
        max-height: 0;
        opacity: 1;
        transform: none;
        display: block;
        padding: 0;
        box-shadow: none;
        overflow: hidden
    }

    .menu-profile-dropdown.open > .dropdown-menu {
        max-height: 654px
    }
}

.menu-profile-list {
    padding: 0;
    margin: 0 0 16px;
    border: none;
    list-style: none
}

.menu-profile-list .menu-profile-list-link {
    transition: background-color .2s;
    color: #5c5365;
    padding: 12px 16px;
    font-size: 21px;
    line-height: 27px
}

@media (min-width: 1030px) {
    .menu-profile-list {
        margin-bottom: 0
    }

    .menu-profile-list .menu-profile-list-link {
        padding: 12px 24px;
        font-size: 18px;
        line-height: 22px
    }
}

.menu-profile-list .menu-profile-list-link:focus-visible, .menu-profile-list .menu-profile-list-link:hover {
    outline: 0;
    background-color: #fff
}

.menu-profile-list .menu-profile-list-link:focus-visible:active, .menu-profile-list .menu-profile-list-link:hover:active {
    background-color: #ebe9ed
}

.menu-profile-list .menu-profile-list-link::before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: 0 0;
    cursor: pointer
}

.menu-profile-list .menu-profile-list-login {
    transition: background-color .2s;
    padding: 12px 16px 24px;
    color: #1f1c22;
    flex-direction: row
}

@media (min-width: 1030px) {
    .menu-profile-list .menu-profile-list-login {
        padding: 24px
    }
}

.menu-profile-list .menu-profile-list-item {
    display: block;
    padding: 0
}

.menu-profile-list .menu-profile-list-item.avatar-item {
    margin-bottom: 12px
}

.menu-profile-list .menu-profile-list-item.avatar-item::after {
    display: block;
    width: calc(100% - 32px);
    margin: 0 auto;
    height: 1px;
    background: #e0dde3;
    content: ''
}

.menu-profile-list .menu-profile-list-item .profile-link-label {
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    font-size: 21px;
    line-height: 27px
}

@media (min-width: 1030px) {
    .menu-profile-list .menu-profile-list-item.avatar-item::after {
        width: calc(100% - 48px)
    }

    .menu-profile-list .menu-profile-list-item .profile-link-label {
        font-size: 18px;
        line-height: 22px
    }
}

.menu-profile-list .menu-profile-list-item .label {
    margin: -4px 0 0 6px
}

.menu-profile-list .menu-profile-list-item .menu-profile-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
    background-color: #47404f;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    overflow: hidden
}

.menu-profile-list .menu-profile-list-item .menu-profile-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.menu-profile-list .menu-profile-list-item .menu-profile-label {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    vertical-align: middle;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 8px;
    flex: 1 1 auto
}

.menu-profile-list .menu-profile-list-item .menu-profile-label .user-info {
    font-family: Lato, Lato2, sans-serif;
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #70657b
}

.menu-profile-list .menu-profile-list-item.active .menu-profile-list-link, .menu-profile-list .menu-profile-list-item.active:hover .menu-profile-list-link {
    color: #1f1c22
}

.navbar-wrapper {
    height: 56px;
    background: #0a090b
}

.navbar-wrapper.menu-pinned .navbar {
    position: fixed;
    top: 0;
    left: 0
}

.settings-menu {
    background-color: #332e38;
    color: #d6d2da;
    z-index: 145;
    display: none
}

.settings-menu .settings-menu-select-list .settings-menu-select-option {
    font-size: 12px;
    line-height: 13px;
    max-width: 100%
}

.settings-menu .settings-menu-wrapper {
    margin-left: -12px;
    margin-right: -12px
}

.settings-menu .settings-menu-wrapper .settings-menu-col {
    flex: 0 0 auto
}

.settings-menu .settings-menu-wrapper .settings-menu-col.last {
    margin-left: auto
}

.settings-menu .settings-menu-select-action {
    transition: background-color .2s;
    padding: 9px 12px;
    height: 32px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 13px;
    color: #ebe9ed;
    z-index: 3
}

.settings-menu .settings-menu-select-action .settings-menu-select-action-value {
    display: block;
    font-weight: 700;
    margin-left: 4px
}

.settings-menu .settings-menu-select-action:hover {
    background-color: rgba(255, 255, 255, .12)
}

@media (min-width: 1030px) {
    .navbar-wrapper {
        height: 64px
    }

    .settings-menu {
        display: block
    }

    .settings-menu .settings-menu-select-action::after {
        transition: transform .2s;
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 0;
        border-color: #ebe9ed transparent transparent;
        margin: 2px 0 0 8px
    }

    .settings-menu .settings-menu-dropdown .region-icon.region-icon-round .flag-regular-icon {
        top: -6px;
        left: -6px;
        transform: scale(.8)
    }
}

.settings-menu .settings-menu-dropdown.open .settings-menu-select-action {
    background-color: rgba(255, 255, 255, .12)
}

.settings-menu .settings-menu-dropdown.open .settings-menu-select-action::after {
    transform: rotate(180deg)
}

.settings-menu .settings-menu-dropdown.open .settings-menu-select-list {
    max-height: 800px;
    z-index: 992
}

.gg-theme-switcher {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 13px;
    color: #ebe9ed;
    background: 0 0;
    border: none;
    margin: 0;
    overflow: hidden
}

.gg-theme-switcher .switch-label-wrapper {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    height: 16px
}

.gg-theme-switcher .switch-label {
    display: block;
    flex: 0 0 auto;
    color: inherit
}

.gg-theme-switcher .switch-label ~ .switch-label {
    display: none
}

.gg-theme-switcher .switch-static-label {
    transition: color .2s;
    display: block;
    flex: 0 0 auto;
    margin: 0 4px 0 0;
    font-weight: 400;
    line-height: 16px
}

.gg-theme-switcher .switch {
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 16px;
    border-radius: 8px;
    margin: 0 32px 0 0;
    overflow: hidden;
    background: #736b7a
}

.gg-theme-switcher .switch::before {
    transition: transform .3s ease-in-out;
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-14px, -50%);
    background: #ebe9ed;
    z-index: 1
}

.gg-theme-switcher .switch::after {
    transition: transform .3s ease-in-out;
    position: absolute;
    content: '';
    display: block;
    width: 10.5px;
    height: 10.5px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-32px, -50%);
    background: #736b7a;
    z-index: 2
}

.gg-theme-switcher .switch ~ .switch-label, .gg-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label {
    transition: opacity .3s ease-in-out, transform .4s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    display: block
}

.gg-theme-switcher .switch ~ .switch-label ~ .switch-label, .gg-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label ~ .switch-label {
    display: block
}

.gg-theme-switcher .switch ~ .switch-label.light, .gg-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label.light {
    opacity: 1;
    transform: translateY(-50%)
}

.gg-theme-switcher .switch ~ .switch-label.dark, .gg-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label.dark {
    color: #fff;
    opacity: 0;
    transform: translateY(-150%)
}

.gg-theme-switcher .switch ~ .switch-label {
    right: 12px;
    left: auto
}

.gg-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label {
    right: auto;
    left: 0
}

.gg-theme-switcher:not(.selected):hover {
    color: #ebe9ed
}

.gg-theme-switcher:not(.selected):hover .switch::before {
    transform: translate(-50%, -50%)
}

.gg-theme-switcher:not(.selected):hover .switch::after {
    transform: translate(-12px, -50%)
}

.gg-theme-switcher:not(.selected):hover .switch ~ .switch-label, .gg-theme-switcher:not(.selected):hover .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label {
    transition: opacity .3s ease-in-out, transform .4s ease-in-out
}

.gg-theme-switcher:not(.selected):hover .switch ~ .switch-label.light, .gg-theme-switcher:not(.selected):hover .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label.light {
    opacity: 0;
    transform: translateY(100%)
}

.gg-theme-switcher:not(.selected):hover .switch ~ .switch-label.dark, .gg-theme-switcher:not(.selected):hover .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label.dark {
    opacity: 1;
    transform: translateY(-50%)
}

.gg-theme-switcher:not(.selected):hover:active .switch::before, .gg-theme-switcher:not(.selected):hover:focus .switch::before {
    transform: translate(-2px, -50%)
}

.gg-theme-switcher:not(.selected):hover:active .switch::after, .gg-theme-switcher:not(.selected):hover:focus .switch::after {
    transform: translate(-6px, -50%)
}

.gg-theme-switcher.list-theme-switcher {
    font-size: 14px;
    line-height: 16px;
    color: #47404f;
    padding: 12px 16px;
    width: 100%
}

.gg-theme-switcher.list-theme-switcher:hover .switch-static-label {
    color: #0a090b
}

.gg-theme-switcher.list-theme-switcher .switch {
    margin-right: 8px
}

.gg-theme-switcher.list-theme-switcher .switch ~ .switch-label, .gg-theme-switcher.list-theme-switcher .switch ~ .switch-static-label ~ .switch-label-wrapper .switch-label {
    font-size: 14px;
    color: #0a090b
}

body.menu-more-opened #menu-settings, body.notifications-opened #menu-settings, body.search-opened #menu-settings, body.user-menu-opened #menu-settings {
    z-index: 1039
}

body.menu-more-opened .navbar, body.notifications-opened .navbar, body.search-opened .navbar, body.user-menu-opened .navbar {
    z-index: 1038
}

body.menu-more-opened .game-section, body.notifications-opened .game-section, body.search-opened .game-section, body.user-menu-opened .game-section {
    z-index: 0
}

body.menu-opened .site-banner-top-widget, body.notifications-opened .site-banner-top-widget, body.search-opened .site-banner-top-widget, body.user-menu-opened .site-banner-top-widget {
    transition: max-height .2s linear;
    max-height: 0
}

body.search-opened .navbar .main-menu-wrapper .top-menu, body.search-opened .navbar .main-menu-wrapper .top-side-menu {
    overflow: hidden;
    max-width: 0;
    opacity: 0;
    margin: 0
}

body.search-opened .navbar .main-menu-wrapper .top-search {
    max-width: 100%;
    padding: 12px 48px 12px 8px
}

body.search-opened .navbar .main-menu-wrapper .top-search .search-close-btn {
    transition: transform .3s .15s, opacity .2s .15s;
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

body.search-opened .navbar .main-menu-wrapper .top-search .search-close-btn::after, body.search-opened .navbar .main-menu-wrapper .top-search .search-close-btn::before {
    transition: opacity .3s, transform .3s, width .3s;
    opacity: 1;
    width: 18px
}

body.search-opened .navbar .main-menu-wrapper .top-search .search-close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

body.search-opened .navbar .main-menu-wrapper .top-search .search-close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-platform-dropdown {
    opacity: 1;
    z-index: 20;
    width: 58px
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper::before {
    display: none
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-input {
    position: relative;
    z-index: 1;
    transition: padding .2s 50ms, height .2s .2s, font-size .2s;
    height: 32px;
    padding: 8px 38px 8px 70px;
    background-color: #fff
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-submit {
    opacity: 1;
    left: 8px;
    display: none;
    z-index: 2
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-input-icon-out {
    opacity: 0;
    right: -16px
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results {
    transition: max-height .3s, opacity .3s;
    opacity: 1;
    max-height: calc(100% - 56px)
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results .loading-wrapper {
    position: absolute;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.01);
    z-index: 2;
    display: block
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results.loading .search-results-main {
    transition: opacity .2s;
    opacity: .5
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results.loading .search-results-trending {
    transition: opacity .2s;
    opacity: .3
}

body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results.loading .loading-wrapper {
    transition: transform .2s, opacity .2s;
    opacity: 1;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%) scale(1)
}

@media (min-width: 1030px) {
    .gg-theme-switcher.list-theme-switcher {
        padding: 9px 24px
    }

    body.menu-opened .site-banner-top-widget, body.notifications-opened .site-banner-top-widget, body.search-opened .site-banner-top-widget, body.user-menu-opened .site-banner-top-widget {
        transition: none;
        max-height: unset
    }

    body.search-opened .navbar .main-menu-left-side {
        overflow: hidden
    }

    body.search-opened .navbar .main-menu-wrapper .top-search {
        max-width: 1033px;
        padding: 16px 72px 16px 48px
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-platform-dropdown {
        width: 144px
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-input {
        height: 40px;
        padding: 11.5px 16px 11.5px 192px
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-submit {
        left: 160px;
        display: block
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .input-wrapper .search-input-icon-out {
        right: -16px
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results {
        transition: max-height .4s .2s, opacity .3s;
        max-height: calc(100vh - 109px)
    }

    body.search-opened .navbar .main-menu-wrapper .top-search #global-search-form .search-results.loading .loading-wrapper {
        top: 50%
    }

    #global-search-form {
        display: block
    }
}

#global-search-form {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

#global-search-form .search-platform-dropdown {
    transition: opacity .3s linear;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    color: #70657b;
    background-color: #fff;
    border-radius: 4px 0 0 4px
}

#global-search-form .search-platform-dropdown.open {
    border-radius: 4px 0 0
}

#global-search-form .search-platform-dropdown::after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 24px;
    transform: translateY(-50%);
    z-index: 1;
    background: #d6d2da;
    content: '';
    display: block
}

#global-search-form .search-platform-dropdown .dropdown-menu {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0 0 4px 4px;
    padding: 0;
    background-color: #fff;
    min-width: 126px;
    border: none;
    border-top: 1px solid #d6d2da
}

#global-search-form .search-platform-dropdown .menu-item {
    transition: background-color .2s, color .2s;
    display: flex;
    cursor: pointer;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: transparent;
    color: #70657b
}

@media (min-width: 1030px) {
    #global-search-form .search-platform-dropdown .dropdown-menu {
        min-width: 144px
    }

    #global-search-form .search-platform-dropdown .menu-item {
        padding: 8px 16px
    }
}

#global-search-form .search-platform-dropdown .menu-item:hover:not(.active) {
    background-color: #f4f5f6
}

#global-search-form .search-platform-dropdown .menu-item.active {
    color: #5c5365;
    background-color: #ebe9ed
}

#global-search-form .search-platform-dropdown .menu-item .item-name-short {
    display: none
}

#global-search-form .search-platform-dropdown .menu-item .svg-icon.size-16 {
    width: 16px
}

#global-search-form .search-platform-dropdown .search-platform-dropdown-btn {
    background: 0 0;
    border: none;
    text-align: left;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    color: #70657b;
    height: 32px;
    padding: 8px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#global-search-form .search-platform-dropdown .search-platform-dropdown-btn::after {
    transition: transform .2s;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    margin: 5px 0 0 auto
}

#global-search-form .search-platform-dropdown .search-platform-dropdown-btn .item-name {
    display: none
}

@media (min-width: 1030px) {
    #global-search-form .search-platform-dropdown .search-platform-dropdown-btn {
        height: 40px;
        padding: 12px 16px
    }

    #global-search-form .search-platform-dropdown .search-platform-dropdown-btn .item-name {
        display: block
    }

    #global-search-form .search-platform-dropdown .search-platform-dropdown-btn .item-name-short {
        display: none
    }
}

#global-search-form .search-platform-dropdown .platform-name {
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px
}

#global-search-form .search-platform-dropdown.open .search-platform-dropdown-btn::after {
    transform: rotate(180deg)
}

#global-search-form .input-wrapper {
    transition: border-radius .2s;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff
}

#global-search-form .input-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #8f849a;
    width: 100%;
    height: 24px;
    padding: 5.5px 28px 5.5px 8px;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    opacity: 1;
    content: 'Search';
    z-index: 1
}

@media (min-width: 1030px) {
    #global-search-form .input-wrapper::before {
        display: none
    }
}

#global-search-form .input-wrapper .search-input {
    transition: padding .2s 50ms, height .1s, font-size .15s;
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
    border: 0;
    background: 0 0;
    color: #1f1c22;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 4px 28px 4px 8px;
    height: 24px;
    outline: 0
}

#global-search-form .input-wrapper .search-input:focus {
    font-size: 16px
}

@media (min-width: 1030px) {
    #global-search-form .input-wrapper .search-input {
        font-size: 14px;
        line-height: 17px;
        padding: 11.5px 48px 11.5px 16px;
        height: 40px
    }

    #global-search-form .input-wrapper .search-input:focus {
        font-size: 16px
    }
}

#global-search-form .input-wrapper .search-input::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #8f849a;
    width: 100%;
    height: 24px;
    padding: 5.5px 28px 5.5px 8px;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    opacity: 1;
    content: 'Search'
}

#global-search-form .input-wrapper .search-input::-moz-placeholder {
    color: #8f849a;
    font-weight: 700;
    opacity: 0;
    font-size: 12px;
    line-height: 13px
}

#global-search-form .input-wrapper .search-input::placeholder {
    color: #8f849a;
    font-weight: 700;
    opacity: 0;
    font-size: 12px;
    line-height: 13px
}

@media (min-width: 1030px) {
    #global-search-form .input-wrapper .search-input::before {
        display: none
    }

    #global-search-form .input-wrapper .search-input::-moz-placeholder {
        opacity: 1;
        font-size: 14px;
        line-height: 17px
    }

    #global-search-form .input-wrapper .search-input::placeholder {
        opacity: 1;
        font-size: 14px;
        line-height: 17px
    }
}

#global-search-form .input-wrapper .search-input ~ .reset-button {
    transition: right .2s, opacity .2s;
    position: absolute;
    z-index: 4;
    display: block;
    border: 0;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    box-shadow: none;
    min-width: unset;
    border-radius: 0;
    right: 8px;
    opacity: 1;
    width: 22px;
    height: 16px;
    color: #1f1c22
}

#global-search-form .input-wrapper .search-input:-moz-placeholder-shown ~ .reset-button {
    right: -16px;
    opacity: 0
}

#global-search-form .input-wrapper .search-input:placeholder-shown ~ .reset-button {
    right: -16px;
    opacity: 0
}

#global-search-form .input-wrapper .search-submit {
    transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 12px;
    height: 12px;
    background: 0 0;
    border: none;
    padding: 0;
    left: -12px;
    opacity: 0;
    z-index: -1
}

#global-search-form .input-wrapper .search-submit .svg-icon {
    display: block;
    width: 12px;
    height: 12px
}

@media (min-width: 1030px) {
    #global-search-form .input-wrapper .search-input ~ .reset-button {
        right: 16px
    }

    #global-search-form .input-wrapper .search-submit {
        width: 16px;
        height: 16px;
        left: -16px
    }

    #global-search-form .input-wrapper .search-submit .svg-icon {
        width: 16px;
        height: 16px
    }
}

#global-search-form .input-wrapper .search-input-icon-out {
    transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 12px;
    height: 12px;
    right: 8px;
    z-index: 2
}

#global-search-form .search-results-main, #global-search-form .search-results-trending {
    flex: 0 0 100%;
    width: 100%
}

#global-search-form .search-results-trending {
    transition: opacity .3s, max-heigh .3s;
    display: block;
    overflow: hidden;
    flex: 0 0 100%;
    width: 100%;
    padding: 0 24px
}

@media (max-width: 1029px) {
    body.menu-opened::before, body.user-menu-opened::before {
        transition: opacity .3s;
        width: 100vw;
        height: 150vh;
        z-index: 60;
        opacity: .5
    }

    body.menu-opened .navbar, body.user-menu-opened .navbar {
        z-index: 1040
    }

    body.menu-opened .main-menu-wrapper .top-mobile-menu-trigger span {
        transition: opacity .3s, transform .3s, left .2s
    }

    body.menu-opened .main-menu-wrapper .top-mobile-menu-trigger span:first-child {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg)
    }

    body.menu-opened .main-menu-wrapper .top-mobile-menu-trigger span:nth-child(2) {
        opacity: 0;
        left: -100%;
        max-width: 0;
        transform: translateY(-50%)
    }

    body.menu-opened .main-menu-wrapper .top-mobile-menu-trigger span:nth-child(3) {
        bottom: 50%;
        transform: translate(-50%, 50%) rotate(-45deg)
    }

    body.menu-opened .main-menu-wrapper .top-logo, body.menu-opened .main-menu-wrapper .top-search, body.menu-opened .main-menu-wrapper .top-side-menu {
        z-index: 995
    }

    body.menu-opened .main-menu-wrapper .top-menu {
        opacity: 1;
        transform: translateX(0);
        z-index: 1000
    }

    body.notifications-opened .main-menu-wrapper .menu-notifications-dropdown > .dropdown-menu, body.user-menu-opened .main-menu-wrapper .menu-profile-dropdown > .dropdown-menu {
        transform: translateX(0);
        opacity: 1
    }

    #global-search-form .search-results-trending {
        overflow: visible;
        height: 100%
    }
}

#global-search-form .search-results-trending .trending-heading {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #47404f;
    margin: 0 0 16px
}

#global-search-form .search-results {
    transition: max-height .2s, opacity .3s .15s;
    overflow: hidden;
    max-height: 0;
    height: calc(100% - 56px);
    opacity: 0;
    left: 0;
    width: 100%;
    background-color: #f4f5f6;
    z-index: 5;
    position: fixed;
    top: 56px
}

@media (min-width: 1030px) {
    #global-search-form .input-wrapper .search-input-icon-out {
        width: 16px;
        height: 16px;
        right: 16px
    }

    #global-search-form .search-results-trending {
        padding: 24px
    }

    #global-search-form .search-results-trending .trending-heading {
        margin-bottom: 24px
    }

    #global-search-form .search-results {
        position: absolute;
        top: 100%;
        height: auto;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #e0dde3
    }
}

#global-search-form .search-results .search-hints-preset-list-wrapper {
    margin: 0 -16px;
    padding: 16px;
    min-height: calc(24px + 16px + 16px)
}

#global-search-form .search-results .search-hints-preset-list-wrapper ~ .search-results-games {
    max-height: calc(100% - 76px - 56px)
}

@media (min-width: 795px) {
    #global-search-form .search-results .search-hints-preset-list-wrapper ~ .search-results-games {
        max-height: calc(100% - 84px - 56px)
    }
}

#global-search-form .search-results .search-hints-preset-list-wrapper ~ .search-results-games .global-search-item.search-result-game:first-child {
    border-top: 1px solid #ebe9ed
}

#global-search-form .search-results .badges-container.search-hints-preset-list {
    margin: 0;
    gap: 4px;
    overflow-x: scroll;
    flex-wrap: nowrap
}

#global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper {
    margin: 0
}

#global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper:first-of-type {
    margin-left: 16px
}

#global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper:last-of-type {
    margin-right: 16px
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-hints-preset-list-wrapper {
        margin: 0 -24px;
        padding: 16px 24px
    }

    #global-search-form .search-results .search-hints-preset-list-wrapper ~ .search-results-games {
        max-height: calc(100vh - 240px)
    }

    #global-search-form .search-results .badges-container.search-hints-preset-list {
        gap: 8px;
        overflow: hidden;
        flex-wrap: wrap;
        max-height: 56px
    }

    #global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper, #global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper:first-of-type, #global-search-form .search-results .badges-container.search-hints-preset-list .badge-wrapper:last-of-type {
        margin: 0
    }
}

#global-search-form .search-results .search-results-inner {
    position: relative;
    padding: 24px 0 16px;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    height: 100%
}

@media (min-width: 795px) {
    #global-search-form .search-results .search-results-inner {
        padding: 24px 0
    }
}

#global-search-form .search-results .search-results-tabs {
    transition: opacity .3s .3s;
    position: relative;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100vw;
    width: 100vw;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e0dde3
}

#global-search-form .search-results .search-results-tabs::before {
    content: '';
    background: #ebe9ed
}

#global-search-form .search-results .search-results-tabs::after {
    transition: left .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33.333334%;
    height: 4px;
    display: block;
    z-index: 1;
    content: '';
    background: #279af1
}

#global-search-form .search-results .search-results-tabs[data-search-active-tab="2"]::after {
    left: 33.333334%
}

#global-search-form .search-results .search-results-tabs[data-search-active-tab="3"]::after {
    left: 66.666667%
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-results-inner {
        padding: 0;
        height: auto
    }

    #global-search-form .search-results .search-results-tabs {
        background: #f4f5f6;
        position: absolute;
        top: 0;
        left: 0;
        right: 33.333334%;
        z-index: 2;
        flex: 0 0 66.6666%;
        width: 66.6666%;
        padding: 18px 0 0
    }

    #global-search-form .search-results .search-results-tabs::after {
        width: 33%
    }

    #global-search-form .search-results .search-results-tabs[data-search-active-tab="2"]::after {
        left: 33%
    }
}

#global-search-form .search-results .search-results-tabs .results-tab {
    transition: border-color .3s, opacity .3s;
    position: relative;
    z-index: 2;
    display: block;
    flex: 0 0 33.333334%;
    max-width: 33.333334%
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-results-tabs .results-tab {
        flex: 0 0 33%;
        max-width: 33%
    }

    #global-search-form .search-results .search-results-tabs .results-tab:nth-child(3) {
        display: none
    }
}

@media (min-width: 1200px) {
    #global-search-form .search-results .search-results-tabs::after {
        width: 22%
    }

    #global-search-form .search-results .search-results-tabs[data-search-active-tab="2"]::after {
        left: 22%
    }

    #global-search-form .search-results .search-results-tabs .results-tab {
        flex: 0 0 22%;
        max-width: unset
    }
}

#global-search-form .search-results .search-results-tabs .results-tab button {
    transition: color .2s, background-color .2s;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 16px 12px;
    margin: 0;
    color: #47404f;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background: 0 0;
    border: 0;
    white-space: nowrap
}

#global-search-form .search-results .search-results-tabs .results-tab button .badge {
    display: inline-block;
    margin: 0 0 0 4px;
    background: #47404f;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    padding: 1.3px 8px 1.7px;
    border-radius: 0;
    vertical-align: top
}

#global-search-form .search-results .search-results-tabs .results-tab.active button {
    color: #1f1c22
}

#global-search-form .search-results .search-results-tabs .results-tab.active button .badge {
    background-color: #1f1c22
}

#global-search-form .search-results .search-results-col {
    transition: transform .3s, opacity .3s;
    display: block;
    flex: 0 0 100vw;
    width: 100vw;
    height: 100%;
    background: #ebe9ed
}

#global-search-form .search-results .search-results-col .btn-show-more {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-results-col {
        background: 0 0;
        display: block;
        width: 100%;
        height: auto;
        padding: 14px 24px 24px
    }

    #global-search-form .search-results .search-results-col.search-results-col-prepaids {
        transform: none;
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
        padding-right: 24px
    }

    #global-search-form .search-results .search-results-col.search-results-col-prepaids .btn-show-more {
        width: 100%;
        max-width: 392px
    }

    #global-search-form .search-results .search-results-col.search-results-col-games {
        transform: none;
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
        padding-right: 24px
    }

    #global-search-form .search-results .search-results-col.search-results-col-games .btn-show-more {
        width: 100%;
        max-width: 392px
    }

    #global-search-form .search-results .search-results-col.search-results-col-news {
        transform: none;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding-left: 24px
    }
}

@media (min-width: 1030px) and (min-width: 1030px) {
    #global-search-form .search-results .search-results-col.search-results-col-news {
        background: #ebe9ed
    }
}

#global-search-form .search-results .search-results-col.search-results-col-wrapper {
    flex: 0 0 200vw;
    width: 200vw
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-results-col.search-results-col-wrapper {
        display: flex;
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
        padding: 46px 0 0
    }
}

#global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col-games, #global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col-prepaids {
    transform: none;
    flex: 0 0 50%;
    max-width: 50%
}

#global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col {
    transform: none
}

@media (min-width: 1030px) {
    #global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col {
        transform: none;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0
    }

    #global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col .btn-show-more {
        width: 100%;
        max-width: 392px
    }

    #global-search-form .search-results .search-results-col.search-results-col-wrapper .search-results-col .search-results-heading {
        display: none
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col, #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-wrapper {
        transform: none
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-wrapper .search-results-col {
        transform: translateX(-100%)
    }
}

#global-search-form .search-results .search-results-main {
    transition: opacity .3s .3s;
    position: relative;
    opacity: 0;
    height: 100%;
    max-height: 0;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap
}

#global-search-form .search-results .search-results-main .search-results-col.search-results-col-wrapper {
    display: flex
}

#global-search-form .search-results .search-results-trending-list {
    list-style: none;
    color: #1f1c22;
    margin: 0 -24px;
    padding: 0
}

@media (max-width: 1029px) {
    #global-search-form .search-results .search-results-main .search-results-col {
        transform: translateX(0)
    }

    #global-search-form .search-results .search-results-main .search-results-col.search-results-col-games {
        opacity: 1
    }

    #global-search-form .search-results .search-results-main .search-results-col.search-results-col-news, #global-search-form .search-results .search-results-main .search-results-col.search-results-col-prepaids {
        opacity: 0
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col {
        transform: translateX(-100%)
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-games {
        opacity: 0
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-prepaids {
        opacity: 1
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-news {
        opacity: 0
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-wrapper {
        transform: translateX(-50%)
    }

    #global-search-form .search-results .search-results-main[data-active-tab="2"] .search-results-col.search-results-col-wrapper .search-results-col {
        transform: none
    }

    #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col {
        transform: translateX(-200%)
    }

    #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col.search-results-col-games, #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col.search-results-col-prepaids {
        opacity: 0
    }

    #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col.search-results-col-news {
        opacity: 1
    }

    #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col.search-results-col-wrapper {
        transform: translateX(-100%)
    }

    #global-search-form .search-results .search-results-main[data-active-tab="3"] .search-results-col.search-results-col-wrapper .search-results-col {
        transform: none
    }

    #global-search-form .search-results .search-results-trending-list {
        overflow-y: scroll;
        max-height: calc(100% - 32px)
    }
}

#global-search-form .search-results .search-results-trending-item {
    display: block;
    font-size: 14px;
    line-height: 17px;
    padding: 0;
    border-bottom: 1px solid #e0dde3
}

#global-search-form .search-results .search-results-trending-item:first-child {
    border-top: 1px solid #e0dde3
}

#global-search-form .search-results .search-results-trending-link {
    transition: color .2s, background-color .2s;
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: block;
    font-size: inherit;
    color: inherit;
    padding: 12px 24px;
    background: 0 0
}

#global-search-form .search-results .search-results-trending-link:hover {
    color: #1f1c22;
    background-color: #edeced
}

#global-search-form .search-results .search-results-trending-link .svg-icon {
    display: inline-block;
    margin: 0 8px 0 0
}

#global-search-form .search-results.results-shown .search-results-inner .search-results-tabs {
    transition: opacity .2s;
    opacity: 1;
    max-height: unset
}

#global-search-form .search-results.results-shown .search-results-inner .search-results-main {
    transition: opacity .2s;
    opacity: 1;
    max-height: unset;
    overflow: visible
}

#global-search-form .search-results.results-shown .search-results-inner .search-results-trending {
    transition: opacity .2s, max-height .2s, padding .2s linear;
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0
}

#global-search-form .search-results-heading {
    display: none;
    width: 100%;
    padding-bottom: 16px
}

#global-search-form .search-results-heading h3 {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #5c5365;
    margin: 0
}

#global-search-form .search-results-heading h3 .badge {
    display: inline-block;
    margin: 0 0 0 4px;
    background: #1f1c22;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    padding: 1.3px 8px 1.7px;
    border-radius: 0;
    vertical-align: top
}

#global-search-form .search-box-scroll {
    overflow: hidden;
    max-height: calc(100% - 76px);
    width: 100%
}

#global-search-form .search-hints-preset-list-wrapper + .search-box-scroll {
    max-height: calc(100% - 76px - 56px)
}

@media (min-width: 795px) {
    #global-search-form .search-box-scroll {
        max-height: calc(100% - 84px)
    }

    #global-search-form .search-hints-preset-list-wrapper + .search-box-scroll {
        max-height: calc(100% - 84px - 56px)
    }
}

@media (min-width: 1030px) {
    #global-search-form .search-results-heading {
        display: block
    }

    #global-search-form .search-box-scroll {
        margin-left: -24px;
        margin-right: -24px;
        max-height: calc(100vh - 240px);
        width: unset
    }

    #global-search-form .search-box-scroll.os-theme-thin-dark > .os-scrollbar-vertical {
        width: 4px
    }

    #global-search-form .search-hints-preset-list-wrapper + .search-box-scroll {
        max-height: calc(100vh - 240px - 56px)
    }
}

#global-search-form .search-results-games {
    display: block;
    width: 100%
}

#global-search-form .search-results-games .global-search-item.search-result-game {
    transition: background-color .2s, padding .2s;
    padding: 7px 0;
    margin: 0;
    border-radius: 0;
    height: 64px
}

#global-search-form .search-results-games .global-search-item.search-result-game.border-top-desktop {
    border-top: none;
    border-bottom: 1px solid #ebe9ed
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper {
    min-height: unset;
    padding: 0 16px 0 8px
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-image {
    flex: 0 0 103px;
    width: 103px;
    height: 48px;
    max-height: 48px
}

@media (min-width: 1030px) {
    #global-search-form .search-results-games {
        padding-top: 1px;
        width: unset
    }

    #global-search-form .search-results-games .global-search-item.search-result-game {
        padding: 7px 24px;
        height: 72px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper {
        padding: 0 16px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-options-wrapper {
        left: 24px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-options-wrapper .game-options-list, #global-search-form .search-results-games .global-search-item.search-result-game .game-options-wrapper .game-options-trigger-btn {
        top: 11px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game:last-of-type .game-options-wrapper .game-options-list {
        top: auto;
        bottom: -36px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-image {
        flex: 0 0 120px;
        width: 120px;
        height: 56px;
        max-height: 56px
    }
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-image .main-image {
    overflow: hidden;
    display: block
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper {
    flex-direction: row;
    max-width: calc(100% - 103px)
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-info-title-wrapper {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 2px 0 8px
}

@media (min-width: 1030px) {
    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper {
        max-width: calc(100% - 120px);
        padding-right: 0
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-info-title-wrapper {
        margin-top: 0;
        margin-bottom: 12px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .unavailable-label {
        text-align: initial;
        font-size: 12px;
        line-height: 14px
    }
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-info-title, #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-info-title span, #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .title span {
    color: #0d7dd3
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .price-wrapper {
    transform: none;
    margin: 0;
    flex: 0 0 auto;
    max-width: unset;
    flex-direction: row;
    align-items: baseline;
    height: 20px
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .price-wrapper .price-label {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-right: 4px;
    margin-left: 0
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .price-wrapper .price.game-price {
    margin-left: 0;
    font-size: 16px;
    line-height: 17px
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .price-wrapper .price.game-price .price-inner {
    color: #332e38;
    font-size: 16px;
    line-height: 17px
}

#global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-labels {
    margin: 0 0 0 8px;
    padding: 0
}

#global-search-form .search-results-games .global-search-item.search-result-game.inactive .game-info-wrapper .game-info-title-wrapper {
    margin-bottom: 0
}

#global-search-form .search-results-games .global-search-item.search-result-game .unavailable-label {
    margin: 0;
    color: #70657b;
    font-weight: 400
}

#global-search-form .search-results.platform-results .search-results-games {
    max-height: calc(100% - 108px)
}

#global-search-form .search-results-news {
    display: block
}

#global-search-form .search-results-news .search-result-news {
    transition: background-color .2s, margin .2s, padding .2s;
    align-items: center;
    padding: 16px 24px;
    margin-top: -1px;
    border: 0
}

@media (min-width: 1030px) {
    #global-search-form .search-results.platform-results .search-results-games {
        max-height: calc(100% - 80px)
    }

    #global-search-form .search-results-news {
        margin-left: -24px;
        margin-right: -24px;
        padding-top: 1px
    }

    #global-search-form .search-results-news .search-result-news.hoverable-box {
        background: 0 0
    }

    #global-search-form .search-results-news .search-result-news::after, #global-search-form .search-results-news .search-result-news::before {
        left: 0;
        width: 100%
    }
}

#global-search-form .search-results-news .search-result-news::after, #global-search-form .search-results-news .search-result-news::before {
    transition: left .2s, width .2s;
    content: '';
    position: absolute;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 100%;
    background: #e0dde3;
    display: block
}

#global-search-form .search-results-news .search-result-news::before {
    top: 0
}

#global-search-form .search-results-news .search-result-news::after {
    bottom: 0
}

#global-search-form .search-results-news .search-result-news .news-title-wrapper {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    line-height: 1
}

#global-search-form .search-results-news .search-result-news .news-title-wrapper .news-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1f1c22;
    text-decoration: none;
    margin: 0;
    display: block
}

#global-search-form .search-results-news .search-result-news .news-short-wrapper {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 8px;
    line-height: 1
}

#global-search-form .search-results-news .search-result-news .news-short-wrapper p {
    font-size: 12px;
    line-height: 18px;
    color: #70657b;
    text-decoration: none;
    margin: 0;
    display: block
}

#global-search-form .search-results-news-more {
    transition: opacity .2s;
    flex: 0 0 100%;
    width: 100%;
    margin: 16px 0 24px;
    max-height: 40px
}

@media (min-width: 1030px) {
    #global-search-form .search-results-news .search-result-news {
        margin-left: 24px;
        margin-right: 24px;
        padding: 16px 0 24px
    }

    #global-search-form .search-results-news .search-result-news:hover {
        background-color: #fff;
        margin-left: 0;
        margin-right: 0;
        padding-left: 24px;
        padding-right: 24px
    }

    #global-search-form .search-results-news-more {
        display: block;
        margin: 16px 0 0;
        max-height: 32px
    }
}

#global-search-form .search-results-games-more {
    flex: 0 0 100%;
    width: 100%;
    margin: 16px 0;
    max-height: 72px
}

@media (min-width: 795px) {
    #global-search-form .search-results-games-more {
        margin: 16px 0 24px
    }
}

#global-search-form .search-results-games-empty, #global-search-form .search-results-news-empty {
    transition: opacity .3s .3s;
    text-align: center;
    padding: 32px 24px 0
}

#global-search-form .search-results-games-empty::before, #global-search-form .search-results-news-empty::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0dde3;
    display: block;
    content: '';
    z-index: 0
}

#global-search-form .search-results-games-empty h3, #global-search-form .search-results-news-empty h3 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    padding: 0;
    margin: 0 0 16px;
    font-size: 21px;
    line-height: 27px;
    font-weight: 600;
    color: #5c5365
}

#global-search-form .search-results-games-empty p, #global-search-form .search-results-news-empty p {
    display: block;
    color: #8f849a;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

#global-search-form .search-results-games-empty p span, #global-search-form .search-results-news-empty p span {
    font-weight: 700
}

#global-search-form .search-results-games-empty p a, #global-search-form .search-results-news-empty p a {
    font-weight: 700;
    color: inherit;
    text-decoration: underline
}

#global-search-form .search-results-news-empty::before {
    background: #e0dde3
}

#global-search-form .search-franchise-items-wrapper {
    display: flex;
    flex-direction: column
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    border-top: 1px solid #ebe9ed
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item:nth-child(n+3) {
    display: none
}

@media (min-width: 1030px) {
    #global-search-form .search-results-games-more {
        margin: 16px 0 0;
        max-height: 64px
    }

    #global-search-form .search-results-news-empty {
        margin: 0 -24px
    }

    #global-search-form .search-results-games-empty, #global-search-form .search-results-news-empty {
        padding: 16px 24px 0;
        text-align: left
    }

    #global-search-form .search-results-news-empty h3 {
        font-size: 14px;
        line-height: 21px;
        font-weight: 600;
        color: #5c5365
    }

    #global-search-form .search-results-news-empty p {
        font-size: 12px;
        line-height: 18px
    }

    #global-search-form .search-franchise-items-wrapper .search-franchise-item {
        padding: 12px 24px
    }

    #global-search-form .search-franchise-items-wrapper .search-franchise-item:nth-child(n+3) {
        display: flex
    }
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item .image-wrapper {
    flex: 0 0 16px;
    width: 16px;
    margin-right: 16px;
    height: 16px
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item .menu-item-link {
    display: block;
    flex: 0 1 auto;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 16.8px;
    color: #1f1c22;
    font-weight: 700;
    z-index: 21;
    white-space: nowrap;
    overflow: hidden
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item .menu-item-link span {
    color: #0d7dd3
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item .item-counter-info {
    margin-left: 24px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 600;
    color: #8f849a;
    white-space: nowrap
}

#global-search-form .search-franchise-items-wrapper .search-franchise-item .item-counter-info > span {
    color: #1f1c22;
    font-weight: 700
}

#global-search-form .search-franchise-items-wrapper + .search-results-games .global-search-item.search-result-game:first-child {
    border-top: 1px solid #ebe9ed
}

.search-close-btn {
    transition: transform .2s, opacity .1s;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(.1);
    z-index: 3;
    width: 28px;
    height: 28px;
    background-color: transparent;
    padding: 0
}

.search-close-btn::after, .search-close-btn::before {
    transition: opacity .3s .1s, transform .3s .1s, width .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    width: 0;
    height: 2px;
    background-color: #fff;
    display: block;
    opacity: 0;
    content: '';
    z-index: 1
}

.top-search {
    transition: max-width .3s, padding .3s;
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin: 0 8px;
    padding: 16px 0
}

@media (min-width: 1030px) {
    .top-search {
        padding: 12px 0;
        margin: 0
    }
}

.search-more-link {
    transition: color .2s;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin: 16px 0 0;
    color: #0d7dd3;
    display: flex;
    flex: 0 0 100%;
    justify-content: center
}

.search-more-link:hover {
    color: #279af1
}

.menu-notifications-dropdown {
    position: relative
}

.menu-notifications-dropdown > .dropdown-menu {
    transition: transform .3s, opacity .3s;
    overflow: hidden;
    background: #ebe9ed;
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 56px;
    width: 100vw;
    right: 0;
    left: auto;
    float: none;
    opacity: 0;
    height: calc(100% - 56px);
    max-height: calc(100% - 56px);
    transform: translateX(100vw)
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown > .dropdown-menu {
        transition: max-height .3s, top .1s linear .4s;
        top: -1000%;
        right: 16px;
        width: 544px;
        position: absolute;
        border-radius: 4px;
        height: auto;
        max-height: 0;
        opacity: 1;
        transform: none;
        display: block;
        padding: 0;
        box-shadow: 0 0 8px rgba(10, 9, 11, .1)
    }
}

.menu-notifications-dropdown .notifications-menu-row {
    flex: 0 0 100%;
    width: 100%
}

.menu-notifications-dropdown .notifications-menu-top {
    position: relative;
    background: #f4f5f6;
    z-index: 5;
    flex-wrap: nowrap;
    flex: 0 1 100%;
    box-shadow: 0 2px 4px rgba(51, 46, 56, .15);
    padding: 0;
    align-self: flex-start
}

.menu-notifications-dropdown .notifications-menu-top .notifications-menu-title {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

.menu-notifications-dropdown .notifications-menu-top .notifications-menu-title .notifications-menu-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #1f1c22;
    margin: 0
}

.menu-notifications-dropdown .notifications-menu-top .notifications-menu-title .notifications-counter {
    margin-left: 8px
}

.menu-notifications-dropdown .notifications-menu-top .following-tabs .following-tab {
    margin: 0
}

.menu-notifications-dropdown .notifications-menu-top .following-tabs .following-tab .tab-link {
    position: relative;
    display: flex;
    padding: 20px 16px;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.menu-notifications-dropdown .notifications-menu-bottom {
    position: relative;
    z-index: 5;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #f4f5f6;
    box-shadow: 0 -2px 4px rgba(51, 46, 56, .15);
    flex: 0 0 64px;
    padding: 16px 0;
    align-self: flex-end
}

.menu-notifications-dropdown .notifications-menu-col {
    display: block;
    flex: 0 0 auto;
    padding: 0 4px
}

.menu-notifications-dropdown .notifications-menu-col:first-child {
    padding-left: 16px
}

.menu-notifications-dropdown .notifications-menu-col:last-child {
    padding-right: 16px
}

.menu-notifications-dropdown .notifications-menu-col.first {
    margin-right: auto
}

.menu-notifications-dropdown .notifications-menu-col.last {
    margin-left: auto
}

.menu-notifications-dropdown .notifications-menu-col .badge {
    color: #47404f
}

.menu-notifications-dropdown .notifications-content-wrapper {
    position: relative;
    display: block;
    z-index: 4;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-content-wrapper {
        flex: 0 0 100%;
        height: auto;
        min-height: 440px;
        max-height: 440px
    }
}

.menu-notifications-dropdown .collections-notifications-content-wrapper {
    position: relative;
    display: block;
    z-index: 4;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .collections-notifications-content-wrapper {
        flex: 0 0 100%;
        height: auto;
        min-height: 440px;
        max-height: 440px
    }
}

.menu-notifications-dropdown .notification-menu-content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    max-height: calc(100% - 58px);
    flex: 0 0 calc(100% - 58px)
}

.menu-notifications-dropdown .notifications-tab-content {
    display: flex;
    position: relative;
    max-height: 100%;
    overflow: hidden;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-end
}

.menu-notifications-dropdown .notifications-content {
    transition: opacity .2s .2s;
    opacity: 1;
    position: relative;
    flex-wrap: nowrap
}

.menu-notifications-dropdown .notifications-content .notification-date-separator + .notification-item {
    border-top: 1px solid #eae9ec
}

.menu-notifications-dropdown .notifications-menu {
    transition: opacity .1s linear;
    position: relative;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    opacity: 1
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu {
        flex: 1 0 100%
    }
}

.menu-notifications-dropdown .notifications-menu .time-interval {
    padding: 24px 16px 16px;
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #8f849a;
    height: auto;
    background: 0 0;
    box-shadow: none
}

.menu-notifications-dropdown .notifications-menu .time-interval:first-child {
    padding-top: 16px
}

.menu-notifications-dropdown .notifications-menu .time-interval + .notification-item {
    border-top: none
}

.menu-notifications-dropdown .notifications-menu .notification-item {
    position: relative;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid #eae9ec;
    flex-wrap: nowrap
}

.menu-notifications-dropdown .notifications-menu .notification-item:first-child {
    border-top: none
}

.menu-notifications-dropdown .notifications-menu .notification-item.options-opened {
    z-index: 10;
    background-color: #fff
}

.menu-notifications-dropdown .notifications-menu .notification-item.options-opened .notification-item-options .notification-item-options-trigger {
    opacity: 1
}

.menu-notifications-dropdown .notifications-menu .notification-item.new {
    background-color: #fefae7
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image {
    position: relative;
    z-index: 2;
    flex: 0 0 50px;
    width: 50px;
    height: 75px
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item {
        height: 48px
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-image {
        flex: 0 0 103px;
        width: 103px;
        height: 48px
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image::after {
    display: none
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image .main-icon {
    width: 100%;
    height: 100%;
    background: #efeef5;
    color: #1f1c22;
    align-items: center;
    justify-content: center
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image .main-icon .svg-icon {
    display: block;
    height: 24px;
    width: 24px;
    margin: auto
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image .main-icon.playnite-icon-platform .icon-playnite-border {
    position: absolute;
    display: block;
    width: 18px;
    height: 14px;
    top: 50%;
    right: 50%;
    transform: translate(25px, -15px);
    margin: 0;
    z-index: 1;
    fill: #EFEEF5;
    color: #1f1c22
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-image.sync {
    background: 0 0;
    width: 50px;
    height: auto;
    min-width: unset
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper {
    position: relative;
    display: grid;
    grid-template-areas:"title" "tags";
    grid-template-columns:100%;
    grid-template-rows:auto max-content;
    justify-content: flex-start;
    grid-gap: 0;
    z-index: unset;
    padding: 10px 12px;
    flex: 0 0 calc(100% - 82px);
    max-width: calc(100% - 82px);
    min-height: 75px
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-image.sync {
        width: 103px;
        height: 48px
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper {
        grid-template-rows:24px 24px;
        grid-gap: 0;
        align-items: center;
        align-content: center;
        flex: 1 1 auto;
        max-width: 100%;
        min-height: unset;
        padding: 4px 0 4px 8px;
        font-size: 14px;
        line-height: 16px;
        height: 48px;
        justify-content: initial
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper {
    grid-area: title;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1f1c22;
    text-align: left;
    height: auto;
    max-width: 100%
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper a {
    color: inherit;
    font-weight: inherit
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    white-space: normal;
    text-overflow: unset;
    overflow: visible
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper {
        height: 19px;
        margin-top: auto;
        white-space: nowrap;
        overflow: hidden;
        max-width: calc(440px - 44px)
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    text-decoration: none;
    display: block;
    flex: 1 1 auto;
    align-self: flex-start;
    z-index: 21
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .title-info {
    position: relative;
    z-index: 21;
    color: #a39aac
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .title-info .svg-icon {
    display: inline-block;
    margin-left: 5px
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags {
    grid-area: tags;
    display: block;
    padding: 0;
    max-width: 100%;
    line-height: 1;
    align-self: flex-end;
    margin: 2px 0 0;
    overflow: hidden
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-info-title-wrapper .title {
        font-size: 14px;
        line-height: 18px;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        align-self: center
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags {
        margin: 3px 0 0;
        align-self: baseline
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tags {
    flex-wrap: nowrap;
    line-height: 14px
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tags {
        flex-wrap: nowrap;
        line-height: 24px
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tag {
    font-size: 13px;
    line-height: 15px;
    z-index: unset
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tag.time-tag {
    position: relative;
    z-index: 21
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tag.time-tag .title {
    margin: 0
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper {
    grid-area: price;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    padding: 0 0 0 12px;
    height: 19px;
    text-align: right;
    align-items: baseline;
    align-self: center;
    justify-content: flex-end
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tag {
        font-size: 12px;
        line-height: 14px
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper {
        height: auto
    }
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper .price.game-price {
    z-index: 21
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper .price-inner {
    display: block;
    font-size: 16px;
    line-height: 19px
}

.menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper .price-label {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #a39aac;
    text-transform: lowercase;
    display: block;
    margin: 0 6px 0 0
}

.menu-notifications-dropdown .notifications-menu .notification-item.no-changes .game-info-wrapper .game-info-title-wrapper, .menu-notifications-dropdown .notifications-menu .notification-item.sync-error .game-info-wrapper .game-info-title-wrapper {
    color: #a39aac;
    font-weight: 400 !important
}

.menu-notifications-dropdown .notifications-menu .notification-item.price-item .game-info-wrapper {
    display: grid;
    grid-template-areas:"title price" "tags price";
    flex: 0 0 100%;
    max-width: calc(100% - 50px);
    justify-content: space-between;
    grid-template-columns:auto auto;
    grid-auto-columns: auto
}

.menu-notifications-dropdown .notifications-menu .notification-item.price-item .game-info-wrapper .price-wrapper {
    align-self: flex-end
}

.menu-notifications-dropdown .notifications-menu .notification-item.price-item .icon-actions {
    position: absolute;
    top: 0;
    right: 0
}

.menu-notifications-dropdown .notifications-menu .notification-item .action-wrap, .menu-notifications-dropdown .notifications-menu .notification-item .game-cta {
    align-self: flex-start;
    z-index: 22
}

.menu-notifications-dropdown .notifications-menu .notification-item:last-child, .menu-notifications-dropdown .notifications-menu .notification-item:nth-last-child(2) {
    overflow: visible
}

.menu-notifications-dropdown .notifications-menu .notification-item:last-child .dropdown-toggle-inside .notifications-menu-dropdown-list, .menu-notifications-dropdown .notifications-menu .notification-item:nth-last-child(2) .dropdown-toggle-inside .notifications-menu-dropdown-list {
    top: auto;
    bottom: 80%
}

.menu-notifications-dropdown .notifications-menu .notification-item:hover .notification-item-options .notification-item-options-trigger {
    opacity: 1
}

.menu-notifications-dropdown .notifications-menu .notification-item.collections-notification-item .game-info-wrapper {
    min-height: unset
}

.menu-notifications-dropdown .notifications-menu .notification-item.collections-notification-item .icon-actions {
    align-self: center
}

.menu-notifications-dropdown .notifications-menu .loading-wrapper {
    transition: opacity .1s linear, max-height .1s linear;
    position: relative;
    max-height: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    z-index: 0;
    opacity: 0
}

.menu-notifications-dropdown .notifications-menu .loading-wrapper img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 40px;
    height: 100%
}

.menu-notifications-dropdown .notifications-menu.active .empty-results-container {
    display: none
}

.menu-notifications-dropdown .notifications-menu.ajax-loading .loading-wrapper {
    opacity: 1;
    max-height: 40px;
    margin: 16px 0
}

.menu-notifications-dropdown .notifications-menu.ajax-loading .notifications-menu-row.collections-notifications-content-wrapper .empty-results-container, .menu-notifications-dropdown .notifications-menu.ajax-loading .notifications-menu-row.notifications-content-wrapper .empty-results-container {
    display: none
}

.menu-notifications-dropdown.open {
    z-index: 20
}

@media (min-width: 1030px) {
    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .price-wrapper .price-label {
        font-size: 12px;
        line-height: 14px
    }

    .menu-notifications-dropdown .notifications-menu .notification-item.price-item .game-info-wrapper {
        grid-template-columns:max-content auto;
        flex: 0 0 calc(100% - 139px);
        max-width: calc(100% - 139px)
    }

    .menu-notifications-dropdown .notifications-menu .notification-item.price-item .game-info-wrapper .game-info-title-wrapper {
        max-width: 292px
    }

    .menu-notifications-dropdown .notifications-menu .notification-item.price-item .game-info-wrapper .price-wrapper {
        align-self: center
    }

    .menu-notifications-dropdown .notifications-menu .notification-item.price-item .icon-actions {
        position: relative;
        top: auto;
        right: auto;
        align-self: center
    }

    .menu-notifications-dropdown.open > .dropdown-menu {
        transition: max-height .3s;
        max-height: 600px;
        top: 80%
    }
}

.menu-notifications-dropdown .notification-show-full-view {
    flex: 0 0 100%;
    width: 100%;
    padding: 24px 16px;
    justify-content: center
}

.menu-notifications-dropdown .notification-show-full-view span {
    display: block;
    flex: 0 0 auto;
    margin-right: 8px;
    padding: 8px 0
}

.menu-notifications-dropdown .notification-show-full-view a.btn-action {
    display: block;
    flex: 0 0 auto
}

.dropdown-toggle-inside .dropdown-menu {
    transition: max-height .3s, opacity .3s;
    position: absolute;
    top: 80%;
    right: 16px;
    left: auto;
    z-index: 22;
    display: block;
    width: 200px;
    max-width: 200px;
    height: auto;
    border-radius: 4px;
    border: none;
    transform: none;
    float: none;
    padding: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background: #f4f5f6;
    box-shadow: 0 0 8px rgba(10, 9, 11, .1)
}

.dropdown-toggle-inside .notifications-menu-dropdown-list {
    line-height: 1;
    padding: 8px 0
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item {
    transition: color .2s, background-color .2s;
    padding: 8px 16px;
    height: 32px;
    background: 0 0;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    min-height: unset;
    color: #5c5365
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item.item-link-inside {
    padding: 0;
    height: auto
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item.item-link-inside a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    padding: 8px 16px;
    width: 100%
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item.item-link-inside span > a {
    display: block
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item .svg-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: inherit;
    margin-right: 8px
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item::before {
    display: none
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item .direction, .dropdown-toggle-inside .notifications-menu-dropdown-list .item .item-label {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item:not(.active):hover {
    color: #5c5365;
    background-color: #fff
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item:not(.active):hover:active {
    color: #5c5365;
    background-color: #ebe9ed
}

.dropdown-toggle-inside .notifications-menu-dropdown-list .item.active {
    color: #1f1c22;
    background-color: #f4f5f6
}

.dropdown-toggle-inside .notifications-menu-dropdown-list li {
    display: block
}

.dropdown-toggle-inside.open .dropdown-menu {
    opacity: 1;
    max-height: 400px;
    z-index: 991
}

.notification-item-options {
    position: relative;
    z-index: 21;
    display: block;
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0;
    height: 100%
}

.notification-item-options .notification-item-options-trigger {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.2px;
    border: none;
    background: 0 0;
    flex-wrap: nowrap;
    width: 32px;
    padding: 12px 14px
}

.notification-item-options .notification-item-options-trigger::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    display: block;
    content: '';
    z-index: 2
}

.notification-item-options .notification-item-options-trigger span {
    transition: background-color .2s;
    display: block;
    width: 3.2px;
    height: 3.2px;
    border-radius: 50%;
    background: #70657b;
    flex: 0 0 auto
}

.notification-item-options .notification-item-options-trigger span:first-child {
    margin-top: 0
}

.notification-item-options .notification-item-options-trigger span:last-child {
    margin-right: 0
}

.notification-item-options .notification-item-options-trigger:active span, .notification-item-options .notification-item-options-trigger:hover span, .notification-item-options.open .notification-item-options-trigger span {
    background-color: #1f1c22
}

.footer-wrapper {
    position: relative;
    z-index: 2;
    background: #e0dde3;
    margin-top: 72px
}

body.game-page .footer-wrapper {
    margin-top: 64px
}

#footer-main-description {
    padding-top: 8px;
    margin-bottom: 0
}

#footer-main-description h3, #footer-main-description h4 {
    line-height: 1.2;
    color: #47404f
}

#footer-main-description h3 {
    font-size: 14px;
    line-height: 19px
}

#footer-main-description h4 {
    font-size: 14px
}

#footer-main-description .main-title, #footer-main-description h2, #footer-main-description h3:first-child {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #47404f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 36px 0 16px
}

#footer-main-description .main-title strong, #footer-main-description h2 strong, #footer-main-description h3:first-child strong {
    font-weight: inherit
}

#footer-main-description .main-description a {
    color: #70657b;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px
}

#footer-main-description .main-description p {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #70657b;
    margin: 0
}

#footer-main-description .main-description p:not(:last-child) {
    margin: 0 0 16px
}

#footer-main-description .main-description ul {
    display: block;
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0
}

#footer-main-description .main-description ul:not(:last-child) {
    margin: 0 0 16px
}

#footer-main-description .main-description ul li {
    position: relative;
    display: block;
    padding: 0 0 0 14px;
    font-size: 12px;
    line-height: 16px;
    color: #70657b
}

#footer-main-description .main-description ul li::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #70657b;
    display: block;
    content: ''
}

#ggdeals-footer {
    line-height: 1;
    width: 100%
}

#ggdeals-footer .footer-container {
    padding-top: 0;
    padding-bottom: 32px
}

#ggdeals-footer .footer-row {
    margin-left: -12px;
    margin-right: -12px;
    flex-direction: row;
    flex-wrap: wrap
}

#ggdeals-footer .footer-row .footer-col {
    padding: 0 12px;
    flex: 0 0 100%;
    width: 100%
}

@media (min-width: 1030px) {
    .dropdown-toggle-inside .dropdown-menu {
        max-width: unset
    }

    .notification-item-options .notification-item-options-trigger {
        padding: 12px 22px 12px 14px
    }

    .footer-wrapper {
        margin-top: 72px
    }

    body.game-page .footer-wrapper {
        margin-top: 90px
    }

    #ggdeals-footer .footer-container {
        padding-top: 36px;
        padding-bottom: 36px
    }

    #ggdeals-footer .footer-row .footer-col {
        flex: 0 0 25%;
        width: 25%;
        margin-bottom: 48px
    }

    #ggdeals-footer .footer-row .footer-col.double {
        flex: 0 0 50%;
        width: 50%
    }

    #ggdeals-footer .footer-row .footer-col.full {
        flex: 0 0 100%;
        width: 100%
    }
}

#ggdeals-footer .footer-row .auto-col {
    padding: 0 12px;
    flex: 0 0 100%;
    width: 100%;
    display: block
}

@media (min-width: 1030px) {
    #ggdeals-footer .footer-row .auto-col {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
        height: 16px;
        display: flex;
        align-items: center
    }

    #ggdeals-footer .footer-row .auto-col.col-right {
        margin-left: auto
    }
}

#ggdeals-footer .footer-row .auto-col.footer-links-col {
    flex: 0 0 100%;
    order: 4
}

@media (min-width: 1030px) {
    #ggdeals-footer .footer-row .auto-col.footer-links-col {
        flex: 1 0 auto;
        order: initial;
        max-width: 30% !important
    }
}

#ggdeals-footer .gg-footer-content {
    order: 1;
    margin-top: 32px
}

#ggdeals-footer .gg-footer-content .heading-footer-inner {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #47404f;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: block;
    margin: 0 0 16px
}

#ggdeals-footer .gg-footer-content .gg-footer-logo {
    order: 3;
    margin-top: 32px
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content {
        order: initial
    }

    #ggdeals-footer .gg-footer-content .gg-footer-logo {
        order: initial;
        margin-top: 0;
        margin-bottom: 32px
    }
}

#ggdeals-footer .gg-footer-content .gg-footer-logo .logo {
    width: 149px;
    height: 20px;
    filter: grayscale(1);
    opacity: .5
}

#ggdeals-footer .gg-footer-content .gg-footer-tutorial-links {
    order: 1;
    margin-top: 0
}

@media (min-width: 795px) {
    #ggdeals-footer .gg-footer-content .gg-footer-tutorial-links {
        flex: 0 0 50%
    }
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .gg-footer-tutorial-links {
        order: initial;
        flex: 0 0 25%
    }
}

#ggdeals-footer .gg-footer-content .gg-footer-disclaimer {
    order: 7
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .gg-footer-disclaimer {
        order: initial
    }
}

#ggdeals-footer .gg-footer-content .gg-footer-deal-links {
    order: 2;
    margin-top: 32px
}

@media (min-width: 795px) {
    #ggdeals-footer .gg-footer-content .gg-footer-deal-links {
        margin-top: 0;
        flex: 0 0 50%
    }
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .gg-footer-deal-links {
        order: initial;
        flex: 0 0 25%
    }
}

#ggdeals-footer .gg-footer-content .footer-link-list {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    order: 4
}

#ggdeals-footer .gg-footer-content .footer-link-list li {
    display: block;
    padding: 0;
    margin: 8px 0 0
}

#ggdeals-footer .gg-footer-content .footer-link-list li:first-child {
    margin-top: 0
}

#ggdeals-footer .gg-footer-content .footer-link-list li > a {
    transition: color .2s;
    color: #47404f;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 0;
    background: 0 0;
    text-decoration: none;
    display: inline-block
}

#ggdeals-footer .gg-footer-content .footer-link-list li > a:hover {
    color: #332e38
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .footer-link-list {
        order: initial
    }

    #ggdeals-footer .gg-footer-content .footer-link-list li.hidden-md {
        display: none
    }
}

#ggdeals-footer .gg-footer-content .footer-socials-col {
    order: 5;
    margin-top: 32px
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .footer-socials-col {
        order: initial;
        margin-top: 0;
        max-width: 20% !important
    }
}

#ggdeals-footer .gg-footer-content .about.disclaimer {
    margin-top: 24px
}

#ggdeals-footer .gg-footer-content .about.disclaimer p {
    display: block;
    margin: 0;
    color: #70657b;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    max-width: 480px
}

#ggdeals-footer .footer-links-col {
    margin-top: 32px
}

@media (min-width: 1030px) {
    #ggdeals-footer .gg-footer-content .about.disclaimer {
        margin-top: 0
    }

    #ggdeals-footer .gg-footer-content .about.disclaimer p {
        margin: 0 0 16px
    }

    #ggdeals-footer .footer-links-col {
        margin-top: 0
    }
}

#ggdeals-footer .footer-links-col .footer-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row;
    flex-wrap: nowrap
}

#ggdeals-footer .footer-links-col .footer-links-list li {
    display: block;
    flex: 0 0 auto;
    width: auto;
    margin-left: 24px
}

#ggdeals-footer .footer-links-col .footer-links-list li:first-child {
    margin-left: 0
}

#ggdeals-footer .footer-links-col .footer-links-list li .footer-link {
    transition: color .2s;
    color: #47404f;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 0;
    background: 0 0;
    text-decoration: none;
    display: inline-block
}

#ggdeals-footer .footer-links-col .footer-links-list li .footer-link:hover {
    color: #332e38
}

#ggdeals-footer .footer-copyrights-col {
    margin-top: 24px;
    order: 6
}

@media (min-width: 1030px) {
    #ggdeals-footer .footer-copyrights-col {
        margin-top: 0;
        max-width: 35% !important
    }
}

@media (min-width: 1200px) {
    #ggdeals-footer .footer-row .auto-col.footer-links-col {
        max-width: 25% !important
    }

    #ggdeals-footer .gg-footer-content .footer-socials-col {
        max-width: 15% !important
    }

    #ggdeals-footer .footer-copyrights-col {
        max-width: 50% !important
    }
}

#ggdeals-footer .footer-copyrights-col .copyrights {
    color: #70657b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    display: inline-block
}

#ggdeals-footer .footer-b2t-col {
    order: 8;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 32px
}

@media (min-width: 1030px) {
    #ggdeals-footer .footer-b2t-col {
        margin-top: 0;
        flex: 0 1 auto;
        width: auto;
        max-width: 15% !important
    }
}

#ggdeals-footer .footer-b2t-col .go-to-top {
    transition: color .2s;
    color: #47404f;
    padding: 8px 12px;
    border: none;
    margin: 0 auto;
    width: 100%;
    max-width: 392px;
    cursor: pointer;
    transform: none;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    border-radius: 4px;
    background: #d6d2da
}

#ggdeals-footer .footer-b2t-col .go-to-top:hover {
    color: #0a090b
}

#ggdeals-footer .footer-b2t-col .go-to-top span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: none
}

#ggdeals-footer .footer-b2t-col .go-to-top .svg-icon {
    display: inline-block;
    margin-left: 6px
}

.footer-soc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row
}

.footer-soc-list li {
    display: block;
    flex: 0 0 auto;
    width: auto;
    margin-left: 16px
}

.footer-soc-list li:first-child {
    margin-left: 0
}

.footer-soc-list .soc-link {
    transition: color .2s, fill .2s;
    color: #47404f;
    text-decoration: none;
    display: block;
    height: 16px
}

.footer-soc-list .soc-link:hover {
    color: #332e38
}

.footer-soc-list .soc-link .svg-icon {
    display: block
}

@media (min-width: 1030px) {
    #ggdeals-footer .footer-b2t-col .go-to-top {
        padding: 0;
        margin: 0;
        background: 0 0;
        width: auto;
        border-radius: 0;
        color: #1f1c22
    }

    #ggdeals-footer .footer-b2t-col .go-to-top span {
        line-height: 22px;
        font-weight: 400
    }

    body.has-admin-bar .footer-wrapper {
        padding-bottom: 56px
    }
}

.flash-container-wrapper {
    z-index: 3;
    width: 100%;
    background-color: #f4f5f6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1)
}

.flash-container {
    transition: opacity .2s;
    margin-top: 0;
    opacity: 1
}

.flash-container.empty {
    height: 0;
    margin: 0;
    opacity: 0;
    display: none
}

.alert {
    border-radius: 0;
    box-shadow: none;
    padding: 16px;
    z-index: 100;
    border: none;
    margin: 0;
    background: 0 0;
    color: #1f1c22;
    align-items: flex-start
}

@media (min-width: 795px) {
    .alert {
        padding: 16px 0
    }

    .alert::before {
        transition: opacity .2s;
        display: block;
        position: absolute;
        width: 100vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -48%);
        height: calc(100% - 16px);
        content: '';
        background-color: #fff;
        opacity: 0
    }

    .alert:first-child:last-child::before {
        transform: translateX(-50%);
        top: 0;
        height: 100%
    }

    .alert:hover::before {
        opacity: .5
    }
}

.alert + .alert {
    margin-top: -16px
}

.alert.small-alert {
    min-height: 32px;
    line-height: 16px;
    padding: 8px
}

.alert .close {
    position: absolute;
    display: inline-flex;
    transition: opacity .2s;
    opacity: .4;
    padding: 24px;
    right: 0;
    top: 6px;
    z-index: 3
}

.alert .close:hover {
    opacity: 1
}

.alert .close .svg-icon {
    height: 8px;
    width: 8px
}

.alert .flash-content-wrapper {
    z-index: 2;
    margin-right: 16px;
    line-height: 17px
}

.alert .flash-content-wrapper::before {
    display: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    content: '';
    background: 0 0;
    color: #fff;
    padding: 2px 6px;
    height: 18px;
    border-radius: 4px
}

.alert .flash-content-wrapper .title {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #1f1c22
}

@media (min-width: 795px) {
    .alert .close {
        top: 50%;
        transform: translateY(-50%)
    }

    .alert .flash-content-wrapper::before {
        margin-right: 8px;
        margin-bottom: 0;
        margin-top: 1px;
        vertical-align: top
    }

    .alert .flash-content-wrapper .title {
        display: inline-block;
        font-size: 14px;
        line-height: 17px;
        vertical-align: middle
    }
}

.alert .flash-content-wrapper .message {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #1f1c22;
    margin: 4px 0
}

@media (min-width: 795px) {
    .alert .flash-content-wrapper .message {
        font-size: 14px;
        line-height: 17px;
        vertical-align: middle
    }
}

@media (min-width: 1030px) {
    .alert .flash-content-wrapper .message {
        display: inline-block;
        margin: 0 4px
    }
}

@media (min-width: 1200px) {
    #ggdeals-footer .footer-b2t-col {
        max-width: 10% !important
    }

    .alert {
        align-items: center
    }

    .alert .flash-content-wrapper .message {
        display: inline
    }
}

.alert .flash-content-wrapper .links-wrap {
    display: block;
    line-height: 1
}

@media (min-width: 1200px) {
    .alert .flash-content-wrapper .links-wrap {
        display: inline-block;
        height: 17px;
        margin-left: 4px;
        vertical-align: middle
    }
}

.alert .flash-content-wrapper .badge {
    margin-right: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    text-transform: initial;
    padding: 0;
    color: #279af1;
    text-decoration: none;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.alert .flash-content-wrapper .badge:focus, .alert .flash-content-wrapper .badge:hover {
    text-decoration: underline;
    color: #52aef4;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.alert .flash-content-wrapper .badge:focus:active, .alert .flash-content-wrapper .badge:hover:active {
    color: #52aef4;
    background: 0 0
}

.alert .flash-content-wrapper .badge + .badge {
    color: #279af1
}

.alert .flash-content-wrapper .badge + .badge, .alert .flash-content-wrapper .badge + .badge:focus, .alert .flash-content-wrapper .badge + .badge:hover {
    border-left: 1px solid #a39aac;
    padding-left: 8px;
    margin-left: 6px
}

@media (min-width: 795px) {
    .alert .flash-content-wrapper .badge {
        font-size: 14px;
        line-height: 17px;
        margin-right: 12px;
        margin-top: 0
    }

    .alert .flash-content-wrapper .badge + .badge, .alert .flash-content-wrapper .badge + .badge:focus, .alert .flash-content-wrapper .badge + .badge:hover {
        margin-left: -2px
    }

    .alert .flash-content-wrapper + .close .svg-icon {
        display: block
    }
}

.alert .flash-content-wrapper .badge + .badge:focus, .alert .flash-content-wrapper .badge + .badge:hover {
    background: 0 0;
    color: #52aef4
}

.alert .flash-content-wrapper .badge:last-child {
    margin-right: 0
}

.alert .flash-content-wrapper + .close {
    position: absolute;
    display: inline-flex;
    transition: opacity .2s;
    opacity: .4;
    padding: 24px;
    right: 0;
    top: 8px;
    z-index: 3;
    float: none;
    transform: none;
    color: #1f1c22
}

@media (min-width: 1030px) {
    .alert .flash-content-wrapper + .close {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block;
        float: none;
        padding: 4px;
        margin: 2px 0 0 -4px;
        transform: none
    }
}

@media (min-width: 1200px) {
    .alert .flash-content-wrapper + .close {
        margin: 4px 0 0 -4px
    }
}

.alert .flash-content-wrapper + .close:hover {
    opacity: 1
}

.alert .flash-content-wrapper + .close .svg-icon {
    height: 8px;
    width: 8px
}

.alert.alert-info .flash-content-wrapper::before {
    display: inline-block;
    content: 'Info';
    color: #fff;
    background-color: #52aef4
}

.alert.alert-warning .flash-content-wrapper::before {
    display: inline-block;
    content: 'Warning';
    color: #fff;
    background-color: #f83
}

.alert.alert-danger .flash-content-wrapper::before {
    display: inline-block;
    content: 'Warning';
    color: #fff;
    background-color: #eb1f32
}

.alert.alert-success .flash-content-wrapper::before {
    display: inline-block;
    content: 'Success';
    color: #fff;
    background-color: #22d37d
}

.alert.obverse-bold .flash-content-wrapper .title {
    font-weight: 400
}

.alert.obverse-bold .flash-content-wrapper .message {
    font-weight: 700
}

.alert.no-bold .flash-content-wrapper .message, .alert.no-bold .flash-content-wrapper .title {
    font-weight: 400
}

.btn-show-more-container {
    flex-direction: row;
    justify-content: center;
    margin-top: 24px;
    width: 100%
}

.games-recommended .btn-show-more-container {
    margin-top: 12px
}

.game-deals-container .btn-show-more-container, .offer-section .btn-show-more-container {
    margin-top: 16px
}

.btn-show-more-container .btn-show-more {
    flex: 0 0 auto
}

.btn-show-more-container.btn-in-grid-show-more-container {
    width: 100vw
}

@media (min-width: 795px) {
    .btn-show-more-container.btn-in-grid-show-more-container {
        width: calc(200% + 36px);
        margin: 0 !important
    }
}

@media (min-width: 1030px) {
    .btn-show-more-container.btn-in-grid-show-more-container {
        width: calc(400% + 72px)
    }
}

.btn-show-more {
    transition: background-color .2s, color .2s;
    background: #d6d2da;
    color: #47404f !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    box-sizing: border-box;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
    text-align: center
}

@media (max-width: 1029px) {
    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-labels {
        margin-top: -3px
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-labels .label.historical {
        font-size: 0;
        color: transparent
    }

    #global-search-form .search-results-games .global-search-item.search-result-game .game-info-wrapper .game-labels .label.historical::before {
        content: 'HL';
        font-size: 12px;
        color: #036837;
        display: inline-block
    }

    .menu-notifications-dropdown .notifications-menu .notification-item .game-info-wrapper .game-tags .tag.tag-shop .title {
        display: none
    }

    .btn-show-more.mobile-blue {
        background-color: #279af1;
        color: #fff !important
    }
}

.btn-show-more.with-arrow {
    padding: 8px 12px 8px 16px
}

.btn-show-more.with-arrow::after {
    display: inline-block;
    margin: 0 0 1px 6px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #47404f transparent transparent
}

.btn-show-more.with-arrow.arrow-right::after {
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #47404f;
    margin-bottom: -2px
}

.btn-show-more.full {
    width: 100%
}

.btn-show-more:hover {
    background: #c2bcc8;
    color: #47404f !important;
    text-decoration: none !important
}

.btn-show-more:hover::after {
    border-color: #47404f transparent transparent
}

.btn-show-more:active {
    background: #a39aac;
    color: #47404f !important
}

.btn-show-more:active::after {
    border-color: #47404f transparent transparent
}

.btn-show-more .svg-icon {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 12px;
    height: 12px;
    color: inherit
}

.btn-action {
    font-family: Lato, Lato2, sans-serif;
    transition: background-color .2s, color .2s;
    display: inline-block;
    background: #279af1;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    box-sizing: border-box;
    padding: 8px 12px 8px 16px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px
}

.btn-action.no-icon {
    padding: 8px 16px
}

.btn-action .svg-icon {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 16px;
    height: 16px
}

.btn-action.icon-small .svg-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-bottom: -2.5px
}

.btn-action.icon-right .svg-icon {
    margin: 0 0 -1px 8px
}

.btn-action:hover {
    background: #38a2f2;
    color: #fff !important;
    text-decoration: none !important
}

.btn-action:active {
    background: #41a6f3;
    color: #fff !important
}

.btn-action.btn-action-wide {
    width: 100%;
    max-width: 288px;
    text-align: center
}

@media (min-width: 1030px) {
    .btn-action.btn-action-bigger {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 22px 10px 24px
    }

    .btn-action.btn-action-bigger .svg-icon {
        margin-bottom: 0
    }

    .btn-action.btn-action-wide {
        max-width: 392px
    }
}

.btn-action.disabled, .btn-action.inactive {
    background: #ebe9ed;
    color: #c2bcc8 !important
}

.btn-action.disabled:hover, .btn-action.inactive:hover {
    background: #f4f5f6;
    color: #c2bcc8 !important
}

.btn {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    border: none;
    font-weight: 700;
    transition: .2s;
    vertical-align: middle;
    text-align: center
}

.btn.focus, .btn:focus, .btn:hover {
    color: inherit
}

.btn[disabled] {
    pointer-events: all !important;
    padding: 7px 15px
}

.btn:active, .btn:focus {
    outline: 0 !important;
    box-shadow: none
}

.btn.form-center-btn {
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto
}

@media (min-width: 1030px) {
    .btn.form-center-btn {
        margin: 0;
        padding: 8px 16px
    }

    .btn.login-border-btn .svg-icon {
        margin-right: 12px
    }
}

.btn.btn-lg {
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 12px
}

.btn.btn-sm {
    height: 32px;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px
}

.btn.btn-xs {
    height: 20px;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 6px
}

.btn.btn-largest {
    height: 56px;
    font-size: 16px;
    line-height: 24px;
    padding: 16px
}

.btn.disabled {
    cursor: not-allowed
}

.btn.btn-grey-light {
    color: #47404f;
    background-color: #d6d2da !important
}

.btn.btn-grey-light:hover {
    color: #47404f;
    background-color: #c7c3cb !important
}

.btn.btn-grey-light:hover:focus {
    color: #47404f;
    background-color: #bebac2 !important
}

.btn.btn-red {
    box-shadow: none !important;
    transition: background-color .2s, color .2s, box-shadow .2s;
    color: #fff;
    background-color: #eb1f32 !important
}

.btn.btn-red:hover {
    box-shadow: none;
    background-color: #ce1225 !important
}

.btn.btn-red.inverse {
    color: #47404f;
    background-color: #d6d2da !important
}

.btn.btn-red.inverse:hover {
    background-color: #ce1225 !important;
    color: #fff
}

.btn.btn-blue {
    box-shadow: none;
    background-color: #279af1;
    color: #fff
}

.btn.btn-blue:focus, .btn.btn-blue:not(.disabled):hover {
    color: #fff;
    background-color: #38a2f2
}

.btn.btn-blue:focus:focus, .btn.btn-blue:not(.disabled):hover:focus {
    background-color: #41a6f3
}

.btn.btn-blue.disabled {
    box-shadow: none;
    background-color: #ebe9ed;
    border: 1px solid #c2bcc8;
    color: #c2bcc8;
    opacity: 1
}

.btn.btn-blue.disabled:focus {
    color: #8f849a
}

.btn.btn-black {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .1);
    background-color: #03121a;
    color: #fff
}

.btn.btn-black:focus, .btn.btn-black:hover {
    background-color: rgba(3, 18, 26, .8)
}

.btn.btn-white {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .1);
    background-color: #fbfbfb;
    transition: opacity .2s
}

.btn.btn-white:focus, .btn.btn-white:not(.not-hover):hover {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .33);
    background-color: #5c6568
}

.btn.btn-white .not-hover {
    opacity: .64
}

.btn.btn-white.active {
    background-color: #03121a
}

.btn.btn-white.active:focus, .btn.btn-white.active:hover {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .33);
    background-color: #5c6568
}

.btn.btn-transparent-black {
    background-color: transparent;
    border: 2px solid #03121a;
    color: #03121a;
    transition: opacity .2s
}

.btn.btn-transparent-black:focus, .btn.btn-transparent-black:not(.not-hover):hover {
    background-color: #5c6568;
    color: #fff;
    border: 2px solid #5c6568
}

.btn.btn-white-light {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .64);
    color: #03121a;
    transition: background-color .2s
}

.btn.btn-white-light:focus, .btn.btn-white-light:hover {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.btn.btn-big {
    padding: 12px 16px
}

.btn.save {
    width: 32px;
    height: 32px;
    padding: 0;
    border-color: rgba(3, 18, 26, .48) rgba(3, 18, 26, .48) rgba(3, 18, 26, .48) #279af1;
    border-width: 3px;
    border-radius: 32px;
    font-size: 0;
    animation: 2s linear .25s infinite rotating;
    border-style: solid;
    background-color: transparent !important;
    box-shadow: none !important
}

.btn.btn-blue-white-light {
    box-shadow: 0 0 36px -19px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .64);
    color: #03121a;
    transition: background-color .2s, color .2s
}

.btn.btn-blue-white-light:focus, .btn.btn-blue-white-light:hover {
    background-color: #279af1;
    color: #fff
}

.btn.btn-radius {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 0
}

.btn.btn-radius .svg-icon {
    max-height: 20px;
    max-width: 20px;
    opacity: .64;
    transition: opacity .2s
}

.btn.btn-radius:hover .svg-icon {
    opacity: 1
}

.btn.full-width {
    width: 100%
}

.btn.login-border-btn {
    border: 1px solid #8f849a;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    background: 0 0;
    color: #5c5365
}

.btn.login-border-btn .svg-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    color: inherit
}

.btn.login-border-btn .btn-login-label {
    position: absolute;
    right: -8px;
    top: -9px;
    display: none;
    z-index: 2;
    color: #279af1;
    background: #dff0fd;
    text-align: center;
    text-wrap: nowrap;
    font-size: 12px;
    line-height: 15px;
    padding: 1px 8px
}

.btn.btn-pw-show-hide {
    border: 1px solid #e0dde3;
    font-size: 14px;
    line-height: 20px;
    color: #47404f;
    padding: 8px;
    box-shadow: none;
    background-color: #fff
}

.btn.btn-pw-show-hide .svg-icon {
    width: 16px;
    height: 16px;
    margin: 0
}

.btn.btn-pw-show-hide .svg-icon.icon-show {
    display: block
}

.btn.btn-pw-show-hide .svg-icon.icon-hide {
    display: none
}

.btn.btn-pw-show-hide:active:hover {
    background-color: #fff;
    color: #5c5365;
    border-color: #e0dde3
}

.btn.btn-pw-show-hide.active, .btn.btn-pw-show-hide.active:active:hover {
    background-color: #fff;
    color: #5c5365
}

.btn.btn-pw-show-hide.active .svg-icon.icon-show {
    display: none
}

.btn.btn-pw-show-hide.active .svg-icon.icon-hide {
    display: block
}

@keyframes rotating {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.action-btn {
    transition: background-color .2s;
    position: relative;
    flex: 0 0 auto;
    width: auto;
    height: 32px;
    padding: 9px 11px;
    text-align: center;
    z-index: 19;
    border-radius: 4px;
    line-height: 1;
    text-decoration: none;
    color: #47404f;
    background: #f4f5f6
}

.action-btn::before {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: ''
}

.action-btn:focus {
    color: #47404f
}

.action-btn:not(.action-ext).disabled, .action-btn:not(.action-ext).inactive {
    background: #ebe9ed;
    color: #c2bcc8 !important
}

.action-btn:not(.action-ext).disabled:hover, .action-btn:not(.action-ext).inactive:hover {
    background: #f4f5f6;
    color: #c2bcc8 !important
}

@media (max-width: 1029px) {
    .action-btn:not(.action-ext).disabled.inactive-alt-mobile, .action-btn:not(.action-ext).inactive.inactive-alt-mobile {
        background: #e0dde3;
        color: #c2bcc8 !important
    }
}

.action-btn.with-bg {
    background: #d6d2da
}

@media (min-width: 1030px) {
    .btn.login-border-btn .btn-login-label {
        display: block
    }

    .action-btn.cta-label-desktop {
        width: auto
    }

    .action-btn.action-btn-full-box {
        width: 100%;
        height: 100%;
        max-width: 72px;
        max-height: 72px;
        border-radius: 0
    }

    .action-btn:not(.single-label) .cta-label {
        display: none;
        padding: 0
    }
}

.action-btn .cta-label {
    transition: color .2s;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    padding: 0 5px;
    text-decoration: none;
    color: inherit
}

.action-btn .cta-label.cta-label-desktop, .action-btn .cta-label:empty {
    display: none
}

.action-btn .cta-label:not(:empty) ~ .svg-icon {
    margin: 0 0 -3px 4px
}

.action-btn .svg-icon {
    transition: color .2s;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: -2.5px;
    color: inherit
}

.action-btn .svg-icon:only-child {
    margin-left: 0
}

.action-btn.action-normal:not(.inactive):hover {
    background-color: #fff;
    color: #47404f
}

.action-btn.action-desktop-btn {
    text-decoration: none
}

@media (min-width: 1030px) {
    .action-btn .cta-label.cta-label-desktop {
        display: inline-block
    }

    .action-btn.action-desktop-btn {
        width: 100%;
        height: 32px;
        padding: 9px 16px;
        align-self: center;
        justify-self: center;
        margin: auto;
        border-radius: 4px
    }

    .action-btn.action-desktop-btn:not(.action-normal) {
        background-color: #f4f5f6;
        color: #47404f
    }

    .action-btn.action-desktop-btn.auto {
        width: auto
    }

    .action-btn.action-desktop-btn.color-btn {
        padding: 8px 32px;
        margin: 0
    }

    .action-btn.action-desktop-btn.color-btn.narrow {
        padding: 8px 16px
    }

    .action-btn.action-desktop-btn.disabled {
        background-color: #ebe9ed !important;
        color: #c2bcc8 !important;
        z-index: 0
    }

    .action-btn.action-desktop-btn.disabled:hover {
        text-decoration: none
    }
}

.action-btn.action-ext, .action-btn.color-btn {
    background-color: #279af1;
    color: #fff
}

@media (max-width: 1029px) {
    .action-btn.action-ext.disabled, .action-btn.action-ext.inactive, .action-btn.color-btn.disabled, .action-btn.color-btn.inactive {
        color: #fff;
        opacity: .6
    }
}

@media (min-width: 1030px) {
    .action-btn.action-ext, .action-btn.color-btn {
        text-decoration: none;
        background: #f4f5f6;
        color: #47404f
    }

    .action-btn.action-ext.action-desktop-btn, .action-btn.color-btn.action-desktop-btn {
        background-color: #279af1;
        color: #fff
    }

    .action-btn.action-ext.action-desktop-btn:hover:not(.disabled), .action-btn.color-btn.action-desktop-btn:hover:not(.disabled) {
        text-decoration: none;
        background-color: #38a2f2
    }

    .action-btn.action-ext.action-desktop-btn:hover:not(.disabled):active, .action-btn.color-btn.action-desktop-btn:hover:not(.disabled):active {
        background-color: #41a6f3
    }
}

.action-btn.action-ext:hover:not(.disabled), .action-btn.color-btn:hover:not(.disabled) {
    background-color: #38a2f2;
    color: #fff
}

.action-btn.action-ext:hover:not(.disabled):active, .action-btn.color-btn:hover:not(.disabled):active {
    background-color: #41a6f3
}

.action-btn.action-ext.color-purple, .action-btn.color-btn.color-purple {
    background: #7600de !important;
    color: #fff !important
}

.action-btn.action-ext.color-purple:hover, .action-btn.color-btn.color-purple:hover {
    background: #931afe !important
}

.action-btn.code-cta-btn.inactive {
    cursor: not-allowed
}

@media (max-width: 1029px) {
    .action-btn.code-cta-btn {
        margin-right: 8px
    }

    .action-btn.code-cta-btn:not(.inactive) {
        background: #d6d2da
    }

    .action-btn.with-bg ~ .action-btn.with-arrows {
        margin-left: 8px
    }

    .action-btn.with-bg ~ .action-btn.with-arrows:not(.label-with-arrows) .cta-label {
        display: none
    }
}

.games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon {
    transition: opacity .2s, transform .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: none
}

.games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .svg-icon {
    display: none
}

.games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon > img {
    display: block;
    content-visibility: visible
}

.games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon > img.shop-image-white {
    display: none;
    content-visibility: hidden
}

.games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .shop-icon .svg-icon {
    display: none
}

@media (min-width: 1030px) {
    .action-btn.action-ext:hover:not(.disabled):not(.color-btn), .action-btn.color-btn:hover:not(.disabled):not(.color-btn) {
        background-color: #38a2f2
    }

    .action-btn.code-cta-btn {
        box-sizing: border-box;
        width: 100%;
        max-width: 144px;
        flex: 0 0 144px;
        border-right: 1px solid #eae9ec
    }

    .action-btn.code-cta-btn .svg-icon {
        width: 14px;
        height: 16px;
        display: inline-block;
        margin-right: 8px
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: #f4f5f6;
        height: 100%;
        width: 112px;
        flex: 0 0 112px
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .svg-icon {
        color: #5c5365;
        display: block;
        width: 12px;
        height: 12px;
        margin-left: 6px
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .shop-icon {
        display: flex;
        width: 112px
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .shop-icon img {
        position: relative;
        top: unset;
        left: unset;
        transform: unset
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta) .shop-icon .shop-icon .svg-icon {
        color: #5c5365;
        display: block;
        width: 12px;
        height: 12px;
        margin-left: 6px
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta).shop-icon-cta {
        width: 112px;
        flex: 0 0 112px;
        overflow: hidden
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta).shop-icon-cta .action-btn, .games-box .game-item .game-cta:not(.voucher-wide-cta).shop-icon-cta .action-btn.action-btn-full-box {
        transition: background-color .2s, opacity .2s;
        opacity: 0;
        max-width: 100%
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta):hover .shop-icon {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2)
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta):hover .action-btn {
        opacity: 1;
        background-color: #38a2f2
    }

    .games-box .game-item .game-cta:not(.voucher-wide-cta):hover:active .action-btn {
        background-color: #41a6f3
    }
}

.deal-cta-btn {
    transition: background-color .2s;
    position: relative;
    display: block;
    padding: 12px 6px;
    text-align: center;
    background: #f4f5f6;
    color: #5c5365;
    width: 100%;
    height: 100%
}

.deal-cta-btn .svg-icon {
    transition: color .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin-left: 1px
}

.deal-item:hover .deal-cta-btn {
    background-color: #38a2f2;
    color: #fff
}

.widget-link-more {
    transition: color .2s;
    color: #279af1;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block
}

.widget-link-more:active, .widget-link-more:focus {
    color: #52aef4
}

.widget-link-more::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #279af1 transparent transparent;
    margin-left: 4px;
    transform: translateY(-2px)
}

.widget-link-more.widget-link-more-ext::after {
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #279af1;
    transform: translateY(0);
    margin-left: 8px
}

.widget-link-more.small {
    font-size: 12px;
    line-height: 16px
}

.widget-link-more.link-beta {
    transition: color .2s;
    color: #dcdcdc;
    font-size: 11px;
    line-height: 32px;
    padding: 0 12px
}

.widget-link-more.link-beta::after {
    transition: border-color .2s;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #dcdcdc;
    transform: translateY(0);
    margin-left: 4px
}

.widget-link-more.link-beta:hover {
    color: #fff;
    text-decoration: none
}

.widget-link-more.link-beta:hover::after {
    border-color: transparent transparent transparent #fff
}

.widget-link-more:hover {
    color: #52aef4;
    text-decoration: underline
}

.widget-link-more:hover::after {
    border-color: #52aef4 transparent transparent
}

.widget-link-more:hover.widget-link-more-ext::after {
    border-color: transparent transparent transparent #52aef4
}

.widget-link-more.widget-link-more-side {
    margin-left: 8px;
    vertical-align: bottom;
    font-size: 14px;
    line-height: 16px
}

.widget-link-more.widget-link-more-side::after {
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #279af1;
    transform: translateY(-1px);
    margin-left: 6px
}

.widget-link-more.widget-link-more-side:hover::after {
    border-color: transparent transparent transparent #279af1
}

.widget-link-more.widget-link-more-side.bigger {
    margin-left: 0;
    font-size: 16px;
    line-height: 20px
}

.widget-link-more.widget-link-more-side.bigger::after {
    transform: translateY(-2px)
}

.filter-reset-button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    padding: 16px;
    background: #f5f4f6;
    z-index: 21
}

.filter-reset-button-container::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    content: '';
    background: #ebe9ed;
    display: none
}

.main-filter-line .filters-line-container > .filter-reset-button-container {
    display: none
}

.main-filter-line.open .filters-line-container > .filter-reset-button-container {
    display: flex
}

@media (min-width: 1030px) {
    .filter-reset-button-container {
        position: relative;
        display: block;
        align-self: flex-end;
        justify-self: flex-end;
        margin-top: auto;
        width: 100%;
        bottom: auto;
        left: auto;
        right: 0;
        background: 0 0;
        padding: 0
    }

    .filter-reset-button-container::before, .main-filter-line.open .filters-line-container > .filter-reset-button-container {
        display: block
    }

    .filter.filter-part:only-of-type .filter-reset-button-container {
        margin-top: 16px
    }
}

.filter.filter-part .filter-reset-button-container::before {
    display: none
}

.filter-reset-button-container .mobile-apply-btn {
    padding: 8px 16px;
    background: #279af1 !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    flex: 0 0 calc(50% - 4px);
    width: calc(50% - 4px);
    margin: 0 0 0 4px !important;
    cursor: pointer;
    display: block
}

@media (min-width: 1030px) {
    .filter-reset-button-container .mobile-apply-btn {
        display: none
    }
}

.filter-reset-button-container .filter-reset-button {
    transition: color .2s;
    display: block;
    border: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    background: 0 0;
    color: #c2bcc8;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    flex: 0 0 calc(50% - 4px);
    width: calc(50% - 4px);
    margin: 0 4px 0 0;
    padding: 0
}

.filter-reset-button-container .filter-reset-button .reset-btn-label {
    display: none
}

.filter-reset-button-container .filter-reset-button .reset-btn-label-mobile {
    padding: 8px 16px;
    text-align: center;
    background: #e0dde3;
    color: #5c5365;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    display: block
}

@media (min-width: 1030px) {
    .filter-reset-button-container .filter-reset-button {
        width: 100%;
        flex: 0 0 100%;
        padding: 16px 24px;
        margin: 0
    }

    .filter-reset-button-container .filter-reset-button .reset-btn-label {
        display: block
    }

    .filter-reset-button-container .filter-reset-button .reset-btn-label-mobile {
        display: none
    }

    .filter-reset-button-container .filter-reset-button:hover {
        color: #c2bcc8
    }
}

@media (max-width: 1029px) {
    .filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container, .radio-list:not(.no-dots) + .filter-reset-button-container {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 0;
        width: 100%;
        display: block;
        background: 0 0
    }

    .filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container .mobile-apply-btn, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container .mobile-apply-btn, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container .mobile-apply-btn, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container .mobile-apply-btn, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container .mobile-apply-btn, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container .mobile-apply-btn, .radio-list:not(.no-dots) + .filter-reset-button-container .mobile-apply-btn {
        display: none
    }
}

.filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container::after, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container::after, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container::after, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container::after, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container::after, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container::after, .radio-list:not(.no-dots) + .filter-reset-button-container::after {
    display: none
}

@media (max-width: 1029px) {
    .filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container .filter-reset-button, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container .filter-reset-button, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container .filter-reset-button, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container .filter-reset-button, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container .filter-reset-button, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container .filter-reset-button, .radio-list:not(.no-dots) + .filter-reset-button-container .filter-reset-button {
        width: 100%;
        flex: 0 0 100%;
        padding: 16px;
        margin: 0
    }

    .filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container .reset-btn-label, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container .reset-btn-label, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container .reset-btn-label, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container .reset-btn-label, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container .reset-btn-label, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container .reset-btn-label, .radio-list:not(.no-dots) + .filter-reset-button-container .reset-btn-label {
        display: block !important
    }

    .filter-floating-tabs-section:not(:only-child) .filter.filter-part .date-range-picker-filter + .filter-reset-button-container .reset-btn-label-mobile, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .filter.range + .filter-reset-button-container .reset-btn-label-mobile, .filter-floating-tabs-section:not(:only-child) .filter.filter-part .numeric-filter + .filter-reset-button-container .reset-btn-label-mobile, .filter.filter-part:not(:only-child) .date-range-picker-filter + .filter-reset-button-container .reset-btn-label-mobile, .filter.filter-part:not(:only-child) .filter.range + .filter-reset-button-container .reset-btn-label-mobile, .filter.filter-part:not(:only-child) .numeric-filter + .filter-reset-button-container .reset-btn-label-mobile, .radio-list:not(.no-dots) + .filter-reset-button-container .reset-btn-label-mobile {
        display: none !important
    }

    .filter.isDropdown > .filter-full-padding + .filter-reset-button-container .mobile-apply-btn, .filter.isDropdown > .list:only-of-type > .filter.filter-part:only-of-type .filter-reset-button-container .mobile-apply-btn, .filter.isDropdown > .list:only-of-type > .filter:only-of-type .filter-reset-button-container .mobile-apply-btn, .filter.isDropdown > .numeric-filter + .filter-reset-button-container .mobile-apply-btn {
        display: block !important
    }

    .filter.isDropdown > .filter-full-padding + .filter-reset-button-container .filter-reset-button .reset-btn-label, .filter.isDropdown > .list:only-of-type > .filter.filter-part:only-of-type .filter-reset-button-container .filter-reset-button .reset-btn-label, .filter.isDropdown > .list:only-of-type > .filter:only-of-type .filter-reset-button-container .filter-reset-button .reset-btn-label, .filter.isDropdown > .numeric-filter + .filter-reset-button-container .filter-reset-button .reset-btn-label {
        display: none !important
    }

    .filter.isDropdown > .filter-full-padding + .filter-reset-button-container .filter-reset-button .reset-btn-label-mobile, .filter.isDropdown > .list:only-of-type > .filter.filter-part:only-of-type .filter-reset-button-container .filter-reset-button .reset-btn-label-mobile, .filter.isDropdown > .list:only-of-type > .filter:only-of-type .filter-reset-button-container .filter-reset-button .reset-btn-label-mobile, .filter.isDropdown > .numeric-filter + .filter-reset-button-container .filter-reset-button .reset-btn-label-mobile {
        display: block !important
    }
}

.filter.isDropdown > .filter-full-padding + .filter-reset-button-container, .filter.isDropdown > .list:only-of-type > .filter.filter-part:only-of-type .filter-reset-button-container, .filter.isDropdown > .list:only-of-type > .filter:only-of-type .filter-reset-button-container, .filter.isDropdown > .numeric-filter + .filter-reset-button-container {
    margin-top: 16px
}

.filter.active > .filter-reset-button-container .filter-reset-button, .filter.filter-part .filter.active + .filter + .filter-reset-button-container .filter-reset-button, .filter.filter-part .filter.active + .filter-reset-button-container .filter-reset-button {
    color: #279af1
}

.filter.active > .filter-reset-button-container .filter-reset-button:hover, .filter.filter-part .filter.active + .filter + .filter-reset-button-container .filter-reset-button:hover, .filter.filter-part .filter.active + .filter-reset-button-container .filter-reset-button:hover {
    color: #52aef4
}

.login-form-btn {
    transition: background-color .2s, box-shadow .2s;
    display: block;
    color: #fff;
    background-color: #332e38;
    border-radius: 4px;
    padding: 11px 16px 12px 14px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 0 0 transparent
}

.login-form-btn .svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    opacity: 1;
    margin-bottom: -2.5px
}

.login-form-btn:hover {
    color: #fff;
    background-color: #696071;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.login-form-btn:active, .login-form-btn:focus {
    color: #fff;
    background-color: #706878;
    box-shadow: 0 0 0 transparent
}

.game-single-actions {
    position: absolute;
    right: 0;
    z-index: 5;
    top: -66px
}

.game-single-actions .game-collection-actions {
    align-items: flex-start
}

@media (min-width: 480px) {
    .game-single-actions {
        top: 16px
    }

    .game-single-actions .game-collection-actions {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end
    }
}

@media (min-width: 795px) {
    .game-single-actions {
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
        width: 100%;
        padding-left: 16px
    }

    .game-single-actions .game-collection-actions {
        flex-direction: row;
        justify-content: unset;
        align-items: flex-start
    }
}

@media (min-width: 1200px) {
    .game-single-actions .game-collection-actions {
        width: 100%;
        flex-wrap: nowrap
    }
}

.game-single-actions .game-action-wrap {
    transition: border-color .2s, background-color .2s, box-shadow .2s, color .2s;
    color: #47404f;
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 32px;
    margin-left: 8px;
    background: 0 0;
    box-shadow: none;
    border: none;
    box-sizing: border-box
}

.game-single-actions .game-action-wrap:first-child {
    margin-left: 0
}

@media (min-width: 480px) {
    .game-single-actions .game-action-wrap {
        max-width: 100%;
        height: auto;
        margin-top: 8px;
        margin-left: 0
    }

    .game-single-actions .game-action-wrap:first-child {
        margin-top: 0
    }
}

@media (min-width: 795px) {
    .game-single-actions .game-action-wrap {
        max-width: 40%;
        padding: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 8px
    }

    .game-single-actions .game-action-wrap:last-child {
        margin-right: 0
    }
}

@media (min-width: 480px) and (max-width: 794px) {
    .game-single-actions .game-action-wrap.owned-game {
        margin-right: 40px
    }

    .game-single-actions .game-action-wrap.ignored-game:not(.game-type-prepaids) {
        margin-top: -32px
    }
}

.game-single-actions .game-action-wrap .icon-collection-wrapper {
    position: absolute;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    z-index: 1;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    overflow: hidden
}

@media (min-width: 480px) {
    .game-single-actions .game-action-wrap .icon-collection-wrapper {
        left: 16px;
        transform: translateY(-50%)
    }
}

@media (min-width: 795px) {
    .game-single-actions .game-action-wrap .icon-collection-wrapper {
        left: 10px
    }
}

@media (min-width: 1030px) {
    .game-single-actions {
        padding-left: 24px
    }

    .game-single-actions .game-action-wrap .icon-collection-wrapper {
        left: 16px
    }
}

@media (min-width: 1200px) {
    .game-single-actions .game-action-wrap .icon-collection-wrapper {
        left: 12px
    }

    .game-single-actions .game-action-wrap .game-action.with-drm {
        padding-left: 36px
    }
}

.game-single-actions .game-action-wrap .game-action {
    z-index: 2;
    overflow: hidden;
    text-align: left;
    padding: 0 0 0 24px;
    width: auto;
    height: 32px;
    box-shadow: none;
    background: #e0dde3;
    border-radius: 4px
}

@media (min-width: 480px) {
    .game-single-actions .game-action-wrap .game-action {
        height: auto;
        padding: 0 0 0 40px;
        justify-content: flex-end
    }
}

@media (min-width: 795px) {
    .game-single-actions .game-action-wrap .game-action {
        padding: 0 0 0 34px;
        width: 100%;
        justify-content: unset
    }
}

@media (min-width: 1030px) {
    .game-single-actions .game-action-wrap .game-action {
        padding: 0 0 0 40px
    }
}

.game-single-actions .game-action-wrap .game-action.btn.btn-icon {
    padding: 0
}

.game-single-actions .game-action-wrap .game-action.btn.btn-icon .icon-collection-wrapper {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: 7px
}

.game-single-actions .game-action-wrap .game-action.btn.btn-icon.activate .icon-collection-wrapper {
    margin: 8px
}

@media (min-width: 1290px) {
    .game-single-actions .game-action-wrap .icon-collection-wrapper {
        left: 16px
    }

    .game-single-actions .game-action-wrap .game-action.with-drm {
        padding-left: 40px
    }
}

.game-single-actions .game-action-wrap .game-action.with-drm .title {
    padding-right: 0
}

.game-single-actions .game-action-wrap .icon-collection {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.game-single-actions .game-action-wrap .title {
    font-size: 14px;
    line-height: 16px;
    text-transform: initial;
    vertical-align: middle;
    display: none;
    padding: 8px 12px 8px 0
}

@media (min-width: 480px) {
    .game-single-actions .game-action-wrap .title {
        display: inline-block
    }
}

@media (min-width: 795px) {
    .game-single-actions .game-action-wrap .title {
        display: none
    }
}

@media (min-width: 1030px) {
    .game-single-actions .game-action-wrap .title {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .game-single-actions .game-action-wrap .title {
        display: none
    }
}

@media (min-width: 1290px) {
    .game-single-actions .game-action-wrap .title {
        display: inline-block
    }

    .game-single-actions .game-action-wrap .user-count {
        display: inline-flex
    }
}

.game-single-actions .game-action-wrap .user-count {
    transition: border-color .3s;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-flex;
    padding: 7px 7px 7px 6px;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    background: 0 0;
    color: #8f849a;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 32px
}

@media (min-width: 1030px) {
    .game-single-actions .game-action-wrap .user-count {
        display: inline-flex
    }
}

@media (min-width: 1200px) {
    .game-single-actions .game-action-wrap .user-count {
        display: inline-flex
    }
}

.game-single-actions .game-action-wrap .user-count .count {
    display: none
}

.game-single-actions .game-action-wrap .user-count .count-short {
    display: inline-block
}

.game-single-actions .game-action-wrap .deactivate {
    color: #e0dde3;
    background-color: #5c5365
}

@media (min-width: 480px) {
    .game-single-actions .game-action-wrap .user-count {
        display: inline-flex;
        border-left: 1px solid #f4f5f6
    }

    .game-single-actions .game-action-wrap .deactivate {
        background-color: #5c5365
    }
}

.game-single-actions .game-action-wrap .deactivate .user-count {
    color: #d6d2da;
    border-color: #d6d2da;
    padding-top: 6px;
    padding-bottom: 6px
}

.game-single-actions .game-action-wrap:hover .activate {
    background-color: #c7c3cb;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.game-single-actions .game-action-wrap:hover .activate:active, .game-single-actions .game-action-wrap:hover .activate:focus {
    background-color: #bebac2;
    box-shadow: none
}

.game-single-actions .game-action-wrap:hover .deactivate {
    color: #e0dde3
}

@media (min-width: 795px) {
    .game-single-actions .game-action-wrap .user-count {
        display: inline-flex;
        padding: 7px 7px 7px 8px
    }

    .game-single-actions .game-action-wrap:hover .deactivate {
        background-color: #70657b;
        box-shadow: none;
        border-color: #d6d2da
    }

    .game-single-actions .game-action-wrap:hover .deactivate .user-count {
        border-color: #d6d2da
    }
}

.game-single-actions .game-action-wrap:hover .deactivate:active, .game-single-actions .game-action-wrap:hover .deactivate:focus {
    color: #e0dde3;
    background-color: #70657b;
    border-color: #a39aac;
    box-shadow: none
}

.game-single-actions .game-action-wrap:hover .deactivate:active .user-count, .game-single-actions .game-action-wrap:hover .deactivate:focus .user-count {
    border-color: #a39aac
}

.filter-link-button {
    transition: color .2s;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #70657b;
    padding: 4px 0 3px;
    height: 24px
}

.filter-link-button:hover {
    color: #1f1c22
}

.filter-link-button span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
    align-self: flex-end
}

.filter-link-button .svg-icon {
    display: block;
    margin: -2px 6px -1px 0
}

.link-remove {
    transition: color .2s;
    color: #eb1f32;
    font-size: 14px;
    line-height: 20px
}

.link-remove:active, .link-remove:focus, .link-remove:hover {
    color: #ce1225
}

.link-remove .svg-icon {
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-top: -2px
}

.btn-text {
    padding: 0;
    border: 0;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    outline: 0
}

.action-box {
    height: 88px;
    padding: 24px 16px;
    text-align: left;
    border-radius: 4px
}

.action-box .region-icon.region-icon-round {
    width: 32px;
    height: 32px;
    margin: 0
}

.action-box .region-icon.region-icon-round .flag-regular-icon {
    transform: translate(-50%, -50%) scale(2);
    top: 50%;
    left: 50%
}

.action-box .icon-wrapper {
    flex: 0 0 32px;
    width: 32px;
    margin-right: 16px
}

.action-box .icon-wrapper .settings-icon {
    color: #1f1c22
}

.action-box .user-avatar {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.action-box .emoji {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    max-height: 32px;
    max-width: 32px
}

.action-box .content-wrapper {
    width: 100%
}

.action-box .content-wrapper .title {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 550;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 2px;
    color: #5c5365;
    overflow-x: hidden;
    overflow-y: visible;
    text-overflow: ellipsis;
    scrollbar-width: none;
    z-index: 21;
    cursor: pointer
}

.action-box .content-wrapper .description {
    transition: none
}

.action-box .content-wrapper .description .lighten {
    color: #a39aac
}

.action-box:not(.not-hover):hover .description {
    color: #332e38
}

.action-box:not(.not-hover):hover .description .lighten {
    color: #a39aac
}

.action-box.btn.btn-white {
    transition: background .2s, box-shadow .2s;
    background: #f4f5f6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .2)
}

.action-box.btn.btn-white.in-progress, .action-box.btn.btn-white.queued {
    background: #edeced;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .2)
}

.action-box.btn.btn-white.in-progress .title, .action-box.btn.btn-white.queued .title {
    color: #332e38
}

.action-box.btn.btn-white.in-progress .action-bottom-text, .action-box.btn.btn-white.queued .action-bottom-text {
    display: none
}

.action-box.btn.btn-white.in-progress {
    cursor: default
}

.action-box.btn.btn-white .content-wrapper {
    padding-bottom: 16px
}

@-moz-document url-prefix() {
    .action-box .content-wrapper .title {
        font-weight: 500
    }
}

.action-box .content-wrapper .title::-webkit-scrollbar {
    display: none
}

@media (min-width: 1030px) {
    .action-box.btn.btn-white .content-wrapper {
        padding-bottom: 0
    }

    .action-box {
        padding: 16px;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        margin-top: 4px;
        margin-bottom: 4px
    }

    .action-box .content-wrapper .title {
        font-size: 16px;
        line-height: 23px;
        margin: 0;
        padding: 0
    }
}

.action-box .content-wrapper .description {
    color: #a39aac;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: visible;
    text-overflow: ellipsis;
    scrollbar-width: none
}

.action-box .content-wrapper .description::-webkit-scrollbar {
    display: none
}

.action-box .content-wrapper .description .lighten {
    color: inherit
}

.action-box .content-wrapper .description strong {
    color: #47404f;
    font-weight: 600
}

.action-box:not(.in-progress):not(.not-hover):hover.btn.btn-white {
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .2);
    background-color: #fff
}

.action-box:not(.in-progress):not(.not-hover):hover.btn.btn-white .title {
    color: #332e38
}

.action-box:not(.in-progress):not(.not-hover):hover.btn.btn-white .description {
    color: #a39aac
}

.action-box:not(.in-progress):not(.not-hover):hover.btn.btn-white .description .lighten {
    color: inherit
}

.action-box .action-bottom-text {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 0 12px 0 0;
    margin: 0;
    text-align: right;
    color: #279af1;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    display: block;
    z-index: 0
}

.action-box .action-bottom-text::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #279af1;
    content: ''
}

.action-box.option-box .content-wrapper {
    padding-bottom: 32px
}

.action-box.option-box, .action-box.option-box.sync-box {
    height: auto
}

@media (min-width: 1030px) {
    .action-box .content-wrapper .description {
        margin: 4px 0 0;
        text-overflow: initial
    }

    .action-box.option-box .content-wrapper {
        padding-bottom: 0
    }

    .action-box.option-box, .action-box.option-box.sync-box {
        height: 101px
    }
}

.action-box.sync-box {
    margin-top: 18px;
    margin-bottom: 24px;
    height: 88px;
    padding: 16px
}

.action-box.sync-box.in-progress {
    background: #edeced
}

.action-box.sync-box.in-progress .progressBar {
    margin-top: 8px
}

.action-box.sync-box.locked {
    cursor: not-allowed
}

.action-box.sync-box.locked, .action-box.sync-box.locked:hover {
    background: #edeced;
    color: #332e38
}

.action-box.sync-box.locked .content-wrapper .description, .action-box.sync-box.locked .content-wrapper .title, .action-box.sync-box.locked:hover .content-wrapper .description, .action-box.sync-box.locked:hover .content-wrapper .title {
    color: #332e38
}

.action-box.sync-box.locked .lighten, .action-box.sync-box.locked:hover .lighten {
    color: #a39aac
}

.action-box.sync-box.locked .action-bottom-text, .action-box.sync-box.locked .description .last-sync-time .last-sync .last-text, .action-box.sync-box.locked .full-link, .action-box.sync-box.locked:hover .action-bottom-text {
    display: none
}

.action-box.sync-box.locked .description .last-sync-time .last-sync .locked-text {
    display: inline-block
}

.action-box.settings-box {
    padding: 16px
}

.action-box.settings-box.btn .content-wrapper {
    padding-bottom: 26px
}

.action-box .active-label {
    flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    background: #ebe9ed;
    color: #47404f
}

.action-box.with-active-label .content-wrapper {
    max-width: 100%;
    overflow: hidden
}

.action-box.with-active-label .content-wrapper .title-row {
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 0 0 4px
}

.action-box.with-active-label .content-wrapper .title {
    flex: 1 1 auto;
    width: 100%;
    margin: 0
}

.action-box.disabled .icon-wrapper {
    color: #c2bcc8
}

.action-box.disabled .content-wrapper .title {
    cursor: pointer
}

.option-box-heading {
    width: 100%;
    flex: 0 0 100%;
    margin: 0 0 10px;
    padding: 0 12px
}

.option-box-heading h3 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin: 0;
    color: #1f1c22
}

@media (max-width: 1029px) {
    #collection-syncs .action-box.sync-box, #wishlist-syncs .action-box.sync-box {
        height: 100px
    }
}

@media (min-width: 795px) and (max-width: 1029px) {
    #collection-syncs .action-box.sync-box, #wishlist-syncs .action-box.sync-box {
        height: 118px
    }

    #collection-syncs .action-box.sync-box .content-wrapper, #wishlist-syncs .action-box.sync-box .content-wrapper {
        white-space: normal
    }

    #collection-syncs .action-box.sync-box .title, #wishlist-syncs .action-box.sync-box .title {
        line-height: 19px
    }
}

.error-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.error-wrap a {
    color: #279af1;
    text-decoration: none
}

.error-wrap a:active, .error-wrap a:focus, .error-wrap a:hover {
    color: #52aef4
}

.error-wrap .error-container {
    height: 100%;
    max-width: 1030px;
    flex-direction: column
}

@media (min-width: 1030px) {
    .action-box.sync-box {
        margin-top: 14px;
        margin-bottom: 18px
    }

    #collection-syncs, #wishlist-syncs {
        margin: -8px -16px;
        padding: 0 16px;
        width: auto
    }

    .error-wrap .error-container {
        flex-direction: row
    }
}

.error-wrap .error-container .error-header .title {
    display: block;
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 42px;
    color: #1f1c22
}

.error-wrap .error-container .error-header .code {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 24px;
    color: #47404f
}

.error-wrap .error-container .error-content {
    flex: 0 0 100%;
    margin-bottom: 32px
}

@media (min-width: 1030px) {
    .error-wrap .error-container .error-content {
        flex: 1 1 100%;
        max-width: 70%;
        padding-right: 24px
    }
}

.error-wrap .error-container .error-content .subtitle {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 21px;
    line-height: 27px;
    margin: 24px 0;
    color: #47404f
}

.error-wrap .error-container .error-content .message {
    margin: 24px 0 56px
}

.error-wrap .error-container .error-content .message:last-child {
    margin-bottom: 0
}

.error-wrap .error-container .error-content .message p {
    font-size: 16px;
    line-height: 24px;
    color: #70657b
}

.error-wrap .error-container .error-content .message p:not(:last-child) {
    margin-bottom: 24px
}

.error-wrap .error-container .icon-wrap {
    flex: 0 0 100%;
    width: 100%
}

.error-wrap .error-container .icon-wrap .icon {
    margin: 0 auto
}

.error-wrap .error-container .icon-wrap .icon .error-icon {
    display: block;
    color: #3f3d56;
    width: 100%;
    height: auto
}

.error-wrap .error-container .icon-wrap .icon .error-icon .svg-icon {
    width: 100%;
    height: auto
}

@media (min-width: 1030px) {
    .error-wrap .error-container .icon-wrap {
        flex: 0 0 auto;
        width: auto
    }

    .error-wrap .error-container .icon-wrap .icon {
        margin: 0
    }

    .error-wrap .error-container .error-content {
        margin-bottom: 0
    }

    .game-active-icons.before-title.size-normal .game-active-icon-item {
        height: 14px
    }
}

.error-wrap.error-404 .error-container {
    flex-direction: column;
    justify-content: center
}

@media (min-width: 795px) {
    .error-wrap .error-container .icon-wrap .icon .error-icon.error-icon-40X, .error-wrap .error-container .icon-wrap .icon .error-icon.error-icon-40X .svg-icon {
        width: 373px;
        height: 259px
    }

    .error-wrap .error-container .icon-wrap .icon .error-icon.error-icon-50X, .error-wrap .error-container .icon-wrap .icon .error-icon.error-icon-50X .svg-icon {
        width: 217px;
        height: 300px
    }

    .error-wrap.error-404 .error-container .icon-wrap .icon {
        margin: 0 auto;
        width: 321px;
        height: 352px
    }

    .error-wrap.error-404 .error-container .error-content {
        margin-bottom: 56px
    }
}

.error-wrap.error-404 .error-container .error-content, .error-wrap.error-404 .error-container .icon-wrap {
    text-align: center;
    flex: 0 0 auto;
    padding-right: 0;
    width: 100%
}

.tippy-popper {
    border-radius: 6px
}

.tippy-popper .tippy-tooltip {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
    box-shadow: 0 1px 4px 0 rgba(3, 18, 26, .48);
    padding: 7px 12px;
    background-color: #03121a
}

.tippy-popper .tippy-tooltip.translucent-theme {
    background-color: rgba(10, 9, 11, .88);
    font-size: 12px;
    line-height: 18px;
    padding: 7px 12px
}

.tippy-popper .tippy-tooltip.translucent-price-theme {
    background-color: rgba(10, 9, 11, .88);
    font-size: 12px;
    line-height: 18px;
    padding: 6px
}

.tippy-popper[x-placement=top] .tippy-tooltip .tippy-arrow {
    border-top-color: #03121a
}

.tippy-popper[x-placement=bottom] .tippy-tooltip .tippy-arrow {
    border-bottom-color: #03121a
}

.tippy-popper[x-placement=left] .tippy-tooltip .tippy-arrow {
    border-left-color: #03121a
}

.tippy-popper[x-placement=right] .tippy-tooltip .tippy-arrow {
    border-right-color: #03121a
}

.tippy-popper .twitter-theme {
    background-color: #359bed
}

.tippy-popper[x-placement=top] .twitter-theme .tippy-arrow {
    border-top-color: #359bed
}

.tippy-popper[x-placement=bottom] .twitter-theme .tippy-arrow {
    border-bottom-color: #359bed
}

.tippy-popper[x-placement=left] .twitter-theme .tippy-arrow {
    border-left-color: #359bed
}

.tippy-popper[x-placement=right] .twitter-theme .tippy-arrow {
    border-right-color: #359bed
}

.tippy-popper .facebook-theme {
    background-color: #3c5b9b
}

.tippy-popper[x-placement=top] .facebook-theme .tippy-arrow {
    border-top-color: #3c5b9b
}

.tippy-popper[x-placement=bottom] .facebook-theme .tippy-arrow {
    border-bottom-color: #3c5b9b
}

.tippy-popper[x-placement=left] .facebook-theme .tippy-arrow {
    border-left-color: #3c5b9b
}

.tippy-popper[x-placement=right] .facebook-theme .tippy-arrow {
    border-right-color: #3c5b9b
}

.tippy-popper .reddit-theme {
    background-color: #ff4500
}

.tippy-popper[x-placement=top] .reddit-theme .tippy-arrow {
    border-top-color: #ff4500
}

.tippy-popper[x-placement=bottom] .reddit-theme .tippy-arrow {
    border-bottom-color: #ff4500
}

.tippy-popper[x-placement=left] .reddit-theme .tippy-arrow {
    border-left-color: #ff4500
}

.tippy-popper[x-placement=right] .reddit-theme .tippy-arrow {
    border-right-color: #ff4500
}

body .mfp-bg, body .modal-backdrop {
    background-color: rgba(10, 9, 11, .6)
}

body::after, body::before {
    transition: opacity .2s ease-in-out, width 10ms linear .2s, height 10ms linear .2s;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    content: '';
    z-index: 10
}

body::before {
    background: rgba(10, 9, 11, .3)
}

body.menu-more-opened::before, body.notifications-opened::before, body.search-opened::before, body.user-menu-opened::before {
    transition: opacity .3s;
    width: 100vw;
    height: 120vh;
    z-index: 100;
    opacity: 1
}

body.full-overlay {
    position: relative
}

body.full-overlay:after {
    transition: opacity .2s ease-in-out;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(10, 9, 11, .3);
    opacity: 1
}

body.full-overlay .after-full-overlay {
    position: relative
}

body.full-overlay .after-full-overlay:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-color: rgba(10, 9, 11, .3)
}

body.full-overlay .filter-dropdown:not(.main-filter-line):not(.open), body.full-overlay .game-item-info-inner .arrow-inline-link {
    z-index: 1
}

body.mfp-zoom-out-cur .mfp-bg {
    opacity: 1
}

.overlay-grey-48 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(3, 18, 26, .48);
    z-index: 100
}

.game-active-icons {
    z-index: 22;
    list-style: none;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    height: 12px;
    margin: -.75px 0 0 2px;
    white-space: nowrap;
    color: #1f1c22
}

.game-active-icons .game-active-icon-item {
    height: 12px;
    cursor: help;
    display: inline-block
}

.game-active-icons .game-active-icon-item .game-action {
    margin: 0 0 0 4px;
    display: none
}

.game-active-icons .game-active-icon-item .svg-icon {
    transition: color .3s
}

.game-active-icons.before-title {
    color: #47404f;
    height: auto;
    margin: 0;
    display: inline-flex;
    align-items: center;
    vertical-align: unset
}

.game-active-icons.before-title .game-active-icon-item {
    display: inline-flex;
    height: 12px;
    margin: 0;
    vertical-align: middle;
    line-height: 1
}

.game-active-icons.before-title .game-active-icon-item .game-action {
    margin: 0 6px 0 0
}

.game-active-icons.before-title .svg-icon {
    width: 12px;
    height: 12px
}

.game-active-icons.game-interactive-icons {
    display: inline-flex;
    margin: 0;
    height: auto;
    align-items: center;
    vertical-align: unset;
    position: relative
}

.game-active-icons.game-interactive-icons::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 19
}

@media (min-width: 1030px) {
    .game-active-icons.before-title.size-normal .game-active-icon-item .game-action {
        margin-right: 8px
    }

    .game-active-icons.before-title.size-normal .svg-icon {
        width: 14px;
        height: 14px
    }

    .game-active-icons.before-title.size-large .game-active-icon-item {
        height: 16px
    }

    .game-active-icons.before-title.size-large .game-active-icon-item .game-action {
        margin-right: 10px
    }

    .game-active-icons.before-title.size-large .svg-icon {
        width: 16px;
        height: 16px
    }

    .game-active-icons.game-interactive-icons {
        color: #47404f
    }

    .game-active-icons.game-interactive-icons::before {
        display: none
    }

    .game-active-icons.game-interactive-icons.size-normal .game-active-icon-item {
        height: 14px
    }
}

.game-active-icons.game-interactive-icons .svg-icon {
    display: block;
    width: 12px;
    height: 12px
}

.game-active-icons.game-interactive-icons .game-active-icon-item {
    cursor: pointer;
    display: inline-flex;
    height: 12px;
    margin: 0;
    vertical-align: middle;
    line-height: 1
}

.game-active-icons.game-interactive-icons .game-active-icon-item .game-action {
    margin: 0 0 0 4px
}

.game-active-icons.game-interactive-icons .game-active-icon-item.ignored-game, .game-active-icons.game-interactive-icons .game-active-icon-item.owned-game {
    display: none !important
}

.game-active-icons.game-interactive-icons .game-active-icon-item .svg-icon {
    opacity: 1;
    color: #47404f
}

.game-active-icons.game-interactive-icons .game-active-icon-item .svg-icon.svg-icon-alert-cross, .game-active-icons.game-interactive-icons .game-active-icon-item .svg-icon.svg-icon-wishlist-cross {
    fill: transparent
}

.game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-alert, .game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-wishlist {
    fill: #47404F
}

.game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-alert-cross, .game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-wishlist-cross {
    fill: #FFF
}

.game-collection-actions:not(.game-active-icons) .game-action {
    cursor: pointer
}

.game-collection-actions .svg-icon {
    transition: opacity .2s
}

.game-collection-actions .default-hide {
    display: none
}

.most-popular-portrait-item .game-active-icons.game-interactive-icons .game-active-icon-item .svg-icon {
    color: #dcdce5
}

.most-popular-portrait-item .game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon {
    fill: #dcdce5
}

.most-popular-portrait-item .game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-alert-cross, .most-popular-portrait-item .game-active-icons.game-interactive-icons .game-active-icon-item:hover .svg-icon.svg-icon-wishlist-cross {
    fill: #1F1C22
}

.game-info-stats {
    z-index: 2;
    list-style: none;
    margin: 0 auto 0 0;
    padding: 0;
    display: inline-block;
    white-space: nowrap
}

@media (min-width: 1030px) {
    .game-active-icons.game-interactive-icons.size-normal .game-active-icon-item .game-action {
        margin-left: 6px
    }

    .game-active-icons.game-interactive-icons.size-normal .svg-icon {
        width: 14px;
        height: 14px
    }

    .game-active-icons.game-interactive-icons.size-normal .svg-icon.alerted-game.activate {
        width: 15px;
        height: 15px
    }

    .game-active-icons.game-interactive-icons.size-large .game-active-icon-item {
        height: 16px
    }

    .game-active-icons.game-interactive-icons.size-large .game-active-icon-item .game-action {
        margin-left: 8px
    }

    .game-active-icons.game-interactive-icons.size-large .svg-icon {
        width: 16px;
        height: 16px
    }

    .game-active-icons.game-interactive-icons.size-large .svg-icon.alerted-game.activate {
        width: 17px;
        height: 17px
    }

    .game-info-stats {
        margin: 0 0 0 auto
    }
}

.game-info-stats li {
    transition: color .2s;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    font-weight: 700;
    color: #a39aac;
    vertical-align: middle
}

.game-info-stats li:first-child {
    margin-left: 0
}

.game-info-stats li .btn-text {
    font-size: 12px;
    line-height: 16px
}

.game-info-stats li .game-action {
    z-index: 2;
    text-align: left;
    overflow: hidden;
    padding: 0 0 0 20px
}

.game-info-stats li .game-action.deactivate {
    display: none
}

.game-info-stats li .icon-collection-wrapper {
    position: absolute;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    overflow: hidden
}

.game-info-stats li .icon-collection {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px
}

.game-info-stats li .svg-icon {
    width: 16px;
    height: 16px
}

.game-info-stats li:hover {
    color: #332e38
}

.game-info-stats li.active {
    color: #1f1c22
}

.game-info-stats li.active .game-action.activate {
    display: none
}

.game-info-stats li.active .game-action.deactivate {
    display: inline-block
}

.game-info-stats li .deactivate {
    color: #1f1c22
}

.badges-container {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: -8px;
    margin-left: -4px;
    margin-right: -4px
}

.badges-container.badges-container-inline {
    align-self: center;
    height: 32px;
    margin: 0 -4px 0 auto
}

@media (min-width: 1030px) {
    .badges-container.badges-container-inline {
        margin-left: 20px
    }
}

.badges-container.badges-container-inline .badge-wrapper {
    margin-bottom: 0;
    height: 32px;
    line-height: 1
}

@media (min-width: 795px) {
    .badges-container.badges-container-inline, .badges-container.badges-container-inline .badge-wrapper {
        height: 24px
    }
}

ul.badges-container {
    list-style: none;
    padding: 0
}

.badges-container .badge-wrapper {
    display: block;
    flex: 0 0 auto;
    margin: 0 4px 8px
}

.badges-container .badge-wrapper.no-margin {
    margin: 0
}

.badges-container .badge-wrapper.menu-item {
    display: inline-block
}

.badges-container.badges-single-line {
    align-items: center;
    margin-bottom: 0
}

.badges-container.badges-single-line .badge-wrapper {
    margin-bottom: 0
}

.badge {
    transition: background-color .2s, border-color .2s, color .2s;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    background: #e0dde3;
    color: #47404f;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    border: none
}

.badge.clickable {
    cursor: pointer
}

.badge.badge-filter {
    font-size: 14px;
    line-height: 14px
}

.badge.badge-big {
    font-size: 14px;
    line-height: 16px;
    background: #d6d2da
}

.badge.badge-big.active {
    background: #5c5365;
    color: #e0dde3
}

@media (max-width: 1029px) {
    .badge.badge-large-mobile {
        padding: 8px 16px;
        font-size: 13px;
        line-height: 16px
    }

    .label.code {
        white-space: break-spaces
    }
}

.badge.badge-large {
    background: #d6d2da;
    color: #5c5365;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px
}

.badge.badge-large.with-link {
    padding: 0
}

.badge.badge-large.with-link .text, .badge.badge-large.with-link > a {
    padding: 8px 16px
}

.badge.badge-large.user-preset.with-icon.with-link {
    padding-right: 30px
}

.badge.badge-large.user-preset.with-icon > .menu-item-link {
    padding: 8px 0 8px 12px
}

.badge.badge-large.user-preset > .menu-item-link {
    padding-right: 0
}

.badge.badge-large.user-preset .badge-icon {
    padding: 8px 12px
}

.badge.badge-large.badge-large-more-trigger {
    transition: background-color .2s, border-color .2s, color .2s;
    display: none;
    align-content: center;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    background: 0 0;
    border: 1px solid #c2bcc8;
    padding: 7px 15px;
    cursor: pointer;
    position: relative
}

.badge.badge-large.badge-large-more-trigger::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: ''
}

.badge.badge-large.badge-large-more-trigger:hover {
    background: 0 0;
    border-color: #a39aac
}

@media (min-width: 1030px) {
    .badge.badge-large.badge-large-more-trigger {
        display: inline-flex
    }
}

.badge.badge-large.badge-large-more-trigger .badge-trigger-label {
    display: block
}

.badge.badge-large.badge-large-more-trigger .badge-trigger-icon {
    display: block;
    position: relative;
    width: 12px;
    height: 12px
}

.badge.badge-large.badge-large-more-trigger .badge-trigger-icon::before {
    content: '';
    width: 10px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #5c5365
}

.badge.badge-large.badge-large-more-trigger .badge-trigger-icon::after {
    content: '';
    width: 2px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #5c5365
}

.badge.badge-large.active {
    color: #ebe9ed;
    background: #5c5365
}

.badge.sign-out-link {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
    font-weight: 700;
    color: #47404f
}

.badge.filter {
    padding: 2px 12px;
    border-radius: 2px
}

.badge.action {
    padding: 7px 16px;
    margin: 0 8px
}

.badge.action .svg-icon {
    transition: color .2s;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 2px 0
}

.badge.action.no-margin {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.badge:active, .badge:focus, a.badge:active, a.badge:focus {
    background: #a39aac;
    color: #5c5365
}

.badge:active.sign-out-link, .badge:focus.sign-out-link, a.badge:active.sign-out-link, a.badge:focus.sign-out-link {
    color: #ebe9ed;
    background: #ce1225
}

.badge:not(.active):hover, a.badge:not(.active):hover {
    background: #c2bcc8;
    color: #5c5365
}

.badge:not(.active):hover.sign-out-link, a.badge:not(.active):hover.sign-out-link {
    color: #ebe9ed;
    background: #eb1f32
}

.badge:not(.active):hover:active, .badge:not(.active):hover:focus, a.badge:not(.active):hover:active, a.badge:not(.active):hover:focus {
    background: #a39aac;
    color: #5c5365
}

.badge:not(.active):hover:active.sign-out-link, .badge:not(.active):hover:focus.sign-out-link, a.badge:not(.active):hover:active.sign-out-link, a.badge:not(.active):hover:focus.sign-out-link {
    color: #ebe9ed;
    background: #ce1225
}

.badge.no-badge {
    padding: 0;
    background: 0 0;
    color: #47404f
}

.badge.no-badge:hover {
    background: 0 0;
    color: #47404f
}

.badge > a, .badge > button {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;
    background: 0 0;
    border: none
}

.badge > .menu-item-link .svg-icon {
    display: block;
    margin: .5px 8px 0 0;
    flex: 0 0 8px
}

.badge > .menu-item-link .svg-icon + span {
    display: block;
    flex: 0 0 auto;
    margin: 0
}

.badge.badge-trigger {
    color: #5c5365;
    background: 0 0;
    border: 1px solid #8f849a
}

.badge.badge-trigger:hover {
    color: #5c5365;
    background: 0 0;
    border-color: #70657b
}

.badge.badge-trigger:hover:active, .badge.badge-trigger:hover:focus {
    border-color: #5c5365
}

.badge.with-link {
    padding: 0
}

.badge.with-link > a, .badge.with-link > button {
    padding: 4px 12px
}

.badge.with-link.badge-trigger {
    padding: 0
}

.badge.with-link.badge-trigger > a {
    padding: 3px 11px
}

.badge.user-preset.with-icon, .badge.user-preset.with-link.with-icon {
    padding-right: 24px
}

.badge.user-preset.with-icon .svg-icon, .badge.user-preset.with-link.with-icon .svg-icon {
    margin: 0
}

.badge.only-icon, .badge.only-icon.action {
    padding: 8px
}

.badge.only-icon .svg-icon, .badge.only-icon.action .svg-icon {
    display: block;
    margin: auto
}

.badge.with-icon {
    padding-right: 24px
}

.badge.with-icon.with-link {
    padding-right: 0
}

.badge.with-icon.with-link > a {
    padding: 4px 0 4px 12px
}

.badge.with-icon .svg-icon {
    transition: color .2s;
    display: block;
    width: 8px;
    height: 8px;
    opacity: 1
}

.badge.with-icon.badge-big {
    padding-right: 24px
}

.badge.with-icon.badge-big .badge-icon {
    padding: 8px
}

.badge.with-icon.filter .svg-icon {
    width: 6px;
    height: 6px
}

.badge.with-icon .badge-icon {
    position: absolute;
    padding: 4px;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1
}

.badge.with-label-icon .svg-icon {
    transition: color .2s ease-in-out;
    width: 8px;
    height: 10px
}

.badge.active, a.badge.active {
    background: #5c5365;
    color: #e0dde3
}

a.badge.active:active, a.badge.active:focus {
    background: #a39aac;
    color: #5c5365
}

.badge.expired, .badge.expired:hover {
    background: #a39aac;
    color: #d6d2da
}

.badge.disabled {
    cursor: not-allowed !important;
    background: #e0dde3 !important;
    color: #a39aac !important
}

.badge .remove-link {
    cursor: pointer
}

.badges-container.mobile-big .badge.badge-big > .menu-item-link {
    padding: 8px 12px
}

.badges-container.mobile-big .badge.badge-big .badge-label.desktop-label {
    display: none
}

.game-header-platform-tabs {
    z-index: 2;
    margin: 16px -16px -8px;
    padding: 0 12px
}

.game-header-platform-tabs .os-content {
    display: flex;
    flex-wrap: nowrap
}

.game-header-platform-tabs .badge-wrapper.menu-item:last-child {
    padding: 0 16px 0 0
}

@media (min-width: 795px) {
    .badges-container.mobile-big .badge.badge-big > .menu-item-link {
        padding: 4px 12px
    }

    .game-header-platform-tabs {
        padding: 0;
        margin: 0 -4px 8px
    }

    .game-header-platform-tabs .badge-wrapper.menu-item:last-child {
        padding: 0
    }

    .game-header-platform-tabs.overflowing-tabs {
        padding: 0 20px;
        margin-top: 0;
        margin-left: calc((100vw - 748px) / 2 * -1);
        margin-right: calc((100vw - 748px) / 2 * -1)
    }

    .game-header-platform-tabs.overflowing-tabs .badge-wrapper.menu-item:first-child {
        padding-left: calc((100vw - 748px) / 2 - 24px)
    }
}

@media (min-width: 1030px) {
    .badges-container.mobile-big .badge.badge-big .badge-label.desktop-label {
        display: flex
    }

    .badges-container.mobile-big .badge.badge-big .badge-label.mobile-label {
        display: none
    }

    .game-header-container.game-header .game-header-platform-tabs ~ .game-header-box, .game-header-container.game-header .game-header-platform-tabs ~ .game-single-header-box {
        margin-top: -8px
    }

    .game-header-platform-tabs {
        overflow: hidden;
        margin-bottom: 0
    }

    .game-header-platform-tabs.overflowing-tabs {
        padding: 0;
        margin-left: -4px;
        margin-right: -4px
    }

    .game-header-platform-tabs.overflowing-tabs .badge-wrapper.menu-item:first-child {
        padding: 0
    }
}

.game-header-platform-tabs.platform-family-tabs {
    margin: 16px -14px 4px
}

@media (min-width: 795px) {
    .game-header-platform-tabs.overflowing-tabs .badge-wrapper.menu-item:last-child {
        padding-right: 20px
    }

    .game-header-platform-tabs.platform-family-tabs {
        margin: 16px 0 4px
    }
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item {
    margin: 0 1px 0 0;
    display: block;
    flex: 0 0 calc((100% - 4px) / 5);
    padding: 0
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab {
    border-radius: 0
}

@media (min-width: 1030px) {
    .game-header-platform-tabs.overflowing-tabs .badge-wrapper.menu-item:last-child {
        padding: 0
    }

    .game-header-platform-tabs.platform-family-tabs {
        margin: 16px -4px 4px
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item {
        margin: 0 4px;
        flex: 0 0 auto
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab {
        border-radius: 3px
    }
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #fff;
    color: #5c5365;
    height: 32px;
    justify-content: center
}

@media (min-width: 480px) {
    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item {
        height: 40px
    }
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item.active {
    background-color: #5c5365;
    color: #fff
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .radio-bull {
    display: none;
    margin-right: 8px
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .svg-icon {
    margin: 0
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .platform-name {
    font-family: Lato, Lato2, sans-serif
}

@media (min-width: 1030px) {
    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item {
        width: 163px;
        height: 48px;
        justify-content: initial
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item.active {
        background-color: #fff;
        color: #5c5365
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .radio-bull {
        display: block
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .svg-icon {
        margin: 0 4px 0 0
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .platform-name {
        display: inline-flex
    }
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .platform-name-all {
    font-family: Lato, Lato2, sans-serif;
    display: inline-flex;
    font-weight: 700
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item:first-of-type .platform-tab {
    border-radius: 4px 0 0 4px
}

@media (min-width: 1030px) {
    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item .platform-tab.filter-radio-item .platform-name-all {
        display: none
    }

    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item:first-of-type .platform-tab {
        border-radius: 3px
    }
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item:last-of-type .platform-tab {
    border-radius: 0 4px 4px 0
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item.disabled .platform-tab.filter-radio-item {
    background: #f5f4f6;
    color: #a39aac;
    cursor: default
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item.disabled .platform-tab.filter-radio-item .radio-bull, .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item.disabled .platform-tab.filter-radio-item .radio-bull:hover {
    border-color: #a39aac;
    background: #a39aac
}

.game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item.disabled .platform-tab.filter-radio-item .radio-bull::after, .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item.disabled .platform-tab.filter-radio-item .radio-bull:hover::after {
    display: none
}

.gg-full-content-widget + .container > .game-header-platform-tabs.platform-family-tabs {
    margin-top: 24px
}

.platform-tab {
    vertical-align: middle;
    padding: 8px 12px
}

@media (min-width: 1030px) {
    .game-header-platform-tabs.platform-family-tabs.badges-container .badge-wrapper.menu-item:last-of-type .platform-tab {
        border-radius: 3px
    }

    .platform-tab {
        padding: 10px 16px 10px 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .platform-tab.badge.badge-big.active {
        color: #47404f;
        background-color: #f4f5f6
    }
}

.platform-tab span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

@media (min-width: 1200px) {
    .platform-tab {
        padding: 12px 19px 12px 16px
    }

    .platform-tab span {
        font-size: 16px;
        line-height: 20px
    }
}

.platform-tab .svg-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.platform-tab .svg-icon.svg-platform-pc {
    width: 20px;
    height: 14px
}

.badge-icon {
    display: inline-flex;
    align-items: center
}

.badge-icon .svg-icon {
    margin-right: 6px
}

.collection-badges-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-right: 16px;
    width: 100%;
    line-height: 1
}

@media (min-width: 1030px) {
    .collection-badges-wrapper {
        height: 100%;
        width: auto;
        justify-content: flex-end;
        padding-right: 24px
    }
}

.collection-badges-wrapper .collection-play-time {
    z-index: 21
}

.collection-badges-wrapper .collection-badges {
    z-index: 21;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 auto;
    max-width: 55vw;
    margin-right: auto
}

@media (min-width: 1030px) {
    .collection-badges-wrapper .collection-badges {
        max-width: 280px;
        justify-content: flex-end;
        margin-right: 0;
        padding: 8px 0
    }
}

.collection-badges-wrapper .collection-badges:not(.has-tags) {
    padding-left: 16px
}

.collection-badges-wrapper .collection-drms {
    z-index: 21;
    height: auto;
    margin-left: auto;
    color: #47404f
}

.collection-badges-wrapper .collection-drms.drms-list {
    padding: 0;
    align-items: center;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    flex: 0 0 auto;
    justify-content: flex-start
}

.collection-badges-wrapper .collection-drms.drms-list .drm {
    width: 24px;
    height: 24px;
    display: block;
    flex: 0 0 24px;
    margin: 4px 0
}

.collection-badges-wrapper .collection-drms.drms-list .drm:not(:first-child) {
    margin-left: 8px
}

.collection-badges-wrapper .collection-drms.drms-list .drm-more {
    display: block;
    margin-left: 4px;
    color: #70657b;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.collection-badges-wrapper .collection-drms.drms-list::after {
    transition: transform .4s, border-color .2s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-1.75px)
}

.collection-badges-wrapper .collection-drms.drms-list.wide-icon-list .drm:nth-child(n+4) {
    display: none
}

.label {
    white-space: nowrap;
    transition: color .2s, background-color .2s;
    display: inline-block;
    font-family: Lato, Lato2, sans-serif;
    font-size: 12px;
    font-weight: 700;
    background: #1f1c22;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 6px 1px;
    height: 16px;
    line-height: 16px
}

@-moz-document url-prefix() {
    .label {
        line-height: 15px
    }
}

.label.warning {
    color: #fff;
    background-color: #eb1f32
}

.label.info {
    color: #fff;
    background-color: #279af1
}

.label.with-tooltip {
    cursor: help
}

.label .svg-icon {
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0
}

label > .label {
    margin-left: 8px
}

.title .label {
    margin-top: -2px
}

.label.date {
    z-index: 21;
    font-weight: 400
}

.label.historical {
    color: #036837;
    background: rgba(5, 153, 82, .25)
}

.label.best {
    background: rgba(240, 200, 8, .5);
    color: #766304
}

.label.special {
    background: rgba(240, 200, 8, .5);
    color: #766304;
    line-height: 1.1;
    cursor: help;
    z-index: 21
}

.label.more-info .svg-icon {
    width: 15px;
    height: 15px;
    margin: 0;
    opacity: 1
}

.label.discount, .label.more-info {
    background: #e0dde3;
    color: #47404f
}

.label.code {
    background: 0 0;
    color: #47404f;
    border: 1px dashed #70657b;
    padding-top: 0;
    padding-bottom: 1px;
    z-index: 21;
    align-content: center
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.3333333333333333), only screen and (min-resolution: 128dpi), only screen and (min-resolution: 1.5dppx) {
    .label.code {
        padding-top: .75px;
        padding-bottom: .75px
    }
}

.label.expiry:not(.expired) {
    background: #fff;
    color: #70657b;
    z-index: 21
}

.label.close-to-end {
    background: rgba(235, 31, 50, .12) !important;
    color: #eb1f32 !important;
    z-index: 21
}

.label.close-to-end .svg-icon {
    color: #eb1f32 !important
}

.label.expired {
    background: #c2bcc8;
    color: #fff
}

.label.no-label {
    padding-left: 0;
    padding-right: 0;
    background: 0 0;
    color: #8f849a
}

.label.no-label + .label {
    margin-left: 8px
}

.label.white-label {
    background: #fff;
    color: #1f1c22
}

.label.label-icon .svg-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: -2px 4px -2px 0
}

.label.label-link {
    background: 0 0;
    color: #5c5365;
    text-decoration: underline
}

.label.label-link:hover {
    color: #1f1c22
}

.label.copy-clipboard-action {
    cursor: pointer
}

.label.category-deal, .label.category-wallet-friendly {
    color: #fff !important;
    background: #279af1;
    z-index: 21
}

.label.category-subscription {
    color: #fff !important;
    background: #ff6392;
    z-index: 21
}

.label.category-new-game, .label.category-pre-order {
    color: #fff !important;
    background: #00adbf;
    z-index: 21
}

.label.category-bundle {
    color: #fff !important;
    background: #fe5f00;
    z-index: 21
}

.label.category-free, .label.category-freebie, .label.category-giveaway {
    color: #fff !important;
    background: #7600de;
    z-index: 21
}

.label.category-announcement, .label.category-blog, .label.category-gaming-news {
    color: #fff !important;
    background: #eb1f32;
    z-index: 21
}

.label .after-label {
    display: inline-flex;
    margin: -2px 0 0 16px;
    text-transform: uppercase;
    color: #279af1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    vertical-align: middle;
    align-items: center
}

.label .after-label .svg-icon {
    color: inherit;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0
}

.label .svg-icon.svg-icon-timer {
    width: 14px;
    height: 14px
}

.edit-activate {
    position: relative
}

.edit-activate::after {
    content: 'Edit';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    cursor: pointer;
    color: #332e38
}

.labels-container {
    position: relative;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    -moz-column-gap: 2px;
    column-gap: 2px
}

@media (min-width: 1030px) {
    .collection-badges-wrapper .collection-badges:not(.has-tags) {
        padding-left: 0
    }

    .label {
        padding: 2px 6px;
        height: 18px
    }

    .labels-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .labels-container .label {
        padding: 1px 6px
    }

    .labels-container .label.code {
        padding: 0 6px
    }

    .labels-container .label.no-label {
        padding-left: 0;
        padding-right: 0
    }
}

.labels-container .label {
    display: block;
    flex: 0 0 auto
}

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

(
min-width:

1030
px

)
and

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-width:

1030
px

)
and

(
min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-width:

1030
px

)
and

(
-webkit-min-device-pixel-ratio:

1.3333333333333333
)
,
only screen and

(
min-width:

1030
px

)
and

(
min-resolution:

128
dpi

)
,
only screen and

(
min-width:

1030
px

)
and

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-width:

1030
px

)
and

(
min-resolution:

1.5
dppx

)
{
.labels-container .label.code {
    padding: .75px 6px;
    line-height: 14.5px
}

.labels-container .label:not(.code) {
    padding-top: 1.25px
}

}
.labels-container.labels-single-line {
    width: 100%;
    justify-content: flex-start;
    align-items: center
}

.stores-list-page .label.code, .vouchers-page .label.code {
    height: auto
}

.stores-list-page .label.code .code, .vouchers-page .label.code .code {
    padding: 3px 0;
    font-size: 14px
}

.grey-link {
    transition: color .2s;
    color: #70657b;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

@media (min-width: 1200px) {
    .collection-badges-wrapper .collection-badges {
        max-width: 315px
    }

    .collection-badges-wrapper .collection-drms.drms-list.wide-icon-list .drm:nth-child(n+4) {
        display: block
    }

    .collection-badges-wrapper .collection-drms.drms-list.wide-icon-list .drm-more:not(.drm-overflow) {
        display: none
    }

    .grey-link {
        font-size: 13px;
        line-height: 15px
    }
}

.grey-link:active, .grey-link:focus, .grey-link:hover {
    color: #47404f;
    text-decoration: underline
}

.grey-light-link {
    transition: color .2s;
    color: #5c5365;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.grey-light-link:active, .grey-light-link:focus, .grey-light-link:hover {
    color: #332e38;
    text-decoration: underline
}

.navbar-fixed-bottom {
    position: fixed !important
}

@media (max-width: 1029px) {
    .label.code + .label:last-of-type {
        border-radius: 4px
    }

    .navbar-fixed-bottom {
        position: unset !important
    }
}

@media (max-width: 794px) {
    .navbar-fixed-bottom .navbar-nav {
        margin-left: -15px;
        margin-right: -15px
    }
}

.navbar-fixed-bottom .nav > li > a {
    font-size: 14px;
    font-weight: initial
}

.following-tabs {
    list-style: none;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d6d2da
}

.following-tabs .following-bar {
    transition: width .3s ease-in-out, left .3s ease-in-out;
    position: absolute;
    width: 0;
    height: 4px;
    display: block;
    left: 0;
    bottom: 0;
    background: #279af1;
    z-index: 1
}

.following-tabs .following-tab {
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin-left: 32px;
    z-index: 2
}

.following-tabs .following-tab:first-child {
    margin-left: 0
}

.following-tabs .following-tab .tab-link {
    transition: color .2s;
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #47404f;
    text-align: center;
    text-decoration: none;
    padding: 8px 0 11px;
    border: none;
    background: 0 0
}

.following-tabs .following-tab .tab-link.header-game-prices-link {
    padding-top: 16px
}

.following-tabs .following-tab .svg-icon {
    transition: color .2s;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: -2px
}

.following-tabs .following-tab:hover:not(.active) .svg-icon, .following-tabs .following-tab:hover:not(.active) .tab-link {
    color: #332e38
}

.following-tabs .following-tab.active .svg-icon, .following-tabs .following-tab.active .tab-link {
    color: #0a090b
}

@media (max-width: 1029px) {
    .scrollable-following-tabs-container {
        overflow-x: scroll;
        overflow-y: hidden;
        list-style: none;
        scrollbar-width: none;
        margin-left: -16px;
        margin-right: -16px;
        width: auto
    }

    .scrollable-following-tabs-container::-webkit-scrollbar {
        display: none
    }

    .scrollable-following-tabs-container .following-tabs {
        margin: 0 16px;
        flex: 1 0 auto;
        width: auto
    }
}

.svg-icon-info {
    height: 16px;
    width: 16px
}

.svg-icon-fire {
    position: relative;
    z-index: 2;
    margin: 0 6px -1px 0;
    fill: #C2BCC8
}

.svg-icon-fire.rating-good {
    fill: #8F849A
}

.svg-icon-fire.rating-great {
    fill: #FF8833
}

.svg-icon-fire-double.rating-hot, .svg-icon-fire.rating-hot {
    fill: #eb1f32
}

.svg-icon.size-8 {
    width: 8px;
    height: 8px
}

.svg-icon.size-9 {
    width: 9px;
    height: 9px
}

.svg-icon.size-10 {
    width: 10px;
    height: 10px
}

.svg-icon.size-12 {
    width: 12px;
    height: 12px
}

.svg-icon.size-14 {
    width: 14px;
    height: 14px
}

.svg-icon.size-15 {
    width: 15px;
    height: 15px
}

.svg-icon.size-16 {
    width: 16px;
    height: 16px
}

.svg-icon.size-20 {
    width: 20px;
    height: 20px
}

.svg-icon.size-24 {
    width: 24px;
    height: 24px
}

.svg-icon.size-32 {
    width: 32px;
    height: 32px
}

.svg-icon.size-40 {
    width: 40px;
    height: 40px
}

.svg-icon.svg-platform-linux {
    width: 14px
}

.svg-icon.svg-platform-pc {
    width: 20px
}

.svg-icon.svg-platform-mac, .svg-icon.svg-platform-windows {
    width: 12px
}

.svg-icon.svg-platform-steam-deck {
    width: 11px
}

.svg-icon.svg-platform-steam-deck-playable, .svg-icon.svg-platform-steam-deck-unsupported, .svg-icon.svg-platform-steam-deck-verified {
    width: 26px
}

.svg-icon.svg-platform-xbox-original {
    width: 70px
}

.svg-icon.svg-platform-xbox-360 {
    width: 35px
}

.svg-icon.svg-platform-xbox-one {
    width: 41px
}

.svg-icon.svg-platform-xbox-series {
    width: 35px
}

.svg-icon.svg-platform-pc-vr {
    width: 42px
}

.svg-icon.svg-platform-playstation {
    width: 20px
}

.svg-icon.svg-platform-ps-3 {
    width: 28px
}

.svg-icon.svg-platform-ps-4, .svg-icon.svg-platform-ps-5 {
    width: 27px
}

.svg-icon.svg-platform-ps-vr-1 {
    width: 39px
}

.svg-icon.svg-platform-ps-vr-2 {
    width: 47px
}

.svg-icon.svg-platform-xbox-cloud-gaming {
    width: 25px
}

.svg-icon.svg-platform-nintendo-switch-1, .svg-icon.svg-platform-nintendo-switch-2 {
    width: 22px
}

.svg-icon.svg-subscription-game-pass {
    width: 27px;
    height: 16px
}

.svg-icon.svg-subscription-ubisoft-plus {
    width: 22px;
    height: 12px
}

.svg-icon.svg-subscription-ubisoft-plus-premium {
    width: 77px;
    height: 12px
}

.svg-icon.svg-subscription-ea-play {
    width: 36px;
    height: 12px
}

.svg-icon.svg-subscription-ea-play-pro {
    width: 54px;
    height: 12px
}

.svg-icon.svg-subscription-ps-plus-extra {
    width: 51px;
    height: 12px
}

.svg-icon.svg-subscription-ps-plus-premium {
    width: 67px;
    height: 12px
}

.svg-icon.svg-icon-alert, .svg-icon.svg-icon-wishlist {
    fill: none
}

.mass-container .actions-list {
    list-style: none;
    margin: 0;
    padding: 12px 0
}

@media (min-width: 1030px) {
    .mass-container .actions-list {
        padding: 0
    }
}

.mass-container .actions-list.create-all, .mass-container .actions-list.selected-actions, .mass-container .actions-list.selected-all-actions {
    display: none
}

.mass-container .all-actions .filter-dropdown > .filter-content.dropdown-content {
    max-width: 240px
}

.mass-container .total-item-action, .mass-container .total-item-action span {
    display: block;
    width: 100%
}

.mass-container .total-item-action span.selected-text, .mass-container .total-item-action.active span.select-text {
    display: none
}

.mass-container .total-item-action.active span.selected-text {
    display: block
}

.mass-container .mass-container-bottom {
    transition: opacity .25s .1s, bottom .25s, box-shadow .2s;
    position: fixed;
    bottom: -55px;
    left: 0;
    width: 100%;
    height: 55px;
    opacity: 0;
    box-shadow: none;
    background: #353347;
    z-index: 1032
}

.mass-container .mass-container-bottom .container {
    height: 100%
}

.mass-container .mass-container-bottom .mass-container-bottom-content {
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    height: inherit;
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 1030px) {
    .mass-container .mass-container-bottom .mass-container-bottom-content {
        margin-left: -8px;
        margin-right: -8px
    }
}

.mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected .list-checkbox-box, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part .list-checkbox-box, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected:not(.selected) .list-checkbox-box {
    background: #dcdce5;
    border: 1px solid #dcdce5
}

.mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected .list-checkbox-box .svg-icon, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part .list-checkbox-box .svg-icon, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box .svg-icon, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected:not(.selected) .list-checkbox-box .svg-icon {
    color: #4f4d6a
}

.mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected .list-checkbox-box .list-checkbox-line, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part .list-checkbox-box .list-checkbox-line, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box .list-checkbox-line, .mass-container .mass-container-bottom .mass-container-bottom-content .list-checkbox-wrapper.selected:not(.selected) .list-checkbox-box .list-checkbox-line {
    background: #4f4d6a
}

.mass-container .mass-container-bottom .all-actions {
    display: block;
    flex: 0 0 auto;
    padding: 10px 8px;
    margin: 0 8px;
    height: 42px
}

.mass-container .mass-container-bottom .all-actions .list-checkbox-wrapper {
    display: block;
    margin: 0
}

.mass-container .mass-container-bottom .mass-selected-items, .mass-container .mass-container-bottom .mass-total-selected-items {
    display: block
}

.mass-container .mass-container-bottom .actions-list {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: scroll;
    touch-action: pan-x
}

.mass-container .mass-container-bottom .actions-list .menu-item {
    display: block;
    flex: 0 0 auto
}

.mass-container .mass-container-bottom .actions-list .menu-item::before {
    display: none
}

.mass-container .mass-container-bottom .actions-list .menu-item:last-child {
    margin-right: 16px !important
}

@media (min-width: 1030px) {
    .mass-container .mass-container-bottom .all-actions {
        padding: 8px 16px 8px 8px;
        margin: 0 8px
    }

    .mass-container .mass-container-bottom .actions-list {
        overflow: visible
    }

    .mass-container .mass-container-bottom .actions-list .menu-item:last-child {
        margin-right: 0 !important
    }
}

.mass-container .mass-container-bottom .actions-list .menu-item .mass-selected-items, .mass-container .mass-container-bottom .actions-list .menu-item .mass-total-selected-items {
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, .6);
    margin-right: 12px
}

.mass-container .mass-container-bottom .mass-container-bottom-content .all-actions .list-checkbox-action-select-all {
    margin-left: 0
}

.mass-container .actions-list {
    flex-direction: row;
    flex-wrap: nowrap
}

.mass-container .actions-list .menu-item {
    display: block;
    flex: 0 0 auto;
    padding: 0
}

.mass-container .actions-list .filter-select-list .list-checkbox-action {
    display: none
}

.mass-container .actions-list .filter-select-list .list-checkbox-action.active {
    display: block
}

.mass-container.mass-edit-active .mass-container-bottom, .mass-container.total-items-active .mass-container-bottom {
    transition: opacity .25s, bottom .25s, box-shadow .4s;
    opacity: 1;
    bottom: 0;
    box-shadow: 0 -5px 36px -10px rgba(10, 9, 11, .1)
}

.mass-container.mass-edit-active .actions-list.selected-actions {
    display: flex
}

.mass-container.mass-edit-active .actions-list .filter-content .filter-select-list .total-item-wrapper, .mass-container.mass-edit-active .actions-list.selected-all-actions, .mass-container.total-items-active .actions-list.selected-actions {
    display: none
}

.mass-container.total-items-active .actions-list.selected-all-actions {
    display: flex
}

.mass-container.total-items-active .actions-list .filter-content .filter-select-list .action-dropdown-select-all, .mass-container.total-items-active .total-items-to-select-wrapper .total-item-action .select-text {
    display: none
}

.mass-container.total-items-active .total-items-to-select-wrapper .total-item-action .selected-text {
    display: block
}

@media (max-width: 1029px) {
    @supports (-webkit-touch-callout:none) {
        .mass-container .mass-container-bottom {
            height: 71px;
            padding-bottom: 16px
        }
    }
    .mass-container.manage-items .filter-form .manage-actions-mobile {
        display: none
    }

    .mass-container.manage-items .filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort), .mass-container.manage-items .filter-form .filter-line .list-checkbox-wrapper.list-checkbox-action-select-all {
        display: inline-block
    }

    .mass-container.manage-items .game-item.with-checkbox .game-image {
        position: relative
    }

    .mass-container.manage-items .game-item.with-checkbox .game-image .item-checkbox-wrapper {
        opacity: 1;
        max-width: 76px;
        width: 76px;
        height: 114px;
        z-index: 30
    }

    .mass-container .game-item.with-checkbox .game-image .item-checkbox-wrapper {
        z-index: -1
    }
}

.mass-container .filter-form {
    position: relative
}

.mass-container .filter-form .manage-actions-mobile {
    display: block;
    padding: 5px 16px 4px;
    box-sizing: border-box;
    cursor: pointer !important;
    color: #5c5365
}

.mass-container .filter-form .manage-actions-mobile .svg-icon {
    display: block;
    width: 24px;
    height: 16px
}

.mass-container .filter-form .list-checkbox-wrapper {
    position: relative
}

.mass-container .filter-form .list-checkbox-wrapper .list-checkbox-box {
    transition: background-color .2s, border-color .2s;
    position: relative;
    width: 16px;
    height: 16px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #4f4d6a;
    display: block
}

.mass-container .filter-form .list-checkbox-wrapper .list-checkbox-box:hover:active {
    background-color: #c5c4d4;
    border-color: #3d3c53
}

.mass-container .filter-form .list-checkbox-wrapper .list-checkbox-box .list-checkbox-tick, .mass-container .filter-form .list-checkbox-wrapper .list-checkbox-box .list-checkbox-tick.svg-icon {
    transition: opacity .2s;
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0
}

.mass-container .filter-form .list-checkbox-wrapper .list-checkbox-box .list-checkbox-line {
    transition: opacity .2s;
    width: 8px;
    height: 2px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    opacity: 0
}

.mass-container .filter-form .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box {
    background-color: #4f4d6a;
    border-color: #615e82
}

.mass-container .filter-form .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box .list-checkbox-tick {
    opacity: 0
}

.mass-container .filter-form .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box .list-checkbox-line {
    opacity: 1
}

.mass-container .filter-form .list-checkbox-wrapper.selected-part:not(.selected) .list-checkbox-box:hover:active {
    background-color: #3d3c53;
    border-color: #4f4d6a
}

.mass-container .filter-form .list-checkbox-wrapper.selected .list-checkbox-box {
    background-color: #4f4d6a;
    border-color: #615e82
}

.mass-container .filter-form .list-checkbox-wrapper.selected .list-checkbox-box .list-checkbox-tick, .mass-container .filter-form .list-checkbox-wrapper.selected .list-checkbox-box .list-checkbox-tick.svg-icon {
    opacity: 1
}

.mass-container .filter-form .list-checkbox-wrapper.selected .list-checkbox-box:hover:active {
    background-color: #3d3c53;
    border-color: #4f4d6a
}

.mass-container .filter-form .list-checkbox-wrapper.selected.selected-part .list-checkbox-box .list-checkbox-line {
    opacity: 0
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all {
    display: none;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border-radius: 2px;
    margin-left: 16px
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all .list-checkbox-action, .mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all .list-checkbox-action-selected {
    transition: background-color .2s, border-color .2s, opacity .2s;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    z-index: 1
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all .list-checkbox-action-selected, .mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all.selected .list-checkbox-action {
    opacity: 0;
    z-index: 0
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all.selected .list-checkbox-action-selected {
    opacity: 1;
    z-index: 1
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all.selected-part .list-checkbox-action {
    opacity: 0;
    z-index: 0
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all.selected-part .list-checkbox-action-selected {
    opacity: 1;
    z-index: 1
}

.mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all + .filter-dropdown > .current {
    margin-left: 0
}

.mass-container .mass-actions-wrapper {
    padding: 12px 0;
    flex: 0 0 60px;
    max-width: 60px;
    position: absolute;
    bottom: auto;
    left: 0;
    height: 64px
}

@media (min-width: 795px) {
    .svg-icon-fire {
        margin: 0 8px 0 0
    }

    .mass-container .mass-actions-wrapper {
        height: 48px
    }
}

.filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort) {
    padding: 0;
    margin: 0 16px 0 0;
    display: none;
    vertical-align: middle
}

@media (min-width: 1030px) {
    .mass-container .filter-form .manage-actions-mobile {
        display: none
    }

    .mass-container .filter-form .list-checkbox-wrapper.list-checkbox-action-select-all {
        display: inline-block;
        margin-left: 8px
    }

    .mass-container .mass-actions-wrapper {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        height: auto;
        margin: 0 12px 0 0;
        padding: 0;
        align-self: center
    }

    .filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort) {
        display: inline-block
    }
}

.filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort) > .current {
    position: relative;
    z-index: 2;
    padding: 4px
}

.filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort) > .current .text::after {
    margin-left: 0
}

.filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort).open .dropdown-content.filter-content-mass-action {
    left: 0;
    transform: translateX(-34px)
}

.total-items-to-select-wrapper {
    position: relative
}

.total-items-to-select-wrapper .total-item-action {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    background: #f4f5f6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1);
    padding: 16px;
    margin-bottom: 24px;
    color: #1f1c22;
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.total-items-to-select-wrapper .total-item-action a {
    transition: color .2s;
    display: block;
    color: #279af1;
    font-weight: 700;
    text-decoration: none;
    margin-top: 4px
}

.total-items-to-select-wrapper .total-item-action a:hover {
    color: #52aef4
}

.item-checkbox {
    transition: background-color .2s, border-color .2s;
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 2px;
    overflow: hidden
}

.item-checkbox::before {
    transition: background-color .2s, border-color .2s;
    position: absolute;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    border: 1px solid #4f4d6a;
    background: #fff
}

@media (min-width: 1030px) {
    .total-items-to-select-wrapper .total-item-action a {
        margin-top: 0;
        margin-left: 8px;
        display: inline-block
    }

    .item-checkbox {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: 0 0;
        border: none
    }
}

.item-checkbox .svg-icon {
    transition: opacity .2s;
    position: absolute;
    width: 10px;
    height: 8px;
    opacity: 0;
    display: block;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%)
}

.item-checkbox:hover:active::before {
    background-color: #c5c4d4;
    border-color: #3d3c53
}

.item-checkbox:hover:active .svg-icon {
    opacity: .4
}

.shadow-background-box {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .1);
    background-color: #f5f3f0
}

@media (min-width: 795px) {
    .shadow-background-box {
        border-radius: 4px
    }
}

.white-text-shadow {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        transform: none
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.zoom {
    animation: .3s animatezoom
}

.modal-backdrop.in {
    animation: .7s cubic-bezier(.2, 1, .2, 1.04) forwards show
}

.open-mfp[style] {
    margin-right: 0 !important
}

.popup-scrollable {
    padding: 24px;
    max-height: 100%
}

.popup-scrollable.popup-form > .os-scrollbar-vertical {
    bottom: 70px
}

.popup-scrollable > .os-scrollbar-vertical {
    padding-top: 34px !important
}

.popup-modal[style] {
    padding-right: 0 !important
}

.popup-modal.loading .modal-dialog, .popup-modal:not(.in) .modal-dialog {
    opacity: 0
}

.popup-modal:not(.loading) .modal-dialog {
    opacity: 1
}

.popup-modal.in .modal-dialog {
    top: 50%;
    transform: translateY(-50%)
}

.popup-modal.in.overflowed .modal-dialog {
    top: 0;
    transform: translate(0, 0)
}

.popup-modal.in.overflowed .modal-content {
    border-radius: 0
}

.popup-modal .modal-dialog {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    top: 50%
}

.popup-modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #ebe9ed
}

.popup-modal .popup-content-wrapper .popup-title .popup-top-title {
    display: block;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #70657b
}

@media (min-width: 492px) {
    .popup-modal .modal-dialog {
        width: 492px;
        margin: 0 auto
    }

    .popup-modal .modal-content {
        border-radius: 4px;
        z-index: 1
    }
}

.popup-modal .without-close-btn .close-popup {
    display: none
}

@media (max-width: 492px) {
    .popup-modal.mobile-full-popup .modal-content, .popup-modal.mobile-full-popup .modal-dialog, .popup-modal.mobile-full-popup .modal-dialog > .animate, .popup-modal.mobile-full-popup .modal-dialog > .zoom {
        height: 100%
    }
}

.popup-modal.login-popup {
    transition: background-color .4s;
    background: 0 0
}

.popup-modal.login-popup.in {
    transition: background-color .4s .2s;
    background-color: rgba(10, 9, 11, .6)
}

.popup-modal.login-popup .popup-title {
    display: block;
    margin: 0 0 8px;
    font-size: 21px;
    line-height: 27px;
    font-weight: 600;
    color: #1f1c22
}

.popup-modal.login-popup .popup-subtitle {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 24px;
    color: #70657b
}

.popup-modal.login-popup .popup-subtitle strong {
    font-weight: 700
}

@media (min-width: 1030px) {
    .popup-scrollable {
        max-height: 702px
    }

    .popup-modal.login-popup .modal-dialog {
        width: 755px
    }

    .popup-modal.login-popup .modal-dialog .popup-content-wrapper {
        padding: 32px
    }
}

.popup-modal.login-popup .features-list {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 22px;
    color: #1f1c22;
    font-weight: 700
}

.popup-modal.login-popup .features-list li {
    margin-top: 10px
}

.popup-modal.login-popup .features-list li:first-child {
    margin-top: 0
}

.popup-modal.login-popup .features-list li .svg-icon {
    width: 16px;
    height: 12px;
    color: #279af1
}

.popup-modal.login-popup .form-actions {
    flex-direction: row
}

.popup-modal.login-popup .form-actions .btn {
    display: block
}

.popup-modal.login-popup .form-actions .btn-login {
    margin-right: 8px
}

.popup-modal .items-list {
    max-height: 480px
}

@media (min-width: 795px) {
    .popup-modal .items-list {
        border-radius: 4px
    }
}

.popup-modal.popup-includes .modal-dialog {
    width: 100%
}

@media (min-width: 640px) {
    .popup-modal.popup-includes .modal-dialog {
        width: 640px
    }
}

.popup-modal.popup-includes .modal-dialog .popup-content-wrapper.only-header-padding header {
    padding-bottom: 16px
}

.popup-modal.popup-make-public .modal-dialog {
    width: 100%
}

@media (min-width: 1024px) {
    .popup-modal.popup-make-public .modal-dialog {
        width: 1024px
    }
}

.popup-modal.popup-lg .modal-dialog {
    width: 100%
}

@media (min-width: 1024px) {
    .popup-modal.popup-lg .modal-dialog {
        width: 1024px
    }
}

@media (max-width: 1029px) {
    .filter-form .filter-line .list-checkbox-wrapper + .filter-dropdown:not(.filter-sort).open .dropdown-content.filter-content-mass-action {
        transform: translateX(-18px)
    }

    .popup-modal.popup-includes > .modal-dialog {
        max-height: 100vh
    }

    .popup-modal.popup-includes .list-items-wrapper {
        max-height: calc(100vh - 83px)
    }

    .popup-modal.popup-includes .items-list {
        max-height: 100%;
        background: #ebe9ed
    }

    .popup-modal.popup-includes .items-list .game-item.game-list-item .game-info-wrapper .price-wrapper .price-label {
        display: none
    }

    .popup-modal.popup-bundle > .modal-dialog {
        max-height: 100vh
    }

    .pagination ul.bottom-pagination li.page:not(.selected):not(.prev-page):not(.next-page) {
        display: none
    }
}

.popup-modal.popup-bundle .title-row {
    box-shadow: none;
    border-radius: 4px 4px 0 0;
    padding: 12px 0 24px
}

.popup-modal.popup-bundle .title-row .tiers-price-labels {
    height: 40px;
    align-items: center
}

.popup-modal.popup-bundle .title-row .btn-lg {
    margin-left: 24px
}

.popup-modal.popup-bundle .list-view {
    float: none
}

.popup-modal.popup-bundle .list-view .list {
    border-radius: 4px;
    max-height: 452px
}

.popup-modal.preset-popup header {
    margin-bottom: 24px
}

.popup-modal.preset-popup .form-group {
    margin-bottom: 0
}

.popup-modal.preset-popup .preset-actions {
    grid-template-columns:1fr 1fr;
    grid-gap: 24px;
    display: grid
}

.popup-modal.risk-modal {
    max-height: 100%
}

.popup-modal.risk-modal header .popup-subtitle {
    font-weight: 400;
    color: #70657b;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 36px
}

.popup-modal form:first-child {
    margin-top: 24px
}

.popup-modal form .form-group:last-child {
    margin-bottom: 0
}

.popup-modal form .scrollable-group .vertical-scroll > .content {
    padding: 24px 24px 0;
    max-height: 374px
}

@media (max-width: 492px) {
    .popup-modal .mobile-full-height {
        max-height: initial;
        height: 100%
    }
}

.popup-content-wrapper {
    padding: 24px
}

.popup-content-wrapper.popup-form {
    padding: 16px
}

.popup-content-wrapper .popup-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 21px;
    line-height: 27px;
    margin: 0 0 8px;
    font-weight: 600;
    color: #1f1c22
}

.popup-content-wrapper .popup-title.with-label .label {
    margin-left: 8px;
    vertical-align: top;
    margin-top: 5px
}

.popup-content-wrapper .popup-title.with-icon .svg-icon {
    height: 21px;
    max-width: 32px;
    color: #1f1c22;
    vertical-align: top;
    margin-top: 3px
}

.popup-content-wrapper .popup-subtitle {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #70657b;
    margin: 0;
    font-weight: 400
}

.popup-content-wrapper .popup-subtitle a {
    transition: color .2s;
    color: #279af1
}

.popup-content-wrapper .popup-subtitle a:focus, .popup-content-wrapper .popup-subtitle a:hover {
    color: #52aef4
}

.popup-content-wrapper .popup-subtitle .svg-icon-info {
    margin-top: 2px;
    vertical-align: top;
    margin-left: 6px
}

.popup-content-wrapper.only-header-padding {
    padding: 0
}

.popup-content-wrapper.only-header-padding header {
    padding: 24px
}

.popup-content-wrapper .cover-game-box {
    overflow: hidden;
    box-shadow: none;
    max-height: 215px;
    margin: 12px auto 16px
}

.popup-content-wrapper .cover-game-box img {
    width: 100%;
    height: 215px
}

.popup-content-wrapper .cover-game-box img.divider-2 {
    width: 50%;
    max-height: 108px
}

.popup-content-wrapper .cover-game-box img.divider-3 {
    width: 33.33%;
    max-height: 72px
}

.popup-content-wrapper .cover-game-box img.divider-4 {
    width: 25%;
    max-height: 54px
}

.popup-content-wrapper .cover-game-box img.divider-5 {
    width: 20%;
    max-height: 43px
}

.popup-content-wrapper .collapse .list .item .item-count, .popup-content-wrapper .collapsing .list .item .item-count {
    position: absolute;
    right: 16px;
    color: #a39aac;
    font-size: 12px;
    line-height: 18px
}

.popup-content-wrapper .collapse .list .item .user-collection-tags-label.edit-activate + .item-count, .popup-content-wrapper .collapsing .list .item .user-collection-tags-label.edit-activate + .item-count {
    right: 38px
}

.popup-content-wrapper .collapse .list .item.removable-item .item-count, .popup-content-wrapper .collapsing .list .item.removable-item .item-count {
    right: 36px
}

.popup-content-wrapper .form-actions {
    margin-top: 24px
}

.login-popup-column-wrapper {
    flex-direction: column
}

.login-popup-column-wrapper .svg-icon.login-popup-icon {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    display: block
}

.login-popup-column-wrapper .login-popup-col-icon {
    display: none
}

.login-popup-column-wrapper .login-popup-col-icon .svg-icon.login-popup-icon {
    display: none
}

@media (min-width: 1030px) {
    .popup-modal.risk-modal .modal-dialog {
        max-height: 702px
    }

    .login-popup-column-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .login-popup-column-wrapper .svg-icon.login-popup-icon {
        margin: 0;
        width: 259px;
        height: 291px;
        display: none
    }

    .login-popup-column-wrapper .login-popup-col-icon {
        display: block;
        flex: 0 0 260px;
        width: 260px;
        margin-bottom: 24px
    }

    .login-popup-column-wrapper .login-popup-col-icon .svg-icon.login-popup-icon {
        display: block
    }
}

.login-popup-column-wrapper .login-popup-col-content {
    display: block;
    flex: 0 0 100%;
    box-sizing: border-box
}

@media (min-width: 1030px) {
    .login-popup-column-wrapper .login-popup-col-content {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0 0 0 40px
    }
}

.user-avatar-sync-popup .popup-subtitle {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin: 16px 0
}

.user-avatar-sync-popup .popup-subtitle .user-avatar {
    display: block;
    flex: 0 0 64px;
    width: 64px;
    border-radius: 50%;
    overflow: hidden
}

.user-avatar-sync-popup .popup-subtitle .avatar-subtitle {
    display: block;
    flex: 1 1 100%;
    font-size: 14px;
    line-height: 22px
}

.user-avatar-sync-popup h6 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 12px 0
}

.user-avatar-sync-popup .avatar-popup-selection {
    gap: 8px
}

.user-avatar-sync-popup .avatar-popup-row {
    border-radius: 4px;
    overflow: hidden;
    -moz-column-gap: 1px;
    column-gap: 1px
}

.user-avatar-sync-popup .avatar-popup-row .filter-radio-item {
    transition: background-color .2s;
    background: #f4f5f6;
    flex: 1 1 auto;
    border: none;
    padding: 0;
    outline: 0;
    margin: 0
}

.user-avatar-sync-popup .avatar-popup-row .filter-radio-item:hover {
    background-color: #fff
}

.user-avatar-sync-popup .avatar-popup-row .filter-radio-item .radio-bull {
    margin: 0 12px 0 0
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-image {
    padding: 8px 8px 8px 16px;
    height: 56px
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-image .user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-name {
    height: 56px;
    padding: 16px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #3d3743
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-name .svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-sync-link {
    transition: background-color .2s;
    background: #f4f5f6;
    height: 56px;
    flex: 1 0 78px;
    max-width: 78px;
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #279af1
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-sync-link::after {
    display: block;
    width: 0;
    height: 0;
    margin: 0 0 0 4px;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #279af1;
    content: ''
}

.user-avatar-sync-popup .avatar-popup-row .avatar-popup-sync-link:hover {
    background-color: #fff
}

ul.icon-list {
    list-style: none;
    padding-left: 0
}

ul.icon-list li .svg-icon {
    margin-right: 8px
}

.pagination {
    display: block;
    flex: 0 0 auto;
    margin: -3px 0 0 auto;
    width: auto
}

@media (min-width: 795px) {
    .pagination {
        margin-right: -8px
    }
}

.pagination ul li a {
    text-align: center;
    border: none;
    background: 0 0
}

.pagination ul li.selected a {
    color: #03121a
}

.pagination ul li.not-active a {
    cursor: not-allowed
}

.pagination ul li:not(.not-active):hover a {
    background: rgba(3, 18, 26, .04);
    color: #03121a
}

.pagination ul.page-link-list {
    justify-content: space-between
}

.pagination ul.page-link-list:not(.mobile) {
    display: none
}

@media (min-width: 1030px) {
    .pagination {
        margin-right: 8px
    }

    .pagination ul.page-link-list {
        justify-content: center;
        margin: 0
    }

    .pagination ul.page-link-list.mobile {
        display: none
    }

    .pagination ul.page-link-list li {
        position: relative;
        z-index: 2
    }

    .pagination ul.page-link-list li:last-child {
        border-right: 1px solid #1f1c22
    }
}

.pagination ul.bottom-pagination {
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 0
}

.pagination ul.bottom-pagination .page-current-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: background-color .2s;
    display: block;
    box-shadow: none;
    outline: 0;
    border: none;
    background: 0 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #1f1c22;
    padding: 3px 8px 4px;
    height: 24px;
    max-width: 56px;
    text-align: center;
    border-radius: 4px
}

.pagination ul.bottom-pagination .page-current-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.pagination ul.bottom-pagination .page-current-input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.pagination ul.bottom-pagination .page-current-input:focus {
    background-color: #fff
}

.pagination ul.bottom-pagination .pjax-link {
    transition: color .2s;
    display: block;
    padding: 3px 12px 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #5c5365;
    white-space: nowrap;
    height: auto;
    min-width: unset;
    width: auto
}

.pagination ul.bottom-pagination .pjax-link:hover {
    background: 0 0;
    color: #332e38
}

.pagination ul.bottom-pagination .pjax-link .svg-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 16px;
    height: 16px
}

.pagination ul.bottom-pagination .pjax-link .page-label-text {
    display: none
}

@media (min-width: 1030px) {
    .pagination ul.bottom-pagination {
        flex: 0 0 auto
    }

    .pagination ul.bottom-pagination .pjax-link .svg-icon {
        margin-top: -2px;
        width: 8px;
        height: 8px
    }

    .pagination ul.bottom-pagination .pjax-link .svg-icon.svg-icon-prev {
        margin-right: 8px
    }

    .pagination ul.bottom-pagination .pjax-link .svg-icon.svg-icon-next {
        margin-left: 8px
    }

    .pagination ul.bottom-pagination .pjax-link .page-label-text {
        display: inline-block
    }
}

.pagination ul.bottom-pagination li.page {
    position: relative;
    display: block;
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 4px;
    width: auto;
    box-shadow: none;
    background: 0 0
}

.pagination ul.bottom-pagination li.page:hover, .pagination ul.bottom-pagination li.page:hover .pjax-link {
    background: 0 0
}

.pagination ul.bottom-pagination li.page.page-input .pjax-link {
    position: relative;
    z-index: 0;
    opacity: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    padding: 3px 8px 4px
}

.pagination ul.bottom-pagination li.page .page-spacer {
    display: inline-block
}

.pagination ul.bottom-pagination li.page.with-spacer .page-spacer {
    display: inline-block
}

.pagination ul.bottom-pagination li.page.prev-page {
    margin-right: 8px
}

.pagination ul.bottom-pagination li.page.prev-page .pjax-link {
    color: #5c5365;
    padding-left: 0;
    padding-right: 4px
}

.pagination ul.bottom-pagination li.page.next-page {
    margin-left: 0;
    margin-right: 16px
}

.pagination ul.bottom-pagination li.page.next-page .pjax-link {
    color: #5c5365;
    padding-right: 0
}

.pagination ul.bottom-pagination li.page.first-page .pjax-link .page-spacer {
    margin-left: 8px;
    margin-right: -12px
}

@media (min-width: 1030px) {
    .pagination ul.bottom-pagination li.page .page-spacer {
        display: none
    }

    .pagination ul.bottom-pagination li.page.next-page {
        margin-left: 2px;
        margin-right: 0
    }

    .pagination ul.bottom-pagination li.page.first-page .pjax-link .page-spacer {
        margin-left: 16px;
        margin-right: -4px
    }
}

.pagination ul.bottom-pagination li.page.last-page {
    margin-left: 8px
}

.pagination ul.bottom-pagination li.page.last-page .pjax-link .page-spacer {
    margin-right: 8px;
    margin-left: -12px
}

.pagination ul.bottom-pagination li.page.disabled {
    cursor: not-allowed
}

.pagination ul.bottom-pagination li.page.disabled .pjax-link {
    color: #a39aac !important;
    cursor: not-allowed
}

.pagination ul.bottom-pagination li.page.selected {
    border: 1px solid #1f1c22
}

.pagination ul.bottom-pagination li.page.selected .pjax-link {
    padding-left: 12px;
    padding-right: 12px;
    color: #1f1c22
}

@media (max-width: 1029px) {
    .hidden-mobile {
        display: none !important
    }
}

@media (min-width: 1030px) {
    .pagination ul.bottom-pagination li.page.last-page {
        margin-left: 0
    }

    .pagination ul.bottom-pagination li.page.selected + .page.first-page.with-spacer, .pagination ul.bottom-pagination li.page.selected + .page.last-page.with-spacer {
        margin-left: 16px
    }

    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-inline {
    display: inline
}

.box-assets-responsive audio, .box-assets-responsive img, .box-assets-responsive video {
    max-width: 100%;
    height: auto
}

.box-assets-responsive iframe {
    max-width: 100%
}

.box-assets-shadow audio, .box-assets-shadow iframe, .box-assets-shadow img, .box-assets-shadow video {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}

.user-collection-tags-label.label-orange {
    color: #fe5f00 !important;
    background-color: rgba(254, 95, 0, .1)
}

.user-collection-tags-label.label-red {
    color: #eb1f32 !important;
    background-color: rgba(235, 31, 50, .1)
}

.user-collection-tags-label.label-light-grey {
    color: #70657b !important;
    background-color: rgba(112, 101, 123, .1)
}

.user-collection-tags-label.label-blue {
    color: #279af1 !important;
    background-color: rgba(39, 154, 241, .1)
}

.user-collection-tags-label.label-yellow {
    color: #fa9e08 !important;
    background-color: rgba(250, 158, 8, .1)
}

.user-collection-tags-label.label-dark-orange {
    color: #fe5f00 !important;
    background-color: rgba(254, 95, 0, .1)
}

.user-collection-tags-label.label-light-red {
    color: #eb1f32 !important;
    background-color: rgba(235, 31, 50, .1)
}

.user-collection-tags-label.label-dark-green {
    color: #059952 !important;
    background-color: rgba(5, 153, 82, .1)
}

.user-collection-tags-label.label-cyan {
    color: #21d19f !important;
    background-color: rgba(33, 209, 159, .1)
}

.user-collection-tags-label.label-light-blue {
    color: #279af1 !important;
    background-color: rgba(39, 154, 241, .1)
}

.user-collection-tags-label.label-purple {
    color: #b808a1 !important;
    background-color: rgba(184, 8, 161, .1)
}

.user-collection-tag .user-collection-tags-label {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.colors-wrapper {
    height: 20px
}

.colors-wrapper .color-bull {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 10px
}

@media (max-width: 1029px) {
    .colors-wrapper .color-bull {
        margin-left: 4px
    }
}

.colors-wrapper .color-bull:first-child {
    margin-left: 0
}

.colors-wrapper .color-bull:hover:after {
    opacity: .7
}

.colors-wrapper .color-bull:after, .colors-wrapper .color-bull:before {
    position: absolute;
    content: '';
    border-radius: 50%
}

.colors-wrapper .color-bull:before {
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px
}

.colors-wrapper .color-bull:after {
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid;
    transition: opacity .2s;
    opacity: 0
}

.colors-wrapper .color-bull.active:after {
    opacity: 1 !important
}

.colors-wrapper .color-bull.color-yellow:before {
    background-color: #fa9e08
}

.colors-wrapper .color-bull.color-yellow:after {
    border-color: #fa9e08
}

.colors-wrapper .color-bull.color-dark-orange:before {
    background-color: #fe5f00
}

.colors-wrapper .color-bull.color-dark-orange:after {
    border-color: #fe5f00
}

.colors-wrapper .color-bull.color-light-red:before {
    background-color: #eb1f32
}

.colors-wrapper .color-bull.color-light-red:after {
    border-color: #eb1f32
}

.colors-wrapper .color-bull.color-dark-green:before {
    background-color: #059952
}

.colors-wrapper .color-bull.color-dark-green:after {
    border-color: #059952
}

.colors-wrapper .color-bull.color-cyan:before {
    background-color: #21d19f
}

.colors-wrapper .color-bull.color-cyan:after {
    border-color: #21d19f
}

.colors-wrapper .color-bull.color-light-blue:before {
    background-color: #279af1
}

.colors-wrapper .color-bull.color-light-blue:after {
    border-color: #279af1
}

.colors-wrapper .color-bull.color-purple:before {
    background-color: #b808a1
}

.colors-wrapper .color-bull.color-purple:after {
    border-color: #b808a1
}

.cc-window {
    justify-content: center
}

.cc-window.cc-floating.cc-theme-classic {
    border-radius: 0;
    max-width: 100% !important;
    width: 100% !important;
    bottom: 0
}

.cc-window .cc-message {
    flex: 0 1 auto
}

.cc-window .cc-link {
    padding: 0;
    display: inline
}

.cc-window .cc-btn {
    box-sizing: border-box;
    text-decoration: none
}

body.censorship-enabled .censored-element-wrapper-with-label {
    position: relative;
    overflow: hidden;
    display: block
}

body.censorship-enabled .censored-element-wrapper-with-label .game-link-widget {
    z-index: 10
}

body.censorship-enabled .censored-element-wrapper-with-label::before {
    content: 'Adult content';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    color: #1f1c22;
    z-index: 6;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 5px
}

@media (min-width: 1030px) {
    .visible-inline-md {
        display: inline !important
    }

    body.censorship-enabled .censored-element-wrapper-with-label:not(.small-label)::before {
        font-size: 16px;
        line-height: 19px
    }
}

body.censorship-enabled .censored-element-wrapper-with-label::after {
    content: '';
    transition: color .2s, background-color .3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger {
    cursor: pointer;
    overflow: hidden
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger::before {
    top: 46%
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger::after {
    content: 'Confirm your age';
    color: #279af1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-decoration: underline;
    padding-top: 36px;
    top: -10px
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger.censored-label-big::before {
    top: 50%;
    transform: translateY(-75%);
    font-size: 16px;
    line-height: 19px
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger.censored-label-big::after {
    top: 0
}

body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger:hover::after {
    color: #52aef4;
    background: rgba(255, 255, 255, .75)
}

body.censorship-enabled .censored-element-wrapper-with-label.with-checkbox .main-image {
    overflow: hidden;
    display: block
}

body.censorship-enabled .censored-element {
    filter: blur(12.5px) !important
}

body.censorship-enabled .censored-element-strong {
    filter: blur(25px) !important
}

.platform-ribbon-container {
    position: relative;
    display: inline-block
}

.platform-ribbon-container.main-image {
    display: block
}

.platform-ribbon-icon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto;
    width: auto !important;
    height: auto !important;
    max-width: min(50%, 56px) !important;
    max-height: min(50%, 56px) !important;
    margin: 0 !important;
    min-width: unset !important;
    transform: none !important;
    z-index: 21
}

.game-score-meta-value {
    display: block;
    margin: 0 4px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px
}

@-moz-document url-prefix() {
    .game-score-meta-value {
        line-height: 31px
    }
}

.game-score-meta-value.game-score-square {
    border-radius: 4px
}

.game-score-meta-value.game-score-circle {
    border-radius: 50%
}

.game-score-meta-value.no-margin {
    margin: 0
}

.game-score-meta-value.with-label {
    margin-right: 8px;
    margin-left: 0
}

@media (min-width: 1030px) {
    body.censorship-enabled .censored-element-wrapper-with-label.censored-element-wrapper-trigger.censored-label-big::before {
        font-size: 21px;
        line-height: 25px
    }

    body.censorship-enabled .censored-element-wrapper-with-label.with-checkbox::after, body.censorship-enabled .censored-element-wrapper-with-label.with-checkbox::before {
        left: 32px
    }

    .game-score-meta-value.large:not(.smaller) {
        font-size: 14px;
        line-height: 32px;
        flex: 0 0 32px;
        width: 32px;
        height: 32px
    }

    @-moz-document url-prefix() {
        .game-score-meta-value.large:not(.smaller) {
            line-height: 31px
        }
    }
}

.game-score-meta-value.score-low {
    background-color: #eb1f32;
    color: #fff
}

.game-score-meta-value.score-med {
    background-color: #f0c808;
    color: #332e38
}

.game-score-meta-value.score-high {
    background-color: #059952;
    color: #fff
}

.game-score-meta-value.score-tbd {
    background-color: #e0dde3;
    color: #332e38
}

.game-score-meta-value.no-score {
    background-color: #2e2e2e
}

.bug-report-popup .popup-content-wrapper.popup-form {
    padding: 36px 24px 24px
}

.bug-report-popup .popup-content-wrapper.popup-form .popup-title {
    flex: 0 0 100%;
    font-weight: 700
}

.bug-report-popup .popup-content-wrapper.popup-form .popup-subtitle {
    margin: 8px 0 0;
    flex: 0 0 100%
}

.bug-report-popup .product-report-form {
    margin: 24px 0 0
}

.bug-report-popup .product-report-form h4 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #47404f;
    margin: 0 0 16px
}

.bug-report-popup .product-report-form .checkboxes-list {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.bug-report-popup .product-report-form .checkboxes-list .filter-radio-item.with-bull {
    margin: 0
}

.bug-report-popup .product-report-form .checkbox-wrapper {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center
}

.bug-report-popup .product-report-form .checkbox-wrapper input[type=checkbox] {
    display: none
}

.bug-report-popup .product-report-form .checkbox-wrapper .filter-name {
    transition: color .2s;
    font-size: 14px;
    line-height: 16px;
    min-height: 16px;
    font-weight: 700;
    color: #5c5365
}

.bug-report-popup .product-report-form .checkbox-wrapper.active .filter-name {
    color: #1f1c22
}

.bug-report-popup .product-report-form .textarea-group {
    margin: 16px 0 0
}

.bug-report-popup .product-report-form .textarea-group .textarea-wrapper textarea {
    transition: border-color .2s;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    min-height: 131px;
    max-height: 262px;
    height: 131px;
    resize: vertical
}

.bug-report-popup .product-report-form .textarea-group .textarea-wrapper textarea::-moz-placeholder {
    opacity: 1
}

.bug-report-popup .product-report-form .textarea-group .textarea-wrapper textarea::placeholder {
    opacity: 1
}

.bug-report-popup .product-report-form .filter-radio-item {
    box-sizing: border-box;
    margin: 0
}

.bug-report-popup .product-report-form .filter-radio-item .radio-bull {
    margin-right: 6px
}

.bug-report-popup .product-report-form .filter-secondary-item {
    padding-left: 22px
}

.bug-report-popup .product-report-form .filter-secondary-item .control-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #70657b;
    margin: 0 0 8px
}

.bug-report-popup .product-report-form .filter-secondary-item input[type=text].form-control {
    max-width: 120px
}

.bug-report-popup .product-report-form .form-actions {
    padding: 32px 24px 24px
}

.bug-report-popup .product-report-form .select-wrapper {
    position: relative
}

.bug-report-popup .product-report-form .select-wrapper::after {
    transition: transform .4s, border-color .2s;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    vertical-align: middle;
    display: inline-block
}

.bug-report-popup .product-report-form .select-wrapper select {
    padding-right: 36px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.page-bug-report-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    gap: 12px
}

.page-bug-report-side .page-bug-report-heading {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #47404f
}

.report-game-btn {
    transition: background-color .2s;
    display: flex;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    color: #47404f;
    background: #d6d2da;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.report-game-btn .svg-icon {
    margin-right: 8px;
    color: #47404f
}

.report-game-btn .report-btn-label {
    display: block;
    white-space: nowrap
}

.report-game-btn:hover {
    background-color: #fff
}

.report-game-btn-float {
    opacity: 0;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    align-items: center;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #e0dde3;
    color: #47404f;
    padding: 5px;
    border-radius: 50%;
    z-index: 21;
    display: none
}

@media (min-width: 1030px) {
    .report-game-btn-float {
        display: flex;
        transition: opacity .2s, background-color .2s, box-shadow .2s
    }
}

.report-game-btn-float:hover {
    background-color: #c7c3cb;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.item:hover .report-game-btn-float {
    opacity: 1
}

body.has-admin-bar .report-game-btn-float {
    display: flex
}

.breadcrumbs-widget {
    display: block;
    z-index: 1
}

@media (max-width: 794px) {
    .popup-content-wrapper .cover-game-box img {
        height: auto
    }

    .breadcrumbs-widget > .breadcrumbs-container {
        display: flex;
        padding: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        width: auto
    }

    .breadcrumbs-widget > .breadcrumbs-container::-webkit-scrollbar {
        display: none
    }
}

.breadcrumbs-widget .breadcrumbs-list {
    direction: ltr;
    list-style: none;
    line-height: 13px;
    padding: 16px 0 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    -moz-column-gap: 2px;
    column-gap: 2px;
    margin: 0;
    min-width: 100%;
    flex: 1 0 auto
}

.breadcrumbs-widget .breadcrumbs-list li {
    display: inline-flex;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #5c5365;
    flex: 0 0 auto
}

.breadcrumbs-widget .breadcrumbs-list li:first-of-type:first-child {
    margin-left: 16px
}

.breadcrumbs-widget .breadcrumbs-list li:last-of-type:last-child {
    margin-right: 16px
}

@media (min-width: 795px) {
    .breadcrumbs-widget {
        margin-bottom: -8px;
        padding-top: 13px
    }

    body.single-news-page .breadcrumbs-widget {
        margin-bottom: 0
    }

    .breadcrumbs-widget .breadcrumbs-list {
        padding: 0;
        height: 13px;
        display: block;
        gap: 0;
        min-width: unset
    }

    .breadcrumbs-widget .breadcrumbs-list li {
        display: inline-block;
        white-space: normal
    }

    .breadcrumbs-widget .breadcrumbs-list li:first-of-type:first-child, .breadcrumbs-widget .breadcrumbs-list li:last-of-type:last-child {
        margin: 0
    }
}

.breadcrumbs-widget .breadcrumbs-list li::before {
    content: '/';
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 2px;
    margin-right: 3px
}

.breadcrumbs-widget .breadcrumbs-list li:first-child::before {
    display: none
}

.breadcrumbs-widget .breadcrumbs-list a {
    transition: color .2s;
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline-block
}

.breadcrumbs-widget .breadcrumbs-list a:hover {
    text-decoration: none;
    color: #1f1c22
}

.avatar {
    display: inline-flex;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    overflow: hidden
}

.avatar.avatar-border {
    border: 1px dashed #fff
}

.avatar.avatar-small {
    height: 16px;
    width: 16px;
    margin: -2px 4px -2px 0;
    display: inline-block;
    text-align: center;
    font-size: 12px
}

.avatar.avatar-small img {
    display: block
}

.avatar.avatar-empty {
    background-color: #d6d2da
}

.avatar.avatar-gg img {
    width: 70%
}

.bootstrap-datetimepicker-widget {
    list-style: none;
    position: relative;
    color: #47404f;
    background: #ebe9ed;
    border-radius: 8px;
    margin: 8px 0;
    padding: 4px;
    box-sizing: border-box
}

.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget[style] {
    inset: unset !important
}

.bootstrap-datetimepicker-widget table thead tr:first-child th, .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    color: #0a090b;
    background: 0 0
}

.bootstrap-datetimepicker-widget table td span.decade:hover, .bootstrap-datetimepicker-widget table td span.month:hover, .bootstrap-datetimepicker-widget table td span.year:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.month:hover, .bootstrap-datetimepicker-widget table td.year:hover {
    background-color: #332e38;
    color: #ebe9ed
}

.bootstrap-datetimepicker-widget table td.today.active:before, .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #279af1
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #332e38;
    color: #ebe9ed;
    text-shadow: none;
    box-shadow: none
}

.bootstrap-datetimepicker-widget table td.day.old {
    color: #a39aac
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #332e38;
    color: #1f1c22;
    text-shadow: none;
    box-shadow: none
}

.from-picker-wrapper .bootstrap-datetimepicker-widget::before, .to-picker-wrapper .bootstrap-datetimepicker-widget::before {
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #ebe9ed transparent transparent
}

.from-picker-wrapper .bootstrap-datetimepicker-widget::before {
    left: 25%
}

.to-picker-wrapper .bootstrap-datetimepicker-widget::before {
    left: 75%
}

.os-scrollbar-bottom {
    overflow: visible !important
}

.os-scrollbar-bottom .os-scrollbar-horizontal {
    padding: 2px 0;
    bottom: -8px
}

.os-theme-thin-dark > .os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0 6px
}

.os-theme-thin-dark > .os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0
}

.os-theme-thin-dark.os-host-rtl > .os-scrollbar-horizontal {
    left: 14px;
    right: 0
}

.os-theme-thin-dark > .os-scrollbar-corner {
    height: 14px;
    width: 14px;
    background-color: transparent
}

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track {
    background: 0 0
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    content: '';
    display: block;
    position: absolute;
    background: #d6d2da
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before, .os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    margin-left: -1px
}

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: width .2s, background .2s;
    content: '';
    display: block;
    position: absolute;
    background: #52aef4;
    border-radius: 2px
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before, .os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    height: 4px;
    margin-top: -2px
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    width: 4px;
    margin-left: -2px
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    background: #279af1
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    background: #0d7dd3
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 100%;
    min-width: 30px
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    width: 100%;
    min-height: 30px
}

.os-theme-thin-dark.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: height .3s, margin-top .3s, background .2s
}

.os-theme-thin-dark.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: width .3s, margin-left .3s, background .2s
}

.tag-icon-info {
    display: block;
    line-height: 13px;
    height: 13px;
    align-self: center
}

.tags {
    font-size: 12px;
    line-height: 24px;
    margin-top: -4px
}

.tags .tag {
    white-space: nowrap;
    color: #70657b;
    align-items: center;
    margin: 0
}

.tags .tag:first-child {
    padding-left: 0;
    margin-left: 0
}

.tags .tag:first-child::before {
    display: none
}

.tags .tag.tag-more-info {
    padding-left: 4px
}

.tags .tag.platforms-tag .platform-icon {
    display: flex;
    align-items: center;
    width: auto;
    flex: 0 1 auto;
    margin: 0;
    height: 14px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.tags .tag.platforms-tag .tag-icons {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.tags .tag.platforms-tag .value {
    display: flex;
    align-items: center;
    height: 16px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.tags .tag.shop-type-tag .tag-icon-info {
    display: inline-block
}

.tags .tag .title, .tags .tag .value, .tags .tag a {
    color: #70657b
}

.tags .tag a.tag-author-link {
    text-decoration: underline
}

.tags .svg-icon {
    color: #8f849a;
    shape-rendering: geometricPrecision
}

.tags .tag-icon {
    height: 16px;
    line-height: 16px
}

.tags .tag-icon .value {
    height: 16px;
    display: inline-block;
    margin-left: 4px
}

.tags .tag-icon .value:first-child {
    margin-left: 0
}

.tags .tag-icon .svg-icon.svg-icon-fire {
    fill: #70657B;
    margin: 0 4px 0 0
}

.tags .tag-badge, .tags .tag-badge .value {
    display: inline-flex
}

.tags.shop-list-tags {
    margin-top: 6px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.tags.shop-list-tags .tag.with-icon .svg-icon {
    margin: 0 4px -3px 0
}

.tags.shop-list-tags .tag.with-icon .svg-icon.svg-icon-warning {
    width: 14px;
    height: 14px
}

.games-box .tags {
    height: 16px;
    overflow: hidden
}

@media (min-width: 1030px) {
    .tags.shop-list-tags {
        margin-top: 10px
    }

    .games-box .tags {
        overflow: visible
    }
}

.games-box .tags .tag.time-tag::before {
    transform: translateY(-5px)
}

.games-box .tags .tag.time-tag .value {
    display: flex;
    align-items: center;
    gap: 6px
}

.games-box .tags .tag.time-tag .svg-icon.svg-icon-clock {
    width: 14px;
    display: inline-flex
}

.games-box .tags .tag.time-tag .timeago-short {
    display: inline-flex
}

.games-box .tags .tag.time-tag .expiry.label {
    color: #70657b;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 0
}

.games-box .tags .tag.time-tag .expiry.label .svg-icon {
    color: #8f849a
}

.games-box .tags .tag.time-tag .expiry.label:not(.expired) {
    background: #fff
}

.games-box .tags .tag.time-tag .expiry.label.expired, .games-box .tags .tag.time-tag .expiry.label.expired .svg-icon {
    color: #a39aac
}

.games-box .tags .tag.tag-risks .svg-icon {
    width: 14px;
    height: 14px;
    margin: 0 6px 0 0
}

.games-box .tags .tag.tag-risks .value a {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    height: 16px
}

.game-tags .tags {
    max-width: 100%;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media (min-width: 795px) {
    .game-tags .tags {
        flex-wrap: nowrap;
        height: 16.75px
    }
}

@media (min-width: 1030px) {
    .game-tags .tags {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

.game-item.alert-list-item .game-tags .tags, .game-item.game-deals-item .game-tags .tags, .notifications-menu .notification-item .game-tags .tags {
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 4px
}

@media (min-width: 1030px) {
    .game-item.alert-list-item .game-tags .tags, .game-item.game-deals-item .game-tags .tags, .notifications-menu .notification-item .game-tags .tags {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.game-tags .tags .tag {
    z-index: 21;
    color: #70657b;
    font-size: 13px;
    line-height: 1;
    height: auto;
    min-height: 16px;
    vertical-align: middle;
    text-decoration: none;
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.game-tags .tags .tag:first-child {
    margin-left: 0
}

.game-tags .tags .tag .title {
    display: block;
    flex: 0 0 auto;
    vertical-align: middle;
    align-content: center;
    color: #70657b;
    align-self: center
}

.game-tags .tags .tag .value {
    display: block;
    flex: 0 1 auto;
    align-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #70657b
}

.game-tags .tags .tag .tag-label {
    display: inline-block;
    vertical-align: middle
}

.game-tags .tags .tag .badge {
    box-shadow: none;
    border-radius: 0;
    text-decoration: none;
    line-height: inherit;
    font-size: inherit;
    padding: 2px 5px;
    margin-top: -1px
}

.game-tags .tags .tag .badge:hover {
    text-decoration: none
}

.game-tags .tags .tag.score-tag .value {
    display: flex;
    height: 16px;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.game-tags .tags .tag.score-tag .svg-icon {
    width: 14px;
    height: 14px
}

.game-tags .tags .tag.score-tag .score-icon {
    display: block;
    height: 14px
}

.game-tags .tags .tag.time-icon-tag .value {
    height: 16px;
    overflow: visible;
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.game-tags .tags .tag.time-icon-tag time {
    display: block;
    height: auto
}

.game-tags .tags .tag.time-icon-tag .svg-icon {
    display: block;
    width: 14px;
    height: 14px
}

.game-tags .tags .tag.tag-risks .badge {
    background: 0 0;
    color: #70657b;
    padding: 0;
    margin: 0;
    font-weight: 400;
    vertical-align: top;
    display: inline-block
}

.game-tags .tags .tag.popup-includes .more-included-games {
    display: flex;
    align-items: center;
    gap: 6px
}

.game-tags .tags .tag.popup-includes .svg-icon {
    width: 14px;
    height: 14px
}

.game-tags .tags .tag.tag-shop .value {
    height: 16px
}

.game-tags .tags .tag.tag-drm.tag-icon .title {
    align-self: unset;
    height: 12px
}

.game-tags .tags .tag.tag-drm.tag-icon .value {
    height: 14px;
    overflow: visible
}

.game-tags .tags .tag.tag-drm.tag-icon .value .svg-icon + .svg-icon {
    margin-left: 4px
}

.game-tags .tags .tag.tag-platform .svg-icon {
    margin-top: -2px
}

.game-tags .tags .tag.tag-wishlisted .svg-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.game-tags .tags .tag.tag-wishlisted .value {
    display: flex;
    align-items: center
}

.game-header-dropdown .dropdown-content .isDropdown .list {
    padding: 8px 0
}

.game-header-dropdown .dropdown-content .isDropdown .list .item {
    transition: background-color .2s ease-in-out;
    position: relative;
    padding: 12px 16px;
    height: auto
}

.game-header-dropdown .dropdown-content .isDropdown .list .item::before {
    position: absolute;
    width: calc(100% - 32px);
    height: 1px;
    background: #ebe9ed;
    display: block;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media (min-width: 1030px) {
    .game-header-dropdown .dropdown-content .isDropdown .list {
        padding: 12px 0
    }

    .game-header-dropdown .dropdown-content .isDropdown .list .item:first-of-type::before {
        display: none
    }
}

.game-header-dropdown .dropdown-content .isDropdown .list .item .filter-name.ellipsis {
    flex: 1 1 auto;
    padding-right: 8px
}

.game-header-dropdown .dropdown-content .isDropdown .list .item .filter-name .game-active-icons {
    color: inherit;
    margin: .75px 0 0
}

.game-header-dropdown .dropdown-content .isDropdown .list .item .filter-name .game-active-icons.active {
    margin: .75px 0 0 4px
}

.game-header-dropdown .dropdown-content .isDropdown .list .item:not(.active):hover {
    color: #5c5365;
    background-color: #fff
}

.game-header-dropdown .dropdown-content .isDropdown .list .item:not(.active):hover:active {
    color: #5c5365;
    background-color: #ebe9ed
}

.game-header-dropdown .dropdown-content .isDropdown .list .item.active::after {
    display: block;
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #279af1
}

.game-header-dropdown .dropdown-content .isDropdown .dropdown-filter-header + .list {
    padding-top: 0
}

.game-header-dropdown .badge-wrapper.badge-wrapper-dropdown .badge {
    position: relative;
    padding-right: 32px
}

.game-header-dropdown .badge-wrapper.badge-wrapper-dropdown .badge.badge-big {
    padding: 6px 32px 6px 16px;
    font-size: 16px;
    line-height: 18px
}

.game-header-dropdown .badge-wrapper.badge-wrapper-dropdown .badge::after {
    transition: transform .2s ease-in-out;
    transform: rotate(0);
    transform-origin: center;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #47404f transparent transparent;
    top: 12px;
    right: 12px;
    content: '';
    z-index: 3;
    display: block
}

.game-header-dropdown.open .badge-wrapper.badge-wrapper-dropdown {
    z-index: 3
}

.game-header-dropdown.open .badge-wrapper.badge-wrapper-dropdown .badge.badge-big::after {
    transform: rotate(180deg)
}

.shadow-box-big-light {
    box-shadow: 0 0 36px -19px rgba(43, 39, 39, .1)
}

.shadow-box-small-lighter {
    box-shadow: 0 0 2px rgba(10, 9, 11, .1)
}

#games-list .list-items {
    box-shadow: none
}

.list-view {
    width: 100%;
    transition: opacity .5s;
    position: relative
}

.list-view.list-view-loading {
    opacity: .2
}

.list-view .wrap_items .grid-list, .list-view .wrap_items .list-items {
    position: relative;
    z-index: 20
}

.list-view .navigation-line {
    flex-direction: row;
    height: auto;
    margin: 24px 0 0;
    width: 100%
}

.list-view .navigation-line .filter-dropdown {
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0 0 8px;
    padding: 0
}

@media (min-width: 795px) {
    .list-view .navigation-line {
        height: 24px;
        margin: 24px -8px 0;
        width: calc(100% + 16px)
    }

    .list-view .navigation-line .filter-dropdown {
        margin: 0
    }
}

.list-view .navigation-line .filter-dropdown .current {
    padding: 1.25px 8px 1.75px
}

.list-view .navigation-line .filter-dropdown .current .text {
    color: #5c5365;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.list-view .navigation-line .filter-dropdown .current .text::after {
    transition: transform .2s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #5c5365 transparent transparent;
    margin-left: 6px;
    vertical-align: middle;
    transform: translateY(-1.75px);
    display: inline-block
}

.list-view .navigation-line .filter-dropdown .current .text .value {
    color: inherit;
    font-weight: 700
}

.list-view .navigation-line .filter-dropdown.open:not(.not-mobile-fullscreen) .current .text {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700
}

.list-view .navigation-line .filter-dropdown.open:not(.not-mobile-fullscreen) .current .text::after {
    display: none
}

.list-view .navigation-line .filter-dropdown.open:not(.not-mobile-fullscreen) .dropdown-content {
    z-index: 1000
}

.game-item.item-mobile-top-margin {
    margin: 8px 0 0
}

@media (min-width: 1030px) {
    .list-view .navigation-line .filter-dropdown.open:not(.not-mobile-fullscreen) .current .text {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400
    }

    .list-view .navigation-line .filter-dropdown.open:not(.not-mobile-fullscreen) .current .text::after {
        display: inline-block
    }

    .game-item.item-mobile-top-margin {
        margin: 0
    }
}

.game-item.item-mobile-top-margin:first-child {
    margin-top: 0
}

.news-title-wrapper .news-title > a {
    max-height: 46px;
    overflow: hidden
}

.news-author-page .news-container h3 {
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
    margin: 0 16px 24px
}

.news-author-widget h5 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px
}

.news-author-widget .author-info-wrapper {
    display: grid;
    grid-template-areas:"image author-name" "image author-position";
    grid-auto-columns: 56px auto;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 4px;
    margin: 0 0 8px;
    align-items: center
}

.news-author-widget .author-avatar {
    grid-area: image;
    width: 56px;
    height: 56px
}

.news-author-widget .author-avatar .author-avatar-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.news-author-widget .author-avatar .author-avatar-inner > img {
    max-width: 100%;
    max-height: 100%
}

.news-author-widget .author-name {
    grid-area: author-name;
    display: flex;
    flex-direction: row;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-self: flex-end
}

.news-author-widget .author-socials {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    margin: -4px 0 0 -4px;
    padding: 0;
    list-style: none;
    height: 20px;
    align-self: flex-end
}

.news-author-widget .author-socials .author-social-link {
    display: block;
    flex: 0 0 20px;
    height: 20px
}

.news-author-widget .author-socials a {
    transition: color .2s ease-in-out;
    width: 20px;
    height: 20px;
    padding: 4px;
    display: flex;
    color: #47404f
}

.news-author-widget .author-socials a:hover {
    color: #1f1c22
}

.news-author-widget .author-socials a > svg {
    width: 12px;
    height: 12px
}

.news-author-widget .author-text-name {
    color: #1f1c22;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: 0
}

@media (min-width: 1030px) {
    .news-author-widget .author-text-name {
        font-size: 24px;
        line-height: 32px
    }
}

.news-author-widget .author-text-name-link {
    transition: color .2s ease-in-out;
    color: #279af1;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600
}

.news-author-widget .author-text-name-link:hover {
    color: #52aef4
}

.news-author-widget .author-text-link {
    transition: color .2s ease-in-out;
    color: #279af1;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap
}

@media (min-width: 795px) {
    .news-author-page .news-container h3 {
        margin: 0 0 24px
    }

    .news-author-widget .author-text-link {
        font-size: 14px;
        line-height: 22px
    }
}

.news-author-widget .author-text-link:hover {
    color: #52aef4
}

.news-author-widget .author-position {
    grid-area: author-position;
    align-self: flex-start;
    color: #5c5365;
    font-size: 14px;
    line-height: 20px
}

.news-author-widget .author-short-description-wrapper {
    display: block;
    margin: 0
}

.news-author-widget .author-short-description-wrapper > p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    display: block;
    color: #47404f
}

.news-author-widget .author-short-description-wrapper > p:not(:first-child) {
    margin-top: 24px
}

@media (min-width: 795px) {
    .news-author-widget .author-short-description-wrapper > p {
        font-size: 18px;
        line-height: 29px
    }

    .news-author-widget .author-short-description-wrapper > p:not(:first-child) {
        margin-top: 29px
    }

    .news-author-widget.scenario-compact .author-short-description-wrapper > p {
        font-size: 14px;
        line-height: 22px
    }
}

.news-author-widget.scenario-compact {
    border-top: 1px solid #d6d2da;
    padding-top: 24px
}

.news-author-widget.scenario-compact.news-content:last-child {
    margin-bottom: 40px
}

.news-author-widget.scenario-compact .author-short-description-wrapper > p {
    display: inline;
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.news-author-widget.scenario-full {
    padding-bottom: 40px
}

@media (min-width: 795px) {
    .news-author-widget.scenario-full {
        border-bottom: 1px solid #d6d2da;
        padding-bottom: 32px;
        margin-bottom: 8px
    }
}

.news-author-widget.scenario-full .author-info-wrapper {
    align-items: flex-start
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-full .author-info-wrapper {
        align-items: center;
        grid-auto-columns: 112px auto;
        margin: 0 0 24px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .news-author-widget.scenario-full .author-avatar {
        width: 112px;
        height: 112px
    }
}

.news-author-widget.scenario-full .author-position {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-full .author-position {
        font-size: 16px;
        line-height: 22px;
        flex-wrap: nowrap
    }
}

.news-author-widget.scenario-full .author-socials {
    flex: 0 0 100%;
    height: 22px
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-full .author-socials {
        flex: 0 0 auto
    }
}

.news-author-widget.scenario-full .author-socials .author-social-link {
    flex: 0 0 24px;
    height: 24px
}

.news-author-widget.scenario-full .author-socials a {
    width: 24px;
    height: 24px
}

.news-author-widget.scenario-full .author-socials a > svg {
    width: 16px;
    height: 16px
}

.news-author-widget.scenario-list {
    background: #f4f5f6;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px
}

.news-author-widget.scenario-list:last-child {
    margin-bottom: 0
}

.news-author-widget.scenario-list .author-info-wrapper {
    align-items: flex-start
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-list {
        padding: 24px;
        margin-bottom: 8px
    }

    .news-author-widget.scenario-list .author-info-wrapper {
        align-items: center;
        grid-auto-columns: 112px auto;
        margin: 0 0 24px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .news-author-widget.scenario-list .author-avatar {
        width: 112px;
        height: 112px
    }
}

.news-author-widget.scenario-list .author-position {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-list .author-position {
        font-size: 16px;
        line-height: 22px;
        flex-wrap: nowrap
    }
}

.news-author-widget.scenario-list .author-socials {
    height: 22px
}

.news-author-widget.scenario-list .author-socials .author-social-link {
    flex: 0 0 24px;
    height: 24px
}

.news-author-widget.scenario-list .author-socials a {
    width: 24px;
    height: 24px
}

.news-author-widget.scenario-list .author-socials a > svg {
    width: 16px;
    height: 16px
}

.news-author-widget.scenario-list .author-text-link {
    font-weight: 700;
    display: block;
    margin: 16px 0 0
}

.news-author-widget.scenario-list .author-text-link::after {
    transition: transform .4s, border-color .2s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #279af1;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-1.75px)
}

.news-author-widget.scenario-list .author-text-link:hover::after {
    border-color: transparent transparent transparent #52aef4
}

.editors-page .editors-header {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    display: block;
    color: #47404f
}

.editors-page .editors-header .main-description {
    color: inherit;
    overflow: visible;
    white-space: normal;
    font-size: inherit;
    line-height: inherit
}

.editors-page .editors-header h1 {
    margin-top: 0
}

.editors-page .editors-header p {
    padding: 0;
    margin-top: 24px;
    display: block;
    color: inherit;
    overflow: visible;
    white-space: normal
}

.editors-page .editors-header p:first-child {
    margin-top: 0
}

@media (min-width: 795px) {
    .editors-page .editors-header {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 32px
    }

    .editors-page .editors-header p {
        margin-top: 29px
    }

    .editors-page .editors-header p:first-child {
        margin-top: 0
    }
}

.editors-page .editors-header p a {
    color: #47404f;
    text-decoration: underline
}

.editors-page .editors-header h2, .editors-page .editors-header h3 {
    color: #1f1c22
}

.editors-page .editors-header h2 + p, .editors-page .editors-header h3 + p {
    margin-top: 0
}

#news-card .news-content .game-prices-widget {
    display: block;
    width: auto
}

@media (min-width: 1030px) {
    .news-author-widget.scenario-list .author-text-link {
        margin-top: 24px
    }

    #news-card .news-content .game-prices-widget {
        margin-left: -100px;
        margin-right: -100px
    }
}

#news-card .news-content .game-prices-widget .list-view {
    margin: 24px 0;
    float: none
}

#news-card .news-content .game-prices-widget .list-items {
    margin-bottom: 0;
    display: inline-block
}

#news-card .news-content .game-prices-widget img {
    border-radius: 0;
    box-shadow: none
}

.score-bar {
    position: relative;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background: #d6d2da;
    margin-top: -4px
}

.score-bar .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #5c5365
}

.game-info-heading {
    margin: 16px 0
}

.game-info-heading.in-content {
    margin: 0;
    padding: 11px 24px 12px;
    background: #f4f5f6
}

.game-info-heading.in-content .widget-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #1f1c22;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    font-weight: 550
}

@-moz-document url-prefix() {
    .game-info-heading.in-content .widget-heading {
        font-weight: 500
    }
}

.game-info-heading .game-info-subheading {
    display: flex;
    justify-content: space-between;
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #70657b;
    gap: 8px
}

.game-info-heading .game-info-subheading span {
    display: block;
    margin-right: 8px
}

.game-info-heading .game-info-subheading span.widget-subtitle-part, .game-info-heading .game-info-subheading span:last-child {
    margin-right: 0
}

.game-info-heading .game-info-subheading span.widget-subtitle-part:not(:first-child)::before {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    content: '';
    background: #70657b;
    vertical-align: middle;
    margin: -1px 8px 0
}

.game-info-heading .game-info-subheading .widget-subtitle-part span {
    display: block;
    margin: 0
}

.game-info-heading .game-info-subheading .widget-subtitle-part .svg-icon {
    margin: 0 0 0 4px
}

.game-info-footer {
    padding: 0 24px 24px;
    overflow: hidden;
    background: #f4f5f6
}

.game-info-footer .btn-show-more {
    width: 100%
}

.game-info-content {
    padding: 0
}

.game-info-content .inner-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin: 24px 0
}

.game-info-content .game-collection-actions {
    margin: 0 0 12px
}

.game-info-content .game-side-gallery-widget .image {
    overflow: hidden;
    display: block
}

.game-info-content .game-side-gallery-widget {
    display: none
}

@media (min-width: 1200px) {
    .game-info-heading {
        margin: 16px 0 14px;
        line-height: 24px
    }

    .game-info-content {
        background: #f4f5f6;
        padding: 0 24px 30px;
        display: block
    }

    .game-info-content .game-side-gallery-widget {
        display: block;
        margin: 0 -24px
    }

    .game-info-content .game-side-gallery-widget .swiper-pagination.gallery-pagination {
        margin: 10px auto 0
    }
}

@media (max-width: 1199px) {
    .game-info-content.shadow-box-big-light {
        box-shadow: none;
        width: 100%
    }
}

.game-info-widget {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex
}

.game-info-widget.game-info-mobile-requirements {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 48px 0 0
}

@media (min-width: 1030px) {
    .game-info-widget.game-info-mobile-requirements {
        margin: 0
    }
}

.game-info-widget.game-info-mobile-requirements .game-info-box-wrapper {
    margin: 0
}

.game-info-widget .game-info-details {
    margin: 0 -16px;
    width: auto
}

@media (min-width: 1030px) {
    .game-info-widget .game-info-details {
        margin: 0;
        width: 100%
    }

    .game-info-widget .game-info-details-section .score .score-heading .score-grade {
        font-size: 12px
    }
}

.game-info-widget .game-info-details#game-info-side {
    margin-top: 24px
}

@media (min-width: 480px) and (max-width: 1199px) {
    .game-info-widget .game-info-details#game-info-side {
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
        margin: 22px -16px
    }
}

@media (min-width: 1200px) {
    .game-info-widget {
        display: block
    }

    .game-info-widget.game-info-mobile-requirements {
        display: none
    }

    .game-info-widget .game-info-details#game-info-side {
        margin: 0
    }
}

.game-info-widget .game-info-details-content {
    color: #332e38;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    flex: 1 1 100%
}

.game-info-widget .game-info-details-content.score .game-score-meta-value.large:not(.smaller) {
    font-size: 12px;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.game-info-widget .game-info-details-content .game-info-lang-content {
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 2px;
    font-size: 13px;
    line-height: 18px;
    margin: 0
}

.game-info-widget .game-info-details-content .game-info-lang-content .game-info-lang-single {
    display: block;
    flex: 0 0 auto;
    color: inherit
}

.game-info-widget .game-info-details-content .game-info-lang-content .game-info-lang-single.highlighted {
    font-weight: 700
}

.game-info-widget .game-info-details-content .game-info-lang-content .game-info-lang-single:not(:last-child):not(:has(+ .list-expand-trigger))::after {
    content: ','
}

.game-info-widget .game-info-details-content .grey-light-link {
    font-size: inherit;
    line-height: inherit
}

.game-info-widget .platform-link-icons-wrapper {
    flex: 1 1 100%
}

.game-info-widget .platform-icon.platform-link-icon {
    height: 16px;
    color: #70657b
}

.game-info-widget .grey-light-link {
    color: #332e38
}

.game-info-widget .games-box.game-info-inner-deals {
    margin-left: -24px;
    margin-right: -24px;
    box-shadow: none;
    flex: 1 0 auto;
    max-width: 288px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item {
    transition: background-color .2s;
    flex: 0 0 100%;
    border-top: 1px solid #eae9ec !important;
    max-width: 288px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item:last-child {
    border-bottom: 1px solid #eae9ec
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-image {
    display: block;
    flex: 0 1 88px;
    width: 88px;
    text-align: center;
    padding: 8px 0 8px 24px;
    box-sizing: border-box
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-image img {
    max-width: 100%;
    display: block;
    content-visibility: visible
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-image img.shop-image-white {
    display: none;
    content-visibility: hidden
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info {
    flex: 1 0 auto;
    width: auto;
    padding: 12px 16px 12px 6px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price {
    text-align: right;
    align-items: flex-end
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .price-wrapper {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: baseline;
    max-width: 145px;
    height: 22px;
    overflow: hidden
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .price-wrapper .price-label {
    font-size: 12px;
    line-height: 14px;
    color: #70657b;
    margin-right: 8px;
    display: block;
    order: 3
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .price-wrapper .price-label.price-old {
    text-decoration: line-through
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .price-wrapper .price .price-inner {
    font-size: 18px;
    line-height: 22px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .price-wrapper .price .price-inner .svg-icon {
    margin-bottom: 1px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .game-labels {
    z-index: 1;
    margin-top: 8px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .game-labels .label.historical {
    font-size: 0;
    color: transparent
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .game-labels .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-info.deal-info-price .game-labels .label {
    padding-left: 7px;
    padding-right: 7px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item .deal-cta {
    position: relative;
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 72px
}

.game-info-widget .games-box.game-info-inner-deals .deal-item:hover .deal-info.deal-info-price .game-labels {
    z-index: 21
}

.game-info-widget .game-info-details-section {
    display: flex;
    padding: 0 16px;
    margin: 12px 0 0;
    flex: 0 0 100%;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.game-info-widget .game-info-details-section:first-of-type {
    margin-top: 16px
}

@media (min-width: 795px) {
    .game-info-widget .game-info-details-section:first-of-type {
        margin-top: 12px
    }

    .game-info-widget .game-info-details-section, .game-info-widget .game-info-details-section.game-info-details-section-reviews {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .game-info-widget .game-info-details-section:first-of-type {
        margin-top: 16px
    }

    .game-info-widget .game-info-details-section {
        flex: unset;
        max-width: 100%;
        padding: 0;
        align-items: center
    }

    .game-info-widget .game-info-details-section:last-child {
        margin-bottom: 0
    }

    .game-info-widget .game-info-details-section.game-info-details-section-reviews {
        flex: unset;
        max-width: 100%
    }
}

.game-info-widget .game-info-details-section.text-details {
    align-items: flex-start !important
}

.game-info-widget .game-info-details-section.game-info-details-section-deals, .game-info-widget .game-info-details-section.game-info-details-section-reviews {
    flex-wrap: wrap
}

.game-info-widget .game-info-details-section.game-info-details-section-deals .game-info-inner-heading, .game-info-widget .game-info-details-section.game-info-details-section-reviews .game-info-inner-heading {
    margin-bottom: 8px
}

.game-info-widget .game-info-details-section + .game-info-details-section.game-info-details-section-deals {
    margin-top: 24px
}

.game-info-widget .game-info-details-section .score-headers {
    margin-bottom: 6px;
    gap: 8px
}

.game-info-widget .game-info-details-section .score-headers .score-header {
    flex: 0 0 88px;
    max-width: 88px
}

.game-info-widget .game-info-details-section.game-info-steam-score-section .score {
    padding-bottom: 2px
}

.game-info-widget .game-info-details-section .score {
    margin-bottom: 19px;
    gap: 8px
}

.game-info-widget .game-info-details-section .score:last-child {
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .game-info-widget .game-info-details-section .score:last-child {
        margin-bottom: 0
    }
}

.game-info-widget .game-info-details-section .score .score-col {
    box-sizing: border-box;
    flex: 0 0 auto;
    max-width: 24px
}

.game-info-widget .game-info-details-section .score .score-col.full {
    flex: 0 0 100%;
    max-width: 100%
}

.game-info-widget .game-info-details-section .score .score-heading {
    width: 100%;
    margin-bottom: 8px
}

.game-info-widget .game-info-details-section .score .score-heading .score-grade {
    flex: 0 0 auto;
    color: inherit
}

.game-info-widget .game-info-details-section .score .score-heading .score-label + .score-grade {
    padding-left: 8px;
    margin-left: auto
}

.game-info-widget .game-info-details-section .score .opencritic-tier-icon {
    display: block;
    max-width: 20px;
    max-height: 24px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon {
    width: 16px;
    height: 16px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-linux {
    width: 14px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-pc {
    width: 20px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-mac, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-windows {
    width: 12px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-steam-deck {
    width: 11px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-steam-deck-playable, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-steam-deck-unsupported, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-steam-deck-verified {
    width: 26px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-xbox-original {
    width: 80px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-xbox-360 {
    width: 40px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-xbox-one {
    width: 46px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-xbox-series {
    width: 39px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-pc-vr {
    width: 42px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-playstation {
    width: 20px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-ps-3 {
    width: 28px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-ps-4, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-ps-5 {
    width: 27px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-ps-vr-1 {
    width: 39px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-ps-vr-2 {
    width: 47px
}

.game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-nintendo-switch-1, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-nintendo-switch-2, .game-info-widget .game-info-details-section .platform-link-icon .svg-icon.svg-platform-xbox-cloud-gaming {
    width: 25px
}

.game-info-widget .game-link {
    text-transform: none;
    display: inline-block;
    color: #70657b;
    font-weight: 400;
    opacity: 1;
    height: auto;
    font-size: 12px;
    line-height: 14px
}

.game-info-widget .game-link .price {
    display: block
}

.game-info-widget .game-link .price .price-inner {
    font-size: 13px;
    line-height: 18px;
    color: #332e38
}

.game-info-widget .game-link .price-text {
    font-size: inherit;
    line-height: inherit
}

.game-info-widget .game-link .price-text .svg-icon {
    display: none
}

.game-info-widget .game-link .status {
    display: block
}

.game-info-widget .game-link .status.highlighted {
    color: #47404f
}

.game-info-widget .game-info-badges-full {
    margin: 24px -16px 0
}

.game-info-widget .game-info-badges-full .game-info-inner-heading {
    margin-bottom: 6px
}

.game-info-widget .game-info-badges {
    flex: 0 0 100%;
    padding: 0 16px
}

.game-info-widget .game-info-badges .tags-list {
    transition: opacity .2s, max-height .5s;
    list-style: none
}

.game-info-widget .game-info-badges .tags-list.tags-list-limit {
    opacity: 0
}

.game-info-widget .game-info-badges .tags-list.tags-list-limit.visible {
    opacity: 1
}

.game-info-widget .game-info-badges .tags-list.tags-list-trim {
    max-height: 60px;
    overflow: hidden
}

@media (min-width: 1200px) {
    .game-info-widget .game-info-badges-full {
        margin: 24px 0 0
    }

    .game-info-widget .game-info-badges {
        padding: 0
    }

    .game-info-widget .game-info-badges .tags-list.tags-list-trim {
        max-height: 52px
    }
}

.game-info-widget .game-info-badges .tags-list.tags-list-trim.game-info-lang-content {
    max-height: 38px
}

.game-info-widget .game-info-badges .tags-list.tags-list-trim.visible {
    max-height: 1200px
}

.game-info-widget .game-info-badges.tags-cropped .link-list, .game-info-widget .game-info-badges.tags-cropped .tags-list {
    overflow: hidden;
    max-height: 75px
}

.game-info-widget .game-info-badges.tags-cropped.expanded .link-list, .game-info-widget .game-info-badges.tags-cropped.expanded .tags-list {
    max-height: 1000px
}

.game-info-widget .game-info-badges.tags-cropped.expanded .badge.tag-hidden {
    opacity: 1;
    max-height: 17px;
    max-width: 100%;
    padding: 2px 11px;
    margin: 8px 4px 0
}

.game-info-widget .game-info-badges.tags-cropped.expanded .tags-expand {
    max-height: 0;
    opacity: 0;
    padding: 0
}

.game-info-widget .game-group-info-rates {
    width: 100%;
    padding: 0 16px
}

@media (min-width: 795px) {
    .game-info-widget .game-group-info-rates {
        margin-bottom: 22px
    }
}

.game-info-widget .game-group-info-rates .game-group-info-rates-list, .game-info-widget .game-group-info-rates .game-item-info-inner {
    margin: 0 -16px
}

@media (min-width: 795px) {
    .game-info-widget .game-group-info-rates .game-group-info-rates-list, .game-info-widget .game-group-info-rates .game-item-info-inner {
        margin: 0
    }
}

.game-info-widget .game-group-info-rates .game-item-info-inner {
    padding: 8px 0;
    width: auto
}

@media (min-width: 1200px) {
    .game-info-widget .game-group-info-rates {
        margin: 24px 0 0;
        padding: 0
    }

    .game-info-widget .game-group-info-rates .game-group-info-rates-list, .game-info-widget .game-group-info-rates .game-item-info-inner {
        margin: 0 -24px;
        width: auto
    }

    .game-info-widget .game-group-info-rates .game-item-info-inner {
        padding: 9px 24px;
        text-align: center
    }
}

.game-info-widget .game-group-info-rates + .game-info-details-section {
    margin-top: 24px
}

@media (min-width: 795px) {
    .game-info-widget .game-group-info-rates + .game-info-details-section {
        margin-top: 12px
    }
}

.game-info-widget .offer-rate-item {
    border-top: 1px solid #eae9ec;
    gap: 8px;
    padding: 14px 16px
}

@media (min-width: 1030px) {
    .game-info-widget .offer-rate-item {
        padding: 14px 12px
    }
}

.game-info-widget .offer-rate-item.active, .game-info-widget .offer-rate-item.active:hover {
    background: rgba(112, 101, 123, .12)
}

.game-info-widget .offer-rate-item.item-separator {
    padding: 3px 12px 4px
}

.game-info-widget .offer-rate-item .offer-rate-position-title-wrapper {
    flex: 0 1 auto;
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-areas:"position title"
}

.game-info-widget .offer-rate-item .offer-rate-position-title-wrapper.with-active-label {
    grid-template-areas:"label label label" "position title auto";
    row-gap: 2px
}

.game-info-widget .offer-rate-item .offer-rate-position-title-wrapper .offer-rate-active-label {
    grid-area: label;
    flex: 0 0 100%;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: #70657b
}

.game-info-widget .offer-rate-item .offer-rate-position-title-wrapper .offer-rate-position {
    grid-area: position;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    z-index: 3;
    color: #70657b
}

.game-info-widget .offer-rate-item .offer-rate-position-title-wrapper .offer-title-wrapper {
    grid-area: title;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.game-info-widget .offer-rate-item .game-info-price-wrapper {
    font-size: 12px;
    line-height: 14px;
    display: flex;
    flex: 1 0 auto;
    white-space: nowrap;
    margin-left: auto
}

@media (min-width: 1200px) {
    .game-info-widget .game-group-info-rates + .game-info-details-section {
        margin-top: 24px
    }

    .game-info-widget .badges-container {
        margin-bottom: -4px;
        margin-left: -2px;
        margin-right: -2px
    }

    .game-info-widget .badges-container .badge-wrapper {
        margin: 0 2px 4px
    }
}

.opencritic-circle-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #2e2e2e;
    overflow: hidden
}

.opencritic-circle-wrapper svg {
    width: 26px;
    height: 26px;
    display: block;
    margin: -1px
}

.opencritic-circle-wrapper .opencritic-score {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2
}

.opencritic-circle-wrapper::before {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    background: #2e2e2e;
    content: '';
    z-index: 1
}

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

.platform-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 8px 0 0
}

.platform-icon.in-column {
    width: 20px;
    text-align: right
}

.platform-icon.platform-link-icon {
    display: block;
    flex: 0 0 auto;
    margin: 8px 10px 0 0;
    color: #8f849a
}

.platform-icon.platform-link-icon:last-child {
    margin-right: 0
}

.platform-link-icons-wrapper {
    z-index: 21;
    margin-top: -8px
}

.tab-menu-section#about {
    flex: 0 0 100%
}

.tags-list-trim {
    transition: max-height .5s linear;
    overflow: hidden
}

.tags-list-trim .list-expand-trigger {
    transition: opacity .2s;
    opacity: 0;
    cursor: pointer
}

.tags-list-trim:not(.list-expanded) .el-overflowing {
    display: none !important
}

.tags-list-trim.list-trimmed .list-expand-trigger {
    opacity: 1
}

.tags-list-trim.list-expanded {
    max-height: 640px !important
}

.tags-list-trim.list-expanded .list-expand-trigger {
    display: none
}

.price-tooltip {
    text-align: left
}

.price-tooltip .pull-right {
    padding-left: 16px
}

.price {
    display: inline-flex;
    align-items: center
}

.price .price-inner, .price .price-text {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    color: #1f1c22;
    white-space: nowrap;
    text-transform: none !important
}

.price .bottom {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    color: #a39aac;
    margin-top: -8px;
    white-space: nowrap
}

.price.inline-price {
    display: inline-flex
}

.price.inline-price .double-line {
    flex-direction: row-reverse;
    font-size: 21px
}

.price.inline-price .bottom {
    margin-right: 4px
}

.price:not(.expired).lowest-recorded, .price:not(.expired).lowest-recorded .price-inner, .price:not(.expired).lowest-recorded .price-text, .price:not(.expired).price-hl, .price:not(.expired).price-hl .price-inner, .price:not(.expired).price-hl .price-text {
    color: #059952
}

.price-widget:not(.with-bottom) .os-host-overflow {
    margin-top: 14px;
    height: 32px
}

.price-widget .before-price-wrapper {
    white-space: nowrap
}

.games-box .game-item .price-wrapper .price-inner .svg-icon, .games-box .game-item .price-wrapper .price-text .svg-icon {
    display: none
}

.games-box .game-item .shop-price-wrapper {
    flex: 0 0 auto;
    margin-top: 0;
    max-height: 36px;
    flex-direction: column;
    flex-wrap: nowrap
}

@media (min-width: 1030px) {
    .games-box .game-item .price-wrapper .price-inner, .games-box .game-item .price-wrapper .price-text {
        font-weight: 600
    }

    .games-box .game-item .price-wrapper .price-inner .svg-icon, .games-box .game-item .price-wrapper .price-text .svg-icon {
        vertical-align: middle;
        display: inline-block;
        margin-left: 4px;
        color: #70657b
    }

    .games-box .game-item .shop-price-wrapper {
        flex: 0 0 100%
    }
}

.games-box .game-item .shop-price-wrapper:not(.inline) + .shop-price-wrapper {
    margin: 0 0 0 16px
}

.games-box .game-item .shop-price-wrapper .price-label {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #70657b;
    margin-bottom: 2px
}

.games-box .game-item .shop-price-wrapper.shop-price-grid .price-label {
    font-size: 11px;
    line-height: 14px
}

.games-box .game-item .shop-price-wrapper .price-content {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end
}

@media (min-width: 1030px) {
    .games-box .game-item .shop-price-wrapper:not(.inline) + .shop-price-wrapper {
        margin: 14px 0 0
    }

    .games-box .game-item .shop-price-wrapper .price-label {
        font-size: 13px;
        line-height: 15px
    }

    .games-box .game-item .shop-price-wrapper .price-label:not(.inline) {
        text-align: right
    }

    .games-box .game-item .shop-price-wrapper .price-content {
        justify-content: flex-start
    }
}

.games-box .game-item .shop-price-wrapper .price-content .game-labels {
    flex: 0 0 auto;
    margin: 0 0 0 8px;
    align-self: center;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.games-box .game-item .shop-price-wrapper .price-content .game-labels .label.historical {
    font-size: 0;
    color: transparent
}

.games-box .game-item .shop-price-wrapper .price-content .game-labels .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

@media (min-width: 1030px) {
    .games-box .game-item .shop-price-wrapper .price-content .game-labels {
        margin: 0 8px 0 0;
        max-width: unset;
        display: flex
    }
}

@media (min-width: 1290px) {
    .games-box .game-item .shop-price-wrapper .price-content .game-labels .label.historical {
        font-size: 12px;
        color: #036837
    }

    .games-box .game-item .shop-price-wrapper .price-content .game-labels .label.historical::before {
        display: none
    }
}

.games-box .game-item .shop-price-wrapper .price-content .unavailable-label {
    max-width: unset;
    flex: unset;
    margin: 0 0 auto;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #c2bcc8
}

.games-box .game-item .shop-price-wrapper .price {
    position: relative;
    z-index: 21;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    justify-self: flex-end
}

.games-box .game-item .shop-price-wrapper .price .price-inner {
    font-size: 18px;
    line-height: 22px
}

.games-box .game-item .shop-price-wrapper.inline {
    flex-direction: row;
    align-items: flex-end
}

.games-box .game-item .shop-price-wrapper.inline + .shop-price-wrapper {
    margin: 8px 0 0
}

.games-box .game-item .shop-price-wrapper.inline .price-label {
    margin-bottom: 0;
    margin-right: 4px
}

.close-tab {
    opacity: .7;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    height: 14px;
    width: 14px
}

.close-tab:hover {
    opacity: 1
}

.round-close {
    height: 32px;
    width: 32px;
    box-shadow: 0 1px 3px 0 rgba(3, 18, 26, .08);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .4);
    cursor: pointer;
    transition: background-color .2s
}

.round-close.border-close {
    border: 1px solid rgba(3, 18, 26, .12)
}

.round-close .svg-icon {
    height: 10px;
    width: 10px
}

.round-close:hover {
    background: rgba(3, 8, 26, .1)
}

.round-close.round-close-small {
    height: 24px;
    width: 24px
}

.round-close.round-close-small .svg-icon {
    height: 8px;
    width: 8px
}

.close-popup {
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1200
}

.close-popup .close-box {
    cursor: pointer;
    outline: 0;
    height: 8px;
    width: 8px;
    display: inline-flex;
    transition: opacity .2s;
    padding: 19px;
    box-sizing: content-box;
    color: #47404f
}

.after-page-size-label {
    display: block;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 16px;
    color: #5c5365;
    margin: 0 8px;
    white-space: nowrap
}

@media (min-width: 480px) {
    .after-page-size-label {
        margin: 0 0 0 8px
    }
}

.navigation-line-left {
    align-items: baseline
}

.navigation-line-left:not(:empty) {
    padding: 0 0 0 8px
}

.filter {
    position: relative
}

.filter .search-bar-input {
    transition: border-color .2s;
    position: relative;
    display: block;
    flex: 1 1 auto !important;
    max-width: unset;
    margin-right: 0;
    border-color: #e0dde3
}

.filter .search-bar-input + .more {
    margin-left: 16px
}

.filter .search-bar-input:hover {
    border-color: #a39aac
}

.filter .search-bar-input.active {
    border-color: #d6d2da
}

.filter .search-bar-input:focus-within {
    border-color: #279af1
}

.filter .search-bar-input.search label {
    color: #a39aac
}

@media (max-width: 1029px) {
    .filter .search-bar-input {
        width: auto;
        margin: 0
    }

    .filter .search-bar-input + .more .turn-all {
        line-height: 32px
    }
}

.filter .more {
    position: relative;
    display: block;
    flex: 0 0 auto
}

.filter .more .turn-all {
    padding: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #279af1;
    cursor: pointer
}

.filter .more .turn-all.disabled, .filter.filter-only-desktop {
    display: none
}

@media (min-width: 1200px) {
    .filter.filter-only-desktop {
        display: block
    }
}

.filter-border-top {
    border-top: 1px solid #ebe9ed;
    margin-top: 24px
}

.list.played-time-list .filter-border-top {
    margin-top: 0
}

.search-results-counter {
    display: none;
    margin: 0 8px 0 0;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    color: #5c5365;
    font-weight: 400;
    align-self: flex-start;
    flex: 0 0 100%
}

@media (min-width: 1030px) {
    .games-box .game-item .shop-price-wrapper .price .price-inner {
        font-size: 21px;
        line-height: 25px
    }

    .search-results-counter {
        display: inline-flex;
        flex: 0 0 auto;
        align-self: center
    }
}

.search-results-counter .title {
    display: inline-block
}

.search-results-counter .value {
    display: inline-block;
    margin-left: 2px
}

.deal-rating-filter-label {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    transition: color .2s;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    color: #5c5365;
    flex: 0 0 100%;
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 22px
}

.deal-rating-filter-label .svg-icon {
    width: 14px;
    height: 16px;
    margin: 0 8px 0 0;
    display: none
}

@media (min-width: 1030px) {
    .deal-rating-filter-label {
        font-family: Lato, Lato2, sans-serif;
        flex: 0 0 auto;
        margin: 0 16px 0 0;
        font-size: 14px;
        line-height: 21px
    }

    .deal-rating-filter-label .svg-icon {
        display: block
    }
}

.filter.active > .deal-rating-filter-label {
    color: #1f1c22
}

.deal-info-link {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    margin: 0;
    color: #5c5365
}

.deal-info-link .svg-icon {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    opacity: 1;
    color: #5c5365
}

.deal-info-link span {
    transition: color .2s;
    color: inherit;
    display: block;
    font-size: 12px;
    line-height: 13px;
    text-decoration: underline
}

.deal-info-link:hover {
    color: #1f1c22
}

.deal-rating-filter-slider {
    display: flex;
    width: 100%
}

@media (min-width: 1030px) {
    .deal-info-link {
        flex: 0 0 auto;
        margin: 0 0 0 16px
    }

    .deal-rating-filter-slider {
        width: auto
    }
}

.deal-rating-filter-slider > .filter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    align-self: center;
    width: 100%
}

@media (min-width: 1030px) {
    .deal-rating-filter-slider > .filter {
        flex-wrap: nowrap;
        width: auto
    }
}

.deal-rating-filter-slider .numeric-filter {
    flex: 0 0 100%;
    width: 100%;
    height: 64px;
    display: block;
    padding-left: 0;
    padding-right: 0
}

.deal-rating-filter-wrapper {
    display: none;
    margin: 0;
    padding: 16px 16px 24px;
    width: 100%;
    background: 0 0
}

@media (min-width: 1030px) {
    .deal-rating-filter-slider .numeric-filter {
        flex: 0 0 200px;
        width: 200px;
        height: 54px
    }

    .deal-rating-filter-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        height: 64px;
        width: auto;
        box-shadow: none;
        z-index: 2;
        display: flex;
        justify-content: center
    }
}

.deal-rating-filter-wrapper .numeric-filter {
    width: 100%;
    height: 64px
}

.deal-rating-filter-wrapper .numeric-filter .irs {
    margin: 0;
    height: 64px
}

.deal-rating-filter-wrapper .range-wrapper {
    display: none
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider {
    margin: 0
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar, .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar-edge {
    background: #d6d2da !important
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-slider {
    cursor: pointer;
    box-shadow: 0 1px 2px #00000033;
    top: 24px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .numeric-filter {
        width: 180px;
        height: 54px
    }

    .deal-rating-filter-wrapper .numeric-filter .irs {
        height: 54px
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-slider {
        top: 19px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-slider::after {
    transition: background-color .3s, opacity .2s;
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
    top: 50% !important;
    left: 50% !important;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%);
    background: #52aef4;
    opacity: 1
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar-edge {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-line {
    transition: background-color .3s, opacity .2s;
    border-radius: 4px;
    background: #52aef4;
    opacity: 1;
    top: 30px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-line {
        top: 26px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar, .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar-edge {
    top: 30px
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-single {
    transition: background-color .3s, opacity .2s, transform .2s;
    color: #fff;
    background: #52aef4;
    font-size: 14px;
    line-height: 17px;
    padding: 2px 9px;
    font-weight: 700
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-single::before {
    display: inline-block;
    content: '≥'
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-single .svg-icon {
    transition: opacity .4s, fill .3s;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: bottom center;
    fill: #52aef4;
    right: -26px;
    width: 20px;
    height: 24px;
    margin: 0
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"].active .irs-slider::after {
    opacity: 1
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single .svg-icon {
    transition: opacity .4s, fill .3s, width .3s .4s;
    opacity: 1
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single .svg-icon {
    fill: #FF9900
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single {
    background: #f90
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-line {
    background: linear-gradient(90deg, #f90 0, #f90 65%, #fe3400 100%) no-repeat padding-box
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar, .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-bar-edge {
        top: 26px
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-single {
        opacity: 0;
        font-size: 12px;
        line-height: 13px;
        font-weight: 400;
        padding: 1px 8px
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider .irs-single .svg-icon {
        right: -20px;
        width: 14px;
        height: 16px
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-line {
        background: #f90
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-slider::after {
    background: #f90
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single .svg-icon, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single .svg-icon {
    fill: #FE3400
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single {
    background: #fe3400
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-line {
    background: linear-gradient(90deg, #f90 0, #f90 65%, #fe3400 100%) no-repeat padding-box
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"].active .irs-slider::after, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"].active .irs-slider::after {
    background: #fe3400
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single {
    transform: translateX(-32px)
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single .svg-icon {
    width: 16px;
    right: -22px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-line, .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-line {
        background: #fe3400
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single {
        transform: translateX(-25px)
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="6"] .irs-single .svg-icon {
        width: 10px;
        right: -14px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single {
    transform: translateX(-32px)
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single .svg-icon {
    width: 17px;
    right: -23px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single {
        transform: translateX(-24px)
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="7"] .irs-single .svg-icon {
        width: 11px;
        right: -15px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single {
    transform: translateX(-33px)
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single .svg-icon {
    width: 18px;
    right: -24px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single {
        transform: translateX(-25px)
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="8"] .irs-single .svg-icon {
        width: 12px;
        right: -16px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single {
    transform: translateX(-33px)
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single .svg-icon {
    width: 19px;
    right: -25px
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single {
        transform: translateX(-26px)
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="9"] .irs-single .svg-icon {
        width: 13px;
        right: -17px
    }
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single {
    transform: translateX(-33px)
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single::before {
    content: ''
}

.deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single .svg-icon {
    width: 20px;
    right: -26px
}

.deal-rating-filter-wrapper:hover .numeric-filter .range-slider .irs-line, .deal-rating-filter-wrapper:hover .numeric-filter .range-slider .irs-single, .deal-rating-filter-wrapper:hover .numeric-filter .range-slider .irs-slider::after, .deal-rating-filter-wrapper:hover .numeric-filter .range-slider.active .irs-slider::after {
    opacity: 1
}

.selected-filters {
    color: #373a3c;
    line-height: 20px;
    background-color: #eae9ec;
    position: relative;
    font-weight: 700;
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 16px
}

@media (min-width: 795px) {
    .navigation-line-left:not(:empty), .selected-filters {
        padding: 0
    }
}

@media (max-width: 1029px) {
    .selected-filters:not(.empty) {
        padding-bottom: 16px
    }

    .selected-filters .badges-container {
        margin-bottom: 0
    }
}

@media (min-width: 1030px) {
    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single {
        transform: translateX(-25px)
    }

    .deal-rating-filter-wrapper .range-slider.deal-score-slider[data-value-from="10"] .irs-single .svg-icon {
        width: 14px;
        right: -18px
    }

    .selected-filters {
        flex: 0 1 100%;
        padding: 0
    }

    .selected-filters:not(.empty-desktop) {
        padding-bottom: 24px
    }

    .selected-filters .always-active-filter {
        display: none !important
    }
}

@media (max-width: 1029px) {
    .selected-filters.active {
        margin-top: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 16px;
        padding-right: 16px;
        white-space: nowrap;
        overflow-scrolling: touch;
        overflow: visible;
        flex-wrap: wrap
    }

    .selected-filters.active::-webkit-scrollbar {
        display: none !important
    }

    .selected-filters.active li {
        float: none;
        display: inline-flex
    }
}

@media (max-width: 1029px) and (max-width: 794px) {
    .selected-filters.active li:last-of-type {
        margin-right: 16px !important
    }
}

@media (max-width: 1029px) and (min-width: 795px) {
    .selected-filters.active {
        padding-left: 0;
        padding-right: 0
    }
}

.selected-filters .heading-presets {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #03121a;
    margin: 0 0 8px;
    flex: 0 0 100%;
    width: 100%
}

.selected-filters a, .selected-filters a:hover {
    color: #373a3c
}

.selected-filters .filter .remove-filter-icon {
    cursor: pointer
}

.selected-filters .filter#clear-all-filters, .selected-filters .filter#clear-all-filters-keyshops, .selected-filters .filter#clear-all-filters-retails {
    transition: color .2s;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    color: #5c5365;
    text-decoration: underline;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    margin: 0;
    height: 26px;
    display: inline-flex
}

.selected-filters .filter#clear-all-filters-keyshops:hover, .selected-filters .filter#clear-all-filters-retails:hover, .selected-filters .filter#clear-all-filters:hover {
    text-decoration: underline !important;
    color: #1f1c22 !important
}

.selected-filters .filter#clear-all-filters .content, .selected-filters .filter#clear-all-filters-keyshops .content, .selected-filters .filter#clear-all-filters-retails .content {
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    padding: 3.25px 4px 3.75px
}

.selected-filters .clear-all-filters {
    padding: 2px 6px
}

.selected-filters .badges-container .badge-wrapper {
    margin: 0
}

.selected-filters .badges-container .badge-wrapper .badge {
    margin: 0 4px 8px
}

@media (max-width: 1029px) {
    .selected-filters .badges-container .badge-wrapper .badge {
        height: 26px;
        font-size: 13px;
        line-height: 14px;
        padding: 6px 12px;
        margin: 0 4px 12px
    }

    .selected-filters .badges-container .badge-wrapper .badge.with-icon {
        padding-right: 24px
    }

    .selected-filters .badges-container .badge-wrapper .badge.with-icon .badge-icon {
        padding: 0
    }

    .selected-filters .badges-container .badge-wrapper .badge.with-icon .svg-icon {
        width: 9px;
        height: 9px;
        margin: 0 8px 0 0
    }

    .filters-bottom-container .filter-dropdown.open:not(.not-mobile-fullscreen) > .current .text {
        color: #1f1c22;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700
    }

    .filters-bottom-container .filter-dropdown.open:not(.not-mobile-fullscreen) > .current .text::after {
        display: none
    }
}

.filter-dropdown:not(.main-filter-line):not(.game-header-dropdown) > .current {
    padding-right: 0
}

.filter-dropdown:not(.main-filter-line):not(.game-header-dropdown) > .current .text {
    text-transform: initial;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.filter-dropdown:not(.main-filter-line):not(.game-header-dropdown) > .current .text::after {
    transition: transform .2s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-1.75px)
}

.filter-dropdown:not(.main-filter-line):not(.game-header-dropdown) > .current .text .value {
    font-weight: 700
}

.filter-dropdown.open > .current {
    color: #1f1c22
}

.filter-dropdown.open > .current .badge {
    color: inherit
}

.filter-dropdown.open > .current .text::after {
    transform: translateY(-2.25px) rotate(-180deg);
    border-color: #1f1c22 transparent transparent
}

.filter-dropdown.active > .current .text::after {
    border-color: #1f1c22 transparent transparent
}

.filter-dropdown.disabled > .current, .filter-dropdown.disabled > .current:hover {
    color: #c2bcc8
}

.filter-dropdown.disabled > .current .text::after, .filter-dropdown.disabled > .current:hover .text::after {
    border-color: #c2bcc8 transparent transparent
}

.filters-bottom-container {
    position: static;
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    box-sizing: border-box
}

.filters-bottom-container.with-mass-container {
    height: 48px
}

@media (min-width: 1030px) {
    .selected-filters .filter#clear-all-filters, .selected-filters .filter#clear-all-filters-keyshops, .selected-filters .filter#clear-all-filters-retails {
        display: block;
        height: 16px
    }

    .selected-filters .filter#clear-all-filters .content, .selected-filters .filter#clear-all-filters-keyshops .content, .selected-filters .filter#clear-all-filters-retails .content {
        padding: 1.25px 4px 1.75px
    }

    .filter-dropdown.open > .current {
        position: relative;
        z-index: 110
    }

    .filters-bottom-container.with-mass-container {
        height: auto
    }

    .filters-bottom-container {
        position: relative;
        padding: 0;
        flex-wrap: nowrap;
        align-items: center;
        gap: 16px;
        min-height: 64px;
        border-top: 1px solid #d6d2da
    }
}

.filters-bottom-container .side-filters {
    position: absolute;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0 4px 0 0;
    top: 80px;
    right: 0
}

@media (min-width: 795px) {
    .filters-bottom-container .side-filters {
        top: 68px;
        padding: 0
    }
}

@media (min-width: 1030px) {
    .filters-bottom-container .side-filters {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 0 0 auto;
        padding: 21px 0 5px;
        align-self: flex-start;
        flex: 0 0 auto
    }
}

.filters-bottom-container .single-checkbox {
    margin-left: auto
}

@media (min-width: 1030px) {
    .filters-bottom-container .single-checkbox {
        margin-left: 0
    }
}

.filters-bottom-container .filter-dropdown {
    margin-left: auto
}

.filters-bottom-container .filter-dropdown.page-size-filter {
    display: none !important
}

.filter.isDropdown .dropdown-filter-header {
    position: relative;
    width: 100%;
    padding: 24px 24px 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.filter.isDropdown .dropdown-filter-header.game-header-search-bar {
    padding: 16px 16px 14px
}

.filter.isDropdown .filter-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #1f1c22;
    margin: 0 24px 0 0
}

.collapse-list-container .dropdown-filter-header {
    padding: 16px 12px
}

.collapse-list-container .filter-radio-item .form-group .help-block {
    flex: 0 1 auto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 8px 0 0 8px
}

.filter-disabled-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(235, 233, 237, .9);
    z-index: 4;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center
}

.filter-disabled-info.in-filter {
    position: relative;
    top: auto;
    left: auto;
    background-color: transparent;
    padding: 32px 24px 48px;
    justify-content: flex-start
}

@media (min-width: 1030px) {
    .filters-bottom-container .filter-dropdown {
        margin-left: 0
    }

    .filter-disabled-info.in-filter {
        justify-content: center
    }
}

.filter-disabled-info.in-filter .list-disabled-text {
    background-color: #fff
}

.filter-disabled-info.with-icon .list-disabled-text {
    margin-bottom: 48px
}

.filter-disabled-info.with-icon .list-disabled-text::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 24px 0;
    border-color: #f4f5f6 transparent transparent;
    filter: drop-shadow(0 1px 2px rgba(10, 9, 11, .1))
}

.filter-disabled-info.with-icon.in-filter .list-disabled-text::after {
    border-color: #fff transparent transparent
}

.filter-disabled-info.with-icon .svg-icon {
    width: 90px;
    height: 98px;
    display: block
}

.filter-disabled-info.with-icon .svg-icon.svg-icon-ghost {
    color: #fff;
    fill: #E0DDE3
}

.list-disabled-text {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 550;
    position: relative;
    display: block;
    color: #47404f;
    background: #f4f5f6;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    padding: 22px 18px;
    border-radius: 24px;
    box-shadow: 0 1px 2px rgba(10, 9, 11, .1)
}

@-moz-document url-prefix() {
    .list-disabled-text {
        font-weight: 500
    }
}

.search-bar-input {
    transition: border-color .2s;
    position: relative;
    background: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 0;
    flex: 0 0 100%;
    height: 32px;
    border: 1px solid #d6d2da;
    border-radius: 4px
}

.search-bar-input:focus-within {
    border-color: #70657b
}

.search-bar-input .svg-icon-zoom {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: color .2s, transform .2s, opacity .2s linear;
    color: #8f849a;
    display: block;
    height: 16px;
    width: 16px;
    opacity: 1
}

.filter-content .search-bar-input > label, .search-bar-input > label {
    font-family: Lato, Lato2, sans-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    background: 0 0;
    border: none;
    z-index: 1;
    box-shadow: none;
    outline: 0;
    text-transform: none;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    cursor: text;
    color: #8f849a;
    opacity: 1;
    margin: 0;
    padding: 4.25px 12px 4.75px
}

@media (min-width: 795px) {
    .filter-content .search-bar-input > label, .search-bar-input > label {
        padding: 4.25px 16px 4.75px
    }
}

@media (min-width: 1030px) {
    .search-bar-input {
        flex: 1 0 auto;
        height: 24px;
        max-width: 157px;
        margin: 0 12px 0 0
    }

    .search-bar-input .svg-icon-zoom {
        height: 12px;
        width: 12px;
        right: 8px
    }

    .filter-content .search-bar-input > label, .search-bar-input > label {
        transition: color .2s, left .5s, opacity .2s .2s;
        padding: 1.25px 19px 1.75px 9px;
        font-size: 14px;
        line-height: 21px
    }
}

.search-bar-input .search-input {
    transition: color .2s, padding .2s .2s !important;
    position: relative;
    z-index: 0;
    width: 100%;
    border: none;
    color: #1f1c22 !important;
    background: 0 0;
    border-radius: 0;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 400;
    box-shadow: none;
    height: 32px !important;
    padding: 4.25px 12px 4.75px !important
}

@media (min-width: 795px) {
    .search-bar-input .search-input {
        padding: 4.25px 16px 4.75px !important
    }
}

@media (min-width: 1030px) {
    .search-bar-input .search-input {
        height: 24px !important;
        padding: 1.25px 16px 1.75px 9px !important
    }
}

.search-bar-input .clear-input-action, .search-bar-input .clear-wrap {
    transition: transform .2s .15s, opacity .2s .1s;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%) scale(0);
    opacity: 0;
    height: 24px;
    width: 24px;
    right: 4px;
    padding: 8px
}

@media (min-width: 795px) {
    .search-bar-input .clear-input-action, .search-bar-input .clear-wrap {
        right: 8px
    }

    .filter-form .top-line {
        margin-bottom: 8px
    }
}

.search-bar-input .clear-input-action .svg-icon, .search-bar-input .clear-wrap .svg-icon {
    transition: opacity .2s;
    opacity: .6;
    display: block
}

.search-bar-input .clear-input-action:hover .svg-icon, .search-bar-input .clear-wrap:hover .svg-icon {
    opacity: 1
}

.search-bar-input:hover .svg-icon-zoom, .search-bar-input:hover input, .search-bar-input:hover label {
    color: #5c5365
}

.search-bar-input.active .search-input:not(:-moz-placeholder-shown) {
    color: #0a090b !important
}

.search-bar-input.active .search-input:not(:placeholder-shown) {
    color: #0a090b !important
}

.search-bar-input.active .search-input:not(:-moz-placeholder-shown) ~ .svg-icon-zoom {
    color: #0a090b;
    transform: translateY(-50%) scale(.01);
    opacity: 0
}

.search-bar-input.active .search-input:not(:placeholder-shown) ~ .svg-icon-zoom {
    color: #0a090b;
    transform: translateY(-50%) scale(.01);
    opacity: 0
}

.search-bar-input.active .search-input:not(:-moz-placeholder-shown) ~ .clear-wrap {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    z-index: 2
}

.search-bar-input.active .search-input:not(:placeholder-shown) ~ .clear-wrap {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    z-index: 2
}

.search-bar-input.active .search-input:not(:-moz-placeholder-shown) ~ .clear-input-action {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    z-index: 2
}

.search-bar-input.active .search-input:not(:placeholder-shown) ~ .clear-input-action {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    z-index: 2
}

.search-bar-input.active .search-input:not(:-moz-placeholder-shown) ~ label {
    -moz-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s;
    opacity: 0
}

.search-bar-input.active .search-input:not(:placeholder-shown) ~ label {
    transition: color .2s, opacity .2s;
    opacity: 0
}

.filter-dropdown > .current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.filter-dropdown > .current > .text {
    white-space: nowrap
}

.filter-dropdown .filter {
    position: relative
}

.filter-dropdown .filter.isDropdown .price-slider-wrapper {
    margin: 0 0 20px
}

.filter-dropdown .filter.isDropdown .price-slider-wrapper + .filter-list {
    margin-top: -12px
}

.filter-dropdown .filter.isDropdown.list-filter-dropdown > .list {
    padding: 8px 0 0
}

.filter-dropdown .filter.isDropdown.list-filter-dropdown > .list .filter.filter-part:first-of-type {
    margin-top: 12px
}

.filter-dropdown .filter.isDropdown.list-filter-dropdown.with-search > .list {
    padding-top: 0
}

.filter-dropdown > .filter-content {
    display: none
}

.filter-dropdown > .filter-content.filter-content-wide .filter-reset-button-container {
    display: none
}

@media (max-width: 1029px) {
    .filter.isDropdown .dropdown-filter-header, .filter.isDropdown .dropdown-filter-header.game-header-search-bar {
        padding: 0 16px 16px
    }

    .filter-dropdown > .filter-content.filter-content-wide {
        padding-bottom: 0 !important
    }

    .filter-dropdown > .filter-content.filter-content-wide .filter-reset-button-container {
        display: flex
    }

    .filter-dropdown > .filter-content.filter-content-wide .dropdown-filter-header {
        position: relative;
        padding: 0;
        margin: 0
    }

    .filter-dropdown > .filter-content.filter-content-wide .dropdown-filter-header::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        height: 1px;
        content: '';
        display: block;
        background: #ebe9ed
    }

    .filter-dropdown > .filter-content.filter-content-wide .dropdown-filter-header .filter-title {
        display: none
    }

    .filter-dropdown > .filter-content.filter-content-wide .dropdown-filter-header .more .turn-all {
        padding: 16px
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list {
        width: 100vw;
        flex: 0 0 100vw;
        padding: 0 0 54px !important
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list .list.list-column {
        width: 100%;
        flex-wrap: nowrap;
        overflow-y: scroll
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list .list.list-column .item {
        position: relative;
        padding: 12px 16px;
        min-height: 40px
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list .list.list-column .item:first-child::before {
        display: none
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list:last-child {
        background: 0 0
    }
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list {
    position: relative;
    display: block
}

@media (min-width: 1030px) {
    .search-bar-input .clear-input-action, .search-bar-input .clear-wrap {
        right: 1px
    }

    .filter-dropdown > .filter-content {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        top: 40px;
        background: #f4f5f6;
        width: 352px;
        border-radius: 4px;
        overflow: hidden;
        z-index: 1
    }

    .filter-dropdown > .filter-content.filter-content-wide {
        width: 892px
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list {
        flex: 1 1 100%;
        width: auto;
        max-width: 75%
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list.alt-bg {
        flex: 0 0 233px;
        width: 233px;
        background-color: #ebe9ed
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list.single-column-list {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
        background: 0 0
    }
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-column-list > .list.without-search {
    padding-top: 0;
    max-height: 480px
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper .checkboxes-column-list {
    padding-bottom: 20px
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper.full-column {
    width: 100%
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper.full-column .checkboxes-column-list {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0
}

.filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper.full-column .checkboxes-column-list .list.list-column {
    width: 100%
}

.filter-dropdown > .filter-content.filter-content-wide.show-reset .filter-reset-button-container {
    display: flex
}

@media (min-width: 1030px) {
    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper {
        overflow: visible
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper.full-column .checkboxes-column-list .list.list-column .filter .list {
        max-height: 348px
    }

    .filter-dropdown > .filter-content.filter-content-wide .item.filter-switch {
        height: 36px
    }

    .filter-dropdown > .filter-content.filter-content-wide.filter-list-condensed .item.filter-switch {
        height: 33px
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3 {
        width: calc(216px * 3)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3 .checkboxes-list.list-column .item.filter-switch {
        width: 216px
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3 .checkboxes-column-list {
        flex: 0 0 calc(216px * 3)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3 .checkboxes-column-list.alt-bg {
        flex: 0 0 calc(216px * 1)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3.list-column-keyshops-1 {
        width: calc((216px * 3) + (216px * 1))
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3.list-column-keyshops-2 {
        width: calc((216px * 3) + (216px * 2))
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-3.list-column-keyshops-2 .checkboxes-column-list.alt-bg {
        flex: 0 0 calc(216px * 2)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2 {
        width: calc(216px * 2)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2 .checkboxes-column-list {
        flex: 0 0 calc(216px * 2)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2 .checkboxes-column-list.alt-bg {
        flex: 0 0 calc(216px * 1)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2 .checkboxes-column-list .list.list-column {
        width: 50%
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2.list-column-keyshops-1 {
        width: calc((216px * 2) + (216px * 1))
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2.list-column-keyshops-2 {
        width: calc((216px * 2) + (216px * 2))
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2.list-column-keyshops-2 .checkboxes-column-list.alt-bg {
        flex: 0 0 calc(216px * 2)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-2.list-column-keyshops-2 .checkboxes-column-list .list.list-column {
        width: 50%
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-keyshops-1 .checkboxes-column-list.alt-bg .list.list-column {
        width: 100%
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1 {
        width: calc(232px)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1.list-column-keyshops-1 {
        width: calc(232px + 232px)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1 .checkboxes-column-list {
        flex: 0 0 calc(232px * 1)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1 .checkboxes-column-list .list.list-column {
        width: 100%
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1.list-column-keyshops-2 {
        width: calc((232px * 1) + (216px * 2))
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1.list-column-keyshops-2 .checkboxes-column-list.alt-bg {
        flex: 0 0 calc(216px * 2)
    }

    .filter-dropdown > .filter-content.filter-content-wide.list-column-retail-1.list-column-keyshops-2 .checkboxes-column-list.alt-bg .list.list-column {
        width: 50%
    }

    .filter-dropdown > .filter-content.filter-content-wide.filter-content-medium {
        width: 658px
    }

    .filter-dropdown > .filter-content.filter-content-wide.show-reset .filter-reset-button-container {
        display: block
    }
}

.filter-dropdown > .filter-content label {
    color: #c2bcc8
}

.filter-dropdown > .filter-content .filter-switch label {
    margin: 0
}

.filter-dropdown > .filter-content .list {
    max-height: 448px
}

.filter-dropdown > .filter-content .list:not(.with-search) {
    max-height: 500px
}

.filter-dropdown > .filter-content .list .item {
    width: 100%
}

.filter-dropdown > .filter-content > .filter:last-of-type > .filter-reset-button-container {
    margin-top: 8px;
    margin-bottom: 0 !important
}

.filter-dropdown > .filter-content > .filter:last-of-type.content-scroll > .filter-reset-button-container {
    margin-top: 0
}

.filter-dropdown .close-tab {
    display: none
}

.filter-dropdown.open > .filter-content {
    display: block
}

.filter-dropdown.open .filters-bottom-container {
    display: none
}

@media (max-width: 1029px) {
    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper {
        height: calc(100% - 37px)
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper .checkboxes-column-list {
        transition: transform .5s;
        padding-bottom: 64px !important
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper[data-active-tab="1"] .checkboxes-column-list, .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper[data-active-tab="1"] .checkboxes-column-list:last-child {
        transform: translateX(0)
    }

    .filter-dropdown > .filter-content.filter-content-wide .checkboxes-list-wrapper[data-active-tab="2"] .checkboxes-column-list {
        transform: translateX(-100vw)
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 23;
        background: #f5f4f6;
        overflow: scroll;
        margin: 0 !important;
        padding: 0;
        display: block !important
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) .close-tab {
        display: flex;
        opacity: 1;
        color: #47404f
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) .hide-on-open {
        display: none
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) .filter-dropdown.open > .current, .filter-dropdown.open:not(.not-mobile-fullscreen) > .current {
        font-family: "Exo 2", Lato, Lato2, sans-serif;
        font-size: 21px;
        line-height: 27px;
        font-weight: 600;
        padding: 16px;
        background: 0 0;
        box-sizing: content-box;
        text-transform: none;
        height: auto;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) .list.nano {
        height: calc(100vh - 96px);
        bottom: 0
    }

    .filter-dropdown.open:not(.not-mobile-fullscreen) .list.nano.with-search {
        height: calc(100vh - 148px)
    }

    .filter-form {
        position: relative
    }
}

.single-filter-switch {
    display: flex;
    align-items: center
}

.single-filter-switch, .single-filter-switch label {
    cursor: pointer;
    font-weight: 700
}

.single-filter-switch label .badge {
    margin-left: 4px
}

.filter-form.with-view .top-line {
    width: 100%
}

.filter-form.with-view .top-line .filter-dropdown:last-child {
    padding-right: 100px
}

.filter-form .top-line {
    display: inline-block;
    margin-top: -8px
}

.filter-form .top-line > .toggle-value-filter {
    margin-top: 4px
}

@media (min-width: 795px) {
    .filter-form .top-line > .toggle-value-filter + .toggle-value-filter {
        margin-left: 20px
    }
}

.filter-form .filter-right {
    position: absolute;
    right: 16px;
    top: 5px;
    display: flex
}

.filter-form .single-filter-mobile-center {
    width: auto;
    display: inline
}

.filter-form .filter-line .filter-dropdown > .current {
    height: 24px;
    padding: 3.75px 12px 4.25px 0;
    color: #70657b
}

.filter-form .filter-line .filter-dropdown.filter-sort > .current {
    color: #5c5365
}

.filter-form .filter-line .filter-dropdown.filter-sort > .current .value {
    color: inherit
}

.filter-form .filter-line .filter-dropdown .filter-content {
    top: 32px
}

.filter-form .filter-line .filter-dropdown:hover > .current {
    color: #1f1c22
}

.filter-form .filter-line .filter-dropdown:hover > .current .text::after {
    border-color: #1f1c22 transparent transparent
}

.filter-form .filter-line .filter-dropdown.open.not-mobile-fullscreen .dropdown-content {
    z-index: 110
}

@media (max-width: 1029px) {
    .filter-form .single-filter-mobile-center {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 24px
    }

    .filter-form .single-filter-mobile-center .switch {
        float: none;
        display: inline-block
    }

    .filter-form .single-filter-mobile-center label {
        display: inline-block;
        float: none
    }

    .filter-form .filter-line {
        max-height: calc(100% - 59px)
    }

    .filter-form .filter-line .filter-dropdown.filter-sort {
        margin-top: -8px
    }

    .filter-form .filter-line .filter-dropdown.filter-sort > .current {
        padding: 12px 12px 12px 0;
        height: 40px
    }

    .filter-form .filter-line .filter-dropdown.filter-sort > .current::before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .filter-form .filter-line .filter-dropdown.open.not-mobile-fullscreen .current {
        position: relative;
        z-index: 110
    }

    .filter-form .filter-line .filter-dropdown.open.not-mobile-fullscreen .dropdown-content {
        position: absolute;
        overflow: hidden;
        box-shadow: 0 0 8px rgba(10, 9, 11, .1);
        background: #f4f5f6;
        border-radius: 4px;
        min-width: 230px;
        left: 0;
        right: auto
    }

    .filter-form .filter-line .filter-dropdown.open.not-mobile-fullscreen.mobile-dropdown-right .dropdown-content {
        left: auto;
        right: 0
    }
}

.filter-form .filter-line .filter-dropdown.user-dropdown-filter > .current .text::after {
    transform: translateY(0)
}

.filter-form .filter-line > [data-filter-type~=single-checkbox] {
    box-shadow: inset -1px 0 0 0 rgba(3, 18, 26, .1);
    padding: 14px 16px;
    cursor: pointer
}

.filter-form .filter-line > [data-filter-type~=single-checkbox] label {
    white-space: nowrap;
    cursor: pointer;
    transition: color .2s;
    color: rgba(120, 120, 120, .6)
}

.filter-form .filter-line > [data-filter-type~=single-checkbox]:not(.active):hover label {
    color: #787878
}

.filter-form .filter-line > [data-filter-type~=single-checkbox].active label {
    color: #1f1c22
}

.filter-form .filter-dropdown {
    display: inline-block;
    position: relative
}

.filter-form .filter-dropdown > .current {
    color: rgba(120, 120, 120, .6);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    cursor: pointer
}

.filter-form .filter-dropdown .close-tab {
    display: none
}

@media (min-width: 1030px) {
    .filter-dropdown.filter-sort > .filter-content.dropdown-content, .filter-dropdown.filter-type > .filter-content.dropdown-content, .filter-dropdown.page-size-filter > .filter-content.dropdown-content {
        width: 178px
    }

    .filter-form .filter-right {
        top: 95px;
        right: 0
    }

    .filter-form .filter-line .filter-dropdown > .current {
        margin-left: 12px
    }

    .filter-form .filter-line .filter-dropdown.filter-sort > .current {
        padding-right: 0
    }

    .filter-form .filter-dropdown > .current {
        transition: color .2s
    }

    .filter-form .filter-dropdown > .current .svg-icon {
        display: none
    }

    .filter-form .filter-dropdown:not(.active).open > .current, .filter-form .filter-dropdown:not(.open) .current:hover {
        color: #1f1c22
    }

    .filter-form .filter-dropdown:not(.filter-type).active > .current {
        color: #1f1c22 !important
    }
}

@media (max-width: 1029px) {
    .filter-form .filter-dropdown.open .filter-line {
        margin: 0
    }

    .filter-form .filter-dropdown.open .filter-line::before {
        background-color: #ebe9ed
    }

    .filter-form .filter-dropdown.open .close-tab {
        color: #47404f;
        width: 14px;
        height: 14px
    }

    .filter-form .filter-dropdown.open:not(.mobile-filter):not(.not-mobile-fullscreen) > .current {
        color: #1f1c22;
        background: 0 0;
        border-radius: 0;
        border: none;
        box-shadow: none
    }

    .filter-form .filter-dropdown.open:not(.mobile-filter):not(.not-mobile-fullscreen) > .current::before {
        display: none !important
    }
}

.filter-form .filter-line {
    position: relative
}

.filter-form .filter-line:not(.no-border)::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    height: 1px;
    display: block;
    background: #d6d2da;
    content: ''
}

@media (max-width: 794px) {
    .filter-form .filter-line.no-border-xs::before {
        display: none
    }
}

.filter-form .filter-line .filters-line-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: max-height .3s;
    overflow: hidden;
    margin: 24px 0 0;
    box-shadow: none;
    background: 0 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 70px
}

@media (min-width: 795px) {
    .filter-form .filter-line:not(.no-border)::before {
        width: 100%
    }

    .filter-form .filter-line .filters-line-container {
        padding-bottom: 56px;
        min-height: 40px
    }
}

@media (min-width: 1030px) {
    .filter-form .filter-line .filters-line-container {
        margin-top: 24px;
        flex: 0 0 100%;
        overflow: visible;
        padding-bottom: 8px;
        border: none;
        min-height: 40px
    }

    .filter-form .filter-line .filters-line-container.foldable-tag-list {
        overflow: hidden;
        max-height: 40px;
        padding: 0;
        margin: 24px 0 8px
    }

    .filter-form .filter-line .filters-line-container.foldable-tag-list.visible-all {
        overflow: visible;
        max-height: unset
    }

    .filter-form .filter-line .filters-line-container.foldable-tag-list.visible-all .foldable-show-more-btn {
        display: none !important
    }

    .filter-form .filter-line .filters-line-container.foldable-tag-list.visible-all .filter-dropdown.hidden {
        display: inline-block !important
    }
}

.filter-form .filter-line .filters-line-container .search-bar-input {
    border-radius: 4px;
    margin: 0 16px;
    width: calc(100% - 32px);
    flex: 0 0 calc(100% - 32px)
}

.filter-form .filter-line .filters-line-container .filter.view-radio-list {
    margin-top: 16px;
    margin-left: auto
}

@media (min-width: 795px) {
    .filter-form .filter-line .filters-line-container .search-bar-input {
        margin: 0;
        width: 100%;
        flex: 0 1 100%
    }

    .filter-form .filter-line .filters-line-container .filter.view-radio-list {
        margin-top: 8px
    }
}

.filter-form .filter-line .filters-line-container .filter-dropdown > .current, .filter-form .filter-line .filters-line-container .filter-dropdown > .current .text {
    font-weight: 700
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox, .filter-form .filter-line .filters-line-container > .filter-dropdown {
    margin-bottom: 16px
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox.item, .filter-form .filter-line .filters-line-container > .filter-dropdown.item {
    margin-bottom: 0
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch .switch.active + label, .filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch .switch.active + label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch label {
    transition: color .2s;
    color: #5c5365
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch label {
    margin: 0 0 0 8px;
    padding: 3.75px 12px 4.25px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    white-space: nowrap
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch:hover .switch.active + label, .filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch:hover label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch:hover .switch.active + label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch:hover label {
    color: #1f1c22
}

.filter-form .filter-line .filters-line-container .filter.single-checkbox > .single-filter-switch .switch.active + label, .filter-form .filter-line .filters-line-container > .filter-dropdown > .single-filter-switch .switch.active + label {
    color: #47404f
}

@media (min-width: 1030px) {
    .filter-form .filter-line .filters-line-container .search-bar-input {
        flex: 1 1 100%
    }

    .filter-form .filter-line .filters-line-container .filter.view-radio-list {
        margin-top: 0
    }

    .filter-form .filter-line .filters-line-container .search-bar-input + .filter-dropdown {
        margin-left: 12px
    }

    .filter-form .filter-line .filters-line-container .search-bar-input + .filter.single-checkbox {
        margin-left: 24px
    }
}

.filter-form .filter-line .filters-right-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    padding: 21px 16px 0 88px;
    align-content: flex-end;
    min-height: 64px
}

@media (min-width: 1030px) {
    .filter-form .filter-line .filters-right-container {
        flex: 0 0 100%
    }
}

.filter-form .filter-line .view-radio-list {
    width: auto;
    flex: 0 0 auto;
    margin: -4px 8px 0 4px
}

@media (min-width: 480px) {
    .filter-form .filter-line .view-radio-list {
        margin: -4px 12px 0 8px
    }
}

@media (min-width: 795px) {
    .filter-form .filter-line .view-radio-list {
        margin-right: 0
    }
}

.filter-form .filter-line .view-radio-list .filter-view {
    position: relative;
    right: auto;
    top: auto
}

@media (min-width: 1030px) {
    .filter-form .filter-line .view-radio-list {
        width: 48px;
        height: 24px;
        flex: 0 0 48px;
        margin: 0 0 0 12px
    }

    .filter-form .filter-line .view-radio-list .filter-view {
        position: absolute;
        right: -4px;
        top: -4px
    }
}

.filter-form .filter-line .view-radio-list .filter-view .view-action .item .svg-icon {
    padding: 8px 4px
}

@media (max-width: 1029px) {
    .filter-form .filter-line {
        display: none;
        height: 100%;
        padding: 0 16px
    }

    .filter-form .filter-line > label {
        display: none
    }

    .filter-form .filter-line > [data-filter-type~=single-checkbox] .filter-switch {
        justify-content: center
    }

    .filter-form .filter-line > .filter-dropdown {
        display: block
    }

    .filter-form .filter-line > .filter-dropdown:not(.open) > .current {
        height: 48px;
        font-size: 20px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
        background-color: rgba(255, 255, 255, .64);
        padding: 8px 16px;
        color: #5c5365;
        margin-bottom: 8px;
        border-radius: 4px
    }

    .filter-form .filter-line > .filter-dropdown:not(.open).active > .current {
        background-color: #279af1;
        color: #fff
    }

    .filter-form .filter-dropdown.game-header-dropdown:not(.open) > .current > .text, .filter-form .filter-line > .filter-dropdown:not(.open) .close-tab {
        display: none
    }

    .filter-form .filter-dropdown.game-header-dropdown.open > .current .close-tab {
        position: absolute;
        top: 24px;
        right: 24px
    }

    .filter-form .filter-dropdown.game-header-dropdown.open > .current .badge-wrapper {
        display: none
    }

    .filter-form .filter-dropdown.game-header-dropdown.open .filter-content {
        height: calc(100% - 59px)
    }

    .filter-form .filter-dropdown.game-header-dropdown.open .filter-content .isDropdown {
        height: 100%
    }

    .filter-form .filter-dropdown.game-header-dropdown.open .filter-content .list:not(.with-search) {
        max-height: 100%
    }
}

.mobile-filter > .content {
    display: none
}

@media (min-width: 1030px) {
    .filter-form .filter-dropdown.game-header-dropdown {
        margin: 0
    }

    .filter-form .filter-dropdown.game-header-dropdown .current .text {
        display: none !important
    }

    .mobile-filter {
        width: 100%
    }

    .mobile-filter > .content {
        display: flex
    }

    .mobile-filter > .content > label {
        color: #5c5365;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        margin-right: 8px
    }

    .mobile-filter > .current {
        display: none !important
    }
}

.mobile-filter.open {
    background-color: #f5f4f6 !important;
    overflow: scroll !important
}

.mobile-filter.open .content {
    display: flex;
    width: 100%
}

.mobile-filter.open .content > label {
    display: none
}

.mobile-filter.open .filter-dropdown {
    margin: 0
}

.mobile-filter.open .filter-dropdown.open .current, .mobile-filter.open > .current {
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #5c5365
}

.mobile-filter.open .filter-dropdown.open .current .close-tab {
    display: none;
    color: #5c5365
}

.mobile-filter.open .filter-dropdown.open .current {
    margin: 0;
    background: rgba(255, 255, 255, .64);
    color: #fff
}

.mobile-filter.filter-dropdown {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.mobile-filter.filter-dropdown > .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0
}

.mobile-filter.filter-dropdown > .current {
    position: absolute;
    top: 68px;
    left: 0;
    width: 84px;
    height: 48px;
    z-index: 2;
    color: #70657b;
    padding: 16px 8px 16px 16px;
    font-size: 14px;
    line-height: 16px
}

@media (min-width: 795px) {
    .mobile-filter.filter-dropdown > .current {
        top: 58px;
        padding-left: 0
    }
}

.mobile-filter.filter-dropdown > .current .text .svg-icon {
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 6px
}

.mobile-filter.filter-dropdown .filter-dropdown:not(.filter-sort):not(.filter-type):not(.select-checkbox-filter), .mobile-filter.filter-dropdown .single-checkbox {
    display: none
}

@media (min-width: 1030px) {
    .mobile-filter.filter-dropdown > .content.one-line-desktop {
        position: relative
    }

    .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-line-container {
        flex: 0 0 50%;
        max-width: 50%;
        border: none
    }

    .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container {
        position: absolute;
        right: 0;
        top: 2px;
        flex: 0 0 50%;
        max-width: 50%;
        border: none
    }

    .mobile-filter.filter-dropdown > .current {
        display: none
    }

    .mobile-filter.filter-dropdown .filter-dropdown:not(.filter-sort):not(.filter-type):not(.select-checkbox-filter), .mobile-filter.filter-dropdown .single-checkbox {
        display: inline-block
    }
}

@media (max-width: 1029px) {
    .mobile-filter.filter-dropdown.open {
        z-index: 1031
    }

    .mobile-filter.filter-dropdown.open > .current {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        box-sizing: border-box;
        width: 100%;
        font-size: 21px;
        line-height: 27px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .mobile-filter.filter-dropdown.open > .current .text {
        font-family: "Exo 2", Lato, Lato2, sans-serif;
        font-size: 21px;
        line-height: 27px;
        font-weight: 600;
        display: block;
        margin: 0;
        flex: 0 0 auto;
        color: #1f1c22
    }

    .mobile-filter.filter-dropdown.open > .current .text .svg-icon {
        display: none
    }

    .mobile-filter.filter-dropdown.open > .current .close-tab {
        margin: 6.5px 0 0 auto;
        width: 14px;
        height: 14px;
        color: #47404f
    }

    .mobile-filter.filter-dropdown.open .deal-rating-filter-wrapper {
        display: flex
    }

    .mobile-filter.filter-dropdown.open .selected-filters {
        display: none
    }

    .mobile-filter.filter-dropdown.open .filters-line-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        max-height: calc(100% - 64px);
        overflow-y: scroll
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .single-checkbox {
        display: block;
        margin: 0
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .single-checkbox > .single-filter-switch {
        padding: 16px
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .single-checkbox > .single-filter-switch label {
        font-size: 16px;
        line-height: 19.2px;
        color: #5c5365
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .single-checkbox.active > .single-filter-switch label {
        color: #332e38 !important
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown {
        display: block !important;
        flex: 0 0 auto;
        background: 0 0;
        margin: 0;
        box-shadow: none;
        width: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown .close-tab {
        display: none
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown > .current {
        position: relative;
        font-size: 16px;
        line-height: 19.2px;
        font-weight: 700;
        color: #70657b;
        padding: 17px 16px 16px;
        height: auto;
        margin: 0
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown > .current::before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        height: 1px;
        content: '';
        display: block;
        background: #ebe9ed
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown > .current .text {
        position: relative;
        display: block;
        padding-right: 16px;
        width: 100%;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown > .current .text::after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-4px);
        border-width: 4px 0 4px 6px;
        border-color: transparent #70657b
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.disabled > .current {
        color: #c2bcc8
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.disabled > .current .text::after, .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown:first-child > .current::before {
        display: none
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown .current::after {
        transition: opacity .3s, width .3s;
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        width: 0;
        opacity: 0;
        height: 100%;
        background: #279af1
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .current::after {
        transition: none
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown:not(.open).active .current {
        color: #332e38
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown:not(.open).active .current::after {
        opacity: 1;
        width: 4px
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown:not(.open).active .current .text::after {
        border-color: transparent #332e38
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open {
        z-index: 121;
        overflow-x: hidden;
        background: #f5f4f6;
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        padding: 0;
        max-height: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open > .current {
        color: #1f1c22;
        font-size: 21px;
        line-height: 27px;
        padding: 16px;
        display: flex;
        flex-direction: row
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open > .current .text {
        font-family: "Exo 2", Lato, Lato2, sans-serif;
        padding: 0 0 0 22px;
        width: auto;
        flex: 0 0 auto
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open > .current .text::after {
        right: auto;
        left: 0;
        border-width: 4px 6px 4px 0;
        border-color: transparent #1f1c22
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open > .current .close-tab {
        display: block !important;
        margin: 0 0 0 auto
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content {
        position: relative;
        top: auto;
        left: auto;
        padding: 16px 0 64px;
        height: calc(100% - 59px)
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content::before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        background: #ebe9ed
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter {
        height: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter.filter-switch {
        height: auto
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .list {
        max-height: calc(100% - 54px)
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .list.content-scroll {
        height: 100%;
        max-height: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .list.with-mode-select {
        max-height: calc(100% - 82px)
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .list.single-list {
        margin-top: -15px
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .platforms-grouped-filter {
        height: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content > .filter .platforms-grouped-filter .list {
        max-height: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content .filter.filter-part:first-child {
        margin: 0
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown.open .dropdown-content #user-filters {
        margin-top: -16px
    }

    .mobile-filter.filter-dropdown.open .filters-line-container .filter-dropdown .filter-dropdown.open {
        max-height: unset
    }

    .mobile-filter.filter-dropdown.open.active .clear-all-filters {
        display: block
    }

    .mobile-filter.filter-dropdown.open [data-filter-type~=single-checkbox] {
        box-shadow: none
    }

    .mobile-filter.filter-dropdown.open .mass-actions-wrapper, .mobile-filter.filter-dropdown.open .search-bar {
        display: none
    }

    .mobile-filter.filter-dropdown.open .mass-actions-wrapper + .filters-line-container {
        flex: 100%;
        max-width: 100%
    }

    .mobile-filter.filter-dropdown.open .filters-right-container {
        display: none
    }

    .mobile-filter.with-mass-container > .current {
        left: 56px;
        padding-left: 4px
    }

    .mobile-filter.with-mass-container .filters-bottom-container.with-mass-container {
        height: auto;
        padding: 0
    }

    .mobile-filter.with-mass-container .filters-bottom-container.with-mass-container .mass-actions-wrapper {
        top: 59px
    }
}

@media (max-width: 1029px) and (max-width: 1029px) {
    .mobile-filter.filter-dropdown.open .filters-line-container .list .single-checkbox > .single-filter-switch {
        padding: 0
    }

    .mobile-filter.filter-dropdown.open [data-filter-type~=single-checkbox] {
        margin-bottom: 16px
    }
}

@media (max-width: 1029px) {
    .news-container .filter-form .filter-line .filters-right-container {
        min-height: 48px
    }

    .notifications-container {
        margin-top: 0
    }

    .notifications-container .mobile-filter.main-filter-line .mass-actions-wrapper {
        position: relative;
        top: auto;
        left: auto;
        padding-top: 16px
    }

    .notifications-container .mobile-filter.main-filter-line .content {
        flex-wrap: nowrap
    }

    .notifications-container .mobile-filter.main-filter-line .content .filters-right-container {
        flex: 1 1 auto
    }

    .notifications-container .mobile-filter.main-filter-line .content .filters-right-container .top-line > .toggle-value-filter {
        margin-top: 0
    }

    .mass-container .filter-form .filter-line .filters-right-container {
        padding-left: 140px
    }

    .filter.checkboxes-list .dropdown-filter-header .search-bar-input {
        margin: 0
    }
}

.filter.checkboxes-list .list .item.flex-item .filter-name {
    display: flex;
    max-width: calc(100% - 24px)
}

.filter.checkboxes-list .list .item.flex-item .filter-name img {
    transition: filter .2s;
    height: 16px;
    width: 16px;
    margin-right: 8px;
    filter: grayscale(1);
    display: inline-block
}

.filter.checkboxes-list .list .item.flex-item .filter-name .region-icon.region-icon-round {
    display: block;
    flex: 0 0 auto;
    margin: 0 6px 0 0;
    width: 16px;
    height: 16px
}

.filter.checkboxes-list .list .item.flex-item.active .filter-name img {
    filter: grayscale(0)
}

.filter.checkboxes-list .list .item.flex-item.item-with-exclude .filter-name {
    max-width: calc(100% - 48px)
}

.radio-icon-check {
    transition: opacity .2s;
    flex: 0 0 10px;
    width: 0;
    max-width: 0;
    align-self: center;
    opacity: 0;
    overflow: hidden
}

.radio-icon-check .svg-icon {
    display: block;
    width: 10px;
    height: 10px;
    color: #1f1c22
}

.filter-list > .filter-content .list, .filter-list > .list, .list-filter-dropdown > .filter-content .list, .list-filter-dropdown > .list, .user-menu-dropdown > .filter-content .list, .user-menu-dropdown > .list {
    position: relative;
    max-height: 640px;
    list-style-type: none
}

.filter-list > .filter-content .list.list-column, .filter-list > .list.list-column, .list-filter-dropdown > .filter-content .list.list-column, .list-filter-dropdown > .list.list-column, .user-menu-dropdown > .filter-content .list.list-column, .user-menu-dropdown > .list.list-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 33.33334%
}

.filter-list > .filter-content .list.list-column.full, .filter-list > .list.list-column.full, .list-filter-dropdown > .filter-content .list.list-column.full, .list-filter-dropdown > .list.list-column.full, .user-menu-dropdown > .filter-content .list.list-column.full, .user-menu-dropdown > .list.list-column.full {
    width: 100%
}

.filter-list > .filter-content .list .item, .filter-list > .list .item, .list-filter-dropdown > .filter-content .list .item, .list-filter-dropdown > .list .item, .user-menu-dropdown > .filter-content .list .item, .user-menu-dropdown > .list .item {
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 8px 24px;
    min-height: 32px
}

@media (max-width: 1029px) {
    .filter-list > .filter-content .list .item, .filter-list > .list .item, .list-filter-dropdown > .filter-content .list .item, .list-filter-dropdown > .list .item, .user-menu-dropdown > .filter-content .list .item, .user-menu-dropdown > .list .item {
        padding: 12px 16px
    }
}

.filter-list > .filter-content .list .item.single-checkbox, .filter-list > .list .item.single-checkbox, .list-filter-dropdown > .filter-content .list .item.single-checkbox, .list-filter-dropdown > .list .item.single-checkbox, .user-menu-dropdown > .filter-content .list .item.single-checkbox, .user-menu-dropdown > .list .item.single-checkbox {
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    margin-top: 12px
}

.filter-list > .filter-content .list .item.sort-item::before, .filter-list > .filter-content .list .item.store-item::before, .filter-list > .filter-content .list .item:first-child::before, .filter-list > .list .item.sort-item::before, .filter-list > .list .item.store-item::before, .filter-list > .list .item:first-child::before, .list-filter-dropdown > .filter-content .list .item.sort-item::before, .list-filter-dropdown > .filter-content .list .item.store-item::before, .list-filter-dropdown > .filter-content .list .item:first-child::before, .list-filter-dropdown > .list .item.sort-item::before, .list-filter-dropdown > .list .item.store-item::before, .list-filter-dropdown > .list .item:first-child::before, .user-menu-dropdown > .filter-content .list .item.sort-item::before, .user-menu-dropdown > .filter-content .list .item.store-item::before, .user-menu-dropdown > .filter-content .list .item:first-child::before, .user-menu-dropdown > .list .item.sort-item::before, .user-menu-dropdown > .list .item.store-item::before, .user-menu-dropdown > .list .item:first-child::before {
    display: none
}

.filter-list > .filter-content .list .item.sort-item .direction, .filter-list > .list .item.sort-item .direction, .list-filter-dropdown > .filter-content .list .item.sort-item .direction, .list-filter-dropdown > .list .item.sort-item .direction, .user-menu-dropdown > .filter-content .list .item.sort-item .direction, .user-menu-dropdown > .list .item.sort-item .direction {
    display: block;
    width: calc(100% + 32px);
    padding: 8px 16px;
    margin: -8px -16px
}

.filter-list > .filter-content .list .item.store-item, .filter-list > .list .item.store-item, .list-filter-dropdown > .filter-content .list .item.store-item, .list-filter-dropdown > .list .item.store-item, .user-menu-dropdown > .filter-content .list .item.store-item, .user-menu-dropdown > .list .item.store-item {
    border: none
}

.filter-list > .filter-content .list .item.store-item::before, .filter-list > .list .item.store-item::before, .list-filter-dropdown > .filter-content .list .item.store-item::before, .list-filter-dropdown > .list .item.store-item::before, .user-menu-dropdown > .filter-content .list .item.store-item::before, .user-menu-dropdown > .list .item.store-item::before {
    display: none
}

.filter-list > .filter-content .list .item .filter-name:not(.label), .filter-list > .filter-content .list .item .link, .filter-list > .list .item .filter-name:not(.label), .filter-list > .list .item .link, .list-filter-dropdown > .filter-content .list .item .filter-name:not(.label), .list-filter-dropdown > .filter-content .list .item .link, .list-filter-dropdown > .list .item .filter-name:not(.label), .list-filter-dropdown > .list .item .link, .user-menu-dropdown > .filter-content .list .item .filter-name:not(.label), .user-menu-dropdown > .filter-content .list .item .link, .user-menu-dropdown > .list .item .filter-name:not(.label), .user-menu-dropdown > .list .item .link {
    transition: color .2s;
    font-size: 14px;
    line-height: 17px;
    flex: 1 1 auto;
    color: #5c5365;
    font-weight: 700;
    opacity: 1;
    align-items: center
}

.filter-list > .filter-content .list .item .filter-name:not(.label) .store-label, .filter-list > .filter-content .list .item .link .store-label, .filter-list > .list .item .filter-name:not(.label) .store-label, .filter-list > .list .item .link .store-label, .list-filter-dropdown > .filter-content .list .item .filter-name:not(.label) .store-label, .list-filter-dropdown > .filter-content .list .item .link .store-label, .list-filter-dropdown > .list .item .filter-name:not(.label) .store-label, .list-filter-dropdown > .list .item .link .store-label, .user-menu-dropdown > .filter-content .list .item .filter-name:not(.label) .store-label, .user-menu-dropdown > .filter-content .list .item .link .store-label, .user-menu-dropdown > .list .item .filter-name:not(.label) .store-label, .user-menu-dropdown > .list .item .link .store-label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    max-width: calc(100% - 16px - 8px)
}

@media (min-width: 1030px) {
    .filter-list > .filter-content .list .item .filter-name:not(.label) .store-label, .filter-list > .filter-content .list .item .link .store-label, .filter-list > .list .item .filter-name:not(.label) .store-label, .filter-list > .list .item .link .store-label, .list-filter-dropdown > .filter-content .list .item .filter-name:not(.label) .store-label, .list-filter-dropdown > .filter-content .list .item .link .store-label, .list-filter-dropdown > .list .item .filter-name:not(.label) .store-label, .list-filter-dropdown > .list .item .link .store-label, .user-menu-dropdown > .filter-content .list .item .filter-name:not(.label) .store-label, .user-menu-dropdown > .filter-content .list .item .link .store-label, .user-menu-dropdown > .list .item .filter-name:not(.label) .store-label, .user-menu-dropdown > .list .item .link .store-label {
        max-width: 120px
    }

    .filter-list > .filter-content .list.user-filter-list, .filter-list > .list.user-filter-list, .list-filter-dropdown > .filter-content .list.user-filter-list, .list-filter-dropdown > .list.user-filter-list, .user-menu-dropdown > .filter-content .list.user-filter-list, .user-menu-dropdown > .list.user-filter-list {
        padding-top: 12px
    }
}

.filter-list > .filter-content .list .item .filter-name:not(.label) .filter-label, .filter-list > .filter-content .list .item .link .filter-label, .filter-list > .list .item .filter-name:not(.label) .filter-label, .filter-list > .list .item .link .filter-label, .list-filter-dropdown > .filter-content .list .item .filter-name:not(.label) .filter-label, .list-filter-dropdown > .filter-content .list .item .link .filter-label, .list-filter-dropdown > .list .item .filter-name:not(.label) .filter-label, .list-filter-dropdown > .list .item .link .filter-label, .user-menu-dropdown > .filter-content .list .item .filter-name:not(.label) .filter-label, .user-menu-dropdown > .filter-content .list .item .link .filter-label, .user-menu-dropdown > .list .item .filter-name:not(.label) .filter-label, .user-menu-dropdown > .list .item .link .filter-label {
    display: block;
    max-width: calc(100% - 40px)
}

.filter-list > .filter-content .list .item .filter-name:not(.label) .filter-name-counter, .filter-list > .filter-content .list .item .link .filter-name-counter, .filter-list > .list .item .filter-name:not(.label) .filter-name-counter, .filter-list > .list .item .link .filter-name-counter, .list-filter-dropdown > .filter-content .list .item .filter-name:not(.label) .filter-name-counter, .list-filter-dropdown > .filter-content .list .item .link .filter-name-counter, .list-filter-dropdown > .list .item .filter-name:not(.label) .filter-name-counter, .list-filter-dropdown > .list .item .link .filter-name-counter, .user-menu-dropdown > .filter-content .list .item .filter-name:not(.label) .filter-name-counter, .user-menu-dropdown > .filter-content .list .item .link .filter-name-counter, .user-menu-dropdown > .list .item .filter-name:not(.label) .filter-name-counter, .user-menu-dropdown > .list .item .link .filter-name-counter {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    color: #5c5365
}

.filter-list > .filter-content .list .item .filter-value, .filter-list > .list .item .filter-value, .list-filter-dropdown > .filter-content .list .item .filter-value, .list-filter-dropdown > .list .item .filter-value, .user-menu-dropdown > .filter-content .list .item .filter-value, .user-menu-dropdown > .list .item .filter-value {
    flex: 0 0 auto;
    font-weight: 400;
    color: #70657b
}

.filter-list > .filter-content .list .item .switch, .filter-list > .list .item .switch, .list-filter-dropdown > .filter-content .list .item .switch, .list-filter-dropdown > .list .item .switch, .user-menu-dropdown > .filter-content .list .item .switch, .user-menu-dropdown > .list .item .switch {
    margin: 0 8px 0 0;
    opacity: 1
}

.filter-list > .filter-content .list .item:not(.active):hover .switch, .filter-list > .list .item:not(.active):hover .switch, .list-filter-dropdown > .filter-content .list .item:not(.active):hover .switch, .list-filter-dropdown > .list .item:not(.active):hover .switch, .user-menu-dropdown > .filter-content .list .item:not(.active):hover .switch, .user-menu-dropdown > .list .item:not(.active):hover .switch {
    background-color: #a39aac
}

.filter-list > .filter-content .list .item.active .filter-name, .filter-list > .filter-content .list .item.active .filter-name:not(.label), .filter-list > .filter-content .list .item.active .link, .filter-list > .list .item.active .filter-name, .filter-list > .list .item.active .filter-name:not(.label), .filter-list > .list .item.active .link, .list-filter-dropdown > .filter-content .list .item.active .filter-name, .list-filter-dropdown > .filter-content .list .item.active .filter-name:not(.label), .list-filter-dropdown > .filter-content .list .item.active .link, .list-filter-dropdown > .list .item.active .filter-name, .list-filter-dropdown > .list .item.active .filter-name:not(.label), .list-filter-dropdown > .list .item.active .link, .user-menu-dropdown > .filter-content .list .item.active .filter-name, .user-menu-dropdown > .filter-content .list .item.active .filter-name:not(.label), .user-menu-dropdown > .filter-content .list .item.active .link, .user-menu-dropdown > .list .item.active .filter-name, .user-menu-dropdown > .list .item.active .filter-name:not(.label), .user-menu-dropdown > .list .item.active .link {
    color: #1f1c22
}

.filter-list > .filter-content .list .item.active:hover .switch, .filter-list > .list .item.active:hover .switch, .list-filter-dropdown > .filter-content .list .item.active:hover .switch, .list-filter-dropdown > .list .item.active:hover .switch, .user-menu-dropdown > .filter-content .list .item.active:hover .switch, .user-menu-dropdown > .list .item.active:hover .switch {
    background-color: #52aef4
}

.filter-list > .filter-content .list .item.removable-item, .filter-list > .list .item.removable-item, .list-filter-dropdown > .filter-content .list .item.removable-item, .list-filter-dropdown > .list .item.removable-item, .user-menu-dropdown > .filter-content .list .item.removable-item, .user-menu-dropdown > .list .item.removable-item {
    transition: .5s
}

.filter-list > .filter-content .list .item.removable-item.removing, .filter-list > .list .item.removable-item.removing, .list-filter-dropdown > .filter-content .list .item.removable-item.removing, .list-filter-dropdown > .list .item.removable-item.removing, .user-menu-dropdown > .filter-content .list .item.removable-item.removing, .user-menu-dropdown > .list .item.removable-item.removing {
    height: 0;
    padding: 0;
    opacity: 0
}

.filter-list > .filter-content .list .item.removable-item .label-wrapper, .filter-list > .list .item.removable-item .label-wrapper, .list-filter-dropdown > .filter-content .list .item.removable-item .label-wrapper, .list-filter-dropdown > .list .item.removable-item .label-wrapper, .user-menu-dropdown > .filter-content .list .item.removable-item .label-wrapper, .user-menu-dropdown > .list .item.removable-item .label-wrapper {
    line-height: 1
}

.filter-list > .filter-content .list .item.removable-item .remove-link, .filter-list > .list .item.removable-item .remove-link, .list-filter-dropdown > .filter-content .list .item.removable-item .remove-link, .list-filter-dropdown > .list .item.removable-item .remove-link, .user-menu-dropdown > .filter-content .list .item.removable-item .remove-link, .user-menu-dropdown > .list .item.removable-item .remove-link {
    margin: 0 0 0 auto;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    color: #47404f
}

.filter-list > .filter-content .list .item.removable-item .remove-link .svg-icon, .filter-list > .list .item.removable-item .remove-link .svg-icon, .list-filter-dropdown > .filter-content .list .item.removable-item .remove-link .svg-icon, .list-filter-dropdown > .list .item.removable-item .remove-link .svg-icon, .user-menu-dropdown > .filter-content .list .item.removable-item .remove-link .svg-icon, .user-menu-dropdown > .list .item.removable-item .remove-link .svg-icon {
    margin-top: 1px
}

.filter-list > .filter-content .list .item.create-tag-wrapper, .filter-list > .list .item.create-tag-wrapper, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper, .list-filter-dropdown > .list .item.create-tag-wrapper, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper, .user-menu-dropdown > .list .item.create-tag-wrapper {
    display: flex;
    border: none
}

.filter-list > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper, .filter-list > .list .item.create-tag-wrapper .create-tag-input-wrapper, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper, .list-filter-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper, .user-menu-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper {
    justify-content: flex-end;
    padding-right: 8px;
    margin-left: auto
}

.filter-list > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .filter-list > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .list-filter-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .user-menu-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input {
    box-sizing: content-box;
    max-width: 160px !important
}

@media (max-width: 1029px) {
    .filter-list > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .filter-list > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .list-filter-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input, .user-menu-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .resizable-input {
        box-sizing: border-box;
        max-width: 102px !important
    }
}

.filter-list > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button, .filter-list > .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button, .list-filter-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button, .user-menu-dropdown > .list .item.create-tag-wrapper .create-tag-input-wrapper .new-tag-action-wrapper button {
    margin-left: 8px
}

.filter-list > .filter-content .list .item.create-tag-wrapper button, .filter-list > .list .item.create-tag-wrapper button, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper button, .list-filter-dropdown > .list .item.create-tag-wrapper button, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper button, .user-menu-dropdown > .list .item.create-tag-wrapper button {
    transition: none
}

.filter-list > .filter-content .list .item.create-tag-wrapper .tag-update-submit, .filter-list > .list .item.create-tag-wrapper .tag-update-submit, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .tag-update-submit, .list-filter-dropdown > .list .item.create-tag-wrapper .tag-update-submit, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .tag-update-submit, .user-menu-dropdown > .list .item.create-tag-wrapper .tag-update-submit {
    transition: color .2s;
    padding: 4px 6px;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    background: 0 0;
    text-decoration: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #279af1
}

.filter-list > .filter-content .list .item.create-tag-wrapper .tag-update-submit:hover, .filter-list > .list .item.create-tag-wrapper .tag-update-submit:hover, .list-filter-dropdown > .filter-content .list .item.create-tag-wrapper .tag-update-submit:hover, .list-filter-dropdown > .list .item.create-tag-wrapper .tag-update-submit:hover, .user-menu-dropdown > .filter-content .list .item.create-tag-wrapper .tag-update-submit:hover, .user-menu-dropdown > .list .item.create-tag-wrapper .tag-update-submit:hover {
    color: #52aef4
}

.filter-list > .filter-content .list .item.editable-item, .filter-list > .list .item.editable-item, .list-filter-dropdown > .filter-content .list .item.editable-item, .list-filter-dropdown > .list .item.editable-item, .user-menu-dropdown > .filter-content .list .item.editable-item, .user-menu-dropdown > .list .item.editable-item {
    position: relative
}

.filter-list > .filter-content .list .item.editable-item .edit-item-wrapper, .filter-list > .list .item.editable-item .edit-item-wrapper, .list-filter-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper, .list-filter-dropdown > .list .item.editable-item .edit-item-wrapper, .user-menu-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper, .user-menu-dropdown > .list .item.editable-item .edit-item-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ebe9ed;
    display: flex;
    justify-content: space-between;
    z-index: 1
}

.filter-list > .filter-content .list .item.editable-item .edit-item-wrapper button, .filter-list > .list .item.editable-item .edit-item-wrapper button, .list-filter-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper button, .list-filter-dropdown > .list .item.editable-item .edit-item-wrapper button, .user-menu-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper button, .user-menu-dropdown > .list .item.editable-item .edit-item-wrapper button {
    transition: none;
    margin-left: 8px
}

.filter-list > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit, .filter-list > .list .item.editable-item .edit-item-wrapper .tag-update-submit, .list-filter-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit, .list-filter-dropdown > .list .item.editable-item .edit-item-wrapper .tag-update-submit, .user-menu-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit, .user-menu-dropdown > .list .item.editable-item .edit-item-wrapper .tag-update-submit {
    transition: color .2s;
    padding: 4px 6px;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    background: 0 0;
    text-decoration: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #279af1
}

.filter-list > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover, .filter-list > .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover, .list-filter-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover, .list-filter-dropdown > .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover, .user-menu-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover, .user-menu-dropdown > .list .item.editable-item .edit-item-wrapper .tag-update-submit:hover {
    color: #52aef4
}

.filter-list > .filter-content .list .item.editable-item .edit-item-wrapper, .filter-list > .filter-content .list .item.editable-item > .label-wrapper, .filter-list > .filter-content .list .item.editable-item > .switch, .filter-list > .list .item.editable-item .edit-item-wrapper, .filter-list > .list .item.editable-item > .label-wrapper, .filter-list > .list .item.editable-item > .switch, .list-filter-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper, .list-filter-dropdown > .filter-content .list .item.editable-item > .label-wrapper, .list-filter-dropdown > .filter-content .list .item.editable-item > .switch, .list-filter-dropdown > .list .item.editable-item .edit-item-wrapper, .list-filter-dropdown > .list .item.editable-item > .label-wrapper, .list-filter-dropdown > .list .item.editable-item > .switch, .user-menu-dropdown > .filter-content .list .item.editable-item .edit-item-wrapper, .user-menu-dropdown > .filter-content .list .item.editable-item > .label-wrapper, .user-menu-dropdown > .filter-content .list .item.editable-item > .switch, .user-menu-dropdown > .list .item.editable-item .edit-item-wrapper, .user-menu-dropdown > .list .item.editable-item > .label-wrapper, .user-menu-dropdown > .list .item.editable-item > .switch {
    transition: opacity .2s
}

.filter-list > .filter-content .list .item.editable-item.active-edit > .label-wrapper, .filter-list > .filter-content .list .item.editable-item.active-edit > .switch, .filter-list > .list .item.editable-item.active-edit > .label-wrapper, .filter-list > .list .item.editable-item.active-edit > .switch, .list-filter-dropdown > .filter-content .list .item.editable-item.active-edit > .label-wrapper, .list-filter-dropdown > .filter-content .list .item.editable-item.active-edit > .switch, .list-filter-dropdown > .list .item.editable-item.active-edit > .label-wrapper, .list-filter-dropdown > .list .item.editable-item.active-edit > .switch, .user-menu-dropdown > .filter-content .list .item.editable-item.active-edit > .label-wrapper, .user-menu-dropdown > .filter-content .list .item.editable-item.active-edit > .switch, .user-menu-dropdown > .list .item.editable-item.active-edit > .label-wrapper, .user-menu-dropdown > .list .item.editable-item.active-edit > .switch {
    opacity: 0
}

.filter-list > .filter-content .list .item.editable-item.active-edit .edit-item-wrapper, .filter-list > .list .item.editable-item.active-edit .edit-item-wrapper, .list-filter-dropdown > .filter-content .list .item.editable-item.active-edit .edit-item-wrapper, .list-filter-dropdown > .list .item.editable-item.active-edit .edit-item-wrapper, .user-menu-dropdown > .filter-content .list .item.editable-item.active-edit .edit-item-wrapper, .user-menu-dropdown > .list .item.editable-item.active-edit .edit-item-wrapper {
    opacity: 1;
    transition: .2s;
    visibility: visible
}

.filter-list > .filter-content .list .item.item-input-wrapper, .filter-list > .list .item.item-input-wrapper, .list-filter-dropdown > .filter-content .list .item.item-input-wrapper, .list-filter-dropdown > .list .item.item-input-wrapper, .user-menu-dropdown > .filter-content .list .item.item-input-wrapper, .user-menu-dropdown > .list .item.item-input-wrapper {
    cursor: default
}

.filter-list > .filter-content .list .item.item-input-wrapper .filter-item-input, .filter-list > .list .item.item-input-wrapper .filter-item-input, .list-filter-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input, .list-filter-dropdown > .list .item.item-input-wrapper .filter-item-input, .user-menu-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input, .user-menu-dropdown > .list .item.item-input-wrapper .filter-item-input {
    background: rgba(0, 0, 0, 0);
    max-width: 218px
}

.filter-list > .filter-content .list .item.item-input-wrapper .filter-item-input:focus, .filter-list > .list .item.item-input-wrapper .filter-item-input:focus, .list-filter-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input:focus, .list-filter-dropdown > .list .item.item-input-wrapper .filter-item-input:focus, .user-menu-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input:focus, .user-menu-dropdown > .list .item.item-input-wrapper .filter-item-input:focus {
    background: rgba(0, 0, 0, 0)
}

.filter-list > .filter-content .list.with-mode-select .item:first-of-type::before, .filter-list > .list.with-mode-select .item:first-of-type::before, .list-filter-dropdown > .filter-content .list.with-mode-select .item:first-of-type::before, .list-filter-dropdown > .list.with-mode-select .item:first-of-type::before, .user-menu-dropdown > .filter-content .list.with-mode-select .item:first-of-type::before, .user-menu-dropdown > .list.with-mode-select .item:first-of-type::before {
    display: none
}

.filter-list > .filter-content .list.user-filter-list, .filter-list > .list.user-filter-list, .list-filter-dropdown > .filter-content .list.user-filter-list, .list-filter-dropdown > .list.user-filter-list, .user-menu-dropdown > .filter-content .list.user-filter-list, .user-menu-dropdown > .list.user-filter-list {
    padding-top: 12px
}

.filter-list > .filter-content .list.user-filter-list .item.single-checkbox, .filter-list > .list.user-filter-list .item.single-checkbox, .list-filter-dropdown > .filter-content .list.user-filter-list .item.single-checkbox, .list-filter-dropdown > .list.user-filter-list .item.single-checkbox, .user-menu-dropdown > .filter-content .list.user-filter-list .item.single-checkbox, .user-menu-dropdown > .list.user-filter-list .item.single-checkbox {
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    margin: 0
}

@media (min-width: 1030px) {
    .filter-list > .filter-content .list.user-filter-list .item.single-checkbox, .filter-list > .list.user-filter-list .item.single-checkbox, .list-filter-dropdown > .filter-content .list.user-filter-list .item.single-checkbox, .list-filter-dropdown > .list.user-filter-list .item.single-checkbox, .user-menu-dropdown > .filter-content .list.user-filter-list .item.single-checkbox, .user-menu-dropdown > .list.user-filter-list .item.single-checkbox {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .filter-list > .filter-content .list.filter-list-column-1, .filter-list > .filter-content .list.filter-list-column-2, .filter-list > .filter-content .list.filter-list-column-3, .filter-list > .list.filter-list-column-1, .filter-list > .list.filter-list-column-2, .filter-list > .list.filter-list-column-3, .list-filter-dropdown > .filter-content .list.filter-list-column-1, .list-filter-dropdown > .filter-content .list.filter-list-column-2, .list-filter-dropdown > .filter-content .list.filter-list-column-3, .list-filter-dropdown > .list.filter-list-column-1, .list-filter-dropdown > .list.filter-list-column-2, .list-filter-dropdown > .list.filter-list-column-3, .user-menu-dropdown > .filter-content .list.filter-list-column-1, .user-menu-dropdown > .filter-content .list.filter-list-column-2, .user-menu-dropdown > .filter-content .list.filter-list-column-3, .user-menu-dropdown > .list.filter-list-column-1, .user-menu-dropdown > .list.filter-list-column-2, .user-menu-dropdown > .list.filter-list-column-3 {
        max-height: 504px
    }

    .filter-list > .filter-content .list.filter-list-column-1.filter-list-condensed, .filter-list > .filter-content .list.filter-list-column-2.filter-list-condensed, .filter-list > .filter-content .list.filter-list-column-3.filter-list-condensed, .filter-list > .list.filter-list-column-1.filter-list-condensed, .filter-list > .list.filter-list-column-2.filter-list-condensed, .filter-list > .list.filter-list-column-3.filter-list-condensed, .list-filter-dropdown > .filter-content .list.filter-list-column-1.filter-list-condensed, .list-filter-dropdown > .filter-content .list.filter-list-column-2.filter-list-condensed, .list-filter-dropdown > .filter-content .list.filter-list-column-3.filter-list-condensed, .list-filter-dropdown > .list.filter-list-column-1.filter-list-condensed, .list-filter-dropdown > .list.filter-list-column-2.filter-list-condensed, .list-filter-dropdown > .list.filter-list-column-3.filter-list-condensed, .user-menu-dropdown > .filter-content .list.filter-list-column-1.filter-list-condensed, .user-menu-dropdown > .filter-content .list.filter-list-column-2.filter-list-condensed, .user-menu-dropdown > .filter-content .list.filter-list-column-3.filter-list-condensed, .user-menu-dropdown > .list.filter-list-column-1.filter-list-condensed, .user-menu-dropdown > .list.filter-list-column-2.filter-list-condensed, .user-menu-dropdown > .list.filter-list-column-3.filter-list-condensed {
        max-height: 495px
    }
}

.filter-list > .filter-content .list.with-search .item:first-of-type::before, .filter-list > .list.with-search .item:first-of-type::before, .list-filter-dropdown > .filter-content .list.with-search .item:first-of-type::before, .list-filter-dropdown > .list.with-search .item:first-of-type::before, .user-menu-dropdown > .filter-content .list.with-search .item:first-of-type::before, .user-menu-dropdown > .list.with-search .item:first-of-type::before {
    display: block
}

.filter-list > .filter-content .list .drm-item .filter-name, .filter-list > .list .drm-item .filter-name, .list-filter-dropdown > .filter-content .list .drm-item .filter-name, .list-filter-dropdown > .list .drm-item .filter-name, .user-menu-dropdown > .filter-content .list .drm-item .filter-name, .user-menu-dropdown > .list .drm-item .filter-name {
    display: flex;
    align-items: center
}

.filter-list > .filter-content .list .drm-item .filter-name .svg-icon, .filter-list > .list .drm-item .filter-name .svg-icon, .list-filter-dropdown > .filter-content .list .drm-item .filter-name .svg-icon, .list-filter-dropdown > .list .drm-item .filter-name .svg-icon, .user-menu-dropdown > .filter-content .list .drm-item .filter-name .svg-icon, .user-menu-dropdown > .list .drm-item .filter-name .svg-icon {
    display: inline-block;
    margin: 0 8px 0 0
}

.filter-list > .filter-content .list .filter-radio-item, .filter-list > .list .filter-radio-item, .list-filter-dropdown > .filter-content .list .filter-radio-item, .list-filter-dropdown > .list .filter-radio-item, .user-menu-dropdown > .filter-content .list .filter-radio-item, .user-menu-dropdown > .list .filter-radio-item {
    justify-content: flex-start
}

.filter-list > .filter-content .list .filter-radio-item a, .filter-list > .list .filter-radio-item a, .list-filter-dropdown > .filter-content .list .filter-radio-item a, .list-filter-dropdown > .list .filter-radio-item a, .user-menu-dropdown > .filter-content .list .filter-radio-item a, .user-menu-dropdown > .list .filter-radio-item a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.filter-list > .filter-content .list.dropdown-option-layout, .filter-list > .list.dropdown-option-layout, .list-filter-dropdown > .filter-content .list.dropdown-option-layout, .list-filter-dropdown > .list.dropdown-option-layout, .user-menu-dropdown > .filter-content .list.dropdown-option-layout, .user-menu-dropdown > .list.dropdown-option-layout {
    padding: 8px 0
}

.filter-list > .filter-content .list.dropdown-option-layout .item, .filter-list > .list.dropdown-option-layout .item, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item, .list-filter-dropdown > .list.dropdown-option-layout .item, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item, .user-menu-dropdown > .list.dropdown-option-layout .item {
    transition: color .2s, background-color .2s;
    padding: 8px 16px;
    height: 32px;
    background: 0 0;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    min-height: unset;
    color: #5c5365
}

.filter-list > .filter-content .list.dropdown-option-layout .item.item-link-inside, .filter-list > .list.dropdown-option-layout .item.item-link-inside, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside, .list-filter-dropdown > .list.dropdown-option-layout .item.item-link-inside, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside, .user-menu-dropdown > .list.dropdown-option-layout .item.item-link-inside {
    padding: 0;
    height: auto
}

.filter-list > .filter-content .list.dropdown-option-layout .item.item-link-inside a, .filter-list > .list.dropdown-option-layout .item.item-link-inside a, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside a, .list-filter-dropdown > .list.dropdown-option-layout .item.item-link-inside a, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside a, .user-menu-dropdown > .list.dropdown-option-layout .item.item-link-inside a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    padding: 8px 16px;
    width: 100%
}

.filter-list > .filter-content .list.dropdown-option-layout .item.item-link-inside span > a, .filter-list > .list.dropdown-option-layout .item.item-link-inside span > a, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside span > a, .list-filter-dropdown > .list.dropdown-option-layout .item.item-link-inside span > a, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item.item-link-inside span > a, .user-menu-dropdown > .list.dropdown-option-layout .item.item-link-inside span > a {
    display: block
}

.filter-list > .filter-content .list.dropdown-option-layout .item .svg-icon, .filter-list > .list.dropdown-option-layout .item .svg-icon, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item .svg-icon, .list-filter-dropdown > .list.dropdown-option-layout .item .svg-icon, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item .svg-icon, .user-menu-dropdown > .list.dropdown-option-layout .item .svg-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: inherit;
    margin-right: 8px
}

.filter-list > .filter-content .list.dropdown-option-layout .item::before, .filter-list > .list.dropdown-option-layout .item::before, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item::before, .list-filter-dropdown > .list.dropdown-option-layout .item::before, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item::before, .user-menu-dropdown > .list.dropdown-option-layout .item::before {
    display: none
}

.filter-list > .filter-content .list.dropdown-option-layout .item .direction, .filter-list > .filter-content .list.dropdown-option-layout .item .item-label, .filter-list > .list.dropdown-option-layout .item .direction, .filter-list > .list.dropdown-option-layout .item .item-label, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item .direction, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item .item-label, .list-filter-dropdown > .list.dropdown-option-layout .item .direction, .list-filter-dropdown > .list.dropdown-option-layout .item .item-label, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item .direction, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item .item-label, .user-menu-dropdown > .list.dropdown-option-layout .item .direction, .user-menu-dropdown > .list.dropdown-option-layout .item .item-label {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.filter-list > .filter-content .list.dropdown-option-layout .item:not(.active):hover, .filter-list > .list.dropdown-option-layout .item:not(.active):hover, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item:not(.active):hover, .list-filter-dropdown > .list.dropdown-option-layout .item:not(.active):hover, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item:not(.active):hover, .user-menu-dropdown > .list.dropdown-option-layout .item:not(.active):hover {
    color: #5c5365;
    background-color: #fff
}

.filter-list > .filter-content .list.dropdown-option-layout .item:not(.active):hover:active, .filter-list > .list.dropdown-option-layout .item:not(.active):hover:active, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item:not(.active):hover:active, .list-filter-dropdown > .list.dropdown-option-layout .item:not(.active):hover:active, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item:not(.active):hover:active, .user-menu-dropdown > .list.dropdown-option-layout .item:not(.active):hover:active {
    color: #5c5365;
    background-color: #ebe9ed
}

.filter-list > .filter-content .list.dropdown-option-layout .item.active, .filter-list > .list.dropdown-option-layout .item.active, .list-filter-dropdown > .filter-content .list.dropdown-option-layout .item.active, .list-filter-dropdown > .list.dropdown-option-layout .item.active, .user-menu-dropdown > .filter-content .list.dropdown-option-layout .item.active, .user-menu-dropdown > .list.dropdown-option-layout .item.active {
    color: #1f1c22;
    background-color: #f4f5f6
}

.filter-content.dropdown-content .filter .subtitle:not(:empty):not(.inner-subtitle), .filter-content.dropdown-content .filter > .range-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px
}

@media (min-width: 1030px) {
    .filter-content.dropdown-content .filter .subtitle:not(:empty):not(.inner-subtitle), .filter-content.dropdown-content .filter > .range-wrapper {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0
    }
}

.filter-content.dropdown-content .filter > .numeric-filter {
    padding-left: 16px;
    padding-right: 16px
}

.filter-content.dropdown-content .filter > .numeric-filter:not(:last-of-type) {
    padding-bottom: 8px
}

@media (min-width: 1030px) {
    .filter-content.dropdown-content .filter > .numeric-filter {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0
    }
}

.filter-content.dropdown-content .filter .title {
    padding-left: 16px;
    padding-right: 16px
}

.filter-content.dropdown-content .filter .title:not(:empty) {
    padding-bottom: 16px
}

.filter-content.dropdown-content .filter.filter-part > .filter > .list {
    padding-left: 16px;
    padding-right: 16px
}

.filter-content.dropdown-content .filter.filter-part > .filter > .list:not(.without-search) {
    padding-bottom: 16px
}

@media (min-width: 1030px) {
    .filter-content.dropdown-content .filter .title:not(:empty) {
        padding-bottom: 0
    }

    .filter-content.dropdown-content .filter .title {
        padding-left: 24px;
        padding-right: 24px
    }

    .filter-content.dropdown-content .filter.filter-part > .filter > .list:not(.without-search) {
        padding-bottom: 0
    }

    .filter-content.dropdown-content .filter.filter-part > .filter > .list {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0
    }
}

.filter-content.dropdown-content .filter > .pickers-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0
}

.filter-content.dropdown-content .filter > .pickers-wrapper + .range-wrapper {
    padding-bottom: 0
}

@media (max-width: 1029px) {
    .filter-list > .filter-content .list .item.item-input-wrapper .filter-item-input, .filter-list > .list .item.item-input-wrapper .filter-item-input, .list-filter-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input, .list-filter-dropdown > .list .item.item-input-wrapper .filter-item-input, .user-menu-dropdown > .filter-content .list .item.item-input-wrapper .filter-item-input, .user-menu-dropdown > .list .item.item-input-wrapper .filter-item-input {
        max-width: 92px
    }

    .filter-content.dropdown-content .filter > .list.without-search:not(.with-mode-select) {
        margin-top: 12px
    }
}

.filter-content.dropdown-content .filter:first-of-type > .numeric-filter:first-of-type {
    margin-top: 0
}

.custom-tag-wrapper input {
    width: 84px
}

.filter-part {
    margin: 24px 0 0
}

@media (min-width: 1030px) {
    .filter-content.dropdown-content .filter > .pickers-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }

    .filter-content.dropdown-content .filter:first-of-type > .numeric-filter:first-of-type {
        margin-top: 16px
    }

    .filter-part {
        margin: 16px 0 0
    }

    .filter-part:first-child {
        margin-top: 24px
    }
}

.filter-part.filter-part-folder {
    margin: 8px 0 0
}

.filter-part.filter-part-folder:not(:first-child) {
    margin: 0
}

.filter-part.filter-part-folder:not(:only-child) {
    padding: 16px 0
}

.filter-part.filter-part-folder:not(:last-of-type)::after {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 1px;
    background: #ebe9ed;
    content: ''
}

.filter-part .title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 700;
    color: #1f1c22;
    margin: 0 0 -16px;
    padding-bottom: 0;
    display: block
}

.filter-part .title:not(:empty)::after {
    display: block;
    margin: 12px 0 0;
    content: '';
    height: 1px;
    width: auto;
    background: #d6d2da
}

.filter-part .title + .subtitle:not(:empty) {
    margin-top: 16px
}

.filter-part .subtitle:not(:empty) {
    display: block;
    margin: 8px 0 16px;
    font-size: 12px;
    line-height: 16px;
    color: #8f849a
}

.filter-part .subtitle:not(:empty).range-description {
    margin-top: 16px;
    margin-bottom: -8px;
    font-weight: 400
}

.filter-part:only-of-type .filter-reset-button-container {
    margin-bottom: 0
}

@media (min-width: 1030px) {
    .filter-part .title {
        margin: 0
    }

    .filter-part:only-of-type .filter-reset-button-container::before {
        display: block
    }
}

.review-filter .range-wrapper {
    margin-bottom: 24px
}

.review-filter .pickers-wrapper {
    margin-top: 24px
}

.range-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -4px
}

.range-wrapper .range-item {
    display: block;
    flex: calc(50% - 8px);
    width: calc(50% - 4px);
    margin: 4px;
    text-align: center
}

.range-wrapper .predefine-item {
    cursor: pointer
}

.range-wrapper .predefine-item.badge {
    padding: 5px 8px
}

.range-wrapper .range-input {
    transition: color .2s, border-color .2s, font-weight .2s;
    box-shadow: none;
    border-radius: 4px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #d6d2da;
    color: #a39aac;
    padding: 1.75px 8px 1.25px;
    text-align: center;
    height: unset
}

.range-wrapper .range-input:active, .range-wrapper .range-input:focus, .range-wrapper .range-input:hover {
    border-color: #70657b
}

.range-wrapper .range-input.active {
    font-weight: 700
}

.range-wrapper .range-input::-moz-placeholder {
    color: #c2bcc8;
    opacity: 1
}

.range-wrapper .range-input::placeholder {
    color: #c2bcc8;
    opacity: 1
}

.range-wrapper.range-wrapper-columns .range-column {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px
}

.range-wrapper.range-wrapper-columns .range-column .range-item {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 100%;
    margin: 0;
    background: 0 0;
    text-align: left;
    padding-right: 24px
}

.range-wrapper.range-wrapper-columns .range-column .range-suffix {
    transition: color .2s ease-in-out;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    text-align: right;
    z-index: 0;
    padding: 1.75px 8px 1.75px 0
}

.range-wrapper.range-wrapper-columns .range-column input.range-item ~ .range-suffix {
    color: #d6d2da
}

.range-wrapper.range-wrapper-columns .range-column input.range-item:focus ~ .range-suffix {
    color: #70657b
}

.range-wrapper.range-wrapper-columns .range-column input.range-item.active ~ .range-suffix {
    color: #279af1
}

.list.without-search .predefine-radio-list {
    gap: 8px;
    margin: 4px 0;
    padding: 0
}

.list.without-search .predefine-radio-list .predefine-item {
    margin: 0
}

.numeric-filter {
    font-weight: 700
}

.numeric-filter .range-wrapper {
    margin-top: 20px;
    margin-bottom: -4px
}

.numeric-filter .range-wrapper:first-child {
    margin-top: 0
}

@media (max-width: 1029px) {
    .numeric-filter .range-wrapper {
        margin-bottom: 8px
    }

    .numeric-filter .range-wrapper:first-child {
        margin-top: 0
    }
}

.numeric-filter .irs {
    margin-top: -24px
}

.numeric-filter .irs-bar-edge, .numeric-filter .irs-line-left, .numeric-filter .irs-line-mid, .numeric-filter .irs-line-right {
    background: 0 0;
    height: 4px
}

.numeric-filter .irs-bar, .numeric-filter .irs-line {
    border-radius: 2px;
    height: 4px
}

.numeric-filter .irs-line {
    background: #d6d2da
}

.numeric-filter .irs-bar {
    background: 0 0
}

.numeric-filter .irs-slider {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    cursor: ew-resize;
    top: 19px
}

.numeric-filter .range-slider {
    width: 100%;
    margin-top: 16px
}

.numeric-filter .range-slider .irs-slider:after {
    transition: opacity .3s;
    opacity: 0;
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #52aef4
}

.numeric-filter .range-slider:hover .irs-slider:after {
    opacity: 1
}

.numeric-filter .range-slider.active .irs-bar {
    background: #52aef4
}

.numeric-filter .range-slider.active .irs-slider:after {
    opacity: 1
}

.radio-bull {
    transition: border-color .2s, border-width .2s;
    background-color: #fff;
    box-shadow: none;
    text-align: center;
    border: 1px solid #47404f;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media (min-width: 1030px) {
    .radio-bull.radio-bull-big {
        height: 36px;
        width: 36px
    }

    .radio-bull.radio-bull-big:after {
        height: 16px;
        width: 16px
    }
}

.radio-bull:hover {
    border-color: #332e38
}

.active > .radio-bull {
    border-color: #279af1;
    border-width: 2px
}

.radio-bull:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    border-radius: 50%;
    height: 8px;
    width: 8px;
    opacity: 0;
    transition: opacity .2s;
    background-color: #279af1
}

.filter-radio-item, .filter-view-item {
    cursor: pointer
}

.filter-radio-item .radio-bull {
    background-color: #fff
}

.filter-radio-item a, .filter-radio-item a:hover {
    color: #5c5365
}

.filter-radio-item.active .radio-bull, .filter-radio-item:hover .radio-bull {
    background-color: #fff
}

.filter-radio-item.active .radio-bull:after, .filter-radio-item:hover .radio-bull:after {
    opacity: 1
}

.filter-content .filter-radio-item:not(.badge-filter), .filter-content .filter-switch:not(.single-filter-switch), .filter-content .filter.single-checkbox {
    transition: background-color .2s
}

.filter-content .filter-radio-item:not(.badge-filter):hover, .filter-content .filter-switch:not(.single-filter-switch):hover, .filter-content .filter.single-checkbox:hover {
    background-color: #e4e2e5
}

.filter-content .filter-radio-item:not(.badge-filter):hover:active, .filter-content .filter-switch:not(.single-filter-switch):hover:active, .filter-content .filter.single-checkbox:hover:active {
    background-color: #bebac2
}

.filter-content .filter-radio-item:not(.badge-filter):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude, .filter-content .filter-switch:not(.single-filter-switch):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude {
    background-color: #c2bcc8
}

.filter-content .filter-radio-item:not(.badge-filter):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude:hover, .filter-content .filter-switch:not(.single-filter-switch):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude:hover {
    background-color: #a39aac
}

.filter-content .filter-radio-item:not(.badge-filter):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude:hover::after, .filter-content .filter-switch:not(.single-filter-switch):not(.active-exclude) .filter-checkbox.filter-checkbox-exclude:hover::after {
    background-color: #fff
}

.filter-content .radio-list .filter-radio-item:not(.badge-filter).active {
    background-color: #f4f5f6
}

.filter-content .filter-folder-content .filter > .numeric-filter .list .filter .predefine-radio-list {
    padding: 0
}

.filter-switch {
    background: 0 0;
    overflow: visible;
    cursor: pointer
}

.filter-switch .filter-checkbox {
    transition: background-color .2s, border-color .2s;
    position: relative;
    width: 16px;
    height: 16px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #4f4d6a;
    display: inline-block;
    margin: 0 8px 0 0
}

.filter-switch .filter-checkbox:hover:active {
    background-color: #c5c4d4;
    border-color: #3d3c53
}

.filter-switch .filter-checkbox .list-checkbox-tick, .filter-switch .filter-checkbox .list-checkbox-tick.svg-icon {
    transition: opacity .2s;
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0
}

.filter-switch .filter-checkbox .list-checkbox-line {
    transition: opacity .2s;
    width: 8px;
    height: 2px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    opacity: 0
}

.filter-switch .filter-checkbox.filter-checkbox-exclude {
    margin: 0 0 0 8px;
    position: relative;
    background-color: #e0dde3;
    border-color: #e0dde3
}

.filter-switch .filter-checkbox.filter-checkbox-exclude::before {
    position: absolute;
    background: 0 0;
    z-index: 1;
    content: '';
    top: -16px;
    bottom: -16px;
    left: -16px;
    right: -16px;
    display: block
}

.filter-switch .filter-checkbox.filter-checkbox-exclude::after {
    transition: background-color .2s ease-in-out;
    content: '';
    width: 10px;
    height: 2px;
    border-radius: 1.5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #8f849a
}

.filter-switch .switch {
    width: 24px;
    height: 8px;
    min-width: 24px;
    margin-left: 8px;
    cursor: pointer;
    background-color: #c2bcc8;
    border-radius: 4px;
    position: relative;
    transition: background .5s
}

.filter-switch .switch .position {
    float: left;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(20, 18, 22, .2);
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: -4px;
    transition: margin .5s, background .5s
}

.filter-switch .switch.active {
    background-color: #52aef4
}

.filter-switch .switch.active .position {
    background-color: #279af1;
    margin-left: 8px
}

.filter-switch:hover .switch {
    background-color: #a39aac
}

.filter-switch.active .filter-checkbox, .filter.single-checkbox.active .filter-switch .filter-checkbox {
    background-color: #4f4d6a;
    border-color: #615e82
}

.filter-switch.active .filter-checkbox .list-checkbox-tick, .filter-switch.active .filter-checkbox .list-checkbox-tick.svg-icon, .filter.single-checkbox.active .filter-switch .filter-checkbox .list-checkbox-tick, .filter.single-checkbox.active .filter-switch .filter-checkbox .list-checkbox-tick.svg-icon {
    opacity: 1
}

.filter-switch.active .filter-checkbox:hover:active, .filter.single-checkbox.active .filter-switch .filter-checkbox:hover:active {
    background-color: #3d3c53;
    border-color: #4f4d6a
}

.filter-switch.active .filter-checkbox.filter-checkbox-exclude, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude {
    background: #e0dde3;
    border-color: #e0dde3
}

.filter-switch.active .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick, .filter-switch.active .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick.svg-icon, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick.svg-icon {
    opacity: 0
}

.filter-switch.active .filter-checkbox.filter-checkbox-exclude:hover:active, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude:hover:active {
    background-color: #c5c4d4;
    border-color: #3d3c53
}

.filter-switch.active .filter-checkbox.filter-checkbox-exclude::after, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude::after {
    background-color: #8f849a
}

.filter-switch.active .filter-checkbox.filter-checkbox-exclude:hover, .filter.single-checkbox.active .filter-switch .filter-checkbox.filter-checkbox-exclude:hover {
    background-color: #a39aac
}

.filter-switch.active .switch, .filter.single-checkbox.active .filter-switch .switch {
    background-color: #52aef4
}

.filter-switch.active .position, .filter.single-checkbox.active .filter-switch .position {
    background-color: #279af1;
    margin-left: 8px
}

.filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude {
    border-color: #615e82;
    background-color: #47404f
}

.filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick, .filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude .list-checkbox-tick.svg-icon {
    opacity: 1
}

.filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude:hover:active {
    background-color: #3d3c53;
    border-color: #4f4d6a
}

.filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude::after {
    background-color: #fff
}

.filter-switch.active-exclude .filter-checkbox.filter-checkbox-exclude:hover {
    background-color: #47404f
}

.filter-match-all-trigger {
    position: relative
}

.filter-match-all-trigger .filter-switch-match-all {
    padding: 16px
}

.filter-match-all-trigger:hover {
    background: 0 0 !important
}

.dropdown-filter-header + .filter-match-all-trigger .filter-switch-match-all {
    padding-top: 0
}

.filter-view .view-action {
    display: flex
}

.filter-view .view-action .item {
    color: #d6d2da
}

.filter-view .view-action .item .svg-icon {
    display: block;
    box-sizing: content-box;
    transition: color .2s;
    padding: 8px
}

.filter-view .view-action .item .svg-icon:focus {
    outline: 0
}

@media (min-width: 1030px) {
    .filter-match-all-trigger .filter-switch-match-all {
        padding: 16px 24px 18px
    }

    .dropdown-filter-header + .filter-match-all-trigger .filter-switch-match-all {
        padding-top: 0
    }

    .filter-view .view-action .item:hover {
        color: #a39aac
    }

    .filter-view .view-action .item:active {
        color: #8f849a
    }

    .filter-widget {
        position: relative
    }
}

.filter-view .view-action .item.active {
    color: #5c5365
}

.payment-item .card_default .svg-icon {
    height: 29px;
    width: 48px;
    margin-right: 8px;
    border-radius: 8px;
    background: #fff;
    vertical-align: middle
}

.filter-widget form {
    margin: 0
}

.filter-widget.filter-alerts-widget .filter-line::before {
    display: none
}

.filter-line {
    display: flex;
    flex-direction: column;
    padding-top: 23px;
    margin: 0
}

@media (min-width: 1030px) {
    .filter-widget.filter-alerts-widget .filter-line::before {
        display: block
    }

    .filter-line {
        flex-direction: row
    }
}

.price-slider-wrapper {
    padding-bottom: 0
}

.price-slider-wrapper .filter-list {
    margin-top: 24px
}

.open-filter:not(.full-overlay-mobile):after {
    visibility: hidden
}

.open-filter:not(.full-overlay-mobile) .filter-dropdown > .filter-content {
    z-index: 110
}

.filter-news-widget .mobile-filter.main-filter-line:not(.open) > .content.no-border {
    margin-top: -20px
}

.date-range-picker-filter .pickers-wrapper {
    width: 100%
}

.date-range-picker-filter .pickers-wrapper > div, .date-range-picker-filter .pickers-wrapper > div > div {
    width: 100%;
    float: none !important
}

.filter-dropdown.toggle-value-filter > .current {
    transition: none;
    text-transform: capitalize;
    color: #70657b
}

.filter-dropdown.toggle-value-filter > .current .value {
    transition: color .2s;
    color: #70657b
}

.filter-dropdown.toggle-value-filter:hover .current {
    color: #70657b !important
}

.filter-dropdown.toggle-value-filter:hover .current .value {
    color: #1f1c22
}

.filter-dropdown.toggle-value-filter.open:not(.not-mobile-fullscreen) .filter-content .arrow {
    display: none
}

.filter-dropdown.toggle-value-filter.open.not-mobile-fullscreen .dropdown-content {
    z-index: 110
}

.filter-dropdown.toggle-value-filter .filter-content {
    top: 28px
}

.filters-side-buttons-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    margin: 8px 0 0
}

.filters-side-buttons-container[data-filters-active="1"] {
    margin-top: 0
}

@media (min-width: 1030px) {
    .open-filter:not(.full-overlay-mobile):after {
        visibility: visible
    }

    .filter-dropdown.toggle-value-filter .current {
        box-shadow: none;
        padding: 0;
        height: initial;
        font-size: 16px;
        line-height: 24px
    }

    .filter-dropdown.toggle-value-filter.open .current {
        color: #70657b !important
    }

    .filter-dropdown.toggle-value-filter.open .current .value {
        color: #1f1c22
    }

    .filters-side-buttons-container {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        padding: 2px 0;
        margin: 0;
        align-self: baseline
    }
}

.has-success .form-control:focus {
    box-shadow: none
}

.input-wrapper.flex {
    flex-wrap: nowrap
}

.checkboxes-column-list-tabs-wrapper {
    display: none;
    padding: 0 16px
}

@media (max-width: 1029px) {
    .open-filter:not(.full-overlay-mobile) {
        padding-top: 0
    }

    .open-filter:not(.full-overlay-mobile) #ggdeals-footer, .open-filter:not(.full-overlay-mobile) #main-menu, .open-filter:not(.full-overlay-mobile) .list-checkbox-action-select-all, .open-filter:not(.full-overlay-mobile) .list-view .grid-list, .open-filter:not(.full-overlay-mobile) .list-view .list-items, .open-filter:not(.full-overlay-mobile) .navbar-fixed-bottom, .open-filter:not(.full-overlay-mobile) .unconfirmed-email-notification {
        display: none
    }

    .open-filter:not(.full-overlay-mobile) .filter-widget {
        position: initial
    }

    .filter-news-widget #availability-filter {
        order: 1
    }

    .filter-dropdown.toggle-value-filter.open:not(.not-mobile-fullscreen) .current .text {
        color: #1f1c22;
        text-shadow: none
    }

    .filter-dropdown.toggle-value-filter.open:not(.not-mobile-fullscreen) .separator, .filter-dropdown.toggle-value-filter.open:not(.not-mobile-fullscreen) .value {
        display: none
    }

    .filter-dropdown.toggle-value-filter.open.not-mobile-fullscreen .current {
        position: relative;
        z-index: 110
    }

    .filter-dropdown.toggle-value-filter.open.not-mobile-fullscreen .dropdown-content {
        position: absolute;
        overflow: hidden;
        box-shadow: 0 0 8px rgba(10, 9, 11, .1);
        background: #f4f5f6;
        border-radius: 4px;
        min-width: 230px;
        left: 0;
        right: auto
    }

    .filter-dropdown.toggle-value-filter.open.not-mobile-fullscreen.mobile-dropdown-right .dropdown-content {
        left: auto;
        right: 0
    }

    .filter.active + .filters-side-buttons-container {
        margin-top: 0
    }

    .checkboxes-column-list-tabs-wrapper {
        display: block
    }
}

.stores-list-page .form.filter-form {
    margin: 0 -16px
}

.stores-list-page .form.filter-form .selected-filters.empty .badges-container {
    display: none
}

.foldable-show-more-btn {
    display: none;
    align-items: center;
    padding: 0 0 1px 14px;
    margin: 0 0 16px;
    border: none;
    background: 0 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: underline;
    color: #70657b;
    vertical-align: middle
}

@media (min-width: 1030px) {
    .stores-list-page .form.filter-form {
        margin: 0 0 24px
    }

    .stores-list-page .form.filter-form .filter.single-checkbox {
        margin-left: 14px
    }

    .foldable-show-more-btn {
        display: inline-flex
    }
}

.foldable-show-more-btn:hover {
    color: #1f1c22
}

.foldable-show-more-btn .svg-icon {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle
}

.foldable-show-more-btn .svg-icon, .foldable-show-more-btn .svg-icon[style] {
    width: 16px !important;
    height: 16px !important
}

.filter-folder-wrapper .filter-folder-header {
    position: relative;
    cursor: pointer
}

.filter-folder-wrapper .filter-folder-header::after {
    transition: transform .2s;
    position: absolute;
    top: 50%;
    right: 24px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-50%)
}

.filter-folder-wrapper .filter-folder-header .title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    transition: color .2s ease-in-out;
    display: flex;
    align-items: center;
    width: 100%;
    color: #47404f;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.filter-folder-wrapper .filter-folder-header .filter-folder-active-label {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0 16px 0 auto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #a39aac
}

.filter-folder-wrapper .filter-folder-header.active .title, .filter-folder-wrapper .filter-folder-header:hover .title {
    color: #1f1c22
}

.filter-folder-wrapper .filter-folder-content {
    transition: max-height .3s linear, opacity .3s linear .2s;
    overflow: hidden;
    max-height: 0;
    opacity: 0
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-content {
    transition: unset;
    max-height: unset;
    opacity: initial;
    padding: 0 !important
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-content .item {
    display: none
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-content .item:nth-of-type(-n+3) {
    display: flex
}

.filter-folder-wrapper.filter-folder-bottom-trigger:not(.open) .item {
    order: 2
}

.filter-folder-wrapper.filter-folder-bottom-trigger:not(.open) .item.active {
    display: flex;
    order: 1
}

.filter-folder-wrapper.filter-folder-bottom-trigger:not(.open) .item:nth-of-type(-n+3) {
    order: 0
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-header-label {
    cursor: pointer
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-header-label .title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 700;
    padding: 8px 24px
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-header-label .title:not(:empty)::after {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #d6d2da;
    margin: 12px 0 0
}

.filter-folder-wrapper.filter-folder-bottom-trigger .filter-folder-header-label .filter-folder-active-label {
    font-family: Lato, Lato2, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.filter-folder-wrapper .filter-folder-bottom-trigger-btn {
    display: flex;
    width: 100%;
    margin: 4px 0 10px;
    font-size: 12px;
    line-height: 14.4px;
    font-weight: 700;
    color: #279af1;
    align-items: center;
    padding: 8px 16px
}

.filter-folder-wrapper .filter-folder-bottom-trigger-btn::after {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    border-color: #279af1 transparent transparent
}

.filter-folder-wrapper .filter-folder-bottom-trigger-btn .label-less {
    display: none
}

.filter-folder-wrapper.open .filter-folder-header::after {
    transform: translateY(-50%) rotate(-180deg)
}

.filter-folder-wrapper.open .filter-folder-header .title {
    color: #1f1c22
}

.filter-folder-wrapper.open .filter-folder-content {
    max-height: 1000px;
    opacity: 1
}

.filter-folder-wrapper.open.filter-folder-bottom-trigger .filter-folder-content {
    max-height: unset
}

.filter-folder-wrapper.open.filter-folder-bottom-trigger .filter-folder-content .item {
    display: flex
}

.filter-folder-wrapper.open.filter-folder-bottom-trigger .filter-folder-bottom-trigger-btn::after {
    transform: rotate(-180deg)
}

.filter-folder-wrapper.open.filter-folder-bottom-trigger .filter-folder-bottom-trigger-btn .label-less {
    display: block
}

.filter-folder-wrapper.open.filter-folder-bottom-trigger .filter-folder-bottom-trigger-btn .label-more, .filter.list-filter-dropdown.filtered .filter-folder-wrapper .filter-folder-bottom-trigger-btn {
    display: none
}

[data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper {
    width: auto;
    margin: 0;
    padding: 0;
    height: auto;
    display: block
}

[data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper:first-child::before {
    display: none
}

[data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper .filter-folder-content {
    padding-left: 16px
}

[data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper .title {
    padding: 12px 16px 8px
}

[data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper.open .filter-folder-content {
    max-height: 10000px
}

.ajax-form-list-load-more-trigger {
    display: block;
    width: 100%;
    height: 1px
}

@media (min-width: 1030px) {
    .filter-folder-wrapper .filter-folder-bottom-trigger-btn {
        padding: 8px 24px
    }

    [data-filter-type~=grouped-checkboxes-list] > .list .item.filter-folder-wrapper .title {
        padding: 12px 24px 8px
    }

    body.open-filter .filter-line .filters-line-container.foldable-tag-list {
        overflow: visible
    }
}

.list.ajax-items-list.os-host .os-content, .list.ajax-items-list.os-host .os-content[style] {
    padding-top: 0 !important
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

@media (min-width: 1030px) {
    .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container {
        flex-wrap: nowrap;
        padding: 0 0 0 24px
    }
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list-column {
    flex: 0 0 100%;
    width: 100%
}

@media (min-width: 1030px) {
    .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list-column {
        flex: 0 0 33.33333334%;
        max-width: 33.33333334%
    }

    .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list:not(:last-child) .filter-children-content {
        margin-bottom: 32px
    }
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item::before {
    display: none !important
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch {
    padding: 8px 24px;
    border: none;
    height: auto;
    min-height: unset
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.filter-group-header-switch .platform-icon, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.platform-item .platform-icon, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.primaryPlatform-item .platform-icon {
    margin-top: 0
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch:only-child {
    padding-left: 0
}

@media (max-width: 1029px) {
    .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.filter-group-header-switch, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.platform-item, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch.primaryPlatform-item, .filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .item.filter-switch:only-child {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags .tag .value {
        overflow: visible;
        text-overflow: initial
    }
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 0;
    flex: 0 0 auto
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list.item {
    padding: 0;
    align-items: flex-start;
    height: auto
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list .filter-children-header {
    width: 100%
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list .filter-children-header .filter-switch {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 0 !important
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list .filter-children-header .filter-switch:hover {
    background: 0 0
}

.filter-dropdown > .filter-content.filter-content-wide .filter-children-list-container .filter-children-list .filter-children-content {
    width: 100%;
    display: flex;
    flex-direction: column
}

.filter.single-checkbox#MainPrepaidsSearch_grouped-filter {
    position: absolute;
    top: 80px;
    left: 100px;
    display: flex;
    height: 24px
}

@media (min-width: 795px) {
    .filter.single-checkbox#MainPrepaidsSearch_grouped-filter {
        top: 70px
    }

    .swal2-popup {
        width: 492px
    }
}

.filter.single-checkbox#MainPrepaidsSearch_grouped-filter label {
    transition: color .2s;
    color: #5c5365;
    font-size: 14px;
    line-height: 24px
}

.filter.single-checkbox#MainPrepaidsSearch_grouped-filter:hover label {
    color: #1f1c22
}

.filter.single-checkbox#MainPrepaidsSearch_grouped-filter.active label {
    color: #47404f
}

.filter-floating-tabs-container {
    height: 100%
}

.filter-floating-tabs-container .filter-floating-tabs-header {
    padding: 0 16px
}

@media (min-width: 1030px) {
    .filter.single-checkbox#MainPrepaidsSearch_grouped-filter {
        position: relative;
        top: auto;
        left: auto
    }

    .filter-floating-tabs-container {
        margin-top: 16px;
        height: auto
    }

    .filter-floating-tabs-container .filter-floating-tabs-header {
        padding: 0 24px
    }
}

.filter-floating-tabs-container .filter-floating-tabs-content {
    padding-top: 24px
}

.filter-floating-tabs-container .filter-floating-tabs-content .filter-floating-tabs-section + .filter-floating-tabs-section {
    margin-top: 24px
}

@media (min-width: 1030px) {
    .filter-floating-tabs-container .filter-floating-tabs-content {
        padding: 0
    }

    .filter-floating-tabs-container .filter-floating-tabs-content .filter-floating-tabs-section + .filter-floating-tabs-section {
        margin-top: 0
    }
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed::after, .filter-floating-tabs-container .filter-floating-tabs-header.condensed::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    content: '';
    display: block;
    z-index: 2
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed::before {
    left: 0;
    background: linear-gradient(-90deg, rgba(244, 245, 246, 0) -40.62%, #f4f5f6 50%)
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed::after {
    right: 0;
    background: linear-gradient(90deg, rgba(244, 245, 246, 0) -40.62%, #f4f5f6 50%)
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tabs {
    overflow-x: scroll;
    touch-action: pan-x;
    overflow-y: hidden;
    scrollbar-width: none;
    width: unset;
    border: none;
    margin: 0 -16px
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tabs::after {
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    width: calc(100% - 26px);
    bottom: 0;
    height: 1px;
    content: '';
    background: #d6d2da
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tab:first-of-type {
    margin-left: 16px
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tab:last-of-type {
    margin-right: 16px
}

@media (min-width: 1030px) {
    .filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tabs {
        margin: 0 -24px
    }

    .filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tabs::after {
        left: 24px;
        right: 24px;
        width: 100%
    }

    .filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tab:first-of-type {
        margin-left: 24px
    }

    .filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tab:last-of-type {
        margin-right: 24px
    }
}

.filter-floating-tabs-container .filter-floating-tabs-header.condensed .following-tab:not(:first-of-type) {
    margin-left: 16px
}

.presets-wrapper-col .filter-dropdown.open.not-mobile-fullscreen .dropdown-content {
    z-index: 110
}

.highcharts-background {
    fill: #F4F5F6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1)
}

input.highcharts-range-selector, input.highcharts-range-selector[style] {
    color: #0a090b !important;
    background: #f4f5f6 !important;
    border: none !important;
    outline: 0 !important;
    transform: translate(2px, 2px)
}

.highcharts-container .highcharts-root {
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-navigator-mask-inside {
    fill: #0A090B;
    fill-opacity: 0.1
}

.highcharts-container .highcharts-axis-line {
    stroke: #8F849A;
    stroke-dasharray: 3;
    stroke-linecap: round
}

.highcharts-container .highcharts-tick {
    stroke: #8F849A
}

.highcharts-container .highcharts-grid-line, .highcharts-container .highcharts-grid-line[style] {
    stroke: #D6D2DA !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button {
    cursor: pointer
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button text, .highcharts-container .highcharts-range-selector-buttons .highcharts-button text[style] {
    transition: fill .2s, color .2s !important;
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button .highcharts-button-box, .highcharts-container .highcharts-range-selector-buttons .highcharts-button .highcharts-button-box[style] {
    transition: fill .2s !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-normal text, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-normal text[style] {
    color: #47404f !important;
    fill: #47404F !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-normal .highcharts-button-box, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-normal .highcharts-button-box[style] {
    fill: #F4F5F6 !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-hover text, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-hover text[style] {
    color: #5c5365 !important;
    fill: #5C5365 !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-hover .highcharts-button-box, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-hover .highcharts-button-box[style] {
    fill: #C2BCC8 !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-pressed text, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-pressed text[style] {
    color: #e0dde3 !important;
    fill: #E0DDE3 !important
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-pressed .highcharts-button-box, .highcharts-container .highcharts-range-selector-buttons .highcharts-button.highcharts-button-pressed .highcharts-button-box[style] {
    fill: #5C5365 !important
}

.highcharts-container .highcharts-axis.highcharts-xaxis path, .highcharts-container .highcharts-axis.highcharts-xaxis path[style] {
    stroke: #70657B !important
}

.highcharts-container .highcharts-axis-labels text, .highcharts-container .highcharts-axis-labels text[style] {
    color: #70657b !important;
    fill: #70657B !important;
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-legend-item path.highcharts-graph, .highcharts-container .highcharts-legend-item text, .highcharts-container .highcharts-range-selector-buttons path.highcharts-graph, .highcharts-container .highcharts-range-selector-buttons text {
    transition: opacity .2s
}

.highcharts-container .highcharts-legend-item text, .highcharts-container .highcharts-legend-item text[style], .highcharts-container .highcharts-range-selector-buttons text, .highcharts-container .highcharts-range-selector-buttons text[style] {
    color: #1f1c22 !important;
    fill: #1F1C22 !important;
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-legend-item.highcharts-legend-item-hidden path.highcharts-graph, .highcharts-container .highcharts-legend-item.highcharts-legend-item-hidden path.highcharts-graph[style], .highcharts-container .highcharts-legend-item.highcharts-legend-item-hidden text, .highcharts-container .highcharts-legend-item.highcharts-legend-item-hidden text[style], .highcharts-container .highcharts-range-selector-buttons.highcharts-legend-item-hidden path.highcharts-graph, .highcharts-container .highcharts-range-selector-buttons.highcharts-legend-item-hidden path.highcharts-graph[style], .highcharts-container .highcharts-range-selector-buttons.highcharts-legend-item-hidden text, .highcharts-container .highcharts-range-selector-buttons.highcharts-legend-item-hidden text[style] {
    opacity: .6
}

.highcharts-container .highcharts-series.highcharts-series-inactive {
    opacity: 1
}

.highcharts-container .highcharts-input-group .highcharts-label text, .highcharts-container .highcharts-input-group .highcharts-label text[style] {
    color: #1f1c22 !important;
    fill: #1F1C22 !important;
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-input-group .highcharts-label .highcharts-label-box, .highcharts-container .highcharts-input-group .highcharts-label .highcharts-label-box[style] {
    stroke: #332E38 !important
}

.highcharts-container .highcharts-input-group .highcharts-label .highcharts-label-box text, .highcharts-container .highcharts-input-group .highcharts-label .highcharts-label-box text[style] {
    color: #1f1c22 !important;
    fill: #1F1C22 !important;
    transform: translateY(1px) !important;
    font-family: Lato, Lato2, sans-serif !important
}

.highcharts-container .highcharts-markers.highcharts-tracker.highcharts-series-inactive {
    opacity: 1
}

.highcharts-container .highcharts-tooltip .highcharts-label.highcharts-tooltip-box .highcharts-label-box {
    fill-opacity: 0.4
}

.highcharts-container .highcharts-tooltip .highcharts-label.highcharts-tooltip-box .tooltip-content {
    font-family: Lato, Lato2, sans-serif
}

.highcharts-container .highcharts-tooltip .highcharts-label.highcharts-tooltip-box .tooltip-content .tooltip-heading {
    font-weight: 700
}

.highcharts-container .highcharts-tooltip .highcharts-label.highcharts-tooltip-box .tooltip-content .tooltip-price {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

.highcharts-container .highcharts-tooltip .highcharts-label.highcharts-tooltip-box .tooltip-content .tooltip-date {
    font-size: 10px;
    line-height: 14px;
    color: #666
}

.highcharts-container .highcharts-scrollbar .highcharts-scrollbar-track {
    fill: #f2f2f2;
    stroke: #f2f2f2
}

.highcharts-container .highcharts-scrollbar .highcharts-scrollbar-thumb {
    fill: #ccc;
    stroke: #ccc
}

.highcharts-container .highcharts-scrollbar .highcharts-scrollbar-rifles {
    stroke: #666
}

.highcharts-container .highcharts-scrollbar .highcharts-scrollbar-button {
    fill: #e6e6e6;
    stroke: #ccc
}

.highcharts-container .highcharts-scrollbar .highcharts-scrollbar-arrow {
    fill: #666
}

.highcharts-container .highcharts-navigator-handle {
    stroke: #ccc;
    fill: #f2f2f2
}

.swal2-show {
    animation: .3s animatezoom
}

.swal2-container.swal2-shown {
    background: rgba(10, 9, 11, .6);
    padding: 0
}

.swal2-icon {
    display: none
}

.swal2-popup {
    font-family: Lato, Lato2, sans-serif;
    background: #ebe9ed;
    box-shadow: none;
    border: none;
    padding: 24px
}

.swal2-popup .swal2-header {
    align-items: flex-start
}

.swal2-popup .swal2-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    margin: 0 0 8px;
    color: #1f1c22;
    font-size: 21px;
    line-height: 27px;
    font-weight: 700;
    text-align: left
}

.swal2-popup #swal2-content {
    text-align: initial
}

.swal2-popup .swal2-content {
    color: #70657b;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: left;
    font-weight: 400
}

.swal2-popup .swal2-content strong {
    color: #1f1c22
}

.swal2-popup .swal2-actions {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 24px;
    width: 100%
}

.swal2-popup .swal2-actions .swal2-styled {
    font-size: 14px;
    box-shadow: none;
    margin: 0;
    padding: 8px 16px;
    font-weight: 700;
    outline: 0 !important
}

.swal2-popup .swal2-actions .swal2-styled, .swal2-popup .swal2-actions .swal2-styled:focus {
    border-radius: 4px
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
    color: #47404f;
    background-color: #d6d2da !important
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
    color: #47404f;
    background-color: #c7c3cb !important
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover:focus {
    color: #47404f;
    background-color: #bebac2 !important
}

.swal2-popup .swal2-close {
    top: 0;
    right: 0;
    outline: 0
}

.swal2-popup .swal2-close:hover .close-box {
    opacity: 1
}

.games-box .item.voucher-item {
    grid-template-areas:"icon title" "code code" "cta cta" "details details";
    grid-template-columns:103px auto;
    align-items: flex-start;
    margin: 12px 0 0
}

.games-box .item.voucher-item:first-child {
    margin-top: 0
}

.games-box .item.voucher-item .shop-image.voucher-image {
    width: 103px;
    padding: 16px 12px 16px 16px;
    align-self: center
}

.games-box .item.voucher-item .shop-image.voucher-image img {
    height: auto;
    margin: auto;
    max-width: 75px !important
}

.games-box .item.voucher-item .info-title {
    grid-area: title;
    flex-direction: column;
    box-sizing: border-box;
    padding: 16px 16px 16px 0
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item {
        grid-template-areas:"icon title code cta" "icon details details details";
        grid-template-columns:172px auto minmax(calc(260px + 16px), min-content) calc(147px + 24px)
    }

    .games-box .item.voucher-item .shop-image.voucher-image {
        width: 172px;
        height: 100%;
        padding: 24px;
        grid-row: 1/span 2;
        border-right: 1px solid #eae9ec
    }

    .games-box .item.voucher-item .shop-image.voucher-image img {
        max-width: 90px !important
    }

    .games-box .item.voucher-item .info-title {
        padding: 20px 8px 16px 24px
    }
}

.games-box .item.voucher-item .info-title .title {
    display: block;
    width: 100%;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #1f1c22
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item .info-title .title {
        font-size: 18px;
        line-height: 32px
    }
}

.games-box .item.voucher-item .info-title .expiry {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    margin: 4px 0 0
}

.games-box .item.voucher-item .info-title .expiry.expired {
    color: #a39aac
}

.games-box .item.voucher-item .info-title .expiry.close-to-end {
    color: #eb1f32
}

.games-box .item.voucher-item .voucher-code {
    grid-area: code;
    padding: 16px 16px 0;
    box-sizing: border-box;
    width: 100%;
    justify-content: flex-end;
    border-top: 1px solid #eae9ec
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item .info-title .expiry {
        margin: 0
    }

    .games-box .item.voucher-item .voucher-code {
        padding: 20px 8px 0;
        border: none
    }
}

.games-box .item.voucher-item .voucher-code .label.code {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    padding: 7px 12px 8px;
    font-size: 13px;
    line-height: 15.4px;
    box-sizing: border-box;
    border: 1px dashed #1f1c22;
    background: 0 0
}

.games-box .item.voucher-item .voucher-code .label.code > .code {
    flex: 0 0 auto;
    padding: 0;
    display: block;
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
    color: #47404f
}

.games-box .item.voucher-item .voucher-code .label.code .code-action-label {
    transition: color .2s ease-in-out;
    display: block;
    flex: 0 0 auto;
    margin: 0 0 0 16px;
    color: #279af1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    will-change: color
}

.games-box .item.voucher-item .voucher-code .label.code .code-action-label .svg-icon {
    display: inline-block;
    margin: 0 0 -1px 4px;
    vertical-align: baseline
}

.games-box .item.voucher-item .voucher-code .label.code:hover .code-action-label {
    color: #52aef4
}

.games-box .item.voucher-item .game-cta {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    grid-area: cta;
    justify-self: flex-end;
    height: unset;
    flex: 0 0 auto;
    border: none;
    padding: 12px 16px 16px;
    width: 100%;
    box-sizing: border-box
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item .game-cta {
        padding: 20px 24px 0 0
    }
}

.games-box .item.voucher-item .info-details {
    grid-area: details;
    border-top: 1px solid #eae9ec;
    box-sizing: border-box;
    flex-direction: column;
    padding: 16px
}

.games-box .item.voucher-item .info-details .info-details-toggle {
    font-size: 12px;
    line-height: 14.4px;
    font-weight: 700;
    text-transform: capitalize;
    color: #70657b;
    padding: 0;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    background: 0 0
}

.games-box .item.voucher-item .info-details .info-details-toggle::after {
    transition: transform .4s linear;
    will-change: transform;
    transform-origin: center center;
    width: 0;
    height: 0;
    border-style: solid;
    flex: 0 0 8px;
    margin: 0 0 0 6px;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    content: '';
    display: block;
    transform: rotate(0)
}

.games-box .item.voucher-item .info-details .game-labels.voucher-labels {
    margin: 0;
    align-self: flex-start
}

.games-box .item.voucher-item .info-details .tags {
    margin: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.games-box .item.voucher-item .info-details .tags .tag {
    font-size: 13px;
    line-height: 15px;
    margin: 8px 0 0;
    white-space: normal;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

.games-box .item.voucher-item .info-details .tags .tag .value {
    color: #332e38
}

.games-box .item.voucher-item .info-details .tags .tag .value a {
    color: inherit
}

.games-box .item.voucher-item .info-details .tags .tag:first-child {
    margin-top: 0
}

.games-box .item.voucher-item .info-details .tags .tag::before {
    display: none
}

.games-box .item.voucher-item .info-details.expandable .labels-container {
    transition: max-height .2s linear, opacity .2s linear;
    will-change: max-height, opacity;
    overflow: hidden;
    max-height: 0;
    opacity: 0
}

.games-box .item.voucher-item .info-details.expandable.expanded .labels-container {
    transition: max-height .4s linear, opacity .3s linear;
    max-height: 200px;
    opacity: 1
}

.games-box .item.voucher-item .info-details.expandable.expanded .info-details-toggle::after {
    transition: transform .4s linear;
    transform: rotate(180deg)
}

.games-box .item.voucher-item .info-details.expandable .tags .tag:last-child {
    margin-bottom: 16px
}

.games-box .item.voucher-item.inactive .shop-image.voucher-image img {
    filter: grayscale(100)
}

.games-box .item.voucher-item.inactive .info-title .title {
    color: #a39aac
}

.games-box .item.voucher-item.inactive .voucher-code .label.code {
    border-color: #a39aac;
    color: #a39aac
}

.games-box .item.voucher-item.inactive .voucher-code .label.code .code-action-label, .games-box .item.voucher-item.inactive .voucher-code .label.code > .code {
    color: inherit
}

.games-box .item.voucher-item.inactive .info-details.expandable .info-details-toggle {
    color: #a39aac
}

.games-box .item.voucher-item.inactive .info-details.expandable .info-details-toggle::after {
    border-color: #a39aac transparent transparent
}

.games-box .item.voucher-item.no-cta {
    grid-template-areas:"title" "code" "details";
    grid-template-columns:auto
}

.games-box .item.voucher-item.no-cta .shop-image.voucher-image {
    display: none
}

.games-box .item.voucher-item.no-cta .info-title {
    padding: 16px 16px 8px
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item .info-details {
        padding: 16px 24px
    }

    .games-box .item.voucher-item.no-cta {
        grid-template-areas:"icon title code" "icon details code";
        grid-template-columns:100px auto minmax(calc(260px + 16px), max-content)
    }

    .games-box .item.voucher-item.no-cta .shop-image.voucher-image {
        display: block;
        width: 100px
    }

    .games-box .item.voucher-item.no-cta .info-title {
        padding: 20px 8px 8px 24px
    }
}

.games-box .item.voucher-item.no-cta .voucher-code {
    padding: 8px 16px 0
}

.games-box .item.voucher-item.no-margin {
    margin-top: 0
}

.games-box .item.voucher-item.no-inner-border {
    border-top: 1px solid #eae9ec !important
}

.games-box .item.voucher-item.no-inner-border .info-details, .games-box .item.voucher-item.no-inner-border .shop-image.voucher-image, .games-box .item.voucher-item.no-inner-border .voucher-code {
    border: none
}

.games-box .bundle-table-header {
    display: block;
    flex: 1 1 auto;
    padding-left: 16px;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 700;
    color: #47404f
}

.games-box .game-item-bundle-col {
    position: relative;
    text-align: center;
    vertical-align: middle;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 8px 0;
    margin: 12px 0 0;
    height: auto;
    min-height: 40px;
    border-top: 1px solid #eae9ec;
    border-right: 1px solid #eae9ec
}

.games-box .game-item-bundle-col:last-of-type {
    border-right: none
}

@media (min-width: 1030px) {
    .games-box .item.voucher-item.no-cta .voucher-code {
        align-self: center;
        padding: 20px 24px 20px 8px
    }

    .games-box .item.voucher-item.no-cta .info-details {
        padding: 8px 24px 16px
    }

    .games-box .game-item-bundle-col {
        padding: 13px 10px;
        margin: 0;
        display: block;
        border: none;
        height: auto;
        max-width: 92px;
        flex: 0 0 92px
    }
}

@media (min-width: 1290px) {
    .games-box .game-item-bundle-col {
        max-width: 96px;
        flex: 0 0 96px
    }
}

.games-box .game-item-bundle-col .drm {
    display: block;
    margin: 0;
    white-space: normal
}

.games-box .game-item-bundle-col .drm .svg-icon {
    display: inline-block;
    margin: 0 2px;
    width: 12px;
    height: 12px;
    color: #7c8285
}

.games-box .game-item-bundle-col .drm .games-count {
    font-size: 12px;
    line-height: 13px
}

@media (min-width: 1030px) {
    .games-box .game-item-bundle-col .drm .svg-icon {
        width: 16px;
        height: 16px
    }

    .games-box .game-item-bundle-col .drm .games-count {
        font-size: 14px;
        line-height: 16.8px;
        display: block
    }
}

.games-box .game-item-bundle-col .price-label {
    color: #1f1c22;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    white-space: nowrap
}

.games-box .game-item-bundle-col .price-label .price, .games-box .game-item-bundle-col .price-label .price .price-inner {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.games-box .game-item-bundle-col .price-label-mobile {
    display: inline-block;
    color: #1f1c22;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 8px;
    margin-left: auto
}

.games-box .game-item-bundle-col .price-label-mobile .price, .games-box .game-item-bundle-col .price-label-mobile .price .price-inner {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.games-box .game-item-bundle-col .price-label-mobile .tier-price {
    margin: 0
}

@media (min-width: 1030px) {
    .games-box .game-item-bundle-col .price-label-mobile {
        display: none
    }
}

.games-box .game-item-bundle-col .game-in-bundle {
    position: relative;
    z-index: 3;
    border-radius: 50%;
    border: 1px solid #47404f;
    background: 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 0;
    width: 12px;
    height: 12px
}

.games-box .game-item-bundle-col .game-in-bundle.active {
    background-color: #21bc40;
    border-color: #21bc40
}

.games-box .game-item-bundle-col .game-in-bundle.optional {
    background-color: transparent;
    border-color: #21bc40;
    border-width: 3px
}

.games-box .game-item-bundle-col .game-in-bundle .svg-icon {
    display: block;
    width: 8px;
    height: 8px;
    color: #f4f5f6
}

@media (min-width: 1030px) {
    .games-box .game-item-bundle-col .game-in-bundle {
        display: flex;
        margin: auto;
        width: 16px;
        height: 16px
    }

    .games-box .game-item-bundle-col .game-in-bundle .svg-icon {
        width: 10px;
        height: 10px
    }

    .games-box.bundle-table-tier-4 .game-item-column-head .game-item-bundle-col, .games-box.bundle-table-tier-5 .game-item-column-head .game-item-bundle-col {
        max-width: 76px;
        flex: 0 0 76px;
        padding: 13px 8px
    }

    .games-box.bundle-table-tier-4 .game-item-column-head .game-item-bundle-col .price-label, .games-box.bundle-table-tier-5 .game-item-column-head .game-item-bundle-col .price-label {
        font-size: 12px
    }

    .games-box.bundle-table-tier-4 .game-item-column-head .game-item-bundle-col .price-inner, .games-box.bundle-table-tier-5 .game-item-column-head .game-item-bundle-col .price-inner {
        white-space: normal
    }
}

.games-box .game-item.game-item-in-bundle {
    padding: 0
}

.games-box .game-item.game-item-in-bundle .game-image {
    padding: 12px 0 0 12px;
    flex: 0 0 62px;
    width: 62px;
    height: 87px;
    max-height: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle .game-image {
        padding: 0;
        flex: 0 0 188px;
        width: 188px;
        height: 88px;
        max-height: 88px
    }
}

.games-box .game-item.game-item-in-bundle .game-image .main-image {
    display: block
}

.games-box .game-item.game-item-in-bundle .game-info-wrapper {
    padding: 12px 12px 0 8px;
    width: 100%;
    max-width: calc(100% - 62px);
    min-height: 87px;
    justify-content: center
}

.games-box .game-item.game-item-in-bundle .game-info-wrapper .game-info-title-wrapper {
    display: block;
    margin: 0;
    padding: 0
}

.games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags {
    margin: 6px 0 -2px;
    min-height: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle .game-info-wrapper {
        padding: 0 16px;
        flex: 0 1 auto;
        margin-right: auto;
        max-width: calc(100% - 188px);
        min-height: 72px;
        justify-content: flex-start;
        align-content: center
    }

    .games-box .game-item.game-item-in-bundle .game-info-wrapper .game-info-title-wrapper {
        display: flex;
        flex: 1 0 auto;
        max-width: 100%
    }

    .games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags {
        margin: 8px 0 0;
        max-width: 100%;
        height: 16px;
        flex-wrap: nowrap
    }
}

.games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags .tags {
    height: auto;
    flex-wrap: wrap
}

.games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags .tag {
    margin: 2px 0
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags .tags {
        height: 16px;
        flex-wrap: nowrap
    }

    .games-box .game-item.game-item-in-bundle .game-info-wrapper .game-tags .tag {
        margin: 0
    }
}

.games-box .game-item.game-item-in-bundle .game-info {
    border: none;
    flex: 1 0 calc(100% - 120px);
    max-width: calc(100% - 120px)
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle .game-info {
        flex: 1 1 auto;
        max-width: 100%
    }
}

.games-box .game-item.game-item-in-bundle .game-info .game-info-row {
    height: auto;
    align-items: center
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle:not(.game-item-with-sidebar) .game-info-wrapper .game-info-title-wrapper {
        flex: 0 0 100%
    }
}

.games-box .game-item.game-item-in-bundle .game-info-title-wrapper .game-info-title {
    display: inline-block
}

.games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col {
    flex-direction: column
}

.games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col .price-label-mobile {
    font-size: 10px;
    margin: 0 0 4px
}

@media (min-width: 795px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col {
        flex-direction: row
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col .price-label-mobile {
        font-size: 14px;
        margin: 0 8px 0 auto
    }
}

.games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col .game-in-bundle {
    margin: 0
}

@media (min-width: 795px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col .game-in-bundle {
        margin: 0 auto 0 0
    }
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col .game-in-bundle {
        margin: auto
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="1"] .game-info-wrapper {
        max-width: 562px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="2"] .game-info-wrapper {
        max-width: 470px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="3"] .game-info-wrapper {
        max-width: 344px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] .game-info-wrapper {
        max-width: calc(100% - 188px - (4 * 76px))
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-info-wrapper {
        max-width: calc(100% - 188px - (5 * 76px))
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="1"] .game-info-wrapper {
        max-width: 566px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="2"] .game-info-wrapper {
        max-width: 478px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="3"] .game-info-wrapper {
        max-width: 356px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] .game-info-wrapper {
        max-width: 328px
    }
}

.games-box .game-item.game-item-in-bundle .game-info-title {
    z-index: 21
}

@media (max-width: 1029px) {
    .games-box .game-item.game-item-in-bundle .game-info-title {
        display: inline;
        overflow: visible;
        white-space: normal;
        text-overflow: initial
    }
}

.games-box .game-item.game-item-in-bundle > .game-item-bundle-col {
    max-width: 120px;
    flex: 0 0 120px
}

.games-box .game-item.game-item-in-bundle > .game-item-bundle-col + .game-item-bundle-col:not(:last-child) {
    max-width: initial;
    flex: 1 1 auto
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle > .game-item-bundle-col, .games-box .game-item.game-item-in-bundle > .game-item-bundle-col + .game-item-bundle-col:not(:last-child) {
        height: 88px;
        display: flex;
        box-sizing: border-box;
        border-left: 1px solid #eae9ec;
        max-width: 92px;
        flex: 0 0 92px
    }
}

@media (min-width: 1290px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="1"] .game-info-wrapper {
        max-width: 662px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="2"] .game-info-wrapper {
        max-width: 566px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="3"] .game-info-wrapper {
        max-width: 436px
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] .game-info-wrapper {
        max-width: 420px
    }

    .games-box .game-item.game-item-in-bundle > .game-item-bundle-col, .games-box .game-item.game-item-in-bundle > .game-item-bundle-col + .game-item-bundle-col:not(:last-child) {
        max-width: 96px;
        flex: 0 0 96px
    }
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] > .game-item-bundle-col, .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] > .game-item-bundle-col + .game-item-bundle-col:not(:last-child), .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] > .game-item-bundle-col, .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] > .game-item-bundle-col + .game-item-bundle-col:not(:last-child) {
        max-width: 76px;
        flex: 0 0 76px
    }
}

@media (max-width: 1029px) {
    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="1"] .game-item-bundle-col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="2"] .game-item-bundle-col {
        max-width: 50%;
        flex: 0 0 50%
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="3"] .game-item-bundle-col, .games-box .game-item.game-item-in-bundle[data-bundle-tiers="3"] .game-item-bundle-col:not(:last-child) {
        max-width: 33.3333334%;
        flex: 0 0 33.3333334%
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="4"] .game-item-bundle-col {
        max-width: 25%;
        flex: 0 0 25%
    }

    .games-box .game-item.game-item-in-bundle[data-bundle-tiers="5"] .game-item-bundle-col {
        max-width: 20%;
        flex: 0 0 20%
    }

    .games-box .game-item.game-item-in-bundle .game-item-bundle-col .price-label-mobile .price {
        display: block
    }

    .games-box .game-item.collection-item {
        padding: 12px 16px 12px 12px;
        display: grid;
        grid-template-areas:"icon info" "icon cta" "bottom bottom";
        grid-template-columns:76px minmax(auto, calc(100% - 76px));
        grid-template-rows:auto auto
    }

    .games-box .game-item.collection-item .game-image {
        grid-area: icon;
        width: 76px;
        flex: 0 0 76px;
        height: 114px;
        max-height: 114px
    }

    .games-box .game-item.collection-item .game-info-wrapper {
        grid-area: info;
        max-width: unset;
        padding: 0 0 0 12px
    }

    .games-box .game-item.collection-item .game-info-wrapper .game-info-title-wrapper {
        display: block;
        padding-top: 0
    }

    .games-box .game-item.collection-item .game-info-wrapper .game-info-title {
        white-space: normal;
        text-overflow: initial;
        overflow: visible;
        display: inline
    }

    .games-box .game-item.collection-item .game-info-wrapper .game-active-icons {
        display: inline;
        vertical-align: baseline
    }
}

@media (min-width: 1030px) {
    .games-box .game-item.collection-item .game-info-wrapper .game-tags {
        max-width: 65%;
        margin-top: 10px;
        flex: 1 1 100%
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.collection-item .game-info-wrapper .game-tags {
        max-width: 70%
    }
}

.games-box .game-item.collection-item .collection-item-bottom-container {
    position: relative;
    z-index: 21;
    display: none;
    grid-area: bottom;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 12px 0 0;
    padding: 12px 0 0
}

.games-box .game-item.collection-item .collection-item-bottom-container::before {
    position: absolute;
    left: -12px;
    right: -16px;
    top: 0;
    height: 1px;
    background: #eae9ec;
    display: block;
    content: ''
}

.games-box .game-item.collection-item .collection-item-bottom-container .collection-item-bottom-inner {
    flex: 0 1 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px
}

.games-box .game-item.collection-item .collection-badges-wrapper {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.games-box .game-item.collection-item .collection-badges-wrapper .collection-badges {
    gap: 2px
}

@media (max-width: 1029px) {
    .games-box .game-item.collection-item .game-cta.full-width-mobile {
        grid-area: cta;
        max-width: unset;
        padding: 0 0 0 12px !important;
        margin: auto 0 0
    }

    .games-box .game-item.collection-item .collection-item-bottom-container .label-link.label {
        padding: 2px 0
    }

    .games-box .game-item.collection-item .collection-badges-wrapper {
        padding: 0;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .games-box .game-item.collection-item .collection-badges-wrapper .collection-badges {
        margin: 0
    }

    .games-box .game-item.collection-item .collection-badges-wrapper .collection-drms.drms-list {
        margin: 0 auto 0 0
    }

    .games-box .game-item.collection-item .collection-badges-wrapper .label.label-link {
        padding: 2px 0
    }

    .games-box .game-item.collection-item .collection-drms {
        margin: 0 auto 0 0
    }
}

.games-box .game-item.collection-item .label {
    font-size: 13px;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0
}

.games-box .game-item.collection-item .label .svg-icon {
    width: 8px;
    height: 8px;
    margin: 0
}

.games-box .game-item.collection-item .label .svg-icon + .text {
    margin: 0 0 0 6px
}

.games-box .game-item.collection-item .label.user-collection-tags-label {
    font-size: 12px;
    line-height: 14px;
    padding: 1.5px 6px
}

.games-box .game-item.collection-item .label.user-collection-tags-label .svg-icon {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0
}

@media (max-width: 1029px) {
    .games-box .game-item.collection-item .collection-badges .add-new-tag {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 11px 0 0;
        margin: 0 -11px 0 11px
    }

    .games-box .game-item.collection-item.has-playtime .collection-badges, .games-box .game-item.collection-item.has-playtime .collection-badges-wrapper .collection-badges.add-new, .games-box .game-item.collection-item.has-playtime .collection-play-time {
        display: none
    }

    .games-box .game-item.collection-item.has-playtime .collection-item-bottom-container {
        display: flex
    }

    .games-box .game-item.collection-item.has-playtime .collection-item-bottom-container .collection-badges.add-new {
        display: flex;
        margin-left: auto;
        align-items: flex-end;
        flex: 0 0 32px;
        white-space: nowrap
    }

    .games-box .game-item.collection-item.has-playtime .collection-item-bottom-container .collection-play-time {
        display: block
    }

    .games-box .game-item.collection-item.has-drms.has-tags .collection-badges-wrapper .collection-badges {
        display: none
    }

    .games-box .game-item.collection-item.has-drms.has-tags .collection-item-bottom-container {
        display: flex
    }

    .games-box .game-item.collection-item.has-drms.has-tags .collection-item-bottom-container .collection-badges.add-new {
        display: flex;
        margin-left: auto;
        align-items: center;
        flex: 0 0 32px;
        white-space: nowrap
    }

    .games-box .game-item.collection-item.has-drms.has-tags .collection-item-bottom-container .collection-play-time {
        display: block
    }

    .games-box .game-item.collection-item.has-tags .collection-badges-wrapper .collection-badges {
        display: none
    }

    .games-box .game-item.collection-item.has-tags .collection-item-bottom-container {
        display: flex
    }

    .games-box .game-item.collection-item.has-tags .collection-item-bottom-container .collection-badges.add-new {
        display: flex;
        margin-left: auto;
        align-items: center;
        flex: 0 0 32px;
        white-space: nowrap
    }

    .games-box .game-item.collection-item.has-tags .collection-item-bottom-container .add-new-tag.has-tags .label {
        padding: 0;
        width: 12px;
        height: 12px;
        display: block
    }

    .games-box .game-item.collection-item.has-tags .collection-item-bottom-container .add-new-tag.has-tags .svg-icon {
        width: 12px;
        height: 12px
    }

    .games-box .game-item.collection-item.has-tags .collection-item-bottom-container .collection-play-time {
        display: block
    }
}

.button-cta {
    transition: background-color .2s ease-in-out;
    padding: 8px 12px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    background: #279af1;
    will-change: background-color;
    cursor: pointer;
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.button-cta .btn-label {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    display: block;
    flex: 0 0 auto
}

.button-cta .svg-icon {
    color: inherit;
    display: block;
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    margin: 0 0 0 5.5px
}

.button-cta:hover {
    background-color: #52aef4;
    color: #fff
}

.button-cta.icon-left .svg-icon {
    margin: 0 5.5px 0 0
}

.button-cta.inactive {
    color: #e0dde3;
    background-color: #8f849a
}

.button-cta.button-cta-inverted {
    color: #fff;
    background: #279af1
}

.button-cta.button-cta-inverted:hover {
    background-color: #52aef4;
    color: #fff
}

.button-cta.button-cta-inverted.accent-color[style] {
    color: #fff !important
}

.browse-all {
    transition: color .2s, background .2s, box-shadow .2s;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 8px 16px;
    color: #47404f;
    background: #d6d2da;
    margin: 16px auto 0;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    text-transform: capitalize;
    max-width: 288px
}

@media (min-width: 1030px) {
    .browse-all {
        max-width: 307px
    }

    .empty-results-content.no-action {
        display: flex;
        align-items: center
    }
}

.browse-all:active, .browse-all:focus {
    color: #47404f
}

.browse-all:hover {
    color: #47404f;
    background: #c7c3cb;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.browse-all:hover:focus {
    color: #47404f;
    background: #bebac2;
    box-shadow: 0 0 0 transparent
}

.btn-transparent-white {
    height: 32px;
    background-color: rgba(255, 255, 255, .64);
    font-size: 16px;
    font-weight: 700;
    color: #03121a;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    transition: background-color .2s;
    border: none;
    border-radius: 4px;
    overflow: hidden
}

.btn-transparent-white:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #03121a
}

.btn-transparent-white.active, .btn-transparent-white:focus {
    background-color: #fff;
    color: #03121a;
    outline: 0
}

input.regular-checkbox {
    display: none
}

.wrap_items .navigation-line ~ .hidden-results-container {
    margin-top: 0
}

.empty.col-md-12 .hidden-results-container {
    padding: 0 16px
}

@media (min-width: 795px) {
    .wrap_items .navigation-line ~ .hidden-results-container {
        margin-top: -24px
    }

    .empty.col-md-12 .hidden-results-container {
        padding: 0
    }
}

.empty-results-content {
    font-size: 14px;
    line-height: 16.8px;
    color: #47404f;
    border-radius: 24px;
    padding: 19px 24px;
    background: #f4f5f6;
    text-align: center;
    min-height: 96px
}

.empty-results-content::before {
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 100%;
    content: '';
    display: block;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 24px 36px;
    border-color: transparent transparent #f4f5f6
}

.empty-results-content.hidden-results-content {
    padding: 24px;
    border-radius: 4px;
    min-height: unset
}

.empty-results-content.hidden-results-content::before {
    display: none
}

.empty-results-content .empty-state-label {
    display: block
}

.empty-results-content .empty-state-label + .empty-state-action {
    margin-top: 12px
}

.empty-results-content .empty-state-action {
    display: block
}

.empty-results-content .empty-state-action.margin-top {
    margin-top: 16px
}

.empty-results-container {
    margin: 24px 0 0
}

@media (min-width: 1030px) {
    .empty-results-content::before {
        left: auto;
        bottom: auto;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        border-width: 24px 36px 24px 0;
        border-color: transparent #f4f5f6 transparent transparent
    }

    .empty-results-container {
        flex-wrap: nowrap;
        align-items: flex-start;
        margin: 24px 0 56px
    }

    .empty-results-container.hidden-results-container {
        margin: 24px 0 0
    }
}

.empty-results-container .empty-results-content-wrapper {
    flex: 1 0 auto;
    max-width: 320px
}

.empty-results-container.hidden-results-container .empty-results-content-wrapper {
    flex: 0 0 100%;
    width: 100%;
    max-width: unset
}

.empty-results-container.in-page-empty-container {
    margin: 24px auto;
    max-width: 476px
}

@media (min-width: 1030px) {
    .empty-results-container.in-page-empty-container {
        margin: 56px auto
    }
}

.empty-results-container.game-offer-empty {
    margin: 16px auto;
    max-width: unset
}

@media (min-width: 1030px) {
    .empty-results-container.game-offer-empty {
        margin: 16px auto 24px
    }
}

.empty .empty-results-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 476px
}

.empty .empty-results-container.hidden-results-container {
    max-width: unset
}

.empty-results-container.no-margin-top {
    margin-top: 0 !important
}

.empty-results-container.no-margin-bottom {
    margin-bottom: 0 !important
}

.empty-results-container .empty-results-icon {
    flex: 0 0 110px;
    width: 110px;
    margin: 0 0 46px
}

.empty-results-container .empty-results-icon .svg-icon {
    width: 110px;
    height: 112px
}

.empty-results-container .empty-results-icon .svg-icon.svg-icon-ghost {
    color: #fff;
    fill: #E0DDE3
}

.empty-results-container .empty-state-offer-simple {
    display: inline-block;
    padding: 16px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    background-color: #f4f5f6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1)
}

.empty-results-container .empty-state-offer-simple p {
    display: inline-block;
    margin: 0
}

.empty-results-container .empty-state-offer-simple p .enable-link {
    margin: 0
}

.empty-results-container .empty-state-offer-simple .price .price-inner {
    font-size: 14px;
    line-height: 16.8px
}

.empty-results-container.icon-below {
    flex-direction: column-reverse;
    align-items: center
}

.empty-results-container.icon-below .empty-results-icon {
    flex: 0 0 110px;
    width: 110px;
    margin: 46px 0 0
}

.empty-results-container.icon-below .empty-results-content {
    min-height: unset
}

.empty-results-container.icon-below .empty-results-content::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border-width: 36px 24px 0;
    border-color: #f4f5f6 transparent transparent
}

@media (max-width: 1029px) {
    .empty-results-container.icon-left {
        flex-direction: row;
        align-items: center
    }

    .empty-results-container.icon-left .empty-results-icon {
        flex: 0 0 64px;
        width: 64px;
        margin: 0 32px 0 0
    }

    .empty-results-container.icon-left .empty-results-icon .svg-icon {
        width: 64px;
        height: 69px
    }

    .empty-results-container.icon-left .empty-results-content-wrapper {
        flex: 1 0 calc(100% - 96px);
        max-width: 320px
    }

    .empty-results-container.icon-left .empty-results-content::before {
        left: auto;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        border-width: 16px 24px 16px 0;
        border-color: transparent #f4f5f6 transparent transparent
    }
}

.col-left .wrap_items.emptyProvider {
    width: 100%
}

@media (min-width: 1030px) {
    .empty-results-container .empty-results-icon {
        margin: 16px 46px 0 0
    }

    .empty-results-container .empty-state-offer-simple {
        padding: 16px 48px;
        line-height: 16.8px
    }

    .empty-results-container.icon-below {
        margin: 80px 0 0
    }

    .empty-results-container.icon-below .empty-results-content {
        padding: 24px
    }

    .col-left .wrap_items.emptyProvider {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .browse-all {
        max-width: 392px
    }

    .col-left .wrap_items.emptyProvider {
        width: 1140px
    }
}

@media (min-width: 1290px) {
    .col-left .wrap_items.emptyProvider {
        width: 1224px
    }
}

.col-left .wrap_items.emptyProvider .empty, .col-left .wrap_items.emptyProvider.grid .grid-list {
    width: 100%
}

@media (min-width: 1030px) {
    .col-left .wrap_items.emptyProvider.grid .grid-list {
        width: auto;
        margin: 0
    }
}

.news-section .col-left .wrap_items.emptyProvider {
    width: 100%
}

.news-section .col-left .wrap_items.emptyProvider .news-list {
    width: 100%;
    max-width: 100%
}

.wrap_items.emptyProvider .title-row {
    display: none
}

.wrap_items.emptyProvider .grid-list {
    grid-template-columns:1fr
}

.wrap_items.emptyProvider .list-items {
    box-shadow: none !important
}

.list-items .empty {
    margin: 36px auto 8px
}

@media (min-width: 1030px) {
    .list-items .empty {
        margin: 36px 0 8px
    }
}

.empty-states-page .empty-states {
    margin-top: 64px
}

.empty-states-page .empty-states.game-header {
    margin-top: 0
}

.empty-states-page.user-alerts-page .empty-states {
    margin-bottom: 32px
}

.filter-list .empty-results-container, .filter-list .empty-results-container .empty-results-content {
    padding-left: 20px;
    padding-right: 20px
}

.filter-list .empty-results-container .empty-results-content::before {
    z-index: 0
}

.filter-list#stores-payment-filter {
    padding-top: 8px
}

.modal .empty-states {
    margin: 0;
    padding: 52px 56px
}

.modal .empty-states .title {
    color: #1f1c22
}

.modal#ajax-collection-modal {
    z-index: 1052
}

.modal-backdrop.in + .modal-backdrop.in {
    z-index: 1051
}

.sync-box .icon-wrapper {
    display: inline-flex;
    color: #1f1c22
}

.sync-box .description .last-sync-time .locked-text, .sync-box .description .last-sync-time .not-yet, .sync-box .description .last-sync-time.not-synced-yet .last-sync, .sync-box.action-box .title .sync-text {
    display: none
}

.sync-box .description .last-sync-time.not-synced-yet .not-yet {
    display: block
}

.sync-box .progressBar {
    background-color: #d6d2da;
    height: 4px;
    border-radius: 4px;
    margin: 6px 0 2px;
    list-style: none;
    padding: 0;
    display: none;
    transition: opacity .3s;
    position: relative;
    z-index: 21
}

.sync-box .progressBar li {
    width: 33.33%;
    transition: background-color .5s linear;
    position: relative
}

.sync-box .progressBar li .dot {
    display: none;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(10, 9, 11, .08), 0 1px 1px 0 rgba(10, 9, 11, .16);
    position: absolute;
    margin-top: -8px;
    right: -10px;
    z-index: 2;
    cursor: pointer
}

.sync-box .progressBar li .dot:after {
    content: '';
    display: flex;
    position: relative;
    height: 4px;
    width: 4px;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    background-color: #d6d2da;
    transition: background-color .2s
}

.sync-box .progressBar li.active {
    background-color: #52aef4;
    border-radius: 4px
}

.sync-box .progressBar li.active .dot:after {
    background-color: #52aef4
}

.sync-box.connected .sync-status.connected {
    display: block
}

.sync-box.connected:hover {
    background-color: #fff
}

.sync-box.disconnected .sync-status.disconnected {
    display: block
}

.sync-box.disconnected:hover {
    background-color: #fff
}

.sync-box:not(.in-progress) .content-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sync-box.in-progress, .sync-box.in-progress:hover, .sync-box.new, .sync-box.new:hover, .sync-box.queued, .sync-box.queued:hover {
    background-color: #edeced !important;
    color: #332e38 !important
}

.sync-box.in-progress .title .source, .sync-box.new .title .source, .sync-box.queued .title .source {
    display: none
}

.sync-box.in-progress .title .sync-text, .sync-box.new .title .sync-text, .sync-box.queued .title .sync-text {
    display: inline-block
}

.sync-box.in-progress .description, .sync-box.in-progress .full-link, .sync-box.new .description, .sync-box.new .full-link, .sync-box.queued .description, .sync-box.queued .full-link {
    display: none
}

.sync-box.in-progress .progressBar, .sync-box.new .progressBar, .sync-box.queued .progressBar {
    display: flex
}

.sync-box.loading {
    opacity: .5
}

.sync-box.loading .description {
    display: none
}

.sync-box.loading .progressBar {
    display: flex
}

.sync-box .private-source-alert {
    display: none
}

.sync-box .sync-box-icons {
    position: absolute;
    bottom: 16px;
    left: calc(32px + 16px + 16px);
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #5c5365
}

.sync-box .sync-box-icons .svg-icon {
    width: 16px;
    height: 16px
}

.sync-box .sync-box-icons .sync-box-icons-more {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #a39aac
}

.syncs-container {
    height: 120px;
    overflow: visible;
    margin-top: 0
}

@media (min-width: 795px) and (max-width: 1029px) {
    .syncs-container {
        height: 130px
    }
}

.syncs-container::after, .syncs-container::before {
    position: absolute;
    top: 0;
    width: 16px;
    height: 120px;
    content: '';
    display: block;
    z-index: 2
}

@media (min-width: 1030px) {
    .syncs-container {
        height: 120px;
        margin-bottom: 6px
    }

    .syncs-container::after, .syncs-container::before {
        display: none
    }
}

.syncs-container::before {
    left: 0;
    background: linear-gradient(90deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

.syncs-container::after {
    right: 0;
    background: linear-gradient(270deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

.syncs-container .sync-widget:not(.swiper-initialized) {
    opacity: 0
}

.syncs-container .sync-slider {
    margin: -10px -16px
}

.syncs-container .sync-slider .sync-slider-swiper .sync-slider-slides .swiper-slide:first-child {
    padding-left: 16px
}

.syncs-container .sync-slider .sync-slider-swiper .sync-slider-slides .swiper-slide:last-child {
    padding-right: 16px
}

.syncs-container .swiper-buttons-wrapper {
    display: none
}

@media (min-width: 795px) {
    .empty-states-page.user-alerts-page .empty-states {
        margin-bottom: 128px
    }

    .syncs-container .sync-slider {
        margin: 0
    }

    .syncs-container .sync-slider .sync-slider-swiper .sync-slider-slides .swiper-slide:first-child {
        padding-left: 0
    }

    .syncs-container .sync-slider .sync-slider-swiper .sync-slider-slides .swiper-slide:last-child {
        padding-right: 0
    }

    .syncs-container .swiper-buttons-wrapper {
        position: absolute;
        right: 30px;
        top: -24px;
        height: 24px;
        display: flex
    }

    .item-list.list-layout.bundle-tier-list-item .action-wrap, .item-list.list-layout.game-list-item .action-wrap {
        min-width: 188px
    }
}

.syncs-container .swiper-buttons-wrapper .swiper-button-mp.button-bigger {
    display: block;
    width: 24px;
    height: 24px;
    padding: 6px 4px
}

.copy-token-wrapper {
    position: relative
}

.copy-token-wrapper .code-action-label {
    transition: color .2s;
    content: 'copy';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 10px 12px 12px 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #279af1;
    text-transform: uppercase;
    cursor: pointer
}

.copy-token-wrapper .code-action-label .svg-icon {
    margin-left: 4px
}

.copy-token-wrapper .copy-token-input.form-control {
    position: relative;
    z-index: 1;
    padding-right: 72px;
    cursor: copy
}

.copy-token-wrapper:hover .code-action-label {
    color: #52aef4
}

.make-profile-public-window {
    font-weight: 700;
    min-height: 60vh;
    max-height: 75vh
}

.make-profile-public-window header {
    padding-bottom: 32px !important
}

.make-profile-public-window .steps {
    margin: 0 24px
}

.make-profile-public-window .steps .step-number {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 4px;
    font-weight: 700;
    color: #70657b
}

.make-profile-public-window .steps .step-number::before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #70657b;
    margin: 0 8px 0 0
}

.make-profile-public-window .steps .title {
    color: #70657b;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.make-profile-public-window .steps .title strong {
    font-weight: 600
}

.make-profile-public-window .steps .image {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin: 8px 0 24px
}

.make-profile-public-window .steps .image img {
    width: 100%
}

.make-profile-public-window .footer {
    background: #ebe9ed;
    color: #70657b;
    padding: 28px 24px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row
}

.make-profile-public-window .footer .icon {
    display: block;
    font-size: 40px;
    flex: 0 0 auto;
    width: auto;
    margin: 0 16px 0 0
}

.make-profile-public-window .footer .text-wrapper {
    display: block;
    flex: 1 1 100%;
    max-width: 100%
}

.make-profile-public-window .footer .title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    color: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 4px
}

.make-profile-public-window .footer .subtitle {
    display: block;
    color: inherit;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 0
}

.hoverable-box {
    transition: background-color .2s;
    background: #f4f5f6
}

.hoverable-box:hover {
    background-color: #fff
}

.hoverable-box.archived, .hoverable-box.archived:active, .hoverable-box.archived:hover, .hoverable-box.ext-hover, .hoverable-box.ext-hover:hover, .hoverable-box.game-item-column-head, .hoverable-box.game-item-column-head:hover, .hoverable-box.game-items-header, .hoverable-box.game-items-header:hover, .hoverable-box.ignored:not(.ignorelist-item), .hoverable-box.ignored:not(.ignorelist-item):active, .hoverable-box.ignored:not(.ignorelist-item):hover, .hoverable-box.inactive, .hoverable-box.inactive:active, .hoverable-box.inactive:hover, .hoverable-box.no-hover, .hoverable-box.no-hover:hover, .hoverable-box.options-active, .hoverable-box.options-active:hover {
    background-color: #f4f5f6
}

.shop-link {
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    padding: 0 24px;
    font-size: 14px
}

.shop-link .shop-now {
    font-weight: 700;
    color: #03121a
}

.shop-link.lowest-recorded .shop-now {
    color: rgba(5, 153, 82, .25)
}

@media (min-width: 1030px) {
    .shop-link {
        justify-content: center;
        padding: 0
    }

    .shop-link .shop-now {
        display: none;
        color: #fff !important;
        background-color: #5c6568;
        height: 100%;
        width: 100%
    }

    .shop-link.lowest-recorded .shop-now {
        background-color: rgba(5, 153, 82, .25)
    }

    .games-box .list-items .time-interval {
        padding: 4px 0
    }

    .games-box .list-items .time-interval:first-child {
        padding-top: 0
    }
}

.shop-link .shop-icon .svg-icon {
    display: none
}

.time-interval {
    height: 32px;
    color: #70657b;
    font-size: 12px;
    line-height: 2;
    padding: 4px 12px;
    margin-bottom: 1px
}

.games-box .list-items .time-interval {
    background: 0 0
}

.games-box .list-items .time-interval:not(:first-child) {
    margin-top: 24px
}

.item-list {
    position: relative
}

.item-list.list-layout {
    border-top: 1px solid #eae9ec
}

.item-list.list-layout .main-image img {
    height: 56px;
    width: 120px
}

.item-list.list-layout .store-favicon-wrapper {
    display: none;
    align-self: center;
    padding: 12px;
    background: 0 0;
    position: relative;
    z-index: 22
}

@media (min-width: 1030px) {
    .item-list.list-layout .main-image img {
        height: 72px;
        width: 188px
    }

    .item-list.list-layout .store-favicon-wrapper {
        display: inline-flex
    }
}

.item-list.list-layout .store-favicon-wrapper img {
    width: 16px;
    height: 16px
}

.item-list.list-layout .image-wrap {
    display: inline-block;
    height: 100%
}

.item-list.list-layout .image-wrap .badges {
    right: -12px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.item-list.list-layout .image-wrap .badges .badge-link + .badge-link {
    margin-top: 4px
}

.item-list.list-layout .main-wrap {
    flex-basis: 100%;
    overflow: hidden;
    padding: 14px 16px 14px 20px
}

.item-list.list-layout .price-wrap {
    padding: 12px 16px
}

.item-list.list-layout.bundle-tier-list-item .action-wrap, .item-list.list-layout.game-list-item .action-wrap {
    box-shadow: 2px 0 8px 0 rgba(3, 18, 26, .06);
    height: 72px
}

.item-list.list-layout:hover {
    background-color: #fff !important
}

@media (max-width: 1029px) {
    .item-list.list-layout.bundle-tier-list-item, .item-list.list-layout.game-list-item {
        border-radius: 0 !important
    }

    .item-list.list-layout.bundle-tier-list-item:not(:last-child), .item-list.list-layout.game-list-item:not(:last-child) {
        margin-bottom: 8px
    }

    .item-list.list-layout.bundle-tier-list-item .image-wrap + .main-wrap, .item-list.list-layout.game-list-item .image-wrap + .main-wrap {
        padding: 0 8px
    }

    .item-list.list-layout.bundle-tier-list-item .main-wrap, .item-list.list-layout.game-list-item .main-wrap {
        flex-basis: calc(100% - 128px);
        padding: 8px 8px 0
    }

    .item-list.list-layout.bundle-tier-list-item .action-wrap, .item-list.list-layout.game-list-item .action-wrap {
        flex-basis: 100%;
        width: 100%;
        height: 48px
    }

    .item-list.list-layout.bundle-tier-list-item .action-wrap .shop-link img, .item-list.list-layout.game-list-item .action-wrap .shop-link img {
        max-height: 24px !important
    }

    .item-list.list-layout.bundle-tier-list-item .price-wrap, .item-list.list-layout.game-list-item .price-wrap {
        display: inline-flex;
        width: 100%;
        padding: 8px 8px 8px 0
    }

    .item-list.list-layout.bundle-tier-list-item .price-wrap .price-widget .before-price-wrapper, .item-list.list-layout.game-list-item .price-wrap .price-widget .before-price-wrapper {
        padding-left: 8px
    }
}

.item-list.list-layout.mainpage-preset-item {
    height: 56px;
    box-shadow: none;
    box-sizing: content-box
}

.item-list.list-layout.mainpage-preset-item:first-of-type {
    border-top: none
}

.item-list.list-layout.mainpage-preset-item .main-wrap .title-line .title {
    font-size: 14px;
    line-height: 21px
}

.item-list.list-layout.mainpage-preset-item .main-wrap .details-line .tags .tag {
    font-size: 12px;
    line-height: 14px
}

.item-list.list-layout.mainpage-preset-item .image-wrap {
    z-index: unset
}

.item-list.list-layout.mainpage-preset-item .image-wrap .main-image {
    overflow: hidden
}

.item-list.list-layout.mainpage-preset-item .image-wrap img {
    width: auto;
    height: 56px
}

.item-list.list-layout.mainpage-preset-item .image-wrap + .main-wrap {
    padding: 6px 0 6px 8px
}

.item-list.list-layout.mainpage-preset-item .game-tags {
    margin: 2px 0 -2px
}

.item-list.list-layout.mainpage-preset-item .tags {
    margin: 0;
    line-height: 1;
    -moz-column-gap: 16px;
    column-gap: 16px;
    height: 18px
}

.item-list.list-layout.mainpage-preset-item .price-wrap {
    padding: 0 0 0 8px;
    width: initial !important;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-end;
    row-gap: 4px;
    justify-content: center
}

@media (min-width: 1030px) {
    .item-list.list-layout.mainpage-preset-item {
        height: 50px
    }

    .item-list.list-layout.mainpage-preset-item .main-wrap .details-line .tags {
        min-height: 0;
        height: auto
    }

    .item-list.list-layout.mainpage-preset-item .image-wrap img {
        transition: transform .2s linear;
        transform: none;
        transform-origin: center;
        width: auto;
        height: 50px
    }

    .item-list.list-layout.mainpage-preset-item .image-wrap + .main-wrap {
        padding: 4px 4px 4px 12px
    }

    .item-list.list-layout.mainpage-preset-item .game-tags {
        margin: 0
    }

    .item-list.list-layout.mainpage-preset-item .price-wrap {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        row-gap: 0;
        padding: 4px 12px 4px 4px
    }

    .item-list.list-layout.mainpage-preset-item .price-wrap .before-price-wrapper {
        margin-right: 8px
    }
}

.item-list.list-layout.mainpage-preset-item .price-wrap .before-price-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.item-list.list-layout.mainpage-preset-item .price-wrap .before-price-wrapper .label .svg-icon {
    display: none
}

.item-list.list-layout.mainpage-preset-item .price-wrap .before-price-wrapper .label.historical {
    font-size: 0;
    color: transparent
}

.item-list.list-layout.mainpage-preset-item .price-wrap .before-price-wrapper .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.item-list.list-layout.mainpage-preset-item .price-wrap .price .price-inner {
    font-size: 18px;
    line-height: 21px
}

@media (min-width: 1030px) {
    .item-list.list-layout.mainpage-preset-item .price-wrap .price .price-inner {
        font-size: 18px;
        line-height: 24px
    }

    .item-list.list-layout.mainpage-preset-item:hover .image-wrap img {
        transform: scale(1.1)
    }
}

.item-list.list-layout.mainpage-preset-item .price-wrap .price .unavailable-label {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    white-space: nowrap;
    color: #8f849a
}

@media (max-width: 1029px) {
    .item-list.list-layout.mainpage-preset-item.game-list-item:not(:last-child), .item-list.list-layout.mainpage-preset-item:not(:last-child) {
        margin-bottom: 0
    }

    .item-list.list-layout.mainpage-preset-item .price-wrap, .item-list.list-layout.mainpage-preset-item.game-list-item .price-wrap {
        flex-basis: initial;
        padding: 0 8px
    }
}

.item-list.list-layout.mainpage-preset-item .game-collection-actions.columns {
    height: 12px
}

.item-list.list-layout.mainpage-preset-item .game-collection-actions.columns .game-action {
    margin-left: 4px
}

.item-list.list-layout.mainpage-preset-item .game-collection-actions.columns .game-action .svg-icon {
    height: 12px;
    width: 12px
}

.item-list .image-wrap {
    position: relative;
    z-index: 20
}

.item-list .image-wrap .badges {
    position: absolute;
    z-index: 20
}

.item-list .image-wrap .main-image {
    display: block;
    color: #03121a;
    overflow: hidden;
    height: 100%
}

.item-list .main-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.item-list .main-wrap .title-line {
    width: 100%
}

.item-list .main-wrap .title-line .title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    color: #1f1c22;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 21
}

.item-list .main-wrap .title-line .after-title, .item-list .main-wrap .title-line .title {
    font-size: 14px;
    line-height: 21px
}

.item-list .main-wrap .title-line .after-title {
    display: flex
}

.item-list .main-wrap .title-line .after-title .game-active-icons {
    margin-top: 0
}

.item-list .main-wrap .details-line {
    width: 100%;
    margin: 3px 0 0
}

.item-list .main-wrap .details-line .tags .tag {
    display: flex;
    align-items: baseline
}

.item-list .price-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.item-list .price-wrap .price-widget {
    justify-content: flex-end;
    display: flex;
    align-items: center
}

.item-list .price-wrap .price-widget .before-price-wrapper {
    min-width: 20px
}

@media (min-width: 1030px) {
    .item-list .main-wrap .title-line .after-title, .item-list .main-wrap .title-line .title {
        line-height: 24px
    }

    .item-list .price-wrap .price-widget .before-price-wrapper {
        padding: 5px 0
    }
}

.item-list .price-wrap .price-widget .price {
    padding-left: 6px
}

.item-list.bundle-tier-list-item.with-full-link .action-wrap, .item-list.bundle-tier-list-item.with-full-link .title-line {
    z-index: 19
}

.item-list.bundle-tier-list-item.with-full-link .details-line, .item-list.bundle-tier-list-item.with-full-link .price-wrap {
    cursor: pointer
}

.item-list.with-full-link .action-wrap, .item-list.with-full-link .game-action, .item-list.with-full-link .price-wrap, .item-list.with-full-link .tag {
    z-index: 21;
    position: relative
}

.item-list.game-list-item.list-layout.collection-item .action-wrap {
    background: inherit;
    box-shadow: none;
    padding: 24px;
    min-width: initial;
    height: 72px
}

.games-box {
    position: relative
}

.games-box.extended-width {
    margin-left: -16px;
    margin-right: -16px
}

.games-box .shop-image {
    flex: 0 0 102px;
    width: 102px;
    height: 58px
}

@media (max-width: 1029px) {
    .games-box .shop-image {
        padding-left: 16px;
        padding-right: 8px
    }

    .games-box .shop-image ~ .game-info-wrapper {
        max-width: calc(100% - 120px)
    }

    .games-box .shop-image ~ .game-info-wrapper .price-wrapper {
        margin-top: 10px;
        margin-left: -94px;
        max-width: 220px;
        justify-content: flex-end;
        flex-wrap: wrap-reverse;
        align-items: baseline
    }

    .games-box .shop-image ~ .game-info-wrapper .price-wrapper .price.game-price {
        margin: 0 11px 4px 0
    }

    .games-box .shop-image ~ .game-info-wrapper .price-wrapper .price-label {
        margin-left: 0;
        margin-right: 11px
    }

    .games-box .shop-image ~ .game-info-wrapper .price-wrapper .price-label:first-child {
        margin-right: 0
    }

    .games-box .shop-image ~ .game-info-wrapper .game-labels {
        margin-left: -110px
    }

    .games-box .shop-image.voucher-image ~ .game-info-wrapper .game-labels {
        margin-left: -110px;
        padding-left: 0
    }

    .games-box .game-item .game-info-wrapper.column {
        padding-bottom: 0
    }

    .games-box .game-item .game-info-wrapper.column + .game-cta {
        padding-bottom: 16px
    }
}

@media (min-width: 1030px) {
    .item-list.game-list-item.list-layout.collection-item .action-wrap {
        padding-left: 0
    }

    .games-box .shop-image {
        flex: 0 0 123px;
        width: 123px;
        height: 72px
    }

    .games-box .shop-image ~ .game-info-wrapper {
        padding-left: 0
    }
}

.games-box .shop-image .shop-link {
    padding: 16px 8px 0 0;
    height: 100%
}

.games-box .shop-image .shop-link span {
    display: none
}

.games-box .shop-image img {
    margin: auto;
    width: auto;
    height: auto;
    box-shadow: none;
    max-width: 100% !important;
    max-height: 56px;
    display: block;
    content-visibility: visible
}

.games-box .shop-image img.shop-image-white {
    display: none;
    content-visibility: hidden
}

.games-box .shop-item {
    position: relative;
    margin-top: 8px
}

.games-box .shop-item.game-item {
    max-height: unset
}

.games-box .shop-item:first-child {
    margin-top: 0
}

@media (min-width: 1030px) {
    .games-box .shop-image .shop-link {
        padding: 0 24px
    }

    .games-box .shop-item {
        flex-wrap: nowrap;
        margin-top: 0;
        box-shadow: none
    }

    .games-box .shop-item.border-top-desktop {
        border-top: 1px solid #eae9ec
    }
}

.games-box .game-item {
    width: 100%;
    max-height: 360px
}

.games-box .game-item:first-child {
    margin-top: 0
}

.games-box .game-item.franchise-item-box {
    max-height: unset
}

.games-box .game-item.fold-up {
    transition: .5s linear !important;
    overflow: hidden !important;
    opacity: 0 !important;
    padding: 0 !important
}

.games-box .game-item.fold-up:not(.game-grid-box) {
    max-height: 0 !important;
    margin: 0 !important
}

.games-box .game-item.fold-up.game-grid-box {
    transition: opacity .3s linear, max-width .2s linear .3s, margin .2s linear .3s !important;
    max-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.games-box .game-item.padding-bottom-mobile {
    padding: 0 0 16px;
    min-height: 106px
}

.games-box .game-item.no-spacing {
    margin-top: 1px
}

.games-box .game-item.with-checkbox.selected {
    background-color: #fff
}

@media (min-width: 1030px) {
    .games-box .game-item.padding-bottom-mobile {
        padding-bottom: 0;
        min-height: unset
    }

    .games-box .game-item {
        padding-bottom: 0;
        flex-wrap: nowrap;
        box-shadow: none
    }

    .games-box .game-item.border-top-desktop {
        border-top: 2px solid #eae9ec
    }

    .games-box .game-item:first-child:not(.game-item-in-bundle) {
        border-top: none
    }

    .games-box .game-item:first-child.game-item-in-bundle {
        border-top: 2px solid #eae9ec
    }
}

.games-box .game-item .game-image {
    align-self: flex-start;
    flex: 0 0 120px;
    width: 120px;
    height: 56px;
    max-height: 56px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-image {
        flex: 0 0 188px;
        width: 188px;
        height: 88px;
        max-height: 88px;
        z-index: unset
    }
}

.games-box .game-item .game-image img {
    max-width: 100%;
    height: auto
}

.games-box .game-item .game-info-subtitle {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #a39aac;
    margin-bottom: 2px;
    font-weight: 400
}

.games-box .game-item .game-info-title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #1f1c22;
    margin: 0;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
    z-index: 21
}

@media (min-width: 1200px) {
    .games-box .game-item .game-info-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600
    }
}

.games-box .game-item .game-info-title .title-inner {
    color: inherit
}

.games-box .game-item .game-price {
    line-height: 1;
    white-space: nowrap;
    margin-left: auto
}

.games-box .game-item .game-price.with-tooltip[data-tippy] {
    position: relative;
    z-index: 4;
    cursor: help;
    text-decoration: none
}

.games-box .game-item .game-price .game-price-label {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    line-height: 13px;
    color: #7c8285;
    margin-right: 5px
}

.games-box .game-item .game-price .game-price-old {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    line-height: 13px;
    color: #7c8285;
    text-decoration: line-through;
    margin-right: 8px
}

.games-box .game-item .game-price .price-inner {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    line-height: 18px
}

.games-box .game-item .game-price .price-inner.price-hl {
    color: rgba(5, 153, 82, .25)
}

.games-box .game-item ul.game-labels {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    max-width: 55%;
    margin-top: -4px;
    align-items: self-start
}

@media (min-width: 1030px) {
    .games-box .game-item .game-price {
        margin: 0
    }

    .games-box .game-item .game-price .price-inner {
        font-size: 21px;
        line-height: 21px
    }

    .games-box .game-item ul.game-labels {
        flex-direction: row;
        flex-wrap: nowrap;
        max-width: unset;
        margin-top: 4px;
        align-items: flex-end
    }
}

.games-box .game-item ul.game-labels li {
    display: block;
    flex: 0 0 auto;
    margin-top: 8px;
    height: 16px
}

.games-box .game-item ul.game-labels li.badge-expiry .badge {
    text-transform: none
}

.games-box .game-item ul.game-labels li.badge-expiry .badge time {
    text-transform: lowercase
}

.games-box .game-item ul.game-labels li.largest-badge {
    height: 21px
}

.games-box .game-item ul.game-labels li.badge-sticky {
    white-space: nowrap;
    overflow: hidden;
    flex: 0 1 auto
}

.games-box .game-item ul.game-labels li.badge-sticky .voucher-badge {
    display: inline-block;
    vertical-align: top
}

.games-box .game-item ul.game-labels li.badge-sticky .voucher-badge .code {
    color: #03121a;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: inherit;
    vertical-align: top
}

@media (min-width: 1030px) {
    .games-box .game-item ul.game-labels li {
        margin-top: 0
    }

    .games-box .game-item ul.game-labels li ~ .largest-badge {
        margin-left: 8px
    }

    .games-box .game-item ul.game-labels li.badge-sticky {
        max-width: unset;
        overflow: visible;
        flex: unset
    }

    .games-box .game-item ul.game-labels li.badge-sticky .voucher-badge .code {
        text-overflow: unset;
        overflow: visible;
        display: inline-block
    }

    .games-box .game-item.with-shop-icon-item .game-info-wrapper {
        max-width: calc(100% - 251px)
    }
}

.games-box .game-item ul.game-labels li .expired-time-badge, .games-box .game-item ul.game-labels li .expired-time-badge time {
    margin: 0
}

.games-box .game-item .game-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px 16px 8px;
    flex: 1 1 auto;
    max-width: calc(100% - 120px);
    align-self: flex-start;
    min-height: 110px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper {
        flex-direction: row;
        max-width: calc(100% - 188px);
        align-self: center;
        padding: 0 16px;
        min-height: unset
    }
}

.games-box .game-item .game-info-wrapper.column {
    flex-direction: column;
    flex: 0 0 100%;
    flex-wrap: nowrap;
    min-height: unset
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper.column {
        flex: 1 1 auto
    }
}

.games-box .game-item .game-info-wrapper .game-info-title-wrapper {
    white-space: nowrap;
    line-height: 1;
    padding: 8px 0 6px;
    display: flex;
    align-items: center;
    max-width: 100%
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .game-info-title-wrapper {
        order: 1;
        flex: 1 1 70%;
        max-width: 100%;
        overflow: hidden;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 16px 0 0
    }
}

.games-box .game-item .game-info-wrapper .game-info-title-wrapper .extra-news-info {
    font-weight: 400
}

.games-box .game-item .game-info-wrapper .game-info-title-wrapper .badge {
    padding: 1.2px 8px 1.8px;
    font-size: 12px;
    line-height: 13px;
    transform: translateY(0)
}

.games-box .game-item .game-info-wrapper .game-info-title {
    display: block
}

.games-box .game-item .game-info-wrapper .game-tags {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    min-height: 25px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .game-tags {
        order: 3;
        flex: 0 1 auto;
        min-height: unset;
        max-width: 45%;
        min-width: 22%;
        margin-top: 10px
    }
}

@media (min-width: 1290px) {
    .games-box .game-item .game-info-wrapper .game-tags {
        max-width: 70%;
        min-width: 35%
    }
}

.games-box .game-item .game-info-wrapper .price-info-with-label {
    max-width: 220px;
    display: flex;
    flex-direction: column;
    flex: 1 0 35%;
    order: 1;
    margin: 10px auto 0 -94px;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap-reverse
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .price-info-with-label {
        max-width: 35%;
        margin: 0 0 0 auto;
        max-height: 22px;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: initial
    }
}

.games-box .game-item .game-info-wrapper .price-info-with-label .price-wrapper {
    flex: unset;
    max-width: unset;
    margin: 0
}

.games-box .game-item .game-info-wrapper .price-info-with-label .game-labels {
    margin: 0 0 0 -16px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .price-info-with-label .game-labels {
        margin: 10px 0 0 auto;
        justify-content: flex-end
    }

    .games-box .game-item .game-info-wrapper.full-title {
        overflow: hidden
    }

    .games-box .game-item .game-info-wrapper.full-title .game-info-title-wrapper, .games-box .game-item .game-info-wrapper.full-title .game-tags {
        flex: 1 1 100%;
        max-width: 100%
    }
}

.games-box .game-item .game-info-wrapper .price-wrapper {
    display: flex;
    max-width: 100%;
    margin: 12px auto 0 -112px;
    flex-direction: row-reverse;
    align-items: flex-end;
    text-align: left;
    flex: 0 0 100%
}

.games-box .game-item .game-info-wrapper .price-wrapper .label-fee, .games-box .game-item .game-info-wrapper .price-wrapper .price-old {
    margin: 0 0 0 11px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .price-wrapper {
        display: flex;
        flex-direction: row;
        order: 2;
        flex: 0 0 auto;
        max-width: 30%;
        text-align: right;
        margin: 0 0 0 auto;
        justify-content: flex-end
    }

    .games-box .game-item .game-info-wrapper .price-wrapper .label-fee, .games-box .game-item .game-info-wrapper .price-wrapper .price-old {
        margin: 0 8px 0 0
    }
}

.games-box .game-item .game-info-wrapper .game-labels {
    margin: 2px auto -4px -128px;
    padding: 0 0 0 16px;
    max-width: calc(100vw - 184px);
    list-style: none
}

@media (min-width: 795px) {
    .games-box.extended-width {
        margin-left: -30px;
        margin-right: -30px
    }

    .games-box .game-item .game-info-wrapper .game-labels {
        max-width: 500px
    }
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .game-labels {
        padding: 0;
        order: 4;
        flex: 0 0 auto;
        margin: 10px 0 0 auto;
        min-width: unset;
        max-width: unset
    }

    .games-box .game-item .game-info-wrapper .game-labels.only-badges {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        order: 2;
        margin: 0
    }
}

@media (max-width: 1029px) {
    .games-box .game-item .game-info-wrapper .game-labels.only-badges {
        max-width: 180px;
        flex-direction: column
    }

    .games-box .game-item .game-info-wrapper .game-labels.only-badges.voucher-labels {
        align-items: flex-end
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels .label {
        margin: 0
    }
}

.games-box .game-item .game-info-wrapper .game-labels .label {
    margin: 4px 0
}

.games-box .game-item .game-info-wrapper .unavailable-label {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #c2bcc8;
    margin: 18px auto 0 -120px;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper .game-labels .label {
        margin: 0
    }

    .games-box .game-item .game-info-wrapper .unavailable-label {
        order: 2;
        max-width: 30%;
        flex: 0 0 30%;
        margin: 0 0 0 auto;
        text-align: right
    }
}

.games-box .game-item .game-info-wrapper.condensed {
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: calc(100% - 103px);
    min-height: unset;
    padding: 0 16px 0 8px;
    align-self: center
}

@media (min-width: 795px) {
    .games-box .game-item .game-info-wrapper.condensed {
        padding: 0 16px
    }
}

.games-box .game-item .game-info-wrapper.condensed .game-info-title-wrapper {
    flex: 1 1 auto;
    order: 1;
    max-width: 100%
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper.condensed {
        padding: 0 24px
    }

    .games-box .game-item .game-info-wrapper.condensed:not(.game-info-related) {
        padding: 0 24px 0 0
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-title-wrapper {
        align-items: center
    }
}

.games-box .game-item .game-info-wrapper.condensed .game-info-title {
    white-space: normal;
    text-overflow: unset;
    overflow: initial;
    padding-right: 8px;
    font-size: 13px;
    line-height: 16px
}

.games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    order: 2;
    max-width: 100%;
    margin-left: auto;
    align-self: center
}

.games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .price-wrapper {
    max-width: unset;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
    align-items: baseline;
    order: unset;
    z-index: 3
}

.games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .price-wrapper .price-label {
    display: none
}

.games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .price-wrapper .game-price .price-inner {
    font-size: 16px;
    line-height: 18px
}

.games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels {
    display: block;
    margin: 1px 4px 0 0
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper.condensed .game-info-title {
        padding-right: 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .price-wrapper .price-label {
        display: inline-block
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .price-wrapper .game-price .price-inner {
        font-size: 21px;
        line-height: 21px
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels {
        max-width: unset;
        margin: 3px 8px 0 0
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels .label.discount.with-tooltip {
        position: relative;
        z-index: 3
    }
}

@media (max-width: 1029px) {
    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels .label.historical {
        font-size: 0;
        color: transparent
    }

    .games-box .game-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels .label.historical::before {
        content: 'HL';
        font-size: 12px;
        color: #036837;
        display: inline-block
    }
}

.games-box .game-item .game-info-wrapper.condensed.price-column .game-info-price-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start
}

.games-box .game-item .game-info-wrapper.condensed.price-column .game-info-price-wrapper .labels-container {
    margin-left: 0;
    margin-right: 0
}

.games-box .game-item.game-group-game-list-item {
    padding: 12px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-info-wrapper.condensed.price-column .game-info-price-wrapper {
        align-items: flex-end
    }

    .games-box .game-item.game-group-game-list-item {
        padding: 0
    }
}

.games-box .game-item.game-group-game-list-item .image-wrap ~ .game-info-related .game-info-price-wrapper .game-labels {
    max-width: calc(100vw - 128px)
}

.games-box .game-item.game-group-game-list-item .game-info-title {
    text-overflow: initial;
    white-space: normal;
    overflow: initial;
    display: inline
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper {
    flex-direction: column;
    max-width: calc(100% - 76px);
    flex: 0 0 calc(100% - 76px);
    min-height: 100%;
    flex-wrap: nowrap;
    padding: 0 0 0 8px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper {
        flex-direction: row;
        flex: 1 1 auto;
        max-width: calc(100% - 342px);
        flex-wrap: nowrap;
        min-height: unset;
        padding-left: 24px;
        padding-right: 24px
    }
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-title-wrapper {
    flex: 1 0 auto;
    padding: 0;
    display: block
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-title-wrapper {
        flex: 1 1 70%;
        align-self: center
    }
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-title-wrapper .game-active-icons.game-interactive-icons {
    vertical-align: text-top
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags {
    order: 3;
    display: flex;
    flex: 0 0 auto;
    min-height: unset;
    height: 20px;
    padding: 4px 0 0;
    min-width: unset;
    z-index: unset
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags .tag .title {
    display: block;
    margin-right: 6px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags {
        order: 2;
        max-width: 30%;
        flex: 0 0 150px;
        padding: 0 0 0 16px;
        align-items: center;
        justify-content: flex-end;
        align-self: center;
        min-width: unset
    }

    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags.rate-info {
        margin: 0
    }

    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags .tag .title {
        display: none
    }

    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags .tag .value {
        font-size: 14px;
        line-height: 18px
    }
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-tags .tag .value {
    display: block
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .unavailable-label {
    order: 2;
    margin: 0;
    flex: 0 0 auto;
    align-self: flex-start
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper .unavailable-label {
        order: 3;
        flex: 0 0 130px;
        align-self: center;
        text-align: center
    }
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper {
    order: 2;
    margin: 0;
    flex: 0 0 auto;
    align-self: flex-start
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper {
        order: 3;
        flex: 0 0 240px;
        align-self: center
    }
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .price-wrapper {
    flex-direction: row;
    margin: 0;
    max-width: unset
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .price-wrapper .price-label {
    text-transform: lowercase;
    display: block;
    margin: 0 8px 0 0
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .price-wrapper .game-price {
    margin: 0
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .price-wrapper .game-price .price-inner.game-price-new {
    font-size: 18px;
    line-height: 21.6px
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .game-labels {
    display: flex;
    padding: 0;
    justify-content: flex-start;
    margin: 4px 0 0
}

.games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .game-labels .label {
    margin: 0
}

.games-box .game-item.game-group-game-list-item .game-cta {
    display: none
}

@media (min-width: 1030px) {
    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .price-wrapper .game-price .price-inner.game-price-new {
        font-size: 21px;
        line-height: 25px
    }

    .games-box .game-item.game-group-game-list-item .game-info-wrapper .game-info-price-wrapper .game-labels {
        justify-content: flex-end
    }

    .games-box .game-item.game-group-game-list-item .game-cta {
        display: block
    }

    .games-box .game-item.game-group-game-list-item.inactive .game-info-wrapper {
        max-width: calc(100% - 188px)
    }
}

@media (max-width: 1029px) {
    .games-box .game-item.ignorelist-item .game-image {
        flex: 0 0 98px;
        width: 98px;
        height: 144px;
        max-height: unset;
        padding: 12px 6px 12px 12px
    }

    .games-box .game-item.ignorelist-item .game-info-wrapper .game-info-title-wrapper {
        display: block;
        white-space: normal
    }
}

.games-box .game-item.ignorelist-item .game-info-wrapper {
    min-height: unset;
    width: calc(100% - 102px);
    max-width: calc(100% - 102px);
    padding: 12px 16px 16px 8px
}

.games-box .game-item.ignorelist-item .link-remove {
    white-space: nowrap
}

.games-box .game-item .price-wrapper {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    margin-left: auto
}

.games-box .game-item .price-wrapper .price.game-price {
    position: relative;
    text-decoration: none;
    z-index: 21
}

.games-box .game-item .price-wrapper .price-label {
    position: relative;
    z-index: 21;
    font-size: 12px;
    line-height: 14.5px;
    color: #70657b;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 0 8px
}

.games-box .game-item .price-wrapper .price-label.width-tooltip {
    cursor: help
}

@media (min-width: 1030px) {
    .games-box .game-item.ignorelist-item .game-info-wrapper {
        width: calc(100% - 310px);
        max-width: calc(100% - 310px);
        padding: 0 16px
    }

    .games-box .game-item:not(.game-item-with-sidebar) .game-info-wrapper .game-info-title-wrapper {
        flex: 1 1 70%
    }

    .games-box .game-item.wishlist-item .game-info-wrapper {
        max-width: calc(100% - 299px)
    }

    .games-box .game-item .price-wrapper:not(.with-badges) .game-price {
        margin-bottom: -13px
    }

    .games-box .game-item .price-wrapper .price-label {
        display: inline-block;
        margin: 0 8px 0 0
    }

    .games-box .game-item .price-wrapper .price-old {
        display: inline-block
    }
}

.games-box .game-item .price-wrapper .price-old {
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 13px;
    color: #70657b;
    margin-right: 8px;
    display: inline-block;
    text-decoration: line-through;
    white-space: nowrap
}

.games-box .game-item .price-wrapper .price-old.width-tooltip {
    cursor: help
}

.games-box .game-item .price-wrapper .price-old .label-fee {
    text-decoration: none
}

.games-box .game-item .game-cta {
    position: absolute;
    right: 0;
    bottom: 16px;
    height: 32px;
    margin: 0;
    padding: 0 16px 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.games-box .game-item .game-cta.variant-mobile {
    display: table
}

@media (min-width: 1030px) {
    .games-box .game-item .price-wrapper .price-old .label-fee {
        display: none
    }

    .games-box .game-item .game-cta {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
        border-left: 1px solid #eae9ec;
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
        margin: 0;
        padding: 0;
        box-sizing: content-box
    }

    .games-box .game-item .game-cta.variant-mobile {
        display: none
    }

    .games-box .game-item .game-cta.wide-cta {
        display: flex;
        flex: 0 0 136px;
        width: 136px;
        max-width: 136px;
        padding: 20px 24px 20px 0
    }

    .games-box .game-item .game-cta.wide-cta.wider {
        display: flex;
        flex: 0 0 154px;
        width: 154px;
        max-width: 154px
    }

    .games-box .game-item .game-cta.wide-cta.no-border {
        height: auto;
        box-sizing: border-box
    }

    .games-box .game-item .game-cta.voucher-wide-cta {
        display: flex;
        flex: 0 0 216px;
        width: 216px;
        max-width: 216px
    }

    .games-box .game-item .game-cta.voucher-wide-cta .action-btn.action-ext:not(.disabled):hover {
        background-color: #38a2f2
    }

    .games-box .game-item .game-cta.no-border {
        border-left: none
    }
}

.games-box .game-item .game-cta.width-auto {
    width: auto;
    flex: 1 1 auto;
    padding: 0
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.width-auto {
        flex: 0 0 auto;
        display: flex;
        height: 100%
    }
}

@media (max-width: 1029px) {
    .games-box .game-item.ignorelist-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
        display: inline;
        white-space: normal;
        overflow: visible
    }

    .games-box .game-item.ignorelist-item .game-info-wrapper .game-info-title-wrapper .game-active-icons {
        display: inline-flex;
        padding: 1px 0 0;
        margin: 0 0 0 2px
    }

    .games-box .game-item.ignorelist-item .game-info-wrapper .game-image {
        height: auto;
        max-height: unset;
        padding: 12px 6px 12px 12px
    }

    .games-box .game-item .game-cta.full-width-mobile {
        position: relative;
        bottom: auto;
        right: auto;
        height: auto;
        width: 100%;
        margin-top: 12px
    }
}

.games-box .game-item .game-cta.icon-actions {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 8px;
    height: calc(100% - 68px);
    align-items: center;
    padding: 0;
    flex: 0 0 36px;
    width: 36px;
    margin: 0;
    box-shadow: none;
    min-width: unset;
    background: 0 0;
    z-index: 24
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions {
        position: relative;
        right: auto;
        bottom: auto;
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        height: auto;
        width: auto;
        flex-direction: row;
        background: #f4f5f6
    }

    .games-box .game-item .game-cta.icon-actions .notifications-menu-dropdown-list {
        padding: 0;
        display: flex
    }
}

.games-box .game-item .game-cta.icon-actions .icon-actions-dropdown {
    display: flex;
    width: 35px;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    background: 0 0;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px 16px
}

.games-box .game-item .game-cta.icon-actions .icon-actions-dropdown::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: '';
    display: block
}

.games-box .game-item .game-cta.icon-actions .icon-actions-dropdown span {
    display: block;
    flex: 0 0 100%;
    width: 3.2px;
    height: 3.2px;
    border-radius: 50%;
    background: #a39aac;
    margin-top: 3.2px
}

.games-box .game-item .game-cta.icon-actions .icon-actions-dropdown span:first-child {
    margin-top: 0
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions .icon-actions-dropdown {
        display: none
    }
}

.games-box .game-item .game-cta.icon-actions .icon-actions-inner {
    position: relative;
    display: block;
    padding: 0
}

.games-box .game-item .game-cta.icon-actions .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(10, 9, 11, .2);
    border: none;
    top: 80%
}

.games-box .game-item .game-cta.icon-actions .dropdown-menu.pull-right {
    right: 8px
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions .dropdown-menu.pull-right {
        right: auto
    }

    .games-box .game-item .game-cta.icon-actions .dropdown-menu {
        position: relative;
        display: flex;
        top: auto;
        left: auto;
        right: auto;
        float: none;
        width: auto;
        margin: 0;
        box-shadow: none;
        border: none;
        border-radius: 0;
        min-width: unset;
        flex-direction: row;
        opacity: 1;
        max-height: unset;
        background: 0 0
    }

    .games-box .game-item .game-cta.icon-actions .dropdown-menu .action {
        display: block;
        flex: 0 0 48px;
        width: 49px;
        max-height: unset;
        border-left: 1px solid #eae9ec
    }

    .games-box .game-item .game-cta.icon-actions .dropdown-menu .action:first-child {
        border-left: none;
        width: 48px
    }

    .games-box .game-item .game-cta.icon-actions .dropdown-menu li .action:first-child {
        width: 49px;
        border-left: 1px solid #eae9ec
    }

    .games-box .game-item .game-cta.icon-actions .dropdown-menu li:first-child .action:first-child {
        border-left: none;
        width: 48px
    }
}

.games-box .game-item .game-cta.icon-actions .action {
    transition: background-color .2s;
    display: block;
    align-items: center;
    padding: 8px 16px;
    white-space: nowrap;
    color: #47404f
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions .action {
        padding: 36px 16px;
        width: 48px;
        text-align: center
    }

    .games-box .game-item .game-cta.icon-actions .action:hover {
        background: #fff
    }
}

.games-box .game-item .game-cta.icon-actions .action:active, .games-box .game-item .game-cta.icon-actions .action:focus {
    outline: 0;
    background-color: inherit
}

.games-box .game-item .game-cta.icon-actions .action .action-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #47404f;
    text-decoration: none
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions .action .action-label {
        display: none
    }
}

.games-box .game-item .game-cta.icon-actions .action .svg-icon {
    transition: opacity .4s;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right: 8px
}

.games-box .game-item .after-info-wrapper {
    display: none
}

.games-box .game-item.game-item-column-head {
    background-color: #f4f5f6;
    display: none
}

@media (min-width: 1030px) {
    .games-box .game-item .game-cta.icon-actions .action .svg-icon {
        display: block;
        margin-right: 0;
        height: 16px;
        width: 16px
    }

    .games-box .game-item:not(.related-layout) .game-info-wrapper .price-wrapper:not(.with-badges) .price-label {
        margin-bottom: -14px
    }

    .games-box .game-item.game-item-column-head {
        display: flex;
        justify-content: flex-end
    }

    .games-box .game-item.game-item-column-head .game-item-bundle-col, .games-box .game-item.game-item-column-head .game-item-bundle-col + .game-item-bundle-col {
        height: auto;
        border-color: transparent;
        justify-content: center
    }
}

.games-box .game-item.game-items-header {
    background-color: #f4f5f6;
    padding: 13px 0;
    align-items: flex-start;
    display: grid;
    grid-template-areas:"image info" "image info-price";
    grid-template-columns:max-content calc(100% - 66px - 12px - 16px);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-items-header {
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap
    }
}

.games-box .game-item.game-items-header .game-image {
    grid-area: image;
    flex: 0 0 calc(50px + 16px);
    width: calc(50px + 16px);
    height: 75px;
    max-height: 75px;
    padding: 0 0 0 16px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-items-header .game-image {
        flex: 0 0 calc(188px + 16px);
        height: calc(88px + 16px + 16px);
        max-height: calc(88px + 16px + 16px);
        padding: 16px 0 16px 16px
    }
}

.games-box .game-item.game-items-header .game-info {
    grid-area: info;
    border: none;
    padding: 0
}

@media (min-width: 1030px) {
    .games-box .game-item.game-items-header .game-info {
        flex: 1 1 auto;
        overflow: hidden;
        padding: 16px 0
    }
}

.games-box .game-item.game-items-header .game-info .game-info-row {
    height: auto;
    align-items: center
}

.games-box .game-item.game-items-header .game-info .game-info-title {
    display: block;
    white-space: initial;
    font-size: 16px;
    line-height: 19px
}

.games-box .game-item.game-items-header .game-info.game-info-part-price {
    grid-area: info-price;
    text-align: left;
    z-index: 21;
    align-self: flex-end
}

@media (min-width: 1030px) {
    .games-box .game-item.game-items-header .game-info .game-info-title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700
    }

    .games-box .game-item.game-items-header .game-info.game-info-part-price {
        padding: 0 24px 0 0;
        text-align: right;
        max-width: 240px;
        flex: 0 0 auto;
        align-self: center
    }

    .games-box .game-item.game-items-header + div .game-item:first-child {
        border-top: 1px solid #eae9ec
    }

    .games-box .game-item.game-items-header + div .similar-deals-container {
        border-top: none
    }

    .games-box .game-item.cta-full .game-info-wrapper .game-info-title-wrapper {
        flex: 1 0 65%;
        max-width: 65%
    }

    .games-box .game-item.cta-full .game-info-wrapper .price-wrapper {
        flex: 1 0 35%;
        max-width: 35%
    }

    .games-box .game-item.cta-full:hover .game-cta .action-btn.action-ext {
        background-color: #38a2f2
    }

    .games-box .game-item.cta-full.with-fee .game-info-wrapper .game-info-title-wrapper {
        flex: 1 0 60%;
        max-width: 60%
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.cta-full.with-fee .game-info-wrapper .game-info-title-wrapper {
        flex: 1 0 52%;
        max-width: 52%
    }
}

@media (min-width: 1290px) {
    .games-box .game-item.cta-full.with-fee .game-info-wrapper .game-info-title-wrapper {
        flex: 1 0 60%;
        max-width: 60%
    }
}

@media (min-width: 1030px) {
    .games-box .game-item.cta-full.with-fee .game-info-wrapper .price-wrapper {
        flex: 1 0 40%;
        max-width: 40%
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.cta-full.with-fee .game-info-wrapper .price-wrapper {
        flex: 1 0 48%;
        max-width: 48%;
        max-height: 21px
    }

    .games-box .game-item.cta-full.with-fee .game-info-wrapper .price-wrapper.with-badges {
        max-height: 52px
    }
}

@media (min-width: 1290px) {
    .games-box .game-item.cta-full.with-fee .game-info-wrapper .price-wrapper {
        flex: 1 0 40%;
        max-width: 40%
    }
}

.games-box .game-item.with-fee .price-label.price-old {
    display: none
}

.games-box .game-item.game-item-table {
    width: 100%;
    max-width: calc(100% - 24px)
}

@media (min-width: 795px) {
    .games-box .game-item.game-group-game-list-item .image-wrap ~ .game-info-related .game-info-price-wrapper .game-labels {
        max-width: 500px
    }

    .games-box .game-item.game-item-table {
        width: 50%;
        max-width: calc(50% - 24px)
    }
}

.games-box .game-item.game-item-table .game-info {
    position: relative
}

.games-box .game-item.game-item-table .game-info.game-info-part-price {
    margin-top: 8px
}

.games-box .game-item.with-checkbox .game-image {
    display: block
}

@media (min-width: 1030px) {
    .games-box .game-item.with-fee .price-label.price-old {
        display: inline-block
    }

    .games-box .game-item.game-item-table {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .games-box .game-item.game-item-table .game-image {
        flex: 0 0 100%;
        order: 0
    }

    .games-box .game-item.game-item-table .game-info {
        text-align: left;
        flex: 0 0 50%;
        width: 100%;
        max-width: calc(100% - 188px);
        padding-left: 16px;
        padding-right: 16px;
        height: 50%;
        box-sizing: border-box
    }

    .games-box .game-item.game-item-table .game-info.game-info-part-title {
        padding-top: 15px
    }

    .games-box .game-item.game-item-table .game-info.game-info-part-price {
        margin-top: 0;
        padding-bottom: 14px
    }

    .games-box .game-item.game-item-table .game-info.game-info-part-price .price-inner {
        font-size: 16px;
        line-height: 19px
    }

    .games-box .game-item.game-item-table .game-info .game-labels {
        position: absolute;
        right: 0;
        top: 2px;
        margin: 0
    }

    .games-box .game-item.with-checkbox .game-image {
        flex: 0 0 calc(188px + 32px);
        width: calc(188px + 32px);
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        z-index: 21
    }
}

.games-box .game-item.with-checkbox .item-checkbox-wrapper {
    transition: opacity .3s, max-width .3s;
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    max-width: 0;
    width: 32px;
    height: 120px;
    background: rgba(214, 210, 218, .8);
    z-index: 22
}

.games-box .game-item.with-checkbox.selected .item-checkbox-wrapper .item-checkbox {
    background-color: transparent
}

.games-box .game-item.with-checkbox.selected .item-checkbox-wrapper .item-checkbox::before {
    background-color: #4f4d6a;
    border-color: #615e82
}

.games-box .game-item.with-checkbox.selected .item-checkbox-wrapper .item-checkbox .svg-icon {
    opacity: 1
}

.games-box .game-item.with-checkbox.selected .item-checkbox-wrapper .item-checkbox:hover:active::before {
    background-color: #3d3c53;
    border-color: #4f4d6a
}

.games-box .game-item.with-checkbox.selected .item-checkbox-wrapper .item-checkbox:hover:active .svg-icon {
    opacity: 1
}

@media (max-width: 1029px) {
    .games-box .game-item.top-alert-item .game-info.game-info-part-title {
        max-width: calc(100% - 156px)
    }

    .games-box .game-item.top-alert-item .game-info-wrapper {
        min-height: unset
    }
}

.games-box .game-item.shop-deal-layout .game-info-wrapper .game-info-title-wrapper {
    padding-top: 16px
}

@media (min-width: 1030px) {
    .games-box .game-item.with-checkbox .item-checkbox-wrapper {
        position: relative;
        top: auto;
        left: auto;
        flex: 0 0 32px;
        max-width: unset;
        width: 32px;
        height: inherit;
        opacity: 1;
        background: 0 0
    }

    .games-box .game-item.top-alert-item .game-info-wrapper {
        max-width: calc(100% - 237px) !important
    }

    .games-box .game-item.shop-deal-layout .game-info-wrapper {
        padding: 0 16px 0 0
    }

    .games-box .game-item.shop-deal-layout .game-info-wrapper .game-info-title-wrapper {
        padding-top: 0
    }

    .games-box .game-item.with-shop-icon-item .game-info-wrapper .game-tags .tags .tag.tag-shop {
        display: none
    }
}

.games-box .game-item.game-item-v2 {
    display: grid
}

.games-box .game-item.game-item-v2 .feature-info {
    grid-area: feature-info;
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    top: 0;
    left: 0;
    background: inherit;
    border-radius: 0 4px 4px;
    padding: 6px 8px;
    z-index: 22
}

.games-box .game-item.game-item-v2 .feature-info.icon-feature {
    padding: 8px 2px 2px 8px;
    align-items: flex-end;
    justify-content: flex-end
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2 .feature-info {
        position: relative;
        top: auto;
        left: auto;
        border-radius: 0;
        padding: 8px 0 8px 8px;
        background: 0 0
    }

    .games-box .game-item.game-item-v2 .feature-info.icon-feature {
        padding: 8px 0 8px 8px;
        align-items: center;
        justify-content: center
    }
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 4px;
    color: #70657b
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2 .feature-info .feature-info-rating {
        flex-direction: column
    }
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating .svg-icon-fire {
    margin: 0
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating .deal-rating-label {
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c2bcc8
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating .deal-rating-label.rating-good {
    color: #8f849a
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating .deal-rating-label.rating-great {
    color: #f83
}

.games-box .game-item.game-item-v2 .feature-info .feature-info-rating .deal-rating-label.rating-hot {
    color: #eb1f32
}

.games-box .game-item.game-item-v2 .game-image, .games-box .game-item.game-item-v2 .image-wrap {
    grid-area: icon
}

.games-box .game-item.game-item-v2 .game-info-title-wrapper {
    display: block;
    grid-area: title;
    align-items: flex-end
}

.games-box .game-item.game-item-v2.game-ranking-list-item {
    grid-template-areas:"icon title" "icon content" "icon prices";
    grid-template-columns:100px auto;
    grid-template-rows:auto auto 42px;
    grid-auto-flow: column;
    gap: 12px;
    max-width: 100%;
    padding: 0 12px 0 0;
    margin: 0 0 8px
}

.games-box .game-item.game-item-v2.game-ranking-list-item:last-of-type {
    margin-bottom: 0
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-box-options .game-options-wrapper {
    top: 4px;
    left: 100px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-active-icons.game-interactive-icons {
    transform: translateY(1px)
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper {
    position: absolute;
    top: 102px;
    left: 4px;
    grid-area: rank;
    justify-items: center;
    width: 40px;
    height: 48px;
    z-index: 24
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper .game-item-rank {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    z-index: 1;
    display: block;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #e0dde3;
    color: #47404f;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 0
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper .game-item-rank.smaller {
    font-size: 12px;
    line-height: 13px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item {
        grid-template-areas:"rank icon title prices" "rank icon content prices";
        grid-template-columns:48px 100px auto max-content;
        grid-template-rows:auto auto;
        gap: 24px;
        padding: 0 24px
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        z-index: 0
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper .game-item-rank {
        flex: 0 0 48px;
        height: 48px;
        font-size: 18px;
        line-height: 18px;
        padding: 15px 0
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper .game-item-rank.smaller {
        font-size: 16px;
        line-height: 17px
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-rank-wrapper .game-item-rank::before {
    content: "#"
}

.games-box .game-item.game-item-v2.game-ranking-list-item .image-wrap {
    z-index: 21
}

.games-box .game-item.game-item-v2.game-ranking-list-item .image-wrap img {
    max-width: 100%
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-info-title-wrapper {
    padding: 12px 0 0;
    align-items: flex-end
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-info-title-wrapper .game-info-title {
    flex: 0 1 auto;
    display: inline;
    overflow: visible;
    white-space: normal;
    align-self: flex-start
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item .game-info-title-wrapper {
        padding: 24px 0 0
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-info-title-wrapper .game-info-title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content {
    grid-area: content;
    padding: 0;
    align-items: flex-end;
    color: #70657b
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content-counter {
    color: #47404f
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content-counter.bigger {
    font-size: 18px;
    line-height: 18px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content-counter .value {
    height: 18px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content {
        padding: 0 0 24px
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content-counter {
        font-size: 18px;
        line-height: 18px
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content-counter .value {
        height: 16px
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .icon-collection-wrapper {
    display: flex;
    align-items: flex-end;
    flex: 0 0 18px;
    height: 18px;
    margin-right: 8px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .icon-collection-wrapper .svg-icon {
    width: 18px;
    height: 17px;
    color: #70657b
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content {
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 12px;
    height: 10.6px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content.smaller {
    font-size: 12px;
    line-height: 14px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap {
    grid-area: prices;
    padding: 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-top: 1px solid #ebe9ed;
    justify-content: flex-start
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item .game-item-content .game-item-ranking-content {
        font-size: 14px;
        line-height: 14px;
        height: 13.6px
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap {
        padding: 24px 0;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        border: none;
        max-height: 150px
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper {
    display: none;
    flex-direction: row;
    align-items: first baseline;
    margin: 0
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper.shop-price-all {
    display: flex
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-label {
    margin: 0 6px 0 0
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper {
        max-height: 40px;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        margin: 0
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper.shop-price-all.without-keyshops {
        margin-top: auto;
        justify-content: flex-end
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper.shop-price-all:not(.without-keyshops) {
        display: none
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-label {
        margin: 0 0 2px
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content {
    display: flex;
    flex-direction: row-reverse
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content .price .price-inner {
    font-size: 14px;
    line-height: 16px
}

.games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content .unavailable-label {
    font-size: 14px;
    line-height: 16px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content {
        flex-direction: row
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content .price .price-inner {
        font-size: 21px;
        line-height: 25px
    }

    .games-box .game-item.game-item-v2.game-ranking-list-item .price-wrap .shop-price-wrapper .price-content .unavailable-label {
        font-size: 18px;
        line-height: 22px
    }
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item {
    grid-template-areas:"icon title" "icon content";
    grid-template-columns:76px auto;
    gap: 12px;
    height: 115px;
    padding-left: 0;
    padding-right: 16px;
    margin: 0;
    border-top: 1px solid #d6d2da;
    align-items: center
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item.game-box-options .game-options-wrapper {
    left: 2px;
    top: 4px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-rank-wrapper {
    position: absolute;
    left: 4px;
    top: auto;
    bottom: 8px;
    z-index: 23;
    width: 32px;
    height: 32px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-rank-wrapper .game-item-rank {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    padding: 8px 6px;
    font-size: 14px;
    line-height: 16px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .main-image {
    width: 76px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .main-image img {
    width: 100%;
    height: auto
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-info-title-wrapper {
    padding: 0;
    margin-top: auto
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-info-title-wrapper .game-info-title {
    font-size: 14px;
    line-height: 22px;
    max-height: 44px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-info-title-wrapper .game-info-title .game-active-icons {
    margin-top: 0
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content {
    padding: 0;
    margin-bottom: auto
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content .icon-collection-wrapper {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    margin: 0 6px 0 0
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content .icon-collection-wrapper .svg-icon {
    width: 12px;
    height: 12px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content .game-item-ranking-content-counter {
    font-size: 14px;
    line-height: 14px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content .game-item-ranking-content-counter.bigger {
    font-size: 14px;
    line-height: 16.8px
}

.games-box .game-item.game-item-v2.game-ranking-list-item.game-ranking-compact-item .game-item-content .game-item-ranking-content {
    font-size: 13px;
    line-height: 13px
}

.games-box.games-box-related-list .game-item {
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    height: 48px;
    overflow: visible;
    z-index: 1;
    margin-top: 0;
    border-top: 1px solid #eae9ec;
    box-shadow: none
}

.games-box.games-box-related-list .game-item:first-child {
    border-top: none
}

.games-box.games-box-related-list .game-item.game-box-options.options-active {
    z-index: 3
}

.games-box.games-box-related-list .game-item .image-wrap {
    flex: 0 0 103px;
    width: 103px;
    height: 48px;
    overflow: hidden
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-title {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 8px !important
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-title .game-info-title {
    max-width: 100%;
    white-space: initial
}

@media (min-width: 795px) {
    .games-box.games-box-related-list .game-item .image-wrap ~ .game-info-wrapper.condensed {
        padding-left: 20px
    }

    .games-box.games-box-related-list .game-item .game-info.game-info-part-title {
        padding: 12px 16px 12px 24px !important
    }

    .games-box.games-box-related-list .game-item .game-info.game-info-part-title .game-info-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-price {
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    padding: 8px 8px 8px 0
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-price .price-wrapper, .games-box.games-box-related-list .game-item .game-info.game-info-part-price .price-wrapper .price.game-price {
    line-height: 1
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-price .price-wrapper .price.game-price .price-inner {
    font-size: 14px;
    line-height: 17px
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-price .game-labels {
    margin: 0 8px 0 0;
    max-width: unset;
    display: none
}

.games-box.games-box-related-list .game-item .game-info.game-info-part-price .game-labels:empty {
    display: none
}

@media (min-width: 795px) {
    .games-box.games-box-related-list .game-item .game-info.game-info-part-price {
        padding: 2px 24px 2px 0
    }

    .games-box.games-box-related-list .game-item .game-info.game-info-part-price .price-wrapper .price.game-price .price-inner {
        font-size: 21px;
        line-height: 25px
    }

    .games-box.games-box-related-list .game-item .game-info.game-info-part-price .game-labels {
        display: block
    }
}

.popup-content .games-box {
    margin-left: 0;
    margin-right: 0
}

.popup-content .games-box.article-games-box .btn-show-more-container {
    padding-bottom: 24px
}

.feature-info.type-opencriticAverage {
    border-radius: 0 0 12px
}

.feature-info .game-score-meta-value {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    font-size: 12px
}

@media (min-width: 1030px) {
    .feature-info.type-opencriticAverage {
        border-radius: 0
    }

    .feature-info .game-score-meta-value {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px
    }
}

.feature-info .opencritic-circle-wrapper {
    width: 24px;
    height: 24px
}

.feature-info .opencritic-circle-wrapper::before {
    left: 2.5px;
    top: 2.5px;
    right: 2.5px;
    bottom: 2.5px
}

.feature-info .opencritic-circle-wrapper svg {
    width: 28px;
    height: 28px
}

.feature-info .opencritic-circle-wrapper .opencritic-score {
    font-size: 12px
}

.feature-info .feature-info-wishes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    gap: 4px;
    font-weight: 600;
    color: #70657b
}

.feature-info .feature-info-wishes .svg-icon {
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px
}

.feature-info .feature-info-hltb {
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #70657b
}

.feature-info .feature-info-inner-label {
    flex: 0 0 100%
}

.feature-info .feature-info-release {
    display: inline-flex;
    flex-wrap: wrap;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #8f849a
}

.feature-info .feature-info-added {
    display: block;
    flex-wrap: wrap;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #70657b
}

.games-box .game-list-item.games-list-layout {
    padding: 12px;
    margin-top: 8px
}

.games-box .game-list-item.games-list-layout .game-options-wrapper {
    top: 20px;
    left: 20px
}

.games-box .game-list-item.games-list-layout .feature-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 21;
    background: inherit;
    padding: 6px 8px;
    align-items: flex-end;
    justify-content: flex-end;
    border-radius: 0 4px 4px 0
}

.games-box .game-list-item.games-list-layout .feature-info.icon-feature {
    padding: 8px 2px 2px 8px
}

.games-box .game-list-item.games-list-layout .feature-info .feature-info-release {
    display: block
}

@media (min-width: 1030px) {
    .feature-info .opencritic-circle-wrapper {
        width: 32px;
        height: 32px
    }

    .feature-info .opencritic-circle-wrapper::before {
        left: 4px;
        top: 4px;
        right: 4px;
        bottom: 4px
    }

    .feature-info .opencritic-circle-wrapper svg {
        width: 38px;
        height: 38px
    }

    .feature-info .feature-info-wishes .svg-icon {
        width: 11px;
        height: 12px
    }

    .feature-info .feature-info-added {
        display: inline-flex
    }

    .games-box .game-list-item.games-list-layout {
        padding: 16px
    }

    .games-box .game-list-item.games-list-layout .feature-info {
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        flex: 0 0 40px;
        max-width: 40px;
        border-radius: 0;
        display: none
    }

    .games-box .game-list-item.games-list-layout .feature-info.icon-feature {
        padding: 0
    }

    .games-box .game-list-item.games-list-layout .feature-info.type-wanted {
        flex: 0 0 48px;
        max-width: 48px
    }

    .games-box .game-list-item.games-list-layout .feature-info.type-wanted + .game-options-wrapper {
        left: 68px
    }

    .games-box .game-list-item.games-list-layout .feature-info.type-added_date {
        flex: 0 0 56px;
        max-width: 56px
    }

    .games-box .game-list-item.games-list-layout .feature-info.type-added_date + .game-options-wrapper {
        left: 78px
    }

    .games-box .game-list-item.games-list-layout .feature-info .game-score-meta-value {
        margin: 0
    }

    .games-box .game-list-item.games-list-layout .feature-info .opencritic-circle-wrapper {
        width: 40px;
        height: 40px
    }

    .games-box .game-list-item.games-list-layout .feature-info .opencritic-circle-wrapper svg {
        width: 42px;
        height: 42px
    }

    .games-box .game-list-item.games-list-layout .feature-info .feature-info-release {
        display: none
    }
}

.games-box .game-list-item.games-list-layout .game-image {
    flex: 0 0 120px;
    width: 120px;
    height: 69px;
    max-height: 69px;
    box-shadow: none;
    overflow: hidden
}

.games-box .game-list-item.games-list-layout .game-image .main-image {
    width: inherit;
    height: inherit;
    max-height: inherit;
    overflow: hidden
}

.games-box .game-list-item.games-list-layout .game-image .main-image img {
    width: 100%;
    height: auto
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-image {
        flex: 0 0 249px;
        width: 249px;
        height: 143px;
        max-height: 143px
    }

    .games-box .game-list-item.games-list-layout .game-image .main-image img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    align-self: flex-start;
    max-width: calc(100% - 120px);
    min-height: 69px;
    padding: 0 0 0 12px
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper {
        max-width: calc(100% - 249px);
        min-height: 143px;
        flex-wrap: nowrap
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-column {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: initial;
    min-height: 69px;
    align-content: center
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-column {
        flex: 1 1 auto;
        max-width: 80%;
        min-height: unset;
        align-content: flex-start;
        padding-bottom: 32px
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-column:not(:first-child) {
    flex: 0 0 calc(100% + 170px);
    max-width: calc(100% + 170px);
    margin: 12px 0 0 -136px;
    min-height: unset
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-column:not(:first-child) {
        flex: 0 1 auto;
        max-width: 40%;
        margin: 0;
        padding: 0
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-column .shop-price-wrapper .price-content .game-labels {
    padding: 0
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    order: unset;
    min-height: 69px;
    align-items: center;
    align-content: baseline;
    flex-wrap: wrap;
    padding: 0
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title-wrapper {
        min-height: unset;
        align-items: center;
        align-content: center;
        padding: 0
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title-wrapper .title {
    display: block;
    width: 100%;
    flex: 0 0 100%;
    z-index: 21
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .platform-link-icons-wrapper {
    position: absolute;
    right: 12px;
    bottom: 12px;
    justify-content: flex-end
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title-wrapper .title {
        z-index: 21;
        width: auto;
        font-weight: 700
    }

    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .platform-link-icons-wrapper {
        bottom: 16px;
        left: calc(249px + 16px + 16px);
        right: auto;
        justify-content: flex-start
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .platform-link-icons-wrapper .game-tags {
    flex: 0 0 auto;
    width: auto;
    max-width: unset
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .platform-link-icons-wrapper .game-tags .tags .tag {
    display: flex;
    margin: 0
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title {
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    text-overflow: unset
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags {
    order: unset;
    min-height: unset;
    margin: 8px 0 0
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-info-title {
        font-size: 18px;
        line-height: 22px
    }

    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags {
        width: auto;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 12px 0 0
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    min-height: unset;
    row-gap: 8px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag {
    margin: 0;
    padding: 0;
    display: none;
    height: auto;
    max-width: 100%
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag::before {
    display: none
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag:first-child {
    display: flex
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .title {
    flex: 0 0 auto;
    width: auto;
    font-weight: inherit
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value {
    color: #332e38
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon {
    color: #8f849a;
    width: 16px;
    height: 16px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-linux {
    width: 14px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-pc {
    width: 20px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-mac, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-windows {
    width: 12px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-steam-deck {
    width: 11px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-steam-deck-playable, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-steam-deck-unsupported, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-steam-deck-verified {
    width: 26px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-xbox-original {
    width: 80px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-xbox-360 {
    width: 40px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-xbox-one {
    width: 46px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-xbox-series {
    width: 39px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-pc-vr {
    width: 42px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-playstation {
    width: 20px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-ps-3 {
    width: 28px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-ps-4, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-ps-5 {
    width: 27px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-ps-vr-1 {
    width: 39px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-ps-vr-2 {
    width: 47px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-nintendo-switch-1, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-nintendo-switch-2, .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag .value .svg-icon.svg-platform-xbox-cloud-gaming {
    width: 25px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag.tag-wishlisted .svg-icon {
    width: 12px;
    height: 12px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-cta {
    display: none
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag {
        display: flex
    }

    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .game-cta {
        display: block;
        flex: 0 0 auto;
        margin: 12px 0 0 auto;
        width: auto;
        height: auto;
        border: none
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap {
        flex-direction: column
    }
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap .shop-price-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap .shop-price-wrapper .price-content .game-labels .label.historical {
    font-size: 12px;
    color: #036837
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap .shop-price-wrapper .price-content .game-labels .label.historical::before {
    display: none
}

.games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap .shop-price-wrapper .price-label {
    color: #70657b
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout {
    background-color: #f4f5f6;
    max-height: unset
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-image {
    flex: 0 0 80px;
    width: 80px;
    height: 120px;
    max-height: unset
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout .game-info-wrapper.column-wrapper .price-wrap .shop-price-wrapper {
        display: block;
        -moz-column-gap: unset;
        column-gap: unset
    }

    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-image {
        flex: 0 0 108px;
        width: 108px;
        height: 162px
    }
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper {
    flex-wrap: wrap;
    max-width: calc(100% - 80px)
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper .game-info-column {
    min-height: 120px;
    align-content: flex-start
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper {
        max-width: calc(100% - 108px)
    }

    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper .game-info-column {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        min-height: 80px
    }
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper .game-info-title-wrapper {
    min-height: unset
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper .game-tags {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 12px 0 0
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .game-info-wrapper.column-wrapper .game-tags .tags .tag {
    display: flex
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: calc(100% + 16px + 80px);
    flex: 0 0 calc(100% + 16px + 80px);
    margin: 8px 0 0 calc((80px + 16px) * -1)
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list {
        width: 100%;
        flex: 0 0 100%;
        margin: 18px 0 0;
        gap: 8px
    }
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform {
    transition: background-color .3s, box-shadow .3s;
    border-radius: 2px;
    padding: 12px;
    background: #fff;
    display: grid;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 2px;
    grid-template-areas:"icon name" "icon price";
    grid-auto-columns: max-content auto;
    flex: 0 0 calc(50% - 2px);
    box-shadow: none;
    align-content: flex-start;
    max-height: unset;
    margin: 0
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform {
        flex: 0 0 calc(25% - 6px)
    }
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon {
    grid-area: icon;
    display: flex;
    align-items: flex-start
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon .svg-icon {
    width: 16px;
    height: 16px;
    color: #47404f
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon .svg-icon[class*=svg-platform-playstation] {
    color: #23379f
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon .svg-icon[class*=svg-platform-xbox] {
    color: #017127
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon .svg-icon[class*=svg-platform-nintendo] {
    color: #d12222
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-name {
    grid-area: name
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price {
    grid-area: price;
    line-height: 1.333334
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .labels-container {
    display: inline-flex;
    margin: 0 0 0 4px;
    padding: 0
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .labels-container .label.historical {
    font-size: 0;
    color: transparent
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .labels-container .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .labels-container .label {
    margin: 0
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .unavailable-label {
    display: block;
    max-width: unset;
    text-align: initial;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    margin: 0;
    color: #70657b
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .price-wrapper {
    position: relative;
    z-index: 21;
    display: inline-flex;
    flex-direction: row;
    max-width: unset;
    text-align: initial;
    margin: 0;
    justify-content: initial
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .price-wrapper .price-inner {
    font-size: 13px;
    line-height: 15px
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-icon .svg-icon {
        width: 20px;
        height: 20px
    }

    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .price-wrapper .price-inner {
        font-size: 14px;
        line-height: 13px
    }
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .price-wrapper .price-label {
    font-size: 13px;
    line-height: 12px;
    color: #70657b;
    margin: 0 4px 0 0
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .franchise-info-platform-price .price-wrapper .price.game-price {
    margin: 0
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .platform-name-link {
    transition: color .2s;
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 16.8px;
    text-decoration: none
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .platform-name-link .game-collection-actions {
    margin: 0;
    height: auto
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .platform-name-link .game-collection-actions .game-active-icon-item {
    height: auto
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform:not(.ignored) .platform-name-link {
    color: #5c5365
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform:hover:not(.ignored) .platform-name-link {
    color: #1f1c22
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform.ignored {
    background-color: #ebe9ed
}

.games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform.ignored .franchise-info-platform-icon .svg-icon, .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform.ignored .franchise-info-platform-price .price-wrapper .price-label {
    color: #c2bcc8
}

.item-list-header {
    position: relative;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #f4f5f6;
    border-bottom: 2px solid #eae9ec
}

.item-list-header .item-list-header-col {
    display: block;
    color: #1f1c22;
    font-size: 13px;
    line-height: 15px;
    padding: 6px 24px;
    flex: 1 1 100%
}

.item-list-header .item-list-header-col.col-grow-auto {
    flex: 1 0 auto
}

.item-list-header .item-list-header-col.col-text-right {
    text-align: right
}

@media (min-width: 1030px) {
    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform .platform-name-link {
        font-size: 16px;
        line-height: 20px
    }

    .games-box .game-list-item.games-list-layout.franchise-games-list-layout .franchise-info-platforms-list .franchise-info-platform:hover:not(.ignored) {
        background-color: #fff;
        box-shadow: 0 0 8px rgba(10, 9, 11, .1)
    }

    .games-box .game-list-item.games-list-layout .image-hover-zoom img {
        transform: scale(1.05)
    }

    .games-box .game-list-item.popup-layout .game-info-wrapper {
        max-width: calc(100% - 188px - 136px)
    }

    .games-box .game-list-item.popup-layout .game-info-wrapper .game-tags {
        max-width: 70%
    }

    .item-list-header {
        display: flex
    }

    .item-list-header .item-list-header-col.col-image-list {
        flex: 0 0 188px
    }
}

.item-list-header .item-list-header-col.col-rate {
    flex: 0 0 150px;
    padding: 6px 24px 6px 16px
}

.item-list-header .item-list-header-col.col-price {
    flex: 0 0 240px;
    margin-right: 154px
}

.item-list-header .item-list-header-col.col-codes {
    flex: 0 0 270px;
    text-align: right;
    margin-right: 199px
}

@media (min-width: 1030px) {
    .item-list-header .item-list-header-col.col-codes {
        flex: 0 0 145px;
        margin-right: 165px
    }
}

@media (min-width: 1200px) {
    .item-list-header .item-list-header-col.col-codes {
        flex: 0 0 270px;
        margin-right: 199px
    }
}

.games-box.shops-list {
    margin: 0 -16px
}

.games-box.shops-list .item.shop-item {
    transition: background-color .2s, margin .2s linear;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 16px 0
}

.games-box.shops-list .item.shop-item:first-child {
    margin-top: 0
}

.games-box.shops-list .item.shop-item.codes-open {
    margin: 16px 0
}

.games-box.shops-list .item.shop-item.codes-open:first-child {
    margin-top: 0
}

.games-box.shops-list .item.shop-item .shop-item-main {
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 100%
}

@media (min-width: 1030px) {
    .games-box.shops-list, .games-box.shops-list .item.shop-item {
        margin: 0
    }

    .games-box.shops-list .item.shop-item .shop-item-main {
        flex-wrap: nowrap
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-image {
    padding: 0 24px 0 16px;
    flex: 0 0 130px;
    width: 130px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-image {
        padding: 0 24px;
        flex: 0 0 123px;
        width: 123px;
        height: 88px
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info {
    flex-wrap: wrap;
    flex: 0 0 calc(100% - 130px);
    padding: 10px 16px 8px 0;
    align-content: flex-start
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-info {
        flex: 1 1 100%;
        padding: 0;
        align-content: center
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-name {
    display: block;
    flex: 0 0 100%
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-name .title {
    color: #1f1c22;
    font-size: 14px;
    line-height: 16.8px
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags {
    font-size: 13px;
    line-height: 15px
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags .tag.shop-type-tag .svg-icon {
    display: none
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags .tag.shop-payments-tag {
    display: none
}

.games-box.shops-list .item.shop-item .shop-item-main .mobile-column {
    display: block;
    flex: 0 0 114px;
    color: #70657b;
    align-self: flex-start
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-name .title {
        font-size: 16px;
        line-height: 19px
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags .tag.shop-type-tag {
        margin-top: -1px
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags .tag.shop-type-tag .svg-icon {
        display: inline-block
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-info .shop-list-tags .tag.shop-payments-tag {
        display: flex
    }

    .games-box.shops-list .item.shop-item .shop-item-main .mobile-column {
        display: none
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .mobile-content {
    display: block;
    flex: 1 1 auto;
    color: #70657b
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .mobile-content {
        flex: 0 0 100%
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-payments-mobile {
        display: none
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-payments-mobile {
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    padding: 16px 16px 10px;
    border-top: 1px solid #eae9ec
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-offers {
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 100%;
    box-sizing: border-box;
    text-align: left;
    justify-content: flex-start;
    padding: 10px 16px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-offers {
        flex: 1 0 auto;
        max-width: 140px;
        padding: 0 24px 0 0;
        text-align: right;
        justify-content: flex-end
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-offers .shop-offers-amount {
    display: block;
    flex: 0 0 100%;
    font-size: 13px;
    line-height: 15px;
    color: #70657b
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-offers .shop-offers-button {
    transition: color .2s;
    position: relative;
    display: inline-block;
    z-index: 3;
    color: #279af1;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-offers .shop-offers-button:hover {
    color: #52aef4
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-offers .shop-offers-button::after {
    content: '';
    display: inline-block;
    margin: 0 0 1px 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #279af1
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes {
    flex-wrap: wrap;
    box-sizing: border-box;
    text-align: left;
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    padding: 10px 16px 16px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-offers .shop-offers-button {
        margin-top: 10px
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-codes {
        padding: 0 24px 0 0;
        flex: 0 0 145px;
        width: 145px;
        margin: 0;
        text-align: right;
        justify-content: flex-end
    }
}

@media (min-width: 1200px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-offers {
        max-width: 200px
    }

    .games-box.shops-list .item.shop-item .shop-item-main .shop-codes {
        flex: 0 0 270px;
        width: 270px;
        margin: 0 34px 0 0
    }
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes .shop-codes-amount {
    transition: color .2s;
    display: block;
    flex: 0 0 100%;
    font-size: 13px;
    line-height: 15px;
    color: #70657b
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes.ignored .shop-codes-amount, .games-box.shops-list .item.shop-item .shop-item-main .shop-codes.inactive .shop-codes-amount {
    color: #a39aac
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes .shop-codes-button {
    position: relative;
    display: inline-block;
    z-index: 3;
    color: #279af1;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes .shop-codes-button::after {
    transition: transform .3s linear;
    content: '';
    display: inline-block;
    margin: 0 0 1px 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #279af1 transparent transparent
}

.games-box.shops-list .item.shop-item .shop-item-main .shop-codes .shop-codes-button.active::after {
    transform: rotate(180deg)
}

.games-box.shops-list .item.shop-item .shop-cta {
    box-sizing: border-box;
    display: none;
    flex: 0 0 100%;
    width: 100%;
    padding: 16px;
    border-top: 1px solid #eae9ec
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-item-main .shop-codes .shop-codes-button {
        margin-top: 10px
    }

    .games-box.shops-list .item.shop-item .shop-cta {
        display: flex;
        flex: 0 0 165px;
        width: 165px;
        padding: 0 24px;
        justify-content: center;
        border-top: 0
    }

    .games-box.shops-list .item.shop-item .shop-cta.on-mobile {
        display: none
    }
}

.games-box.shops-list .item.shop-item .voucher-info {
    flex-direction: row;
    flex: 0 0 100%;
    width: 100%;
    padding: 16px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .voucher-info {
        flex: 1 1 100%;
        width: auto;
        margin-left: 123px;
        padding: 0 16px 0 0;
        overflow: hidden
    }
}

.games-box.shops-list .item.shop-item .voucher-info .game-info-title-wrapper {
    display: block;
    flex: 0 0 100%
}

.games-box.shops-list .item.shop-item .voucher-info .game-info-title-wrapper .title {
    font-size: 16px;
    line-height: 19px
}

.games-box.shops-list .item.shop-item .voucher-info .game-tags {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 6px 0 0
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper {
    transition: max-height .2s;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 100%;
    overflow: hidden;
    max-height: 0;
    background: #eae9ec
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper[data-codes-list=short] {
    transition: max-height .2s
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper[data-codes-list=medium] {
    transition: max-height .4s
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper[data-codes-list=long] {
    transition: max-height .6s
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper.open {
    transition: max-height .5s;
    max-height: 1920px
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=short] {
    transition: max-height .6s;
    max-height: 940px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=short] {
        max-height: 800px
    }
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=medium] {
    transition: max-height .8s;
    max-height: 1880px
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=medium] {
        max-height: 1600px
    }
}

.games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=long] {
    transition: max-height 1.2s;
    max-height: 6000px
}

.games-box.shops-list.filtered .item.shop-item {
    display: none
}

.games-box.shops-list.filtered .item.shop-item.visible {
    display: flex
}

.ignored-game-remove-row {
    position: absolute;
    right: 16px;
    bottom: 12px;
    margin: 0;
    z-index: 22
}

@media (min-width: 1030px) {
    .games-box.shops-list .item.shop-item .shop-code-list-wrapper.open[data-codes-list=long] {
        max-height: 4800px
    }

    .ignored-game-remove-row {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0 24px 0 0
    }

    .items-with-top-border-desktop .item {
        border-top: 1px solid #eae9ec
    }
}

.game-details-content-default {
    transition: opacity .2s linear, max-height .2s linear;
    height: auto;
    overflow: hidden;
    max-height: 53px;
    width: 100%;
    align-content: flex-end
}

.item-list.grid-layout {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 2px 24px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    transition: box-shadow .2s
}

.item-list.grid-layout .image-wrap, .item-list.grid-layout > * {
    width: 100%
}

.item-list.grid-layout .image-wrap .main-image > img {
    position: relative;
    background-color: transparent;
    z-index: 21
}

.item-list.grid-layout .image-wrap .main-image picture {
    display: flex;
    flex: 1 1 auto
}

.item-list.grid-layout .image-wrap .badges {
    bottom: -12px;
    left: 8px
}

@media (min-width: 640px) {
    .item-list.grid-layout .image-wrap .badges {
        left: 16px
    }
}

.item-list.grid-layout .image-wrap .badges .badge-link + .badge-link {
    margin-left: 4px
}

.item-list.grid-layout .details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 123px;
    background: red;
    padding: 12px 8px 8px 0
}

.item-list.grid-layout .details .before-price-wrapper, .item-list.grid-layout .details .main-wrap {
    padding-left: 8px
}

.item-list.grid-layout .details .price-widget {
    width: 100%
}

.item-list.grid-layout .action-wrap {
    height: 48px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    position: relative
}

.item-list.grid-layout .action-wrap .shop-link {
    justify-content: center
}

.item-list.grid-layout .action-wrap .shop-link img {
    width: auto;
    max-height: 24px !important
}

.item-list.grid-layout .action-wrap .shop-link .shop-now {
    display: none
}

.games-grid-boxes {
    flex-wrap: wrap;
    margin: -4px -4px 0;
    grid-gap: 0
}

.games-grid-boxes.games-box {
    margin: -4px -20px 0
}

@media (min-width: 480px) {
    .item-list.grid-layout .details {
        padding: 16px 16px 16px 0
    }

    .item-list.grid-layout .details .before-price-wrapper, .item-list.grid-layout .details .main-wrap {
        padding-left: 16px
    }

    .games-grid-boxes {
        margin-left: -12px;
        margin-right: -12px
    }

    .games-grid-boxes.games-box {
        margin-left: -28px;
        margin-right: -28px
    }
}

@media (min-width: 795px) {
    .games-grid-boxes {
        margin-left: -12px;
        margin-right: -12px;
        margin-top: -8px
    }

    .games-grid-boxes.games-box {
        margin-left: -12px;
        margin-right: -12px;
        margin-top: -12px
    }
}

.games-grid-boxes .game-grid-box {
    box-shadow: none;
    position: relative;
    overflow: hidden;
    background: #f4f5f6;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    border-radius: 0
}

.games-grid-boxes .game-grid-box, .games-grid-boxes .game-grid-box:first-child {
    margin: 4px
}

@media (min-width: 480px) {
    .games-grid-boxes .game-grid-box {
        flex: 0 0 calc(50% - 24px);
        max-width: calc(50% - 24px)
    }

    .games-grid-boxes .game-grid-box, .games-grid-boxes .game-grid-box:first-child {
        margin: 12px
    }
}

@media (min-width: 795px) {
    .games-grid-boxes .game-grid-box {
        flex: 0 0 calc(50% - 24px);
        max-width: calc(50% - 24px)
    }
}

@media (min-width: 1030px) {
    .games-grid-boxes .game-grid-box {
        flex: 0 0 calc(25% - 24px);
        max-width: calc(25% - 24px)
    }
}

@media (min-width: 1200px) {
    .games-grid-boxes .game-grid-box {
        flex: 0 0 calc(25% - 24px);
        max-width: calc(25% - 24px)
    }
}

.games-grid-boxes .game-grid-box .game-image {
    box-shadow: none;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    height: auto;
    max-height: unset;
    flex: 0 0 auto
}

.games-grid-boxes .game-grid-box .game-image .main-image {
    border-radius: 0
}

.games-grid-boxes .game-grid-box .game-image img {
    width: 100%;
    height: auto;
    margin: auto
}

.games-grid-boxes .game-grid-box .game-details-wrapper {
    transition: background-color .2s;
    background: #f4f5f6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
    height: auto;
    flex: 1 0 146px;
    padding: 12px
}

@media (min-width: 795px) {
    .games-grid-boxes .game-grid-box .game-details-wrapper {
        padding: 16px;
        flex: 1 0 160px
    }
}

.games-grid-boxes .game-grid-box .game-details-title {
    flex: 0 0 auto;
    align-self: flex-start;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1f1c22;
    display: flex;
    flex-wrap: nowrap
}

.games-grid-boxes .game-grid-box .game-details-title .title-inner {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inline
}

.games-grid-boxes .game-grid-box .game-details-title .game-active-icons .game-active-icon-item .game-action {
    display: none
}

.games-grid-boxes .game-grid-box .game-details-title .game-info-title {
    color: inherit;
    text-decoration: none;
    display: block;
    flex: 0 1 auto;
    overflow: hidden;
    white-space: normal;
    font-size: 14px;
    line-height: 20px;
    max-height: 41px;
    font-weight: 700;
    position: relative;
    z-index: 21
}

@media (min-width: 795px) {
    .games-grid-boxes .game-grid-box .game-details-title .game-info-title {
        font-size: 16px;
        line-height: 21px;
        max-height: 43px
    }
}

.games-grid-boxes .game-grid-box .game-tags-grid {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 8px 0 12px;
    flex: 0 0 auto
}

.games-grid-boxes .game-grid-box .game-tags-grid .tags {
    font-size: 12px;
    line-height: 16px
}

.games-grid-boxes .game-grid-box .game-tags-grid .tags .tag-subscriptions {
    max-width: 100%
}

.games-grid-boxes .game-grid-box .game-tags-grid .tags .value {
    max-width: 100%;
    color: #332e38
}

.games-grid-boxes .game-grid-box .game-tags-grid .tags .value > span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.games-grid-boxes .game-grid-box .game-tags-grid .tags .value .svg-icon {
    color: #8f849a
}

.games-grid-boxes .game-grid-box .game-details-content {
    transition: max-height .2s linear;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    align-self: flex-end;
    overflow: hidden;
    margin-top: auto
}

.games-grid-boxes .game-grid-box .game-details-content .price-wrapper {
    display: block;
    margin: 0
}

.games-grid-boxes .game-grid-box .game-details-content .price-wrapper .bottom, .games-grid-boxes .game-grid-box .game-details-content .price-wrapper .game-price-old, .games-grid-boxes .game-grid-box .game-details-content .price-wrapper .price-label {
    color: #70657b;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    margin-right: 4px;
    text-transform: lowercase;
    vertical-align: middle
}

.games-grid-boxes .game-grid-box .game-details-content .price {
    position: relative;
    z-index: 22;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    color: #1f1c22
}

.games-grid-boxes .game-grid-box .game-details-content .price:not(a) {
    cursor: default
}

.games-grid-boxes .game-grid-box .game-details-content .price[data-tippy] {
    cursor: help
}

.games-grid-boxes .game-grid-box .game-details-content .price .price-inner, .games-grid-boxes .game-grid-box .game-details-content .price .price-value {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.6px;
    display: inline-block;
    vertical-align: middle
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper {
    flex-wrap: wrap
}

@media (min-width: 1030px) {
    .games-grid-boxes .game-grid-box .game-image {
        z-index: unset
    }

    .games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper {
        flex-wrap: nowrap
    }
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .price-label {
    flex: 0 0 100%;
    margin: 0
}

@media (min-width: 1030px) {
    .games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .price-label {
        flex: 0 0 auto;
        margin-right: 4px
    }
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .price-content .unavailable-label {
    font-size: 16px;
    line-height: 20px
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .game-labels {
    margin: 0 0 0 4px;
    display: flex;
    flex-direction: row-reverse
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .game-labels li {
    display: inline-block;
    margin: 0 0 0 8px
}

.games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .game-labels li:first-child {
    margin-left: 0
}

.games-grid-boxes .game-grid-box .game-details-content .game-cta {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    border: none;
    width: auto;
    height: auto;
    margin-top: 16px
}

.grid-boxes-wrapper {
    grid-gap: 16px;
    grid-template-columns:100%;
    grid-template-rows:auto
}

@media (min-width: 1030px) {
    .games-grid-boxes .game-grid-box .game-details-content .shop-price-wrapper .game-labels {
        margin-left: 8px
    }

    .games-grid-boxes .game-grid-box:hover .game-details-wrapper {
        background: #fff
    }

    .grid-boxes-wrapper {
        grid-gap: 24px
    }

    .grid-boxes-wrapper.grid-columns-4 {
        grid-template-columns:repeat(3, calc(100% / 3 - 16px))
    }
}

.emptyProvider .grid-boxes-wrapper {
    padding: 96px 0
}

.emptyProvider .grid-boxes-wrapper.grid-columns-3, .emptyProvider .grid-boxes-wrapper.grid-columns-4 {
    grid-template-columns:100% !important
}

.grid-boxes-wrapper .item-grid {
    width: 100%;
    flex-direction: column;
    margin: 0
}

.grid-boxes-wrapper .item-grid .game-image {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-height: unset
}

.grid-boxes-wrapper .item-grid .game-image img {
    width: 100%
}

.grid-boxes-wrapper .item-grid .game-details-wrapper {
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-height: unset;
    padding: 24px 24px 16px
}

.grid-boxes-wrapper .item-grid .game-details-title {
    display: block;
    flex: 0 0 auto;
    width: 100%
}

.grid-boxes-wrapper .item-grid .game-details-title .title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px
}

.grid-boxes-wrapper .item-grid .tags {
    position: relative;
    z-index: 3;
    display: block;
    flex: 0 0 auto
}

.grid-boxes-wrapper .item-grid .tags.franchise-list-tags {
    font-size: 13px;
    line-height: 16px;
    margin: 0
}

.grid-boxes-wrapper .item-grid .tags.franchise-list-tags .value {
    color: #332e38
}

.grid-boxes-wrapper .item-grid .game-amount-label {
    display: block;
    flex: 0 0 auto;
    margin: auto 0 0;
    padding: 16px 0 0
}

.grid-boxes-wrapper .item-grid .game-amount-label .title {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 16.8px;
    color: #70657b
}

.grid-boxes-wrapper .item-grid .game-amount-label .value {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    color: #1f1c22
}

.grid-boxes-wrapper .item-grid .game-details-content {
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    margin: 8px 0 0
}

.grid-boxes-wrapper .item-grid .game-details-content.with-platform-icons {
    flex-direction: row;
    flex-wrap: wrap
}

.grid-boxes-wrapper .item-grid .game-details-content.with-platform-icons .tags {
    flex: 0 0 100%
}

.grid-boxes-wrapper .item-grid .game-details-content.with-platform-icons .game-amount-label {
    flex: 1 0 auto
}

.grid-boxes-wrapper .item-grid .game-details-content.with-platform-icons .platform-link-icons-wrapper {
    flex: 0 0 auto;
    align-self: flex-end
}

.games-box.games-recommended {
    z-index: 2
}

.games-box .game-item.game-group-item .game-details-wrapper .game-details-content .game-amount-label .title {
    color: #70657b;
    display: block;
    font-size: 12px;
    line-height: 14.4px;
    margin: 0 0 4px
}

.item .game-labels {
    margin: 0 0 0 4px;
    z-index: 21
}

.item .price-label {
    color: #70657b;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin: 0
}

.item.game-item .shop-price-wrapper .price-label {
    color: #70657b
}

.item.portrait-item-prepaid .game-info-wrapper .game-info-title-wrapper .game-info-title.title {
    display: flex
}

@media (max-width: 479px) {
    .item.portrait-item-prepaid .game-info-wrapper {
        height: 88px
    }

    .item.portrait-item-prepaid .game-info-wrapper .game-info-title-wrapper {
        max-height: 32px
    }

    .item.portrait-item-prepaid .game-info-wrapper .game-info-title-wrapper .game-info-title.title {
        font-size: 12px;
        line-height: 16px;
        max-height: 32px
    }
}

.item.portrait-item-prepaid .game-labels {
    margin: 0 0 0 6px;
    align-items: flex-end
}

.item.item-prepaid-grouped {
    padding-bottom: 36px;
    background: #f4f5f6
}

.item.item-prepaid-grouped .price-label {
    margin: 0 4px 0 0
}

.item.item-prepaid-grouped .image-wrap img {
    width: 100%;
    height: auto
}

.item.item-prepaid-grouped .game-details-wrapper {
    padding: 12px;
    border-bottom: 1px solid #eae9ec;
    height: 60px
}

@media (min-width: 795px) {
    .grid-boxes-wrapper {
        grid-template-columns:repeat(2, calc(50% - 8px))
    }

    .item.item-prepaid-grouped .game-details-wrapper {
        padding: 16px;
        height: calc(40px + 32px)
    }
}

@media (min-width: 1030px) {
    .item.item-prepaid-grouped {
        padding-bottom: 42px
    }

    .item.item-prepaid-grouped .game-details-wrapper {
        padding: 16px;
        height: calc(63px + 32px);
        justify-content: space-between
    }
}

.item.item-prepaid-grouped .game-details-wrapper .game-info-title-wrapper {
    width: 100%;
    display: block;
    flex: 0 0 auto
}

.item.item-prepaid-grouped .game-details-wrapper .game-info-title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    text-overflow: unset;
    white-space: normal;
    display: block;
    color: #1f1c22;
    position: relative;
    z-index: 21
}

@media (min-width: 795px) {
    .item.item-prepaid-grouped .game-details-wrapper .game-info-title {
        font-size: 16px;
        line-height: 20px;
        max-height: 40px
    }
}

.item.item-prepaid-grouped .game-details-wrapper .game-details-editions {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    word-break: break-word;
    color: #70657b;
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item.item-prepaid-grouped .game-details-wrapper .game-details-editions .value {
    color: #5c5365
}

.item.item-prepaid-grouped .game-details-wrapper .game-details-editions .value.tippy-initialized {
    position: relative;
    z-index: 3
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item {
    transition: background-color .2s;
    background: #f4f5f6;
    border-bottom: 1px solid #eae9ec
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item:nth-child(3) {
    border-bottom: none
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item:hover {
    background-color: #fff
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .offer-title-wrapper {
    flex: 1 1 auto;
    overflow: visible;
    display: block;
    padding: 6px 6px 6px 12px
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .offer-title-wrapper .title {
    text-overflow: unset;
    white-space: normal;
    font-family: Lato, Lato2, sans-serif;
    color: #1f1c22;
    font-size: 12px;
    line-height: 16px;
    max-height: 32px
}

@media (min-width: 795px) {
    .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .offer-title-wrapper {
        padding: 6px 6px 6px 16px
    }

    .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .offer-title-wrapper .title {
        font-size: 14px;
        line-height: 18px;
        max-height: 36px
    }
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper {
    flex: 0 0 auto;
    margin-left: auto;
    line-height: 18px;
    justify-content: center;
    padding: 6px 12px 6px 0;
    min-height: 36px
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content {
    position: relative;
    display: flex;
    z-index: 21
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .game-labels .label.historical {
    font-size: 0;
    color: transparent
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .game-labels .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .price .price-inner {
    font-size: 12px;
    line-height: 16px
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .labels-container {
    margin: 0 4px 0 0
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .labels-container .label:not(.historical) {
    display: none
}

.item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .unavailable-label {
    color: #70657b;
    font-size: 12px;
    line-height: 16px
}

.item.item-prepaid-grouped .game-details-bottom-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border-top: 1px solid #eae9ec;
    height: 32px
}

.item.item-prepaid-grouped .game-details-bottom-wrapper .widget-link-more {
    display: block;
    text-align: right;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 16px
}

@media (min-width: 795px) {
    .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper {
        padding: 6px 16px 6px 0;
        min-height: 46px
    }

    .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .price .price-inner, .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .unavailable-label {
        font-size: 14px;
        line-height: 18px
    }

    .item.item-prepaid-grouped .game-details-bottom-wrapper {
        height: 42px;
        bottom: 1px
    }

    .item.item-prepaid-grouped .game-details-bottom-wrapper .widget-link-more {
        padding: 12px 16px;
        font-size: 14px;
        line-height: 18px
    }
}

.item .image-hover-zoom {
    overflow: hidden
}

.item .image-hover-zoom img {
    width: 100%;
    height: auto
}

.item .image-hover-zoom .main-image {
    position: relative;
    display: flex
}

.item .image-hover-zoom .main-image::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.item.mp-portrait-item {
    border-top: 1px solid #eae9ec;
    flex-direction: row
}

.item.mp-portrait-item:first-child {
    border-top: none
}

.item.mp-portrait-item .portrait-item-content {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 112px
}

.item.mp-portrait-item .image-wrap {
    display: block;
    flex: 0 0 50px
}

.item.mp-portrait-item .main-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1 1 auto;
    width: 100%;
    overflow: hidden;
    padding: 12px 12px 8px
}

.item.mp-portrait-item .main-wrap .title-line {
    max-width: 100%
}

.item.mp-portrait-item .main-wrap .title-line .title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    color: #1f1c22;
    z-index: 3;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 44px
}

.item.mp-portrait-item .main-wrap .game-tags {
    margin: 4px 0 0
}

.item.mp-portrait-item .main-wrap .game-tags .tags .svg-icon {
    color: #70657b
}

.item.mp-portrait-item .price-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    flex: 0 0 auto;
    margin: auto 0 0;
    width: 100%;
    padding: 0 12px 12px
}

.item.mp-portrait-item .price-wrap .price .price-inner {
    font-size: 18px;
    line-height: 21.6px;
    z-index: 22
}

.item.mp-portrait-item .unavailable-label {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex: 0 0 auto;
    margin: auto 0 0;
    width: 100%;
    padding: 12px 12px 12px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #c2bcc8
}

.game-item-ranking-content-counter {
    font-size: 21px;
    line-height: 21px;
    font-weight: 700;
    color: #ebe9ed;
    align-items: first baseline;
    margin-right: 6px;
    flex: 0 0 auto
}

.game-item-ranking-content-counter .value {
    display: block;
    flex: 0 0 auto
}

.game-item-ranking-content-counter.bigger {
    font-size: 18px;
    line-height: 21px;
    flex: 0 0 100%;
    margin-bottom: 4px
}

.game-score-meta-box {
    flex: 0 0 auto;
    margin-right: 16px
}

.game-score-meta-box:last-child {
    margin-right: 0
}

.game-score-meta-box .game-score-meta-label {
    font-size: 13px;
    line-height: 15px;
    display: block;
    flex: 0 0 auto;
    color: #70657b
}

.item-list.portrait-item {
    height: auto
}

.item-list.portrait-item .image-wrap {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    z-index: 1;
    overflow: hidden
}

.item-list.portrait-item .image-wrap > .main-image {
    width: 100%;
    text-align: center
}

.item-list.portrait-item .image-wrap > .main-image img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.item-list.portrait-item .game-options-wrapper .game-options-list, .item-list.portrait-item .game-options-wrapper .game-options-trigger-btn {
    left: 8px;
    top: 8px
}

.item-list.portrait-item .game-tags.game-tags-portrait {
    margin: 0 0 8px
}

.item-list.portrait-item .game-tags.game-tags-portrait .tags .title {
    color: #8f849a
}

.item-list.portrait-item .game-tags.game-tags-portrait .tags .value {
    font-weight: 600;
    color: #8f849a;
    font-size: 12px;
    line-height: 14px
}

.item-list.portrait-item .game-tags.game-tags-portrait .tags .value > span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-list.portrait-item .game-tags.game-tags-portrait .tags .value .svg-icon {
    color: #8f849a
}

.item-list.portrait-item .game-tags.game-tags-portrait .tags .tag.tag-wishlisted .svg-icon {
    width: 11px;
    height: 10px
}

.item-list.portrait-item .game-info-wrapper {
    flex: 0 0 auto;
    padding: 12px 8px 8px;
    height: 110px
}

@media (min-width: 1030px) {
    .item.item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .labels-container .label:not(.historical), .item.item-prepaid-grouped .game-details-wrapper .game-details-editions {
        display: block
    }

    .item .image-hover-zoom img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }

    .item:hover .image-hover-zoom img {
        transform: scale(1.05)
    }

    .game-item-ranking-content-counter {
        font-size: 18px;
        line-height: 21px
    }

    .item-list.portrait-item .image-wrap > .main-image img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }

    .item-list.portrait-item .game-info-wrapper {
        padding: 12px;
        height: 121px
    }
}

.item-list.portrait-item .game-info-wrapper .game-info-title-wrapper {
    width: 100%;
    display: block;
    flex: 0 0 auto;
    max-height: 44px;
    overflow: hidden
}

.item-list.portrait-item .game-info-wrapper .game-info-title {
    font-family: Lato, Lato2, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    display: block;
    max-height: 40px;
    color: #1f1c22;
    position: relative;
    z-index: 21
}

.item-list.portrait-item .game-info-wrapper .game-info-title > .title-inner {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inline;
    z-index: 21
}

.item-list.portrait-item .game-info-wrapper .game-info-price-wrapper {
    margin-top: auto
}

.item-list.portrait-item .game-info-wrapper .game-info-price-wrapper .unavailable-label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    color: #8f849a
}

.item-list.portrait-item .game-info-wrapper .game-info-price-wrapper .labels-container .label.historical {
    font-size: 0;
    color: transparent
}

.item-list.portrait-item .game-info-wrapper .game-info-price-wrapper .labels-container .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.item-list.portrait-item .game-info-wrapper .price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    line-height: 17px;
    width: auto;
    flex: 0 0 auto
}

.item-list.portrait-item .game-info-wrapper .price-label {
    color: #8f849a;
    display: none
}

.item-list.portrait-item .game-info-wrapper .price {
    width: auto;
    max-width: 100%;
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    z-index: 22
}

.item-list.portrait-item .game-info-wrapper .price .price-inner {
    font-size: 16px;
    line-height: 17px
}

.item-list.portrait-item .game-info-wrapper .price .double-line {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline
}

.item-list.portrait-item .game-info-wrapper .price .double-line .price-inner {
    font-size: 16px;
    line-height: 17px
}

.item-list.portrait-item .game-info-wrapper .price .double-line .price-label {
    color: #70657b;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 17px;
    margin-right: 4px
}

.container.mp-portrait-container {
    padding-left: 0;
    padding-right: 0
}

.container.mp-portrait-container .browse-all {
    margin-top: 10px
}

.mp-portrait-header {
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 0 16px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 795px) {
    .container.mp-portrait-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .mp-portrait-header {
        padding-left: 0;
        padding-right: 0
    }
}

.mp-portrait-header.with-sublink {
    align-items: baseline
}

@media (min-width: 1030px) {
    .item-list.portrait-item .game-info-wrapper .price-label {
        display: block
    }

    .item-list.portrait-item:hover .image-wrap > .main-image img {
        transform: scale(1.05)
    }

    .container.mp-portrait-container + .presets-container {
        margin-top: 24px
    }

    .mp-portrait-header .preset-title-sublink {
        padding: 0
    }
}

.mp-portrait-header .part-title.preset-title:not(.d-flex) {
    display: block
}

.mp-portrait-header .part-title.preset-title {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0
}

.mp-portrait-header .part-title.preset-title .preset-title-link {
    color: #1f1c22
}

.mp-portrait-header .preset-title-sublink {
    margin-right: 0
}

.mp-portrait-header .swiper-buttons-wrapper {
    position: relative;
    display: none;
    z-index: 0
}

@media (min-width: 1030px) {
    .mp-portrait-header .swiper-buttons-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex: 0 0 auto;
        margin-left: auto;
        margin-top: -12px;
        transform: translateY(4px)
    }

    .mp-portrait-header .swiper-buttons-wrapper .swiper-button-mp {
        display: block
    }
}

.swiper .swiper-pagination.square-pagination {
    bottom: 0;
    margin: -2px auto 0;
    height: 4px;
    min-width: 80px;
    display: flex;
    justify-content: flex-start
}

.swiper .swiper-pagination.square-pagination .swiper-pagination-bullet {
    transition: background-color .3s ease-in-out, max-width .4s ease-in-out, transform .4s, left .4s;
    border-radius: 0;
    width: 12px;
    height: 4px;
    max-width: 4px;
    min-width: 4px;
    background: #a39aac;
    margin: 0 2px;
    opacity: 1;
    transform: none
}

.swiper .swiper-pagination.square-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    max-width: 12px;
    min-width: 12px;
    background: #279af1;
    transform: none;
    opacity: 1
}

.portrait-items-slider {
    width: auto;
    margin: 0
}

.portrait-items-slider.with-pagination {
    box-sizing: border-box;
    height: 296px;
    padding-bottom: 16px
}

@media (max-width: 1029px) {
    .portrait-items-slider.swiper-free-mode .slider-progress-wrap {
        width: calc(100% - 16px - 16px)
    }
}

.portrait-items-slider .swiper-wrapper .swiper-slide {
    width: 128px;
    margin-bottom: 14px
}

@media (min-width: 795px) {
    .portrait-items-slider .swiper-wrapper .swiper-slide {
        width: 140px
    }
}

@media (min-width: 1030px) {
    .portrait-items-slider .swiper-pagination.swiper-pagination-progressbar, .swiper .swiper-pagination.square-pagination {
        display: none
    }

    .portrait-items-slider.with-pagination {
        padding-bottom: unset;
        height: auto
    }

    .portrait-items-slider .swiper-wrapper .swiper-slide {
        width: 184px
    }
}

.portrait-items-slider .swiper-wrapper .swiper-slide:first-child {
    margin-left: 16px
}

.portrait-items-slider .swiper-wrapper .swiper-slide:last-child {
    margin-right: 16px
}

@media (min-width: 795px) {
    .portrait-items-slider .swiper-wrapper .swiper-slide:first-child {
        margin-left: 0
    }

    .portrait-items-slider .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0
    }
}

.portrait-items-slider .swiper-wrapper .swiper-slide .game-item-ranking-content-counter {
    font-size: 14px;
    line-height: 16px;
    margin-right: 3px;
    align-items: center
}

.portrait-items-slider .swiper-wrapper .swiper-slide .game-item-ranking-content-counter .icon-collection-wrapper {
    margin: -2px 4px 0 0
}

.portrait-items-slider .item-index-number {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    position: absolute;
    top: calc(40vw - 48px - 8px);
    left: 8px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(10, 9, 11, .8);
    color: #f4f5f6;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 12px 8px;
    z-index: 24
}

.main-page-top-section .portrait-items-slider {
    height: auto
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide {
    padding: 0 0 0 12px;
    margin-bottom: 0;
    width: 46.5vw
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide:first-child {
    margin-left: 4px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item {
    background: #332e38;
    width: 100%;
    height: calc(40.5vw + 108px);
    overflow: hidden
}

@media (min-width: 480px) {
    .grid-boxes-wrapper {
        grid-template-columns:repeat(2, calc(50% - 8px))
    }

    .portrait-items-slider .item-index-number {
        top: 92px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide {
        width: 172px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item {
        aspect-ratio: 1/1.6;
        height: auto
    }
}

@media (min-width: 795px) {
    .portrait-items-slider .item-index-number {
        top: 154px;
        left: 12px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide {
        width: 232px;
        padding: 0;
        margin: 0 16px 0 0
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide:first-child {
        margin-left: 0
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item {
        aspect-ratio: 1/1.37931034
    }
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .image-wrap {
    width: 100%;
    height: auto;
    overflow: visible;
    background: #eae9ec;
    z-index: unset
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .image-wrap > .main-image img {
    min-width: 100%;
    max-width: 100%;
    transition: transform .3s ease-in-out;
    transform: scale(1);
    transform-origin: center center
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-wrapper {
    position: absolute;
    z-index: unset;
    top: auto;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper {
    position: relative;
    padding: 8px 8px 0
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper::before {
    transition: filter .3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    content: '';
    filter: brightness(1);
    display: block;
    height: 100%;
    max-height: 100%;
    background: linear-gradient(0deg, #141216 0, rgba(20, 18, 22, .8) 100%)
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-title-wrapper {
    max-height: unset
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-title {
    position: relative;
    color: #fff;
    overflow: hidden;
    margin: 0;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-title .game-collection-actions {
    color: #fff
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-price-wrapper {
    position: relative;
    transition: filter .3s ease-in-out;
    padding: 8px;
    filter: brightness(1)
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-price-wrapper::after {
    transition: filter .3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    filter: brightness(1);
    display: block;
    height: 100%;
    background: #141216
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-price-wrapper .labels-container {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper .price-label {
    margin: 0;
    width: 100%;
    display: block;
    color: #a39aac;
    font-size: 12px;
    line-height: 14px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper .price {
    display: inline-flex
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper .price .price-inner {
    margin: 0;
    width: 100%;
    flex: 0 0 auto;
    color: #fff;
    font-size: 18px;
    line-height: 22px
}

@media (min-width: 1200px) {
    .grid-boxes-wrapper.grid-columns-3 {
        grid-template-columns:repeat(3, calc(100% / 3 - 16px))
    }

    .grid-boxes-wrapper.grid-columns-4 {
        grid-template-columns:repeat(4, calc(25% - 18px))
    }

    .portrait-items-slider .swiper-wrapper .swiper-slide {
        width: 177px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item {
        aspect-ratio: 1/1.46551724
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper {
        padding: 8px 12px 0
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-title {
        min-height: 56px;
        max-height: 56px;
        font-size: 21px;
        line-height: 27px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .game-info-price-wrapper {
        padding: 8px 12px 16px;
        z-index: 21
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper .price .price-inner {
        font-size: 21px;
        line-height: 25px
    }
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-wrapper .price.price-hl .price-inner {
    color: #07e87c
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price {
    position: relative;
    z-index: 22;
    width: auto;
    align-self: flex-start
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price .double-line {
    flex-direction: column-reverse
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price .double-line .price-label {
    margin: 0;
    width: 100%;
    flex: 0 0 auto;
    color: #a39aac;
    font-size: 12px;
    line-height: 14px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price .double-line .price-inner {
    margin: 0;
    width: 100%;
    flex: 0 0 auto;
    color: #fff;
    font-size: 18px;
    line-height: 22px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-widget.game-labels {
    margin: 0 0 2px 4px
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item:hover:not(.ignored) .game-info-price-wrapper, .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item:hover:not(.ignored) .game-info-wrapper .game-info-title-wrapper::before {
    filter: brightness(1)
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-widget .label.discount {
    background: #46455f;
    color: #dcdce5
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-widget .label.historical {
    background: rgba(7, 218, 116, .35);
    color: #07e87c
}

.main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-widget .label.historical::before {
    color: #07e87c
}

.game-item.ignored:not(.ignorelist-item) .game-tags .tags .tag .value .svg-icon, .game-item.inactive .game-tags .tags .tag .value .svg-icon {
    opacity: 1
}

.game-item.ignored:not(.ignorelist-item) .game-tags .tags .tag a, .game-item.inactive .game-tags .tags .tag a {
    color: #70657b
}

.game-item.ignored:not(.ignorelist-item) .game-active-icons.before-title .svg-icon, .game-item.inactive .game-active-icons.before-title .svg-icon {
    color: #47404f !important
}

.game-item.ignored:not(.ignorelist-item) .price-label.price-old, .game-item.inactive .price-label.price-old {
    color: #70657b !important
}

.game-item.ignored:not(.ignorelist-item) .price-widget .label.code, .game-item.inactive .price-widget .label.code {
    color: #47404f
}

.game-item.ignored:not(.ignorelist-item) .price-widget .label.code:not(:only-of-type), .game-item.inactive .price-widget .label.code:not(:only-of-type) {
    border-color: #e0dde3
}

.game-item.ignored:not(.ignorelist-item) .game-image, .game-item.inactive .game-image {
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) .img-feature-info-rating .svg-icon-fire, .game-item.inactive .img-feature-info-rating .svg-icon-fire {
    transition: fill .2s;
    fill: #A39AAC
}

.game-item.ignored:not(.ignorelist-item) .img-feature-info-rating .deal-rating-label, .game-item.inactive .img-feature-info-rating .deal-rating-label {
    transition: color .2s;
    color: #a39aac
}

.game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-info-title-wrapper, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-labels, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-tags, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .price-wrapper, .game-item.inactive .game-info-wrapper .game-info-title-wrapper, .game-item.inactive .game-info-wrapper .game-labels, .game-item.inactive .game-info-wrapper .game-tags, .game-item.inactive .game-info-wrapper .price-wrapper {
    opacity: .4;
    z-index: 21
}

.game-item.ignored:not(.ignorelist-item) .after-info-wrapper, .game-item.ignored:not(.ignorelist-item) .game-cta:not(.icon-actions), .game-item.inactive .after-info-wrapper, .game-item.inactive .game-cta:not(.icon-actions) {
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) .game-info-title, .game-item.inactive .game-info-title {
    color: #1f1c22
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-active-icons.before-title .svg-icon, .game-item.inactive.most-popular-portrait-item .game-active-icons.before-title .svg-icon {
    color: #c2bcc8 !important
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper, .game-item.inactive.most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper {
    opacity: 1
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper .game-info-title, .game-item.inactive.most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) {
    transition: background-color .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-image {
    transition: opacity .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-image .game-picture {
    transition: .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-image .img-feature-info-rating {
    transition: opacity .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-details-wrapper {
    transition: .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-cta, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-info-title-wrapper, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-labels, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .game-tags, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .main-wrap, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .price-wrap, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted) .price-wrapper {
    transition: opacity .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .item-index-number {
    transition: background-color .3s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .main-image {
    transition: opacity .3s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper::before {
    background: linear-gradient(0deg, #332e38 0, rgba(51, 46, 56, .8) 200%)
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    transition: opacity .3s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .game-info-wrapper .game-info-price-wrapper::after {
    background-color: #332e38
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .game-info-wrapper .game-labels, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).most-popular-portrait-item .game-info-wrapper .price-wrapper {
    transition: opacity .3s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted).game-items-header .game-info-title-wrapper {
    transition: opacity .2s
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-image, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .image-wrap {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .img-feature-info-rating .svg-icon-fire {
    transition: fill .2s;
    fill: #A39AAC
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .img-feature-info-rating .deal-rating-label {
    transition: color .2s;
    color: #a39aac
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-details-wrapper, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-info-wrapper .game-info-title-wrapper, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-info-wrapper .game-labels, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-info-wrapper .game-tags, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-info-wrapper .price-wrapper {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-info-wrapper .game-info-title-wrapper .game-tags {
    opacity: 1
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .after-info-wrapper, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-cta, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .main-wrap, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .price-wrap {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .price-wrap .game-labels {
    opacity: 1
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover) .game-stores-wrapper.in-column {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .item-index-number {
    background-color: rgba(51, 46, 56, .8)
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .image-wrap {
    opacity: 1
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .game-info-wrapper .game-labels, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .game-info-wrapper .price-wrapper, .game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .image-wrap .main-image {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper {
    opacity: 1
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).game-items-header .game-image {
    opacity: 1
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).game-ranking-list-item .game-info-title-wrapper {
    opacity: .4
}

.game-item.owned:not(.collection-item):not(.wishlisted):not(.alerted):not(:hover).game-ranking-list-item .game-item-content {
    transition: opacity .2s;
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) {
    transition: background-color .2s
}

.game-item.ignored:not(.ignorelist-item) .image-wrap {
    filter: grayscale(1)
}

.game-item.ignored:not(.ignorelist-item) .game-image {
    transition: opacity .2s;
    filter: grayscale(1)
}

.game-item.ignored:not(.ignorelist-item) .game-image .game-picture {
    transition: .2s
}

.game-item.ignored:not(.ignorelist-item) .game-image .img-feature-info-rating {
    transition: opacity .2s
}

.game-item.ignored:not(.ignorelist-item) .game-details-wrapper {
    transition: .2s;
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) .game-cta, .game-item.ignored:not(.ignorelist-item) .game-info-title-wrapper, .game-item.ignored:not(.ignorelist-item) .game-labels, .game-item.ignored:not(.ignorelist-item) .game-stores-wrapper, .game-item.ignored:not(.ignorelist-item) .game-tags, .game-item.ignored:not(.ignorelist-item) .main-wrap, .game-item.ignored:not(.ignorelist-item) .price-wrap, .game-item.ignored:not(.ignorelist-item) .price-wrapper {
    transition: opacity .2s
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item {
    transition: background-color .3s
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .item-index-number {
    background-color: rgba(51, 46, 56, .8)
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-image {
    transition: opacity .3s
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-image .game-picture {
    transition: .3s
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-cta, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-image .img-feature-info-rating, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-title-wrapper, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-labels, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-tags, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .main-wrap, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .price-wrap, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .price-wrapper {
    transition: opacity .3s
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-title-wrapper::before {
    background: linear-gradient(0deg, #332e38 0, rgba(51, 46, 56, .8) 200%) !important
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-price-wrapper::after {
    background-color: #332e38 !important
}

.game-item.ignored:not(.ignorelist-item) .game-image, .game-item.ignored:not(.ignorelist-item) .image-wrap {
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) .img-feature-info-rating .svg-icon-fire {
    transition: fill .2s;
    fill: #A39AAC
}

.game-item.ignored:not(.ignorelist-item) .img-feature-info-rating .deal-rating-label {
    transition: color .2s;
    color: #a39aac
}

.game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-info-title-wrapper, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-labels, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-tags, .game-item.ignored:not(.ignorelist-item) .game-info-wrapper .price-wrapper {
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item) .game-info-wrapper .game-info-title-wrapper .game-tags {
    opacity: 1
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .image-wrap {
    opacity: 1
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .game-labels, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .price-wrapper, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .image-wrap .main-image {
    opacity: .4
}

.game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper {
    opacity: 1
}

.game-item.ignored:not(.ignorelist-item) .after-info-wrapper, .game-item.ignored:not(.ignorelist-item) .game-cta, .game-item.ignored:not(.ignorelist-item) .game-stores-wrapper.in-column, .game-item.ignored:not(.ignorelist-item) .main-wrap, .game-item.ignored:not(.ignorelist-item) .price-wrap, .game-item.ignored:not(.ignorelist-item).game-items-header .game-info-title-wrapper, .game-item.ignored:not(.ignorelist-item).most-popular-portrait-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    opacity: .4
}

.games-box .game-item .rating-title-icon {
    margin: 0 4px 0 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    z-index: 21
}

.games-box .game-item .rating-title-icon .svg-icon {
    margin: 0;
    width: 12px;
    height: 12px
}

.games-box .game-item .rating-title-icon.rating-hot .svg-icon.svg-icon-fire {
    fill: #FE3400
}

.games-box .game-item .rating-title-icon.rating-great .svg-icon.svg-icon-fire {
    fill: #FF9900
}

.games-box .game-item.game-item-v2.game-portrait-item {
    grid-auto-flow: column;
    gap: 0;
    max-width: 100%;
    margin: 8px 0 0;
    grid-template-areas:"icon game-info" "icon cta";
    grid-template-columns:112px minmax(auto, calc(100% - 112px));
    grid-template-rows:minmax(auto, max-content) auto;
    padding: 12px
}

.games-box .game-item.game-item-v2.game-portrait-item:first-child {
    margin-top: 0
}

@media (min-width: 1030px) {
    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price .double-line .price-inner {
        font-size: 21px;
        line-height: 25px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item .price-widget.game-labels {
        margin: 0 0 2px 8px
    }

    .main-page-top-section .portrait-items-slider .swiper-wrapper .swiper-slide .most-popular-portrait-item:hover:not(.ignored) .image-wrap > .main-image img {
        transform: scale(1.05)
    }

    .game-item.wishlisted .game-active-icons.game-interactive-icons .game-active-icon-item.alerted-game .game-action:not(.default-hide), .game-item:not(.owned):not(.ignored) .game-active-icons.game-interactive-icons .game-active-icon-item.wishlisted-game .game-action:not(.default-hide) {
        display: block
    }

    .games-box .game-item .rating-title-icon {
        margin: 0 8px 0 0;
        width: 14px;
        height: 14px
    }

    .games-box .game-item .rating-title-icon .svg-icon {
        width: 14px;
        height: 14px
    }

    .games-box .game-item.game-item-v2.deal-list-item .game-image {
        overflow: hidden
    }

    .games-box .game-item.game-item-v2.deal-list-item .game-image .game-picture img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }

    .games-box .game-item.game-item-v2.deal-list-item:hover .game-image .game-picture img {
        transform: scale(1.1)
    }

    .games-box .game-item.game-item-v2.game-portrait-item:first-of-type {
        grid-template-rows:88px;
        height: 88px
    }

    .games-box .game-item.game-item-v2.game-portrait-item {
        grid-template-areas:"icon game-info cta";
        gap: 8px;
        margin: 0;
        padding: 0;
        grid-template-columns:188px auto max-content;
        grid-template-rows:88px;
        height: 88px;
        box-sizing: content-box
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-image {
    position: relative;
    z-index: 21;
    height: 100%;
    width: 100px;
    max-height: 150px
}

.games-box .game-item.game-item-v2.game-portrait-item .game-image .game-picture {
    display: block;
    height: 150px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-image {
        position: relative;
        width: auto;
        height: auto;
        max-height: 88px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-image .game-picture {
        height: 88px
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-image .game-picture img {
    transform: none
}

.games-box .game-item.game-item-v2.game-portrait-item .game-image .main-image {
    display: block;
    position: relative;
    z-index: 21
}

.games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper {
    position: static;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    grid-area: game-info;
    padding: 0;
    max-width: 100%;
    margin: 0 0 12px;
    justify-content: normal;
    min-height: 106px
}

.games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper .price-wrapper {
    margin-top: auto;
    padding-top: 16px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper {
        position: relative;
        display: grid;
        grid-template-areas:"title price" "tags labels";
        grid-template-columns:auto auto;
        padding: 0 8px;
        margin: 0;
        height: auto;
        flex-direction: unset;
        justify-content: unset;
        min-height: unset;
        grid-template-rows:24px 28px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper .price-wrapper {
        margin: 0;
        padding-top: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper .price-wrapper .price-old {
        margin: 0 8px 0 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper .price-wrapper .price-label.fee-label {
        display: none
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-info-wrapper .price-label.fee-label {
        transition: opacity .2s;
        opacity: 0;
        order: -1
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .after-info-wrapper {
    display: block;
    grid-area: after-info;
    z-index: 21;
    margin: 0 0 0 auto;
    padding: 0 2px 0 0;
    height: 32px;
    width: 100%;
    max-width: 160px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .after-info-wrapper {
        display: none
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .after-info-wrapper .label.code {
    width: 100%;
    line-height: 15px;
    padding: 7px 6px;
    height: 32px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 4px
}

.games-box .game-item.game-item-v2.game-portrait-item .after-info-wrapper .label.code .svg-icon {
    margin: 0;
    height: 12px
}

.games-box .game-item.game-item-v2.game-portrait-item .game-info-title-wrapper {
    align-self: flex-start;
    align-items: center;
    display: block;
    padding: 0;
    flex: 0 1 auto;
    max-height: unset;
    width: 100%;
    white-space: normal;
    order: unset
}

.games-box .game-item.game-item-v2.game-portrait-item .game-info-title-wrapper .game-info-title {
    display: inline;
    white-space: initial;
    text-overflow: initial;
    overflow: visible;
    line-height: 20px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-info-title-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        width: unset;
        flex: unset;
        padding-right: 12px;
        align-self: flex-end
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-info-title-wrapper .game-info-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        display: block;
        line-height: 17px;
        max-height: unset
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-tags {
    grid-area: tags;
    align-self: flex-start;
    margin: 4px 0 0;
    min-height: unset;
    flex: 0 0 16px;
    width: 100%;
    order: unset;
    min-width: unset;
    max-width: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-tags {
        flex: unset;
        width: unset;
        margin: 10px 0 0;
        padding-right: 0;
        overflow: visible
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags {
        -moz-column-gap: 24px;
        column-gap: 24px;
        display: flex;
        align-items: center;
        overflow: visible
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-info-title-wrapper .game-info-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        grid-column-end: labels-start
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16 {
    height: 14px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .tag.tag-more-info {
        margin-left: -24px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .tag.tag-risks {
        transition: opacity .2s;
        opacity: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-steam-deck-playable, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-steam-deck-unsupported, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-steam-deck-verified, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-steam-deck-playable, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-steam-deck-unsupported, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-steam-deck-verified {
        width: 23px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-ps-4, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-ps-5, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-ps-4, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-ps-5 {
        width: 24px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-ps-vr-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-series, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-ps-vr-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-series {
        width: 34px
    }
}

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

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-device-pixel-ratio:

1.5
)
,
only screen and

(
-webkit-min-device-pixel-ratio:

1.3333333333333333
)
,
only screen and

(
min-resolution:

128
dpi

)
,
only screen and

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-resolution:

1.5
dppx

)
{
.games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-ps-vr-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-series, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-ps-vr-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-series {
    width: 35px
}

}
.games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-nintendo-switch-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-nintendo-switch-2, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-nintendo-switch-1, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-nintendo-switch-2 {
    width: 22px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-360, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-360 {
        width: 35px
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-mac, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-windows, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-mac, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-windows {
    width: 11px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-pc-vr, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-pc-vr {
        width: 36px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-one, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-one {
        width: 40px
    }
}

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

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-device-pixel-ratio:

1.5
)
,
only screen and

(
-webkit-min-device-pixel-ratio:

1.3333333333333333
)
,
only screen and

(
min-resolution:

128
dpi

)
,
only screen and

(
-webkit-min-device-pixel-ratio:

1.5
)
,
only screen and

(
min-resolution:

1.5
dppx

)
{
.games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-one, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-one {
    width: 42px
}

}
.games-box .game-item.game-item-v2.game-portrait-item .unavailable-label {
    order: unset;
    max-width: unset;
    grid-area: price;
    margin: auto 0 0
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-15.svg-platform-xbox-original, .games-box .game-item.game-item-v2.game-portrait-item .game-tags .tags .svg-icon.size-16.svg-platform-xbox-original {
        width: 70px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .unavailable-label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        line-height: 20px;
        margin: 0
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .price-wrapper {
    grid-area: price;
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    align-self: flex-end;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin: auto 0 0;
    width: 100%;
    max-width: unset;
    order: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .price-wrapper {
        margin: 0 0 2px;
        flex-direction: row;
        align-items: flex-end;
        justify-self: flex-end;
        flex: unset;
        width: unset
    }

    .games-box .game-item.game-item-v2.game-portrait-item .price-wrapper:not(.with-badges) {
        margin-bottom: -11px
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .price-wrapper .game-price {
    margin: 0
}

.games-box .game-item.game-item-v2.game-portrait-item .price-wrapper .game-price .price-inner {
    font-size: 21px;
    line-height: 25px
}

.games-box .game-item.game-item-v2.game-portrait-item .labels-container {
    grid-area: labels;
    align-self: flex-end;
    padding: 0;
    margin: 0 0 -4px;
    min-height: 4px;
    flex: 0 0 auto;
    max-width: unset;
    width: 100%;
    order: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .price-wrapper .game-price .price-inner {
        font-size: 21px;
        line-height: 21px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .labels-container {
        align-self: flex-start;
        justify-content: flex-end;
        margin: 6px 0 0;
        min-height: unset;
        flex: unset;
        width: unset
    }
}

@media (min-width: 1200px) {
    .games-box .game-item.game-item-v2.game-portrait-item .price-wrapper .game-price .price-inner {
        font-size: 21px;
        line-height: 21px;
        font-weight: 600
    }

    .games-box .game-item.game-item-v2.game-portrait-item .labels-container {
        position: absolute;
        bottom: 0;
        right: 0;
        display: flex;
        flex-wrap: nowrap;
        margin: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item.unavailable .game-tags {
        grid-column-end: price-start
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .labels-container .label.code {
    display: none
}

.games-box .game-item.game-item-v2.game-portrait-item .labels-container .label .code {
    margin: 0 0 0 4px;
    padding: 0;
    font-size: 12px;
    line-height: 15px
}

.games-box .game-item.game-item-v2.game-portrait-item .game-cta {
    position: relative;
    right: auto;
    bottom: auto;
    grid-area: cta;
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0 0 0 auto;
    background: 0 0;
    z-index: 22;
    padding: 0;
    height: 32px;
    max-width: 160px;
    width: 100%
}

.games-box .game-item.game-item-v2.game-portrait-item .game-cta .action-btn {
    display: none
}

.games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 0 100%;
    padding: 0
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .labels-container .label.code {
        display: flex
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta {
        border-top: none;
        margin: 0;
        padding: 0;
        background: 0 0;
        height: 88px;
        width: 72px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta.shop-icon-cta {
        width: 112px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .action-btn {
        display: flex;
        max-height: 88px
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-link {
        position: absolute
    }
}

@media (max-width: 1199px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta:hover {
        background: #fff
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        display: flex
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon .svg-icon {
        display: block;
        width: 12px;
        height: 12px
    }
}

@media (max-width: 794px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon img {
        max-width: 60px;
        max-height: 100%
    }
}

@media (max-width: 1029px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon {
        width: 100%;
        -moz-column-gap: 8px;
        column-gap: 8px;
        padding: 8px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        height: 32px;
        background: #d6d2da;
        color: #5c5365
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon img {
        width: auto
    }

    .games-box .game-item.game-item-v2.game-portrait-item.with-code {
        grid-template-areas:"icon game-info game-info" "icon after-info cta";
        grid-template-columns:112px auto 160px
    }
}

@media (max-width: 1029px) and (max-width: 1029px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-icon img[style] {
        max-width: 60px !important
    }
}

.games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-label {
    display: block;
    margin-left: auto;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-label .svg-icon {
    width: 12px;
    height: 12px;
    margin: 0 0 -2px 4px;
    color: inherit
}

.games-box .game-item.game-item-v2.game-portrait-item .img-feature-info-rating {
    transition: background-color .2s;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    z-index: 22;
    display: flex;
    align-items: center;
    padding: 16px 4px 4px;
    border-radius: unset
}

.games-box .game-item.game-item-v2.game-portrait-item .img-feature-info-rating .svg-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    fill: #FFF !important
}

.games-box .game-item.game-item-v2.game-portrait-item .img-feature-info-rating .deal-rating-label {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #fff !important
}

@media (max-width: 440px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta {
        max-width: 100%
    }

    .games-box .game-item.game-item-v2.game-portrait-item.with-code {
        grid-template-columns:112px minmax(auto, calc((100% - 112px) / 2)) minmax(auto, calc((100% - 112px) / 2))
    }
}

.games-box .game-item.game-item-v2.game-portrait-item.with-checkbox.selected {
    background-color: #fff
}

.games-box .game-item.game-item-v2.game-portrait-item.with-checkbox .game-image {
    overflow: hidden
}

.games-box .game-item.game-item-v2.game-portrait-item.with-checkbox .item-checkbox-wrapper {
    width: 100px;
    max-width: 100px;
    height: 150px;
    max-height: 150px
}

@media (max-width: 1029px) {
    .games-box .game-item.game-item-v2.game-portrait-item.with-code .game-cta {
        padding: 0 0 0 2px;
        margin: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item.unavailable {
        grid-template-rows:minmax(126px, max-content) auto
    }

    .mainpage .presets-container .item.mainpage-preset-item:nth-child(n+9) {
        display: none
    }
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-grid {
    display: grid
}

.flex {
    display: flex !important
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

@media (min-width: 1200px) {
    .flex-lg-nowrap {
        flex-wrap: nowrap
    }
}

.flex-column {
    flex-direction: column
}

@media (min-width: 1030px) {
    .games-box .game-item.game-item-v2.game-portrait-item .game-cta .shop-label {
        display: none
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta.shop-icon-cta:hover .shop-link {
        opacity: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item .game-cta.shop-icon-cta:hover .action-btn {
        opacity: 1
    }

    .games-box .game-item.game-item-v2.game-portrait-item .img-feature-info-rating {
        bottom: 0
    }

    .games-box .game-item.game-item-v2.game-portrait-item.with-checkbox {
        grid-template-columns:calc(188px + 32px) auto max-content
    }

    .games-box .game-item.game-item-v2.game-portrait-item.with-checkbox .item-checkbox-wrapper {
        height: 88px
    }

    .games-box .game-item.game-item-v2.game-portrait-item.unavailable .game-info-wrapper {
        grid-template-areas:"title price" "tags price"
    }

    .games-box .game-item.game-item-v2.game-portrait-item:hover .game-info-wrapper .game-tags .tags .tag.tag-risks, .games-box .game-item.game-item-v2.game-portrait-item:hover .game-info-wrapper .price-label.fee-label {
        opacity: 1
    }

    .flex-column-md {
        flex-direction: column
    }
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-row {
    flex-direction: row
}

@media (min-width: 1030px) {
    .flex-row-md {
        flex-direction: row
    }
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.inline-flex {
    display: inline-flex !important
}

.flex-content-center {
    align-content: center
}

.flex-align-center {
    align-items: center
}

.flex-align-start {
    align-items: flex-start !important
}

.flex-align-end {
    align-items: flex-end
}

.flex-space-between {
    justify-content: space-between
}

.flex-space-evenly {
    justify-content: space-evenly
}

.flex-justify-start {
    justify-content: flex-start
}

.flex-justify-end {
    justify-content: flex-end
}

.flex-justify-center {
    justify-content: center
}

.flex-self-start {
    align-self: flex-start
}

.presets-wrapper {
    padding: 0 16px;
    flex-wrap: wrap
}

.presets-wrapper .presets-wrapper-container {
    position: relative;
    overflow: hidden;
    margin: 0 -16px;
    width: auto;
    flex: 1 0 auto;
    max-width: 100vw
}

@media (min-width: 795px) {
    .presets-wrapper {
        padding: 0 30px
    }

    .presets-wrapper .presets-wrapper-container {
        max-width: calc(100% + 16px + 16px)
    }

    .presets-wrapper .presets-wrapper-horizontal .menu-item:not(.badge-more-wrapper):first-of-type {
        margin-left: 16px
    }
}

.presets-wrapper .presets-wrapper-container::after, .presets-wrapper .presets-wrapper-container::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 32px;
    content: '';
    background: linear-gradient(270deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%);
    z-index: 2
}

.presets-wrapper .presets-wrapper-container::before {
    right: auto;
    left: 0;
    background: linear-gradient(90deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

.presets-wrapper .presets-wrapper-horizontal {
    position: relative;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0 16px
}

@media (min-width: 1030px) {
    .presets-wrapper .presets-wrapper-container {
        margin: 0;
        width: 100%;
        max-width: 100%
    }

    .presets-wrapper .presets-wrapper-container::after, .presets-wrapper .presets-wrapper-container::before {
        display: none
    }

    .presets-wrapper .presets-wrapper-horizontal {
        padding: 0
    }
}

.presets-wrapper .presets-wrapper-horizontal .presets-heading {
    display: block;
    flex: 0 0 100%;
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 16px
}

.presets-wrapper .presets-wrapper-horizontal .menu-item {
    margin: 0
}

.presets-wrapper .presets-wrapper-horizontal .menu-item:not(.badge-more-wrapper):first-of-type {
    margin-left: 16px
}

.presets-wrapper .presets-wrapper-horizontal .menu-item.badge-more-wrapper {
    display: none;
    opacity: 0
}

.presets-wrapper .presets-wrapper-horizontal .presets-menu {
    display: flex;
    flex-wrap: nowrap;
    flex: 1 0 auto;
    gap: 8px;
    margin: 0 -16px;
    padding: 0 16px 0 0;
    max-width: calc(100% + 16px + 16px);
    overflow-x: scroll;
    touch-action: pan-x
}

@media (min-width: 795px) {
    .presets-wrapper .presets-wrapper-horizontal .presets-menu {
        margin: 0 -16px;
        padding-right: 16px;
        max-width: calc(100% + 16px + 16px)
    }
}

@media (min-width: 1030px) {
    .presets-wrapper .presets-wrapper-horizontal .presets-heading {
        font-size: 14px
    }

    .presets-wrapper .presets-wrapper-horizontal .menu-item:not(.badge-more-wrapper):first-of-type {
        margin: 0
    }

    .presets-wrapper .presets-wrapper-horizontal .menu-item.badge-more-wrapper {
        display: inline-block
    }

    .presets-wrapper .presets-wrapper-horizontal .presets-menu {
        transition: max-height .5s linear;
        flex-wrap: wrap;
        max-width: 100%;
        max-height: 32px;
        overflow: hidden;
        touch-action: none;
        margin: 0;
        padding: 0
    }

    .presets-wrapper .presets-wrapper-horizontal .presets-menu.presets-overflowing .menu-item.badge-more-wrapper {
        display: inline-block;
        opacity: 1
    }
}

.presets-wrapper .presets-wrapper-horizontal .presets-menu::-webkit-scrollbar {
    display: none !important
}

.presets-wrapper .presets-wrapper-horizontal .presets-menu .badge-large-more-trigger .badge-trigger-label::before {
    content: 'More'
}

.presets-wrapper .presets-wrapper-horizontal .presets-menu .badge-large-more-trigger:active, .presets-wrapper .presets-wrapper-horizontal .presets-menu .badge-large-more-trigger:focus {
    background-color: #a39aac;
    border-color: #a39aac;
    color: #47404f
}

.presets-wrapper .presets-wrapper-horizontal:not(.expanded) .presets-menu .badge-large-more-trigger.trigger-active {
    color: #ebe9ed;
    background-color: #5c5365;
    border-color: #5c5365
}

.presets-wrapper .presets-wrapper-horizontal:not(.expanded) .presets-menu .badge-large-more-trigger.trigger-active .badge-trigger-icon::after, .presets-wrapper .presets-wrapper-horizontal:not(.expanded) .presets-menu .badge-large-more-trigger.trigger-active .badge-trigger-icon::before {
    background-color: #ebe9ed
}

.presets-wrapper .presets-wrapper-horizontal.expanded .presets-menu .badge-large-more-trigger .badge-trigger-label::before {
    content: 'Less'
}

.presets-wrapper .presets-wrapper-horizontal.expanded .presets-menu .badge-large-more-trigger .badge-trigger-icon::after {
    display: none
}

.presets-wrapper .presets-wrapper-col {
    padding: 0 0 0 24px;
    min-width: 50%;
    flex: 1 1 auto
}

@media (min-width: 480px) {
    .presets-wrapper .presets-wrapper-col {
        flex: 0 1 auto;
        min-width: 170px
    }
}

@media (min-width: 1030px) {
    .presets-wrapper .presets-wrapper-horizontal .preset-overflowing {
        display: none
    }

    .presets-wrapper .presets-wrapper-horizontal.expanded .presets-menu {
        max-height: 392px
    }

    .presets-wrapper .presets-wrapper-horizontal.expanded .preset-overflowing {
        display: inline-block
    }

    .presets-wrapper .presets-wrapper-col {
        flex: 0 1 auto;
        padding: 0 0 0 16px;
        min-width: unset
    }

    .presets-wrapper .presets-wrapper-col:first-child:not(:only-child) {
        padding: 0 16px 0 0;
        border-right: 1px solid #d6d2da
    }
}

.presets-wrapper .presets-wrapper-col:first-child {
    padding: 0;
    min-width: unset;
    flex: 0 1 auto
}

@media (min-width: 1030px) {
    .presets-wrapper .presets-wrapper-col:first-child {
        padding: 0 12px 0 0;
        flex: 0 0 auto
    }
}

.presets-wrapper .presets-wrapper-col:only-of-type {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 1030px) {
    .presets-wrapper .presets-wrapper-col:only-of-type {
        flex: 0 0 auto
    }
}

.presets-wrapper.presets-wrapper-rankings {
    flex-wrap: wrap;
    margin-top: 18px;
    padding: 0
}

@media (min-width: 1030px) {
    .presets-wrapper.presets-wrapper-rankings {
        margin-top: 24px;
        padding: 0 0 24px;
        border-bottom: 1px solid #d6d2da;
        flex-wrap: nowrap
    }
}

.presets-wrapper.presets-wrapper-rankings .presets-wrapper-col:not(:only-child):last-child {
    padding: 0;
    margin: 16px 0 0;
    flex: 0 0 100%
}

.presets-wrapper .presets-heading {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #5c5365;
    text-decoration: none;
    margin-bottom: 8px
}

.presets-wrapper .btn-save-preset {
    display: block;
    text-decoration: none;
    margin: 8px 0 0
}

@media (min-width: 1030px) {
    .presets-wrapper.presets-wrapper-rankings .presets-wrapper-col:not(:only-child):last-child {
        margin: 0;
        padding: 0 0 0 16px;
        flex: 0 1 auto
    }

    .presets-wrapper .btn-save-preset {
        display: inline-block;
        margin: 0 0 0 24px
    }

    .presets-wrapper .btn-save-preset:hover .content {
        text-decoration: underline;
        color: #52aef4
    }
}

.presets-wrapper .btn-save-preset .content {
    transition: color .2s;
    font-family: Lato, Lato2, sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 1.5px 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #279af1;
    text-transform: uppercase
}

.presets-wrapper .btn-save-preset .svg-icon {
    margin-right: 4px
}

.presets-wrapper .main-title .text {
    margin-right: 24px
}

.risks-info-window.popup-content-wrapper h5.popup-subtitle {
    font-family: Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
    padding: 0
}

.risks-info-widget h3 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    margin-top: 24px
}

.risks-info-widget h3:first-child {
    margin-top: 0
}

.risks-info-widget p {
    font-size: 14px;
    line-height: 22px
}

.risks-info-widget .read-more-btn {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: underline
}

.deal-rating-info-window .popup-title {
    font-size: 18px;
    line-height: 24px
}

.deal-rating-info-window h5 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #47404f;
    margin: 0 0 20px
}

.deal-rating-info-window p {
    color: #70657b;
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin-bottom: 24px
}

.deal-rating-info-window ul {
    display: block;
    list-style: none;
    margin: 0 0 24px;
    padding: 0
}

.deal-rating-info-window ul li {
    display: flex;
    align-content: center;
    padding: 0;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #70657b;
    vertical-align: center
}

.deal-rating-info-window ul li:first-child {
    margin-top: 0
}

.deal-rating-info-window ul li .svg-icon {
    display: inline-block;
    vertical-align: center;
    margin: 0 8px 0 0;
    width: 24px;
    height: 24px
}

.deal-rating-info-window ul li .span {
    display: inline-block;
    vertical-align: center
}

.deal-rating-info-footer-icons {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto 16px
}

.deal-rating-info-footer-icons .svg-icon {
    display: block;
    flex: 0 0 auto;
    width: 27px;
    height: 24px
}

.deal-rating-info-footer-icons .icon-separator {
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0 8px;
    width: 12px;
    height: 12px
}

.deal-rating-info-footer-icons .icon-separator::after, .deal-rating-info-footer-icons .icon-separator::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #70657b;
    content: '';
    display: block
}

.deal-rating-info-footer-icons .icon-separator::before {
    width: 12px;
    height: 3px
}

.deal-rating-info-footer-icons .icon-separator::after {
    height: 12px;
    width: 3px
}

.game-options-trigger-btn {
    position: absolute;
    background-color: #d6d2da;
    top: 4px;
    left: 4px;
    border: 0;
    outline: 0;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    margin: 0;
    transition: top .1s ease-in-out, opacity .2s, color .2s, box-shadow .2s;
    width: 24px;
    height: 24px;
    color: #ebe9ed;
    border-radius: 12px
}

.game-options-trigger-btn:hover {
    color: #fff;
    box-shadow: 0 2px 2px 0 #645A6E80;
    background-color: #c7c3cb
}

.game-options-trigger-btn:hover:active, .game-options-trigger-btn:hover:focus {
    background-color: #bebac2
}

.game-options-list {
    transition: max-height .3s, padding .2s .1s, box-shadow .3s;
    position: absolute;
    list-style: none;
    top: 4px;
    left: 4px;
    height: auto;
    width: 148px;
    z-index: 3;
    background: #f4f5f6;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 4px;
    max-height: 0;
    box-shadow: none
}

.game-options-list .game-action-wrap {
    position: relative;
    color: #5c5365;
    flex: 0 0 100%
}

.game-options-list .game-action-wrap-separator {
    width: 100%;
    margin: 6px 12px;
    height: 1px;
    background: #eae9ec
}

.game-options-list .icon-collection-wrapper {
    position: absolute;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    z-index: 1;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.game-options-list .icon-collection {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.owned-game.game-type-prepaids {
    display: none !important
}

.game-option-btn {
    transition: color .2s, background-color .2s, box-shadow .2s;
    border: none;
    outline: 0;
    padding: 4px 16px 4px 36px;
    text-align: left;
    width: 100%;
    background: 0 0;
    color: #5c5365;
    box-shadow: 0 0 0 transparent;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    display: block
}

.game-option-btn.game-option-btn-remove {
    text-transform: initial
}

.game-option-btn.default-hide {
    display: none
}

.game-option-btn.active, .game-option-btn.deactivate {
    background: #bebac2;
    color: #1f1c22
}

.game-option-btn:hover {
    color: #1f1c22;
    background: #c7c3cb;
    box-shadow: 0 2px 4px rgba(10, 9, 11, .1)
}

.game-option-btn:hover.deactivate {
    color: #1f1c22;
    background: #c7c3cb
}

.game-box-options .game-options-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    display: none
}

.game-box-options .game-options-wrapper .svg-icon-options-plus {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px
}

.game-box-options.game-grid-box .game-options-wrapper .game-options-list, .game-box-options.game-grid-box .game-options-wrapper .game-options-trigger-btn {
    top: 8px;
    left: 8px
}

.game-box-options.with-checkbox .game-options-wrapper {
    left: 32px
}

.game-box-options:hover .game-options-wrapper .game-options-trigger-btn {
    opacity: 1
}

.game-box-options.options-active .game-options-wrapper .game-options-trigger-btn {
    transition: opacity .2s
}

.game-box-options.options-active .game-options-wrapper .game-options-trigger-btn::before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.game-box-options.options-active .game-options-wrapper .game-options-list {
    opacity: 1;
    max-height: 200px;
    padding: 8px 0;
    box-shadow: 0 0 30px rgba(10, 9, 11, .2)
}

.game-item .game-item-top-subscriptions {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(20, 18, 22, .8);
    color: #fff;
    gap: 8px;
    padding: 8px;
    height: 32px;
    z-index: 22
}

.game-item .game-item-top-subscriptions .svg-icon {
    display: block
}

.game-item .game-stores-wrapper {
    width: 100%;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 8px 0 0
}

.game-item .game-stores-wrapper.in-column {
    margin-top: 12px;
    width: 50%
}

@media (min-width: 1030px) {
    .game-box-options .game-options-wrapper {
        display: block
    }

    .game-item .game-stores-wrapper {
        margin: 12px 0 0
    }

    .game-item .game-stores-wrapper.in-column {
        margin-top: 8px;
        width: 100%;
        justify-content: flex-end
    }
}

.game-item .game-stores-wrapper .store-favicon {
    width: 16px;
    height: 16px;
    display: block;
    flex: 0 0 16px
}

.game-item .game-stores-wrapper .game-store-info {
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 14px;
    color: #70657b
}

.social-box-content {
    padding: 0;
    margin: 0;
    flex: 0 0 auto
}

@media (min-width: 1030px) {
    .social-box-content {
        max-height: 136px;
        flex: 0 0 100%
    }
}

.social-box-content .action-btn.action-desktop-btn.color-btn {
    margin-top: 24px
}

@media (min-width: 1200px) {
    .social-box-content {
        max-height: unset;
        flex: 0 0 auto
    }

    .social-box-content .action-btn.action-desktop-btn.color-btn {
        margin-top: 24px
    }
}

.social-widget-box {
    padding: 32px;
    text-align: center;
    background: #f4f5f6;
    color: #70657b;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 12px 0
}

.social-widget-box:first-child {
    margin-top: 0
}

.social-widget-box:last-child {
    margin-bottom: 0
}

@media (min-width: 1030px) {
    .social-widget-box {
        flex: 0 0 calc(100% / 3 - 24px);
        max-width: calc(100% / 3 - 24px);
        margin: 0 12px;
        padding: 48px 46px
    }
}

.social-widget-box .social-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #1f1c22;
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    display: block;
    margin: 0 0 16px;
    flex: 0 0 auto;
    text-align: center
}

.social-widget-box p {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin: 0 0 32px;
    flex: 0 0 auto
}

.social-widget-box a {
    color: #47404f
}

.social-widget-box a:hover {
    color: #1f1c22
}

.social-widget-box .svg-icon {
    transition: color .2s ease-in-out, transform .2s ease-in-out;
    display: block
}

.social-widget-box .svg-icon.svg-icon-logo-community {
    width: 140px;
    height: 36px
}

.social-widget-box .svg-icon.svg-icon-logo-community.light {
    display: block;
    content-visibility: visible
}

.social-widget-box .svg-icon.svg-icon-logo-community.dark {
    display: none;
    content-visibility: hidden
}

.social-widget-box .svg-icon:hover {
    transform: scale(1.2)
}

.social-widget-box .social-icons {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center
}

.social-widget-box .social-icons li {
    display: block;
    flex: 0 0 auto;
    margin: 0 12px
}

.social-widget-box .social-icons li:first-child {
    margin-left: 0
}

.social-widget-box .social-icons li:last-child {
    margin-right: 0
}

.social-widget-box.social-box-discord {
    background: #5865f2;
    color: rgba(255, 255, 255, .8)
}

.social-widget-box.social-box-discord .social-heading, .social-widget-box.social-box-discord .svg-icon {
    color: #fff
}

.social-widget-box.social-box-discord:hover .svg-icon, .social-widget-box.social-box-feedback:hover .svg-icon {
    transform: scale(1.2)
}

.page-social-widget {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 56px -16px 0
}

@media (min-width: 1030px) {
    .social-widget-box .svg-icon.svg-icon-logo-community {
        width: 92px;
        height: 24px
    }

    .social-widget-box .social-icons {
        margin-top: auto
    }

    .page-social-widget {
        flex-wrap: nowrap;
        margin: 48px -12px 0
    }
}

.page-social-widget .social-heading {
    text-align: left;
    margin-top: 0
}

.mainpage .page-social-widget {
    margin: 72px -16px 0
}

@media (min-width: 480px) {
    .mainpage .page-social-widget {
        margin: 56px 0 0
    }
}

@media (min-width: 1030px) {
    .mainpage .page-social-widget {
        margin: 48px -12px 0
    }
}

.mainpage .page-social-widget .social-heading {
    text-align: center
}

.page-social-widget .full-link {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block
}

.page-social-widget.single-box {
    margin: 64px -16px 0
}

@media (min-width: 795px) {
    .page-social-widget.single-box {
        margin-left: 0;
        margin-right: 0
    }

    .page-social-widget.single-box .social-widget-box {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.page-social-widget.single-box .social-widget-box .social-heading {
    text-align: center
}

@media (min-width: 1030px) {
    .page-social-widget.single-box {
        margin: 80px -12px 0
    }

    .page-social-widget.single-box .social-widget-box {
        flex: 0 0 calc(100% - 24px);
        max-width: calc(100% - 24px)
    }

    .page-social-widget.single-box .social-widget-box .social-heading {
        margin-bottom: 24px
    }
}

.page-social-widget.compact .social-widget-box {
    background: 0 0;
    justify-content: flex-end;
    padding: 0;
    text-align: left;
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.page-social-widget.compact .social-widget-box .social-heading {
    padding: 0 16px
}

@media (min-width: 795px) {
    .page-social-widget.compact .social-widget-box {
        flex: 0 1 calc(100% - 24px);
        max-width: calc(100% - 24px);
        margin: 0 16px
    }

    .page-social-widget.compact .social-widget-box .social-heading {
        padding: 0
    }
}

@media (min-width: 1030px) {
    .page-social-widget.compact .social-widget-box {
        flex: 0 1 calc(34% - 24px);
        max-width: calc(34% - 24px);
        margin: 12px
    }

    .page-social-widget.compact .social-widget-box .social-heading {
        text-align: left
    }
}

.page-social-widget.compact .social-widget-box .social-box-content {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    background: #f4f5f6;
    padding: 24px 32px;
    margin: 0 -4px
}

@media (min-width: 795px) {
    .page-social-widget.compact .social-widget-box .social-box-content {
        margin: 0
    }
}

.page-social-widget.compact .social-widget-box.social-box-discord {
    background: 0 0
}

.page-social-widget.compact .social-widget-box.social-box-discord .social-heading {
    color: #1f1c22
}

.page-social-widget.compact .social-widget-box.social-box-discord .social-box-content {
    background: #5865f2
}

@media (min-width: 1030px) {
    .page-social-widget.compact .social-widget-box .social-box-content {
        margin: 0;
        flex-wrap: nowrap
    }

    .page-social-widget.compact .social-widget-box.social-box-discord {
        flex: 0 0 calc(25.3% - 12px);
        max-width: calc(25.3% - 12px);
        margin-right: 0
    }

    .page-social-widget.compact .social-widget-box.social-box-follow {
        flex: 0 0 calc(41.25% - 12px);
        max-width: calc(41.25% - 12px);
        margin-left: 0
    }
}

.page-social-widget.compact .social-widget-box.social-box-feedback {
    margin-top: 32px
}

@media (min-width: 1030px) {
    .page-social-widget.compact .social-widget-box.social-box-feedback {
        margin-top: 0
    }
}

.page-social-widget.compact .social-widget-box .social-heading {
    margin: 0 0 14px
}

.page-social-widget.compact .social-widget-box p {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0;
    text-align: center
}

.page-social-widget.compact .social-widget-box .social-icons {
    flex: 0 0 100%;
    margin: 16px 0 0
}

@media (min-width: 1030px) {
    .page-social-widget.compact .social-widget-box p {
        text-align: left
    }

    .page-social-widget.compact .social-widget-box .social-icons {
        flex: 1 0 auto;
        margin: 0 0 0 8px
    }

    .page-social-widget.compact.single-news .social-widget-box .social-box-content {
        justify-content: center
    }

    .page-social-widget.compact.single-news .social-widget-box p {
        max-width: 194px
    }

    .page-social-widget.compact.single-news .social-widget-box .social-icons {
        max-width: 24px
    }

    .page-social-widget.compact.single-news .social-widget-box.social-box-follow p {
        max-width: 264px
    }

    .page-social-widget.compact.single-news .social-widget-box.social-box-follow .social-icons {
        max-width: 120px;
        margin-left: 24px
    }

    .page-social-widget.compact.full-column .social-widget-box {
        flex: 0 0 calc(100% - 24px);
        max-width: calc(100% - 24px)
    }

    .page-social-widget.compact.full-column .social-widget-box.social-box-discord {
        flex: 0 0 calc(38% - 12px);
        max-width: calc(38% - 12px)
    }

    .page-social-widget.compact.full-column .social-widget-box.social-box-follow {
        flex: 0 0 calc(62% - 12px);
        max-width: calc(62% - 12px)
    }
}

.page-social-widget.sidebar {
    flex-wrap: wrap;
    margin: 0
}

@media (min-width: 1030px) {
    .page-social-widget.sidebar {
        margin: 0 -12px
    }
}

.page-social-widget.sidebar .social-widget-box {
    margin: 24px 0 0;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 1030px) {
    .page-social-widget.sidebar .social-widget-box {
        flex: 0 0 calc(100% / 3 - 24px);
        max-width: calc(100% / 3 - 24px);
        margin: 0 12px
    }
}

@media (min-width: 1200px) {
    .page-social-widget.sidebar {
        margin: 0
    }

    .page-social-widget.sidebar .social-widget-box {
        margin: 24px 0 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-social-widget.sidebar.condensed .social-widget-box.social-box-follow ~ .social-widget-box.social-box-feedback {
        padding-top: 24px
    }
}

.page-social-widget.sidebar .social-widget-box:first-child {
    margin-top: 0
}

.page-social-widget.sidebar .social-widget-box .social-heading {
    text-align: center
}

.page-social-widget.sidebar.condensed .social-widget-box {
    margin-top: 12px;
    margin-bottom: 12px
}

.page-social-widget.sidebar.condensed .social-widget-box:first-child {
    margin-top: 0
}

.page-social-widget.sidebar.condensed .social-widget-box:last-child {
    margin-bottom: 0
}

@media (min-width: 1030px) {
    .page-social-widget.sidebar .social-widget-box .social-box-content {
        flex: 0 0 auto
    }

    .page-social-widget.sidebar.condensed .social-widget-box {
        margin-top: 0;
        margin-bottom: 0
    }
}

.svg-icon.brand-color.svg-icon-connection-steam, .svg-icon.brand-color.svg-icon-social-steam {
    color: #000 !important
}

.svg-icon.brand-color.svg-icon-social-twitch {
    color: #6441a5 !important
}

.svg-icon.brand-color.svg-icon-discord {
    color: #5865f2 !important
}

.svg-icon.brand-color.svg-icon-facebook, .svg-icon.brand-color.svg-icon-social-facebook {
    color: #1877f2 !important
}

.svg-icon.brand-color.svg-icon-connection-humble-bundle {
    color: #d0011b !important
}

.svg-icon.brand-color.svg-icon-connection-playnite {
    color: #ff5a32 !important
}

.svg-icon.brand-color.svg-icon-disqus, .svg-icon.brand-color.svg-icon-social-google-dark {
    color: #2e9fff !important
}

.single-filter-switch.filter-switch .switch {
    margin: 0 8px 0 0
}

.single-filter-switch.filter-switch label {
    margin: 0
}

.single-filter-switch.filter-switch .label {
    margin-top: -2px
}

.styled-form.popup-styled-form {
    margin-top: 24px
}

.styled-form .filter-radio-item.with-bull {
    font-weight: 600;
    color: #5c5365;
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.styled-form .filter-radio-item.with-bull:not(:last-of-type) {
    margin: 0 0 12px
}

.styled-form .filter-radio-item.with-bull.active {
    color: #1f1c22
}

.styled-form .filter-radio-item.filter-radio-pill {
    transition: background-color .2s;
    background: #f4f5f6;
    flex: 1 1 auto;
    border: none;
    padding: 12px;
    outline: 0;
    font-weight: 700;
    border-radius: 4px
}

.styled-form .filter-radio-item.filter-radio-pill:not(:last-of-type) {
    margin: 0 0 4px
}

.styled-form .filter-radio-item.filter-radio-pill:hover {
    background-color: #fff
}

.styled-form .filter-radio-item.filter-radio-pill .radio-bull {
    margin: 0 6px 0 0
}

.styled-form .filter-radio-item.filter-radio-pill .filter-name {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    align-items: center
}

.styled-form .form-group .recaptcha {
    justify-content: center
}

@media (min-width: 1030px) {
    .styled-form .form-group .recaptcha {
        justify-content: flex-end
    }
}

.styled-form .form-group label {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #47404f
}

.styled-form .form-group label.with-info-icon {
    display: inline-flex;
    align-items: center
}

.styled-form .form-group label.with-info-icon .info-icon-wrapper {
    margin-left: 6px;
    display: inline-flex;
    height: 16px;
    width: 16px
}

.styled-form .form-group .input-group-addon {
    height: 40px !important
}

.styled-form .form-group.has-success .form-control:focus {
    box-shadow: none
}

.styled-form .form-group.has-success .form-control:not(:focus):not(.collapsed) {
    box-shadow: none;
    color: #47404f;
    background-color: #fff
}

.styled-form .control-label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 8px
}

.styled-form .form-control {
    transition: color .2s, border-color .2s, background-color .2s;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 12px;
    box-shadow: none;
    font-weight: 400;
    height: 40px;
    border: 1px solid #e0dde3;
    background-color: #fff;
    color: #47404f
}

.styled-form .form-control::-moz-placeholder {
    opacity: 1;
    color: #a39aac
}

.styled-form .form-control::placeholder {
    opacity: 1;
    color: #a39aac
}

.styled-form .form-control:not(:-moz-placeholder-shown) {
    border-color: #d6d2da
}

.styled-form .form-control:not(:placeholder-shown) {
    border-color: #d6d2da
}

.styled-form .form-control:hover {
    border-color: #a39aac
}

.styled-form .form-control:active, .styled-form .form-control:focus {
    border-color: #279af1
}

.styled-form .collapse-form .form-actions {
    padding-top: 16px;
    background: #ebe9ed
}

.styled-form .collapse-form#game-card-filters-form .filter.single-checkbox {
    margin: 0 0 12px
}

.styled-form .collapse-form.single .collapse-group {
    margin-bottom: 12px
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control {
    padding: 12px 36px 12px 12px;
    height: auto;
    background: #f4f5f6
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control:not(.collapsed) {
    background: #fff
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control.search-input {
    border: none;
    background-color: #fff
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control.filter-item-input.dotted-input {
    border: 1px dotted #70657b !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 1.5px 8px !important;
    background: 0 0;
    height: auto;
    font-weight: 700 !important
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control .title, .styled-form .form-group.collapse-group .collapse-wrapper .form-control .value {
    transition: color .2s;
    font-size: 14px;
    line-height: 17px
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control .title {
    font-weight: 700;
    color: #47404f
}

.styled-form .form-group.collapse-group .collapse-wrapper .form-control .value {
    font-weight: 700;
    color: #5c5365
}

.styled-form .form-group.collapse-group .collapse-wrapper .checkboxes-list {
    border-top: 1px solid #d6d2da
}

.styled-form .form-group.collapse-group .collapse-wrapper .collapse > .content .collapse-list-container, .styled-form .form-group.collapse-group .collapse-wrapper .collapsing > .content .collapse-list-container {
    box-sizing: border-box;
    background: #fff
}

.styled-form .form-group.collapse-group .collapse-wrapper .collapse > .content .collapse-list-container .subtitle, .styled-form .form-group.collapse-group .collapse-wrapper .collapsing > .content .collapse-list-container .subtitle {
    font-size: 12px;
    line-height: 16px;
    color: #a39aac
}

.styled-form .form-group.collapse-group .collapse-wrapper .collapse > .content .collapse-list-container > .subtitle, .styled-form .form-group.collapse-group .collapse-wrapper .collapsing > .content .collapse-list-container > .subtitle {
    display: block;
    margin: 0;
    padding: 0 12px 16px
}

.styled-form .form-group.collapse-group.open .collapse-wrapper .form-control .title, .styled-form .form-group.collapse-group.open .collapse-wrapper .form-control .value {
    color: #332e38
}

.styled-form .filter .list .item {
    padding: 10px 12px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #d6d2da;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse
}

.styled-form .filter .list .item.filter-switch.tags-item {
    justify-content: flex-end
}

.styled-form .filter .list .item.drm-item, .styled-form .filter .list .item.news-item, .styled-form .filter .list .item.shops-item {
    flex-direction: row
}

.styled-form .filter .list .item > .link {
    position: relative;
    width: auto;
    flex: 1 1 100%;
    margin: 0
}

.styled-form .filter .list .item > .link .subtitle {
    border: 0 !important;
    padding: 0;
    margin: 8px 0 0
}

.styled-form .filter .list .item .single-filter-switch.filter-switch {
    flex: 0 0 100%;
    width: 100%
}

.styled-form .filter .list .item.with-bull {
    align-items: flex-start
}

.styled-form .filter .list .item.with-bull .radio-bull {
    margin: 0 0 0 10px
}

.styled-form .filter .list .item.with-bull.input-item {
    align-items: center
}

.styled-form .radio-description-wrapper, .styled-form .radio-description-wrapper > .list {
    margin: 0
}

.styled-form .radio-description-wrapper .filter.radio-list .list.radio-list {
    margin: 0;
    padding: 0
}

.styled-form .radio-description-wrapper .filter.radio-list .list.radio-list .item > .radio-bull {
    flex: 0 0 auto;
    margin: 0 0 0 8px
}

.styled-form .radio-description-wrapper .filter.radio-list .list.radio-list .item.input-item > .radio-bull {
    align-self: center
}

form.appends-validate .form-group .input-group-addon-wrapper .input-group input.form-control {
    flex: 0 0 calc(100% - 40px);
    border-radius: 4px 0 0 4px
}

form.appends-validate .form-group .input-group-addon-wrapper .input-group .input-group-btn {
    flex: 0 0 40px;
    height: 40px
}

form.appends-validate .form-group .input-group-addon-wrapper .input-group .input-group-btn .btn {
    width: 100%;
    height: 100%;
    border-radius: 0 4px 4px 0;
    margin: 0;
    border-left: none
}

form.appends-validate .form-group .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

form.appends-validate .form-group .input-group input {
    border-radius: 4px
}

form.appends-validate .form-group .input-group input[type=password]::-ms-clear, form.appends-validate .form-group .input-group input[type=password]::-ms-reveal {
    display: none
}

form.appends-validate .form-group .input-group .input-group-addon {
    position: absolute;
    right: 16px;
    height: 42px;
    z-index: 5;
    background: 0 0;
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    top: 0
}

form.appends-validate .form-group .input-group .input-group-addon .svg-icon {
    display: block
}

form.appends-validate .form-group .input-group .input-group-addon .svg-icon.svg-icon-tick-active {
    width: 10px;
    height: 9px;
    color: #22d37d
}

form.appends-validate .form-group .input-group .input-group-addon .svg-icon.svg-icon-error {
    height: 14.3px;
    width: 15.6px
}

form.appends-validate .form-group .input-group .input-group-addon .error, form.appends-validate .form-group .input-group .input-group-addon .success {
    display: none
}

form.appends-validate .form-group .help-block:not(.captcha-error) {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #70657b;
    display: block;
    margin: 8px 0 0
}

form.appends-validate .form-group.has-error input, form.appends-validate .form-group.has-error textarea {
    border-color: #eb1f32;
    color: #47404f
}

form.appends-validate .form-group.has-error input, form.appends-validate .form-group.has-error input:focus, form.appends-validate .form-group.has-error textarea, form.appends-validate .form-group.has-error textarea:focus {
    box-shadow: none
}

form.appends-validate .form-group.has-error.collapse-group .collapse-wrapper {
    border-color: #eb1f32
}

form.appends-validate .form-group.has-error input:not(.password-input) {
    padding-right: 42px
}

form.appends-validate .form-group.has-error input[type=checkbox] {
    outline: #eb1f32 solid 1px;
    outline-offset: 2px
}

form.appends-validate .form-group.has-error .input-group-addon .error {
    display: inline-block !important
}

form.appends-validate .form-group.has-error .input-group-addon-wrapper .input-group .input-group-btn .btn.btn-pw-show-hide {
    border-color: #eb1f32
}

form.appends-validate .form-group.has-success input:not(:-moz-placeholder-shown):not(:focus) {
    border-color: #d6d2da;
    color: #47404f
}

form.appends-validate .form-group.has-success input:not(:placeholder-shown):not(:focus) {
    border-color: #d6d2da;
    color: #47404f
}

form.appends-validate .form-group.has-success input:not(.password-input) {
    padding-right: 42px
}

form.appends-validate .form-group.has-success .input-group-addon .success {
    display: inline-block !important
}

form.appends-validate .form-group.has-success .input-group-addon-wrapper .input-group .input-group-btn .btn.btn-pw-show-hide {
    border-color: #d6d2da
}

form .form-control {
    background-color: #fff;
    border-radius: 4px
}

form .form-control:not(textarea) {
    height: 45px
}

form .collapse-group.active .collapse-wrapper {
    border-radius: 4px
}

form .collapse-group.active .collapse-wrapper a.form-control {
    border-radius: 4px 4px 0 0
}

form .collapse-group.active .collapse-wrapper a.form-control, form .collapse-group.active .collapse-wrapper a.form-control:focus, form .collapse-group.active .collapse-wrapper a.form-control:hover {
    border: none;
    box-shadow: none
}

form .collapse-group.active .collapse-wrapper a.form-control.collapsed {
    border-radius: 4px;
    background-color: #f4f5f6;
    box-shadow: none
}

form .collapse-group.open a.form-control {
    box-shadow: none !important;
    background-color: #fff
}

form .collapse-group.open a.form-control .svg-icon {
    transform: rotate(180deg)
}

form .collapse-group.open a.form-control .collapse-chevron {
    border-color: #332e38 transparent transparent;
    transform: rotate(180deg)
}

form .collapse-group.open .collapse-wrapper {
    box-shadow: none
}

form .collapse-group.open .collapse-wrapper .form-control {
    background-color: #f4f5f6;
    border-radius: 4px 4px 0 0
}

form .collapse-group.open .collapse-wrapper .form-control, form .collapse-group.open .collapse-wrapper .form-control:focus, form .collapse-group.open .collapse-wrapper .form-control:hover {
    border: none;
    box-shadow: none
}

form .collapse-group.open .collapse-wrapper .form-control.collapsed {
    border-radius: 4px
}

form .collapse-group.active a.form-control, form .collapse-group.open a.form-control {
    color: #47404f
}

form .collapse-group a.form-control, form .collapse-group a.form-control.has-success {
    transition: color .2s, border-color .2s;
    color: #47404f;
    box-shadow: none;
    justify-content: space-between;
    padding-right: 40px;
    background-color: #f4f5f6;
    border: none
}

form .collapse-group a.form-control .collapse-chevron, form .collapse-group a.form-control.has-success .collapse-chevron {
    transition: transform .2s, border-color .3s;
    position: absolute;
    right: 16px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #47404f transparent transparent;
    transform: rotate(0)
}

form .collapse-group a.form-control.has-success:hover, form .collapse-group a.form-control:hover {
    border-color: #a39aac;
    color: #5c5365
}

form .collapse-group a.form-control.has-success:hover .collapse-chevron, form .collapse-group a.form-control:hover .collapse-chevron {
    border-color: #332e38 transparent transparent
}

form .collapse-group a.form-control.has-success:focus, form .collapse-group a.form-control:focus {
    border-color: #d6d2da;
    color: #47404f
}

form .collapse-group a.form-control.active, form .collapse-group a.form-control.has-success.active {
    box-shadow: none;
    color: #47404f;
    border-color: #d6d2da
}

form .collapse-group a.form-control .svg-icon, form .collapse-group a.form-control.has-success .svg-icon {
    transition: transform .2s;
    height: 6px;
    width: 10px;
    position: absolute;
    right: 16px
}

form .collapse-group.collapsed {
    border: none
}

form .collapse-group .collapse-wrapper {
    border-radius: 4px
}

form .collapse-group .collapse-wrapper .collapse {
    position: relative;
    z-index: 2
}

form .collapse-group .collapse-wrapper .content {
    padding: 0;
    margin: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    background-color: #f4f5f6
}

form .collapse-group .collapse-wrapper .content > .subtitle {
    margin-bottom: 24px
}

form .collapse-group .collapse-wrapper .content .os-content[style] {
    padding: 0 !important
}

form .collapse-group .collapse-wrapper .subtitle {
    font-weight: 400
}

form .collapse-group .collapse-wrapper .no-padding .content {
    padding: 0
}

form .collapse-group .collapse-wrapper .list {
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

form .collapse-group .collapse-wrapper .list.with-search {
    padding-bottom: 16px
}

form .collapse-group .collapse-wrapper .list.content-scroll {
    max-height: 433px
}

form .collapse-group .collapse-wrapper .list.content-scroll .popup-form {
    max-height: 425px
}

form .collapse-group .collapse-wrapper .list.with-search .item:first-child, form .collapse-group .collapse-wrapper .list.without-search {
    border-top: 1px solid #e0dde3
}

form .collapse-group .collapse-wrapper .simple-item {
    padding: 24px
}

form .collapse-group .collapse-wrapper .simple-item .subtitle {
    color: rgba(3, 18, 26, .48)
}

form .collapse-group .collapse-wrapper .simple-item .absolute-right {
    position: absolute;
    right: 0
}

form .collapse-group .collapse-wrapper .collapse-list-container .subtitle + .checkboxes-list#SingleAlertForm_news-filter, form .collapse-group .collapse-wrapper .collapse-list-container .subtitle + .checkboxes-list#SingleAlertForm_news-filter .list {
    border: none
}

form .collapse-group .collapse-wrapper .item {
    font-weight: 700;
    background-color: transparent;
    padding: 12px 16px;
    cursor: pointer;
    border-top: 1px solid #e0dde3
}

form .collapse-group .collapse-wrapper .item::before {
    display: none !important
}

form .collapse-group .collapse-wrapper .item.shops-item .filter-name {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

form .collapse-group .collapse-wrapper .item.shops-item .filter-name > img {
    transition: filter .2s
}

form .collapse-group .collapse-wrapper .item.shops-item .filter-name > img, form .collapse-group .collapse-wrapper .item.shops-item .filter-name > img[style] {
    width: 16px;
    height: 16px;
    filter: grayscale(1)
}

form .collapse-group .collapse-wrapper .item.shops-item .filter-name > .store-label {
    margin-left: 8px;
    max-width: calc(100% - 100px)
}

form .collapse-group .collapse-wrapper .item.shops-item.active .filter-name > img, form .collapse-group .collapse-wrapper .item.shops-item.active .filter-name > img[style] {
    filter: grayscale(0)
}

form .collapse-group .collapse-wrapper .item.input-item .input-group {
    position: relative;
    max-width: 100px;
    display: inline-flex;
    margin-left: 8px
}

form .collapse-group .collapse-wrapper .item.input-item .input-group:focus .input-group-addon {
    color: #a39aac
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control {
    background-color: #fff;
    border: 1px solid #e0dde3;
    color: #47404f;
    box-shadow: none !important;
    padding: 4px 24px 4px 8px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    float: none
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control::-moz-placeholder {
    color: #a39aac;
    opacity: 1
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control::placeholder {
    color: #a39aac;
    opacity: 1
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:hover:not(.active):not(:focus) {
    color: #5c5365;
    border-color: #d6d2da
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:hover:not(.active):not(:focus) ~ .input-group-addon {
    color: #5c5365
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:hover:not(.active):not(:focus)::-moz-placeholder {
    color: #a39aac;
    opacity: 1
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:hover:not(.active):not(:focus)::placeholder {
    color: #a39aac;
    opacity: 1
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control.active, form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:focus {
    color: #47404f !important;
    border-color: #279af1
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control.active ~ .input-group-addon, form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control:focus ~ .input-group-addon {
    color: #47404f
}

form .collapse-group .collapse-wrapper .item.input-item .input-group .form-control.active ~ .input-group-addon {
    font-weight: 700
}

form .collapse-group .collapse-wrapper .item.input-item .input-group-addon {
    transition: color .2s;
    position: absolute;
    right: 8px;
    width: initial;
    top: 50%;
    height: initial !important;
    transform: translateY(-50%);
    border: none;
    z-index: 5;
    color: #a39aac
}

form .collapse-group .collapse-wrapper .item.radio-item {
    position: relative;
    transition: color .2s, background-color .2s;
    display: flex;
    background: 0 0;
    color: #47404f
}

form .collapse-group .collapse-wrapper .item.radio-item.region-item {
    padding-right: 24px
}

form .collapse-group .collapse-wrapper .item.radio-item:hover {
    background-color: #f4f5f6
}

form .collapse-group .collapse-wrapper .item.radio-item.active {
    color: #47404f;
    background-color: transparent
}

form .collapse-group .collapse-wrapper .item.radio-item.active::after {
    display: block;
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #279af1
}

form .collapse-group.region-group .form-control .title {
    display: inline-flex;
    align-items: center
}

form .collapse-group.region-group .form-control .title .currency-mark {
    margin-left: 4px
}

form .collapse-group.region-group .form-control .value {
    display: none
}

form .collapse-group.region-group .region {
    display: inline-flex;
    align-items: center
}

form .collapse-group.region-group .region .country-label {
    margin-left: 12px
}

form .collapse-group.region-group .item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

form .collapse-group.region-group .item .currency-mark {
    color: #47404f
}

form .collapse-group.region-group .item.active .currency-mark {
    color: #70657b;
    opacity: 1
}

form .collapse-group.news-collapse .collapse-wrapper .filter.checkboxes-list, form .collapse-group.news-collapse .collapse-wrapper .filter.checkboxes-list .list.without-search {
    border-top: none
}

form .collapse-group.contact-topic-collapse.form-group .collapse-wrapper .form-control .title {
    font-weight: 400
}

form .collapse-group.contact-topic-collapse.form-group .collapse-wrapper .item {
    font-weight: 400;
    padding: 12px 16px 12px 24px
}

form .input-group.clear .input-group-addon {
    border: 0;
    background: 0 0;
    padding: 0
}

form input.clear, form input.clear:focus, form input.clear:hover {
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
    box-shadow: none
}

.progress-bar-form {
    position: relative
}

.progress-bar-form.sending .btn-remove {
    display: none
}

.progress-bar-form .form-actions .btn-remove {
    margin-left: auto;
    margin-right: 8px
}

.progress-bar-form .progress {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    margin-bottom: 0;
    border-radius: 0;
    height: 0
}

.progress-bar-form .progress.active {
    display: block;
    height: 6px
}

.collapse-form .collapse-wrapper .content {
    padding: 0 !important
}

.resizable-input {
    transition: width 10ms;
    text-align: center;
    line-height: 1
}

.popup-form.popup-content-wrapper header .popup-title {
    margin-bottom: 0
}

.popup-form form {
    padding-bottom: 56px;
    margin-top: 0
}

.popup-form form .form-group {
    margin-bottom: 12px
}

.popup-form form .form-group:last-child {
    margin-bottom: 0
}

.popup-form form .collapse-group .form-control {
    font-size: 14px
}

.popup-form form .collapse-group .content > .subtitle {
    font-size: 14px
}

@media (min-width: 1030px) {
    .styled-form.adult-content-form .form-actions {
        margin-top: 32px
    }

    .popup-form form .collapse-group .content > .subtitle, .popup-form form .collapse-group .form-control {
        font-size: 16px
    }
}

.popup-form form .collapse-group .subtitle {
    font-size: 12px
}

.popup-form form .collapse-group .collapse-wrapper .item {
    font-size: 12px
}

@media (min-width: 1030px) {
    .popup-form form .collapse-group .collapse-wrapper .item, .popup-form form .collapse-group .subtitle {
        font-size: 14px
    }
}

.popup-form form .filter-content .list .item, .popup-form form > .list .item {
    font-size: 12px
}

@media (min-width: 1030px) {
    .popup-form form .filter-content .list .item, .popup-form form > .list .item {
        font-size: 14px
    }
}

.popup-form form .form-actions {
    position: fixed;
    bottom: 0;
    z-index: 10000;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding: 16px;
    box-shadow: none
}

@media (min-width: 492px) {
    .popup-form form.collapsed {
        padding-bottom: 47px
    }

    .popup-form form.collapsed .form-actions {
        box-shadow: none;
        padding: 0 16px 16px
    }
}

.filter-item-input {
    font-size: 10px !important;
    font-weight: 700;
    padding: 2px 6px !important;
    height: 20px;
    border: 1px dotted #70657b
}

.measure-input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: initial;
    white-space: pre
}

.form-select-tabs {
    margin: 0 16px
}

@media (min-width: 795px) {
    .form-select-tabs {
        margin: 0
    }
}

.form-popup-info-link {
    display: inline-block;
    margin: 8px 0 0
}

.alert-content form .radio-description-wrapper .list {
    margin: 0
}

.alert-content form .radio-description-wrapper .list .item {
    border-radius: 0;
    height: initial;
    padding: 16px 12px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #d6d2da
}

.alert-content form .alert-target-collapse.open a.form-control {
    border: none;
    border-radius: 4px 4px 0 0;
    background-color: #fff
}

.alert-content form .alert-target-collapse .collapse-wrapper .list {
    overflow: visible
}

.alert-content form .alert-target-collapse .alert-target-widget label {
    margin: 0
}

.alert-content form .alert-target-collapse .alert-target-widget .value {
    transition: color .2s
}

.alert-content form .alert-target-collapse .alert-target-widget .target-item {
    justify-content: space-between;
    border-bottom: none
}

.alert-content form .alert-target-collapse .alert-target-widget .target-item.active .target-price, .alert-content form .alert-target-collapse .alert-target-widget .target-item.active label {
    color: #47404f
}

.alert-content form .alert-target-collapse .alert-target-widget .target-item.active .value {
    color: #279af1
}

.alert-content form .alert-target-collapse .alert-target-widget .target-item .link {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.alert-content form .alert-target-collapse .alert-target-widget input {
    width: 100px
}

.alert-content form .alert-target-collapse .alert-target-widget .left-side {
    margin-right: 0
}

.alert-content form .alert-target-collapse .alert-target-widget .left-side.flex ~ span {
    display: flex
}

.alert-content form .alert-target-collapse .alert-target-widget .left-side.flex ~ span:not(.value-target) {
    align-items: center
}

.alert-content form .alert-target-collapse .alert-target-widget .price-input-widget.active .form-control, .alert-content form .alert-target-collapse .alert-target-widget .price-input-widget.focus .form-control {
    border-color: #0d7dd3 !important;
    color: #0d7dd3 !important
}

.alert-content form .alert-target-collapse .alert-target-widget .price-input-widget.active .input-group-addon, .alert-content form .alert-target-collapse .alert-target-widget .price-input-widget.focus .input-group-addon {
    color: #0d7dd3
}

.alert-content form .alert-methods-widget {
    width: 100%;
    height: 100%;
    justify-content: space-between
}

.alert-content form .alert-methods-widget .alert-methods {
    width: 100%
}

.alert-content form .alert-methods-widget .alert-methods .filter {
    border-radius: 4px
}

.alert-content form .alert-methods-widget .filter-switch {
    position: relative;
    display: block;
    padding: 0
}

.alert-content form .alert-methods-widget .filter-switch .switch {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.alert-content form .alert-methods-widget .filter-switch label {
    margin: 0 40px 0 0;
    cursor: pointer;
    line-height: 14px;
    font-weight: 600
}

.alert-content form .alert-methods-widget .filter-switch .subtitle {
    margin: 8px 0 0 4px
}

.alert-content form .alert-methods-widget .filter-switch .switch + label + .subtitle {
    margin: 0 0 0 -32px
}

.alert-content form .alert-methods-widget .filter-switch .description {
    font-size: 12px;
    line-height: 16px;
    margin: 4px 40px 0 0;
    max-width: 100%;
    font-weight: 400;
    color: #70657b
}

.login-content-box {
    margin: 0;
    padding: 32px 0;
    max-width: 1052px
}

@media (min-width: 1030px) {
    .login-content-box {
        border-radius: 4px;
        padding: 48px;
        background: #fff;
        margin: 80px auto 24px
    }

    .login-content-box.register-content-box {
        margin: 56px auto 24px
    }
}

.login-content-box.login-content-box-small {
    max-width: 544px
}

.login-content-box .main-title-wrapper {
    margin: 0 0 32px
}

.login-content-box .page-title.page-title-inside-box {
    margin: 0
}

.login-content-box .page-title.page-title-inside-box + .description {
    margin: 8px 0 0;
    color: #70657b;
    font-size: 14px;
    line-height: 20px
}

.login-content-box .recaptcha > div[style] {
    justify-content: flex-start;
    width: 100% !important
}

.login-content-box .collapse-group .collapse-wrapper {
    border: 1px solid #e0dde3
}

.login-content-box .collapse-group .collapse-wrapper .form-control.collapsed {
    background-color: #fff
}

.login-btn-wrapper {
    width: 100%;
    row-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.login-btn-wrapper .alignment-btn {
    flex: 0 0 auto;
    white-space: nowrap
}

.login-btn-wrapper .btn {
    flex: 1 1 auto
}

@media (min-width: 1030px) {
    .login-btn-wrapper .btn {
        flex: 0 0 100%
    }

    .login-btn-wrapper .btn.login-recommended-btn {
        border-color: #279af1
    }
}

.login-btn-wrapper .btn.login-recommended-btn {
    position: relative;
    flex: 0 0 100%
}

.login-btn-wrapper .btn.login-recommended-btn .svg-icon {
    margin-right: 12px
}

.login-btn-wrapper [id^=google] {
    width: 100%;
    flex: 0 0 100%;
    display: block
}

.login-btn-wrapper [id^=google] button {
    min-width: 100%;
    background: 0 0
}

.login-btn-wrapper [id^=google] button.gsi-material-button {
    font-family: Lato, Lato2, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    background: 0 0;
    color: #5c5365
}

.login-btn-wrapper [id^=google]:not(:disabled):hover button {
    box-shadow: none
}

.login-btn-wrapper [id^=google]:not(:disabled):hover .gsi-material-button-state {
    background: 0 0
}

.login-col .login-form-group + .form-action-link {
    margin: -12px 0 24px
}

.form-group.login-form-group .control-label, .form-group.register-input-group .control-label {
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 600;
    color: #5c5365
}

.form-group.register-input-group.collapse-group.active .collapse-wrapper a.form-control.collapsed {
    background: #fff
}

.form-group.inline-checkbox-group .item-checkbox {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px
}

.form-group.inline-checkbox-group .item-checkbox::before {
    display: none
}

.form-group.inline-checkbox-group .item-checkbox .svg-icon {
    left: 3px;
    top: 6px;
    transform: none;
    z-index: 3
}

.form-group.inline-checkbox-group .item-checkbox input[type=checkbox] {
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0;
    z-index: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group.inline-checkbox-group .item-checkbox input[type=checkbox]::before {
    transition: background-color .2s, border-color .2s;
    background: #fff;
    border: 1px solid #4f4d6a;
    border-radius: 2px;
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 2
}

.form-group.inline-checkbox-group .item-checkbox input[type=checkbox]:is(:checked)::before {
    background-color: #4f4d6a;
    border-color: #615e82
}

.form-group.inline-checkbox-group .item-checkbox input[type=checkbox]:is(:checked) + .svg-icon {
    opacity: 1
}

.form-group.inline-checkbox-group.has-error .item-checkbox input[type=checkbox] {
    outline: 0
}

.form-group.inline-checkbox-group.has-error .item-checkbox input[type=checkbox]::before {
    border-color: #eb1f32
}

.recommended-info-row {
    margin: 16px 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #70657b
}

.form-action-link {
    margin-top: 8px
}

.login-content {
    color: #70657b
}

.login-content:last-of-type {
    margin-bottom: 0
}

.login-content.login-link-content {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.login-content.register-link-content {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 24px
}

@media (min-width: 1030px) {
    .login-btn-wrapper .btn.login-recommended-btn .svg-icon {
        margin-right: 12px
    }

    .login-col .login-form-group + .form-action-link {
        margin: -12px 0 32px
    }

    .form-group.inline-checkbox-group .item-checkbox {
        font-size: 12px;
        line-height: 20px
    }

    .login-content.register-link-content {
        margin-top: 16px
    }
}

.login-link {
    color: #279af1;
    font-weight: 700
}

.password-forgot-link {
    font-size: 12px;
    line-height: 14px;
    color: #5c5365;
    font-weight: 400
}

.terms-link {
    color: #5c5365
}

.form-actions.form-actions-single {
    margin-top: 32px
}

.login-form-footer {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px
}

@media (min-width: 1030px) {
    .login-form-footer {
        margin-top: 16px
    }
}

.styled-form .form-group.login-form-group .control-label {
    margin: 0 0 8px
}

.styled-form .form-group.login-form-group .control-label.required .required {
    display: none
}

.login-col-separator {
    position: relative;
    margin: 16px 0;
    display: flex;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    color: #c2bcc8
}

@media (min-width: 1030px) {
    .login-col-separator {
        position: absolute;
        height: 100%;
        top: 140px;
        left: 0;
        width: 12px;
        max-height: 258px;
        margin: 0;
        transform: translate(-50%, -50%)
    }

    .register-content-box .login-col-separator {
        top: 320px
    }
}

.login-col-separator::after, .login-col-separator::before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    top: 50%;
    width: calc(50% - 12px - 16px);
    background: #c2bcc8
}

.login-col-separator::before {
    left: 0
}

.login-col-separator::after {
    right: 0
}

.error-page .error-wrap {
    position: relative;
    padding-top: 60px;
    padding-bottom: 75px
}

.part-title.preset-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px
}

.mp-row {
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px)
}

.mp-row .part-title {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 795px) {
    .error-page .error-wrap {
        padding-top: 100px
    }

    .error-page .error-wrap .error-content {
        max-width: 70%
    }

    .mp-row .part-title {
        padding-left: 0;
        padding-right: 0
    }

    #news-preset-tabs.dynamic-content-tabs .nav {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .login-content-box {
        padding: 64px
    }

    .mp-row.mp-news-presets-row {
        flex-wrap: nowrap
    }
}

.mp-col {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 1030px) {
    .login-col-separator::after, .login-col-separator::before {
        width: 1px;
        height: calc(50% - 20px - 12px)
    }

    .login-col-separator::before {
        left: 50%;
        top: 0
    }

    .login-col-separator::after {
        right: auto;
        top: auto;
        bottom: 0
    }

    .part-title.preset-title {
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 16px
    }

    .mp-col.mp-col-md-3 {
        max-width: 25%
    }

    .mp-col.mp-col-md-4 {
        max-width: 33.33334%
    }

    .mp-col.mp-col-md-6 {
        max-width: 50%
    }

    .mp-col.mp-col-md-8 {
        max-width: 66.666664%
    }

    .mp-col.mp-col-md-9 {
        max-width: 75%
    }

    .mp-col.login-col {
        padding-left: 42px
    }

    .mp-col.login-col:first-of-type {
        padding-left: 12px;
        padding-right: 42px
    }

    .mp-col.login-col:only-of-type {
        padding: 0 16px !important
    }

    .register-content-box .mp-col.login-col:nth-child(2) {
        padding-top: 196px
    }
}

.presets-tabs {
    width: 100%
}

.presets-tabs.notifications-tabs {
    padding: 0 16px
}

.presets-tabs.notifications-tabs .following-tab .tab-link {
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.presets-tabs-content {
    display: block;
    width: 100%;
    padding: 16px 0 0
}

.presets-tabs-content .tab-pane {
    display: none
}

.presets-tabs-content .tab-pane.active {
    display: block
}

.mainpage .presets-col {
    margin-top: 32px
}

.mainpage .presets-col:first-child {
    margin-top: 0
}

.mainpage .presets-container .preset-title-link {
    color: #1f1c22;
    transition: color .2s;
    display: inline-block
}

.mainpage .presets-container .preset-title-link:hover {
    color: #0a090b
}

.mainpage .presets-container .list {
    width: 100%;
    border-radius: 4px;
    position: relative
}

#deals-presets {
    margin: 32px 0 48px
}

#news-preset-tabs {
    margin: 0
}

#news-preset-tabs.dynamic-content-tabs .nav::after {
    background: #e0dde3
}

#news-preset-tabs .nav.nav-pills .menu-item:first-child {
    margin-left: 16px
}

@media (min-width: 795px) {
    #news-preset-tabs.dynamic-content-tabs .nav::after {
        left: 0;
        width: 100%
    }

    #news-preset-tabs .nav.nav-pills .menu-item:first-child {
        margin-left: 0
    }

    #news-preset-tabs .mp-news-col-left {
        margin-top: 8px
    }
}

@media (min-width: 1030px) {
    .mainpage .presets-col {
        margin-top: 0;
        margin-bottom: 40px
    }

    .mainpage .presets-col.full-col {
        margin-bottom: 34px
    }

    #deals-presets {
        margin: 48px 0 40px
    }

    #news-preset-tabs.dynamic-content-tabs .nav {
        margin-left: -16px;
        margin-right: auto
    }

    #news-preset-tabs.dynamic-content-tabs .nav::after {
        left: 16px;
        width: calc(100% - 32px)
    }

    #news-preset-tabs .nav.nav-pills .menu-item:first-child {
        margin-left: 16px
    }

    #news-preset-tabs .mp-news-col-left {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .mp-col.mp-col-lg-3 {
        max-width: 25%
    }

    .mp-col.mp-col-lg-4 {
        max-width: 33.33334%
    }

    .mp-col.mp-col-lg-6 {
        max-width: 50%
    }

    .mp-col.mp-col-lg-8 {
        max-width: 66.666664%
    }

    .mp-col.mp-col-lg-9 {
        max-width: 75%
    }

    .presets-tabs.notifications-tabs {
        padding: 0
    }

    #news-preset-tabs .mp-news-col-left {
        flex: 1 1 65.1143%;
        padding-right: 24px;
        max-width: calc(100% - (464px + 24px))
    }
}

#news-preset-tabs .mp-news-col-left .item.news-list-item {
    max-width: unset;
    margin-left: -16px;
    margin-right: -16px;
    width: 100vw
}

#news-preset-tabs .mp-news-col-left .item.news-list-item.news-list-item + .news-list-item {
    margin-top: 8px
}

@media (min-width: 1030px) {
    #news-preset-tabs .mp-news-col-left .item.news-list-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        flex-wrap: wrap;
        border-bottom: 1px solid #e0dde3;
        padding: 0 0 12px;
        z-index: 0
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item::before {
        transition: opacity .2s linear, left .2s linear, right .2s linear, top .2s linear, bottom .2s linear;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 12px;
        display: block;
        opacity: 0;
        background: #fff;
        content: ''
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item.news-list-item + .news-list-item {
        margin-top: 12px
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item.hoverable-box, #news-preset-tabs .mp-news-col-left .item.news-list-item.hoverable-box:hover {
        background: 0 0
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item.hoverable-box:hover::before {
        opacity: 1;
        top: -12px;
        bottom: 0
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item.hoverable-box:hover .news-image-wrapper img {
        transform: scale(1.05)
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item.pinned .pinned-icon-box {
        padding-top: 0
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-image-wrapper {
        max-width: 259px;
        flex: 0 0 259px;
        height: 135px;
        overflow: hidden
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-image-wrapper img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper {
        max-height: 104px;
        flex: 1 0 calc(100% - 259px);
        max-width: calc(100% - 259px);
        margin-top: 0;
        padding: 0 16px;
        align-self: center;
        align-content: center
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-lead {
        display: block;
        line-height: 21px;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        max-height: unset;
        overflow: initial
    }
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-title-wrapper {
    margin-bottom: 0
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-lead {
    margin-top: 8px
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges {
    flex-wrap: wrap
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges .label-added {
    display: none
}

@media (min-width: 1030px) {
    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges {
        position: relative;
        bottom: auto;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 0 8px
    }

    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges .label-added {
        display: inline
    }
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: 16px;
    margin: 0
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper .platform-link-icon {
    display: flex
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16 {
    max-height: 12px
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-lead {
    display: none
}

@media (min-width: 1030px) {
    #news-preset-tabs .mp-news-col-left .item.news-list-item .news-lead {
        -webkit-line-clamp: 2;
        max-height: 48px;
        line-clamp: 2;
        white-space: normal;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical
    }
}

#news-preset-tabs .mp-news-col-left .item.news-list-item .news-read-more, #news-preset-tabs .mp-news-col-right {
    display: none
}

@media (min-width: 1200px) {
    #news-preset-tabs .mp-news-col-right {
        display: block;
        flex: 1 0 36.7647%;
        padding-left: 24px;
        margin-top: 0;
        margin-left: auto;
        max-width: calc(452px + 24px)
    }

    #news-preset-tabs .mp-news-col-right .item.list-item {
        width: 100%
    }
}

#news-preset-tabs .mp-news-col-right .item.list-item {
    border-bottom: 1px solid #e0dde3;
    padding: 0 0 8px
}

@media (min-width: 1030px) {
    #news-preset-tabs .mp-news-col-right .item.list-item {
        z-index: 0
    }

    #news-preset-tabs .mp-news-col-right .item.list-item::before {
        transition: opacity .2s linear, left .2s linear, right .2s linear, top .2s linear, bottom .2s linear;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 12px;
        display: block;
        opacity: 0;
        background: #fff;
        content: ''
    }

    #news-preset-tabs .mp-news-col-right .item.list-item .news-image-wrapper {
        overflow: hidden;
        max-width: 259px;
        flex: 0 0 259px;
        height: 135px
    }
}

#news-preset-tabs .mp-news-col-right .item.list-item.news-list-item + .news-list-item {
    margin-top: 8px
}

#news-preset-tabs .mp-news-col-right .item.list-item.hoverable-box, #news-preset-tabs .mp-news-col-right .item.list-item.hoverable-box:hover {
    background: 0 0
}

#news-preset-tabs .mp-news-col-right .item.list-item.hoverable-box:hover::before {
    opacity: 1;
    top: -8px;
    bottom: 0
}

#news-preset-tabs .mp-news-col-right .item.list-item.hoverable-box:hover .news-image-wrapper img {
    transform: scale(1.05)
}

@media (min-width: 1200px) {
    #news-preset-tabs .mp-news-col-right .item.list-item .news-image-wrapper {
        max-width: 162px;
        flex: 0 0 162px;
        height: 84px
    }

    #news-preset-tabs .mp-news-col-right .item.list-item .news-title-wrapper {
        margin: 0
    }

    #news-preset-tabs .mp-news-col-right .item.list-item .news-title-wrapper .news-title {
        font-size: 14px;
        line-height: 20px
    }

    #news-preset-tabs .mp-news-col-right .item.list-item .news-title-wrapper .news-title > a {
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 40px;
        position: relative;
        z-index: 21
    }

    #news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper {
        position: static;
        flex: 0 0 calc(100% - 162px);
        max-width: calc(100% - 162px);
        max-height: 90px;
        margin: 0;
        align-content: center;
        padding: 0 12px
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    #news-preset-tabs .mp-news-col-right .item.list-item .news-title-wrapper .news-title > a {
        max-height: 60px;
        line-clamp: 3;
        -webkit-line-clamp: 3
    }
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges {
    position: relative;
    left: auto;
    bottom: auto;
    padding: 0;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges .label-added {
    display: none
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: 16px;
    margin: 0
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper .platform-link-icon {
    display: flex;
    margin: 0
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16 {
    max-height: 12px
}

#news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-lead, #news-preset-tabs .mp-news-col-right .item.list-item .news-read-more {
    display: none
}

.tabs-presets-wrapper.tabs-gradient::after, .tabs-presets-wrapper.tabs-gradient::before {
    position: absolute;
    top: 0;
    width: 16px;
    height: 32px;
    content: '';
    display: block;
    z-index: 2
}

.tabs-presets-wrapper.tabs-gradient::before {
    background: linear-gradient(90deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%);
    left: -16px
}

.tabs-presets-wrapper.tabs-gradient::after {
    background: linear-gradient(270deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%);
    right: -16px
}

.tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::after, .tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::before {
    height: 42px
}

.tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::before {
    left: 0
}

.tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::after {
    right: 0
}

@media (min-width: 795px) {
    #news-preset-tabs .mp-news-col-left .item.news-list-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .tabs-presets-wrapper.tabs-gradient::after {
        right: 0
    }

    .tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::before {
        left: -12px
    }

    .tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::after {
        right: -12px
    }
}

.tabs-presets-wrapper.tabs-gradient.game-tabs-container-inner::after, .tabs-presets-wrapper.tabs-gradient.game-tabs-container-inner::before {
    height: 44px;
    bottom: 0;
    top: auto;
    display: none
}

.dynamic-content-tabs {
    margin-top: 24px
}

.dynamic-content-tabs#games-ranking-tabs {
    margin: 12px 0 0
}

.dynamic-content-tabs#games-ranking-tabs .nav.nav-pills {
    margin: 0 0 18px
}

@media (min-width: 795px) {
    .dynamic-content-tabs#games-ranking-tabs .nav.nav-pills {
        margin: 0 auto 18px -16px
    }
}

.dynamic-content-tabs#games-prepaid-tabs {
    margin-top: 0
}

@media (max-width: 1029px) {
    .dynamic-content-tabs#games-prepaid-tabs .nav.nav-pills {
        margin-left: 0;
        margin-right: 0
    }
}

.dynamic-content-tabs .browse-all {
    margin-top: 24px
}

.dynamic-content-tabs .nav {
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    white-space: nowrap;
    margin-bottom: 24px
}

@media (min-width: 795px) {
    .dynamic-content-tabs .nav {
        margin-bottom: 16px
    }
}

@media (min-width: 1030px) {
    #news-preset-tabs .mp-news-col-right .item.list-item .news-image-wrapper img {
        transition: transform .3s ease-in-out;
        transform: none;
        transform-origin: center
    }

    .tabs-presets-wrapper.tabs-gradient::after, .tabs-presets-wrapper.tabs-gradient::before {
        display: none
    }

    .tabs-presets-wrapper.tabs-gradient::after {
        right: -16px
    }

    .tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::before {
        left: 0
    }

    .tabs-presets-wrapper.tabs-gradient.game-header-platform-tabs::after {
        right: 0
    }

    .dynamic-content-tabs {
        margin-top: 8px
    }

    .dynamic-content-tabs .nav {
        margin-bottom: 24px;
        display: inline-flex
    }
}

.dynamic-content-tabs .nav::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 16px;
    width: calc(100% - 32px);
    height: 1px;
    background: #d6d2da;
    z-index: 0
}

.dynamic-content-tabs .nav .os-scrollbar {
    display: none
}

.dynamic-content-tabs .menu-item {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 16px;
    padding: 0 0 6px;
    z-index: 1
}

.dynamic-content-tabs .menu-item::after {
    transition: height .2s;
    position: absolute;
    width: 100%;
    height: 0;
    background: #279af1;
    left: 0;
    bottom: 0;
    content: '';
    display: block
}

.dynamic-content-tabs .menu-item .part-title {
    font-family: Lato, Lato2, sans-serif;
    transition: color .2s;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #70657b;
    padding: 0;
    margin: 0 0 4px
}

.dynamic-content-tabs .menu-item .part-title:focus, .dynamic-content-tabs .menu-item .part-title:hover {
    color: #1f1c22;
    background: 0 0
}

.dynamic-content-tabs .menu-item.active .part-title {
    color: #1f1c22
}

.dynamic-content-tabs .menu-item.active::after {
    height: 5px
}

.dynamic-content-tabs.top-tabs .nav {
    display: flex
}

.dynamic-content-tabs.top-tabs .nav::after {
    bottom: auto;
    top: 0
}

.dynamic-content-tabs.top-tabs .menu-item {
    padding: 13px 0 0
}

.dynamic-content-tabs.top-tabs .menu-item::after {
    bottom: auto;
    top: 0
}

.dynamic-content-tabs#prepaids-preset-tabs {
    margin: 0
}

.dynamic-content-tabs#prepaids-preset-tabs .swiper {
    margin: 0 -16px;
    width: auto
}

@media (min-width: 795px) {
    .dynamic-content-tabs#prepaids-preset-tabs .swiper {
        margin: 0;
        width: 100%
    }
}

.dynamic-content-tabs#prepaids-preset-tabs .nav::after {
    background: #e0dde3
}

.dynamic-content-tabs#prepaids-preset-tabs .slider-progress-wrap {
    margin: 0
}

.dynamic-content-tabs#prepaids-preset-tabs .swiper-buttons-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 1030px) {
    .dynamic-content-tabs.top-tabs .nav {
        display: inline-flex;
        margin-right: auto
    }

    .dynamic-content-tabs.top-tabs .menu-item {
        padding: 13px 0 0
    }

    .dynamic-content-tabs#prepaids-preset-tabs .swiper-buttons-wrapper {
        top: 8px
    }
}

.dynamic-content-tabs#prepaids-preset-tabs .swiper-slide {
    width: 248px;
    margin-bottom: 16px
}

@media (min-width: 795px) {
    .dynamic-content-tabs#prepaids-preset-tabs .swiper-slide {
        width: 294px
    }
}

@media (min-width: 1030px) {
    .dynamic-content-tabs#prepaids-preset-tabs .swiper-slide {
        width: 313px;
        margin-bottom: 42px
    }
}

.dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped {
    height: auto;
    padding-bottom: 40px
}

.dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item .offer-title-wrapper .title {
    font-size: 14px;
    line-height: 18px;
    max-height: 36px
}

.dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper {
    min-height: 44px
}

.dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper .price-content .price .price-inner {
    font-size: 14px;
    line-height: 18px
}

@media (min-width: 1200px) {
    #news-preset-tabs .mp-news-col-right .item.list-item .news-info-wrapper .news-badges {
        margin-bottom: 4px
    }

    .dynamic-content-tabs#prepaids-preset-tabs .swiper-buttons-wrapper {
        top: 0
    }

    .dynamic-content-tabs#prepaids-preset-tabs .swiper-slide {
        width: 294px
    }

    .presets-with-background {
        background: #f5f4f6;
        margin: 40px auto;
        padding: 40px 0
    }
}

.presets-with-background.bg-alt {
    background: #e0dde3
}

@media (min-width: 1290px) {
    #news-preset-tabs .mp-news-col-right {
        max-width: calc(464px + 24px)
    }

    .presets-with-background .container {
        padding: 0 24px;
        width: 1272px
    }
}

.presets-with-background .mp-preset-header {
    margin-bottom: 12px
}

@media (min-width: 1030px) {
    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped {
        transition: background-color .3s;
        background-color: #fff;
        padding-bottom: 42px
    }

    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item, .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped:hover {
        background-color: #fff
    }

    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item:hover {
        background-color: #fafafa
    }

    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-offers-list .offer-list-item .game-info-price-wrapper {
        min-height: 46px
    }

    .dynamic-content-tabs#prepaids-preset-tabs .swiper-button-mp {
        display: block
    }

    .presets-with-background .mp-preset-header {
        margin-bottom: 16px
    }
}

.presets-with-background .mp-preset-header.with-sublink {
    align-items: baseline
}

.presets-with-background .mp-portrait-header {
    margin: 0;
    align-items: flex-start
}

.presets-with-background .section-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0
}

@media (min-width: 1030px) {
    .presets-with-background .section-title {
        margin: 0;
        font-size: 21px;
        line-height: 25px
    }

    .presets-with-background .hoverable-box {
        transition: background-color .3s;
        background-color: #fff
    }

    .presets-with-background .hoverable-box:hover {
        background-color: #fafafa
    }
}

.presets-with-background .section-title ~ .preset-title-sublink {
    margin-right: 0
}

.presets-with-background .nav-pills {
    display: inline-block;
    margin-bottom: 18px
}

#news-presets {
    margin: 48px 0
}

#news-presets .swiper {
    width: auto
}

@media (max-width: 794px) {
    .dynamic-content-tabs#prepaids-preset-tabs .swiper-slide:first-child {
        margin-left: 16px
    }

    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-bottom-wrapper {
        height: 40px
    }

    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped .game-details-bottom-wrapper .widget-link-more {
        font-size: 14px;
        line-height: 24px
    }

    #news-presets .swiper {
        margin-left: -16px;
        margin-right: -16px
    }
}

#news-presets .swiper .swiper-pagination.swiper-pagination-progressbar {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    position: relative;
    margin: 20px 16px 2px
}

@media (max-width: 1029px) {
    #news-presets .swiper .swiper-wrapper {
        flex-wrap: nowrap
    }
}

#news-presets .tabs-section .tab-content {
    position: relative;
    width: 100%
}

#news-presets .tabs-section .tab-pane {
    transition: opacity .2s
}

#news-presets .tabs-section .tab-pane.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#news-presets .tabs-section .tab-pane.loading {
    opacity: .48
}

#news-presets .presets-with-label {
    margin: 16px 0 0
}

#games-presets {
    margin: 32px 0 48px
}

@media (min-width: 1030px) {
    .presets-with-background.bg-alt .hoverable-box {
        background-color: #f5f4f6
    }

    .presets-with-background.bg-alt .hoverable-box:hover {
        background-color: #fff
    }

    body.mainpage .presets-with-background {
        background: #f5f4f6;
        padding: 40px 0
    }

    body.mainpage .presets-with-background.bg-alt {
        background: #e0dde3
    }

    #news-presets {
        margin: 40px auto
    }

    #news-presets .presets-with-label {
        margin: 40px 0 0
    }

    #games-presets {
        margin: 34px 0 40px
    }

    #games-presets .presets-col:nth-child(n+2) {
        margin-bottom: 26px
    }
}

#games-presets .section-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0
}

#games-presets .section-title ~ .preset-title-sublink {
    margin-right: 0;
    margin-left: auto
}

#games-presets .mainpage-preset-item.item-list.list-layout .game-options-wrapper {
    left: 104px
}

#games-presets .mainpage-preset-item .title-line .after-title .game-active-icons {
    margin-top: -2px
}

#ranking-tabs-widget {
    margin: 48px 0 32px
}

#ranking-tabs-widget .preset-title.part-title {
    font-size: 21px;
    line-height: 25px
}

@media (min-width: 1030px) {
    #games-presets .section-title {
        margin: 0;
        font-size: 21px;
        line-height: 25px
    }

    #games-presets .section-title ~ .preset-title-sublink {
        margin-left: 16px
    }

    #ranking-tabs-widget {
        margin: 40px 0 34px
    }

    #ranking-tabs-widget .preset-title.part-title {
        margin-bottom: -8px
    }
}

#ranking-tabs-widget .section-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0
}

#ranking-tabs-widget .section-title ~ .preset-title-sublink {
    margin-right: 0;
    margin-left: auto
}

@media (min-width: 1030px) {
    #ranking-tabs-widget .section-title {
        margin: 0;
        font-size: 21px;
        line-height: 25px
    }

    #ranking-tabs-widget .section-title ~ .preset-title-sublink {
        margin-left: 16px
    }

    #ranking-tabs-widget .mp-portrait-header.with-pills .swiper-buttons-wrapper {
        transform: translateY(52px);
        z-index: 1
    }
}

#ranking-tabs-widget .mp-portrait-header.with-pills {
    margin: 0;
    z-index: 3
}

#ranking-tabs-widget .mp-preset-header {
    width: 100%
}

#ranking-tabs-widget .nav-pills {
    display: inline-block;
    min-width: 100%
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar {
    display: block;
    position: absolute;
    bottom: 0;
    top: auto;
    background: 0 0;
    left: 16px;
    width: calc(100% - 32px)
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar::before {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 1px;
    left: 0;
    display: block;
    z-index: 0;
    content: '';
    background: #adb2b4
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-bullets {
    height: 4px
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-bullets .pagination-bullet {
    transition: left .2s linear;
    position: absolute;
    display: block;
    height: 4px;
    top: 0;
    background: #2196f3;
    z-index: 1
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-bullets .swiper-pagination-bullet {
    display: none
}

.mainpage .swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    z-index: 1;
    background: #2196f3
}

@media (min-width: 1200px) {
    .mainpage .swiper .swiper-pagination.swiper-pagination-progressbar {
        display: none
    }
}

.slider-progress-wrap {
    position: relative;
    display: none;
    max-width: 100%;
    margin: 0 16px;
    height: 16px;
    gap: 8px
}

@media (min-width: 795px) {
    .dynamic-content-tabs#prepaids-preset-tabs .item-prepaid-grouped {
        padding-bottom: 42px
    }

    #news-presets .swiper .swiper-pagination.swiper-pagination-progressbar {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .mainpage .swiper .swiper-pagination.swiper-pagination-progressbar {
        left: 2px;
        width: calc(100% - 4px)
    }

    .slider-progress-wrap {
        margin: 0
    }
}

@media (min-width: 1030px) {
    #ranking-tabs-widget .mp-preset-header {
        width: auto
    }

    #ranking-tabs-widget .nav-pills {
        min-width: unset
    }

    .slider-progress-wrap {
        margin: 12px 16px 0
    }
}

.slider-progress-wrap::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    display: block;
    background: #d6d2da;
    width: 100%;
    height: 2px
}

.mainpage .slider-progress-wrap::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    z-index: 2
}

@media (max-width: 1029px) {
    .slider-progress-wrap {
        display: block;
        width: 100%
    }

    .store-offers-container .mp-portrait-header.with-shop-icon .preset-store-icon > img, .store-offers-container .mp-portrait-header.with-shop-icon .preset-store-icon > img[style] {
        max-width: 77px !important;
        max-height: 24px !important
    }
}

.slider-progress-wrap .slider-scrollbar {
    position: relative
}

.slider-progress-wrap .slider-scrollbar .swiper-scrollbar-drag {
    position: relative;
    cursor: pointer;
    width: 80px;
    height: 16px;
    border-radius: 0;
    background: 0 0
}

.slider-progress-wrap .slider-scrollbar .swiper-scrollbar-drag::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    display: block;
    background: #279af1;
    width: 100%;
    height: 4px
}

.mp-preset-header {
    margin: 0 0 16px;
    width: 100%
}

.mp-preset-header .part-title.preset-title {
    margin: 0
}

.mp-preset-header.with-sublink {
    align-items: baseline
}

.mp-preset-header.mp-portrait-header .preset-title {
    padding-left: 0
}

.preset-title-sublink {
    transition: color .2s ease-in-out;
    font-size: 14px;
    line-height: 16.8px;
    text-transform: uppercase;
    font-weight: 400;
    color: #47404f;
    display: inline-flex;
    margin: 0 16px 0 auto;
    padding: 0;
    align-self: baseline
}

@media (min-width: 480px) {
    .preset-title-sublink {
        margin-right: 0
    }
}

@media (min-width: 1030px) {
    .preset-title-sublink {
        margin: 0 0 0 16px
    }
}

.preset-title-sublink::after {
    transition: border-color .2s ease-in-out;
    display: inline-flex;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #47404f;
    align-self: center;
    margin: 0 0 0 4px
}

.preset-title-sublink:active, .preset-title-sublink:focus, .preset-title-sublink:hover {
    color: #1f1c22
}

.preset-title-sublink:active::after, .preset-title-sublink:focus::after, .preset-title-sublink:hover::after {
    border-color: transparent transparent transparent #1f1c22
}

.presets-with-label {
    gap: 8px;
    margin: 16px 0 0;
    flex-wrap: wrap
}

.presets-with-label::after, .presets-with-label::before {
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 32px;
    content: '';
    display: block;
    z-index: 2
}

.presets-with-label::before {
    left: -16px;
    background: linear-gradient(90deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

.presets-with-label::after {
    right: -16px;
    background: linear-gradient(270deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

@media (min-width: 1030px) {
    .presets-with-label {
        margin: 0;
        flex-wrap: nowrap
    }

    .presets-with-label::after, .presets-with-label::before {
        display: none
    }
}

.presets-with-label .presets-label {
    font-weight: 400;
    color: #5c5365;
    font-size: 13px;
    line-height: 14px;
    flex: 0 0 100%;
    margin: 0
}

@media (min-width: 1030px) {
    .presets-with-label .presets-label {
        font-size: 14px;
        line-height: 16px;
        flex: 0 0 auto
    }
}

.presets-with-label .presets-links-list {
    list-style: none;
    margin: 0 -16px;
    padding: 0 16px;
    flex: 1 1 auto;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    touch-action: pan-x
}

.presets-with-label .presets-links-list::-webkit-scrollbar {
    display: none !important
}

@media (min-width: 1030px) {
    .presets-with-label .presets-links-list {
        overflow: visible;
        flex-wrap: wrap;
        padding: 0;
        margin: 0
    }
}

.presets-with-label .presets-links-list .presets-link-item {
    display: block;
    margin: 0;
    padding: 0
}

.presets-with-label .presets-links-list .presets-link-item .menu-item-link {
    white-space: nowrap
}

#mp-hot-news {
    margin: 0 0 18px;
    flex-wrap: wrap
}

#mp-hot-news .mp-portrait-header {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1030px) {
    #mp-hot-news {
        margin-bottom: 28px;
        flex-wrap: nowrap
    }

    #mp-hot-news .mp-portrait-header {
        padding-left: 0;
        padding-right: 0
    }
}

#mp-hot-news .mp-hot-news-col-info {
    transition: background-color .2s ease-in-out;
    padding: 12px;
    box-sizing: border-box;
    background: #f4f5f6;
    flex: 0 0 auto;
    order: 2;
    margin: -55px 0 0;
    z-index: 1
}

@media (min-width: 795px) {
    .presets-with-label .presets-links-list {
        padding: 0;
        margin: 0
    }

    #mp-hot-news .mp-hot-news-col-info {
        margin: 0;
        padding: 24px 16px
    }
}

@media (min-width: 1030px) {
    #mp-hot-news .mp-hot-news-col-info {
        flex: 1 1 100%;
        padding: 24px;
        order: 1;
        flex-wrap: wrap;
        align-content: center;
        display: flex
    }
}

@media (min-width: 1200px) {
    #mp-hot-news .mp-hot-news-col-info {
        padding: 28px 38px
    }
}

@media (min-width: 1290px) {
    #mp-hot-news .mp-hot-news-col-info {
        padding: 40px 50px 42px
    }
}

#mp-hot-news .mp-hot-news-col-image {
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    width: calc(100% + 32px);
    padding: 0;
    overflow: hidden;
    order: 1;
    margin: 0 -16px
}

@media (min-width: 795px) {
    #mp-hot-news .mp-hot-news-col-image {
        width: 100%;
        margin: 0
    }
}

@media (min-width: 1030px) {
    #mp-hot-news .mp-hot-news-col-image {
        flex: 0 0 auto;
        width: auto;
        order: 2;
        height: 262px
    }
}

@media (min-width: 1200px) {
    #mp-hot-news .mp-hot-news-col-image {
        height: 328px
    }
}

#mp-hot-news .mp-hot-news-col-image img {
    transition: transform .2s ease-in-out;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: 100%;
    transform: scale(1)
}

#mp-hot-news .mp-hot-news-row {
    flex-direction: column
}

@media (min-width: 1030px) {
    #mp-hot-news .mp-hot-news-col-image img {
        height: 100%;
        width: auto
    }

    #mp-hot-news .mp-hot-news-row {
        flex-direction: row
    }

    #mp-hot-news .mp-hot-news-row:hover .mp-hot-news-col-info {
        background-color: #fff
    }

    #mp-hot-news .mp-hot-news-row:hover .mp-hot-news-col-image img {
        transform: scale(1.05)
    }
}

#mp-hot-news .news-heading-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 4px;
    margin: 0 0 8px;
    align-items: center
}

@media (min-width: 1200px) {
    #mp-hot-news .news-heading-top {
        flex: 0 0 100%;
        margin-bottom: 12px
    }
}

#mp-hot-news .news-heading-top .platform-link-icons-wrapper {
    position: relative;
    right: auto;
    top: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: 16px;
    margin: 0
}

#mp-hot-news .news-heading-top .platform-link-icons-wrapper .platform-link-icon {
    display: block;
    margin: 0
}

#mp-hot-news .news-heading-top .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16 {
    max-height: 12px
}

#mp-hot-news .news-heading-title {
    margin: 0
}

#mp-hot-news .news-heading-title h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word
}

@media (min-width: 1030px) {
    #mp-hot-news .news-heading-title {
        flex: 0 0 100%
    }

    #mp-hot-news .news-heading-title h2 {
        font-size: 26px;
        line-height: 31px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: 93px
    }
}

@media (min-width: 1200px) {
    #mp-hot-news .news-heading-title h2 {
        font-size: 34px;
        line-height: 41px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: 123px
    }
}

@media (min-width: 1290px) {
    #mp-hot-news .mp-hot-news-col-image {
        height: 353px !important
    }

    #mp-hot-news .news-heading-title h2 {
        font-size: 34px;
        line-height: 41px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: 123px
    }
}

#mp-hot-news .news-heading-lead {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 1030px) {
    #mp-hot-news .news-heading-lead {
        flex: 0 0 100%;
        margin-top: 8px;
        font-size: 14px;
        line-height: 21px
    }
}

@media (min-width: 1200px) {
    #mp-hot-news .news-heading-lead {
        margin-top: 12px;
        font-size: 16px;
        line-height: 24px
    }
}

#mp-hot-news .news-heading-lead p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    max-height: 20px;
    margin: 0;
    word-break: break-word
}

#mp-hot-news .news-heading-cta {
    margin: 12px 0 0;
    text-align: right
}

@media (min-width: 1030px) {
    #mp-hot-news .news-heading-lead p {
        line-clamp: 2;
        -webkit-line-clamp: 2;
        max-height: 48px
    }

    #mp-hot-news .news-heading-cta {
        flex: 0 0 100%;
        margin-top: 12px;
        text-align: left
    }

    #mp-hot-news .news-heading-cta .widget-link-more {
        display: none
    }
}

#mp-hot-news .news-heading-cta .btn-action {
    display: none;
    z-index: 21
}

#mp-hot-news .news-heading-cta .btn-action.btn-action-bigger {
    justify-content: center;
    padding: 8px 16px;
    width: 148px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.hp-presets-nav-pills.mp-col {
    display: flex
}

.prepaids-preset-list {
    grid-template-columns:repeat(12, calc(25% - 12px));
    grid-gap: 16px
}

.store-offers-container {
    padding-top: 20px;
    padding-bottom: 24px
}

.store-offers-container.presets-with-background {
    margin-bottom: 0
}

.store-offers-container ~ .news-section#news-presets {
    margin-top: 24px
}

.store-offers-container .mp-preset-header .preset-store-icon > img {
    display: block;
    content-visibility: visible
}

.store-offers-container .mp-preset-header .preset-store-icon > img.shop-image-white {
    display: none;
    content-visibility: hidden
}

.store-offers-container .mp-portrait-header.with-shop-icon {
    max-height: 24px;
    margin: 0 0 16px
}

.store-offers-container .mp-portrait-header.with-shop-icon .preset-title {
    align-items: center;
    align-self: flex-end
}

.store-offers-container .mp-portrait-header.with-shop-icon .preset-store-icon {
    margin-left: 8px;
    width: 77px
}

.store-offers-container .mp-portrait-header.with-shop-icon .swiper-buttons-wrapper {
    margin-top: 0;
    transform: none;
    align-self: flex-end
}

.store-offers-container .section-footer {
    margin-top: 10px;
    width: 100%;
    gap: 8px;
    padding: 0 16px
}

@media (min-width: 795px) {
    .store-offers-container {
        padding-top: 24px
    }

    .store-offers-container .section-footer {
        padding: 0
    }
}

.store-offers-container .section-footer .section-footer-item {
    flex: 1 0 100%;
    width: 100%
}

@media (min-width: 1030px) {
    #mp-hot-news .news-heading-cta .btn-action {
        display: inline-flex
    }

    .store-offers-container {
        padding-top: 32px;
        padding-bottom: 40px
    }

    .store-offers-container ~ .news-section#news-presets {
        margin-top: 0
    }

    .store-offers-container .mp-portrait-header.with-shop-icon {
        max-height: 52px;
        margin-bottom: 24px
    }

    .store-offers-container .mp-portrait-header.with-shop-icon .preset-store-icon {
        width: 120px
    }

    .store-offers-container .section-footer .section-footer-item {
        flex: 0 0 50%;
        max-width: 280px
    }
}

.store-offers-container .section-footer .label.code {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    padding: 7px 12px 8px;
    font-size: 13px;
    line-height: 15.4px;
    box-sizing: border-box;
    border: 1px dashed #1f1c22;
    border-radius: 4px;
    background: 0 0;
    height: 32px;
    gap: 4px
}

.store-offers-container .section-footer .label.code > .code {
    flex: 0 0 auto;
    padding: 0;
    display: block;
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
    color: #47404f
}

.store-offers-container .section-footer .label.code .code-action-label {
    transition: color .2s ease-in-out;
    display: block;
    flex: 0 0 auto;
    margin: 0 0 0 12px;
    color: #279af1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    will-change: color
}

.store-offers-container .section-footer .label.code .code-action-label .svg-icon {
    display: inline-block;
    margin: 0 0 -1px 4px;
    vertical-align: baseline
}

.store-offers-container .section-footer .label.code:hover .code-action-label {
    color: #52aef4
}

.store-offers-container .item-list .game-info-wrapper .game-info-price-wrapper .icon-ext-price {
    display: block;
    margin-left: auto;
    height: 16px;
    color: #279af1
}

.game-gift-cards-promo-wrapper {
    min-height: 229px;
    margin: 40px -16px 0;
    background-position: right center;
    background-repeat: no-repeat;
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper {
        min-height: 245px;
        margin: 40px 0 0
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper {
        min-height: 340px;
        margin: 64px 0 0;
        flex-wrap: nowrap;
        align-items: center
    }
}

.game-gift-cards-promo-wrapper::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #c3c4cb;
    z-index: -1
}

.game-gift-cards-promo-wrapper .promo-info {
    flex: 0 0 calc(100% - 16px - 16px);
    margin: 24px 16px 16px
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper .promo-info {
        flex: 0 0 calc(100% - 22px - 22px);
        margin: 24px 22px
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .promo-info {
        flex: 0 0 264px;
        margin: 24px 0 24px 24px
    }
}

@media (min-width: 1200px) {
    #mp-hot-news .news-heading-cta {
        margin-top: 24px
    }

    .game-gift-cards-promo-wrapper .promo-info {
        flex: 0 0 258px;
        margin: 24px 14px 24px 24px
    }
}

@media (min-width: 1290px) {
    .game-gift-cards-promo-wrapper .promo-info {
        flex: 0 0 264px;
        margin: 24px 29px 24px 40px
    }
}

.game-gift-cards-promo-wrapper .promo-info-title {
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
    color: #1f1c22;
    margin: 0;
    max-width: calc(100% - 64px - 16px)
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .promo-info-title {
        font-size: 21px;
        line-height: 25px;
        max-width: unset
    }
}

.game-gift-cards-promo-wrapper .promo-info-description {
    display: block;
    color: #47404f;
    font-size: 14px;
    line-height: 20px;
    margin: 16px 0 0
}

.game-gift-cards-promo-wrapper .promo-info-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 16.8px;
    color: #47404f;
    text-transform: uppercase
}

.game-gift-cards-promo-wrapper .promo-info-btn::after {
    display: inline-block;
    margin: 0 0 1px 5px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #47404f
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .promo-info-btn::after {
        display: none
    }

    .game-gift-cards-promo-wrapper .promo-info-btn {
        transition: box-shadow .2s;
        position: relative;
        right: auto;
        top: auto;
        background: #f56600;
        border-radius: 4px;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        margin: 16px 0 0;
        padding: 8px 16px;
        color: #fff;
        font-weight: 700;
        text-transform: none
    }

    .game-gift-cards-promo-wrapper .promo-info-btn:hover {
        box-shadow: 0 0 6px 2px #0000000D
    }
}

.game-gift-cards-promo-wrapper .game-details-offers-list {
    -moz-column-gap: 14px;
    column-gap: 14px;
    flex: 0 0 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    margin: 0 0 24px;
    align-self: flex-end
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper .game-details-offers-list {
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .game-details-offers-list {
        flex: 0 0 642px;
        margin: auto 0 auto 40px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media (min-width: 1200px) {
    .game-gift-cards-promo-wrapper .game-details-offers-list {
        overflow: visible;
        flex: 1 1 100%;
        margin: auto 24px auto 14px
    }
}

@media (min-width: 1290px) {
    .game-gift-cards-promo-wrapper .game-details-offers-list {
        margin: auto 56px auto 29px
    }
}

.game-gift-cards-promo-wrapper .offer-list-item {
    transition: box-shadow .2s;
    background: #fff;
    display: grid;
    grid-template-areas:"image title" "image price";
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 16px;
    grid-template-columns:70px 138px;
    flex: 0 0 220px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 9px 0 #0000001A, 0 16px 16px 0 #00000017, 0 37px 22px 0 #0000000D
}

@media (min-width: 480px) {
    .game-gift-cards-promo-wrapper .offer-list-item {
        flex: 0 0 222px;
        grid-template-columns:66px 148px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.game-gift-cards-promo-wrapper .offer-list-item:first-of-type {
    margin-left: 16px
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper .offer-list-item {
        row-gap: 24px
    }

    .game-gift-cards-promo-wrapper .offer-list-item:first-of-type {
        margin-left: 22px
    }
}

.game-gift-cards-promo-wrapper .offer-list-item:last-of-type {
    margin-right: 16px
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .offer-list-item {
        row-gap: 16px;
        grid-template-columns:80px 145px;
        flex: 0 0 258px
    }

    .game-gift-cards-promo-wrapper .offer-list-item:first-of-type {
        margin-left: 0
    }

    .game-gift-cards-promo-wrapper .offer-list-item:last-of-type {
        margin-right: 36px
    }
}

.game-gift-cards-promo-wrapper .offer-list-item .image-wrap {
    grid-area: image;
    box-shadow: 16px 0 10px 0 #0000000D
}

.game-gift-cards-promo-wrapper .offer-list-item .image-wrap img {
    width: 100%;
    height: auto
}

.game-gift-cards-promo-wrapper .offer-list-item .image-wrap picture {
    display: flex
}

.game-gift-cards-promo-wrapper .offer-list-item .offer-title-wrapper {
    grid-area: title;
    line-height: 1;
    padding: 0 12px 0 0
}

.game-gift-cards-promo-wrapper .offer-list-item .offer-title-wrapper .title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #1f1c22
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper {
    grid-area: price;
    width: 100%
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .price-content {
    gap: 4px
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container {
    flex-wrap: nowrap;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container .label.discount {
    background-color: #e0dde3;
    color: #47404f
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container .label.historical {
    font-size: 0;
    color: transparent
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container.price-hl .label.historical {
    color: #04773f;
    background: rgba(6, 186, 99, .25)
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .labels-container.price-hl .label.historical::before {
    color: #04773f
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .label.with-tooltip, .game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .price {
    z-index: 21
}

.game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .price .price-inner {
    font-size: 14px;
    line-height: 16.8px;
    color: #1f1c22
}

.game-gift-cards-promo-wrapper .offer-list-item:hover {
    box-shadow: 0 16px 16px 0 #00000017
}

.game-gift-cards-promo-wrapper.promo-playstation {
    background-size: 0 0;
    background-position: bottom -100px left -100px
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper.promo-playstation {
        background-size: 600px 315px;
        background-position: top 10px right -192px
    }
}

@media (min-width: 1200px) {
    .game-gift-cards-promo-wrapper .offer-list-item:last-of-type {
        margin-right: 0
    }

    .game-gift-cards-promo-wrapper.promo-playstation {
        background-size: 700px 368px;
        background-position: top 10px right -224px
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper .offer-list-item .offer-title-wrapper {
        padding-right: 0
    }

    .game-gift-cards-promo-wrapper .offer-list-item .offer-title-wrapper .title {
        font-size: 14px;
        line-height: 18px
    }

    .game-gift-cards-promo-wrapper .offer-list-item .game-info-price-wrapper .price .price-inner {
        font-size: 16px;
        line-height: 19.2px
    }

    .game-gift-cards-promo-wrapper.promo-playstation {
        background-size: 700px 368px;
        background-position: top 10px right -224px
    }

    .game-gift-cards-promo-wrapper.promo-playstation .promo-info-btn {
        background-color: #074995
    }
}

.game-gift-cards-promo-wrapper.promo-xbox {
    background-size: 0 0;
    background-position: bottom -100px left -100px
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper.promo-xbox {
        background-size: 426px 320px;
        background-position: top 45px right -87px
    }
}

@media (min-width: 1200px) {
    .game-gift-cards-promo-wrapper.promo-xbox {
        background-size: 507px 380px;
        background-position: top 45px right -83px
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper.promo-xbox {
        background-size: 507px 380px;
        background-position: top 45px right -83px
    }

    .game-gift-cards-promo-wrapper.promo-xbox .promo-info-btn {
        background-color: #107b11
    }
}

.game-gift-cards-promo-wrapper.promo-nintendo {
    background-size: 0 0;
    background-position: bottom -100px left -100px
}

.mainpage .game-gift-cards-promo-wrapper {
    margin: 32px 0 0;
    min-height: 254px
}

@media (min-width: 795px) {
    .game-gift-cards-promo-wrapper.promo-nintendo {
        background-size: 291px 373px;
        background-position: top 18px right -73px
    }

    .mainpage .game-gift-cards-promo-wrapper {
        margin: 32px auto 0;
        max-width: 735px;
        min-height: 228px
    }
}

@media (min-width: 1030px) {
    .game-gift-cards-promo-wrapper.promo-nintendo {
        background-size: 291px 373px;
        background-position: top 18px right -73px
    }

    .game-gift-cards-promo-wrapper.promo-nintendo .promo-info-btn {
        background-color: #ff7d01
    }

    .mainpage .game-gift-cards-promo-wrapper {
        margin: 40px auto -8px;
        min-height: 210px;
        max-width: 970px
    }
}

@media (min-width: 1200px) {
    .game-gift-cards-promo-wrapper.promo-nintendo {
        background-size: 291px 373px;
        background-position: top 18px right -73px
    }

    .mainpage .game-gift-cards-promo-wrapper {
        max-width: 1140px
    }
}

.mainpage .game-gift-cards-promo-wrapper.promo-playstation {
    background-size: 332px auto;
    background-position: bottom -24px left -148px
}

@media (min-width: 1030px) {
    .mainpage .game-gift-cards-promo-wrapper.promo-playstation {
        background-size: 512px 268px;
        background-position: top -31px right -162px
    }
}

.mainpage .game-gift-cards-promo-wrapper.promo-xbox {
    background-size: 200px auto;
    background-position: bottom -38px left -52px
}

@media (min-width: 1030px) {
    .mainpage .game-gift-cards-promo-wrapper.promo-xbox {
        background-size: 407px 306px;
        background-position: top -15px right -53px
    }
}

.mainpage .game-gift-cards-promo-wrapper.promo-nintendo {
    background-size: 181px auto;
    background-position: bottom -120px left -20px
}

.game-page .title-container {
    margin-bottom: 20px
}

.game-page .widget-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #1f1c22;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.game-page .widget-heading .svg-icon {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -2px
}

.game-page .game-bundles-container .item.game-item {
    border-top: 1px solid #eae9ec;
    margin: 8px 0 0
}

.game-page .game-bundles-container .item.game-item:first-child {
    border: none
}

.game-page .game-card-column-grid .game-card-column-right {
    display: block
}

.game-item-info-inner {
    border-top: 1px solid #eae9ec;
    padding: 9px 12px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.game-item-info-inner .game-item-info-inner-content {
    display: block;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    width: auto
}

@media (min-width: 1030px) {
    .mainpage .game-gift-cards-promo-wrapper.promo-nintendo {
        background-size: 291px 372px;
        background-position: top -18px right -73px
    }

    .game-page .game-bundles-container .item.game-item {
        margin: 0
    }

    .game-item-info-inner {
        text-align: left;
        padding: 9px 24px
    }

    .game-item-info-inner .game-item-info-inner-content {
        display: inline-block;
        white-space: nowrap;
        margin: 0 8px 0 0
    }
}

.game-item-info-inner .arrow-inline-link {
    display: block;
    text-align: center;
    margin-top: 2px;
    z-index: 3
}

.similar-deals-list {
    transition: max-height .1s linear, margin .1s linear;
    position: relative;
    overflow: hidden;
    max-height: 0;
    margin: 0
}

.similar-deals-container {
    border-top: 1px solid #eae9ec;
    transition: margin .2s linear;
    margin: 8px 0 0
}

.similar-deals-container:first-child {
    border: none
}

@media (min-width: 1030px) {
    .game-item-info-inner .arrow-inline-link {
        display: inline-block;
        margin: 0
    }

    .similar-deals-container {
        margin: 0
    }
}

.similar-deals-container .similar-deals-spoiler {
    transition: background-color .2s;
    cursor: pointer;
    padding: 12.6px 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #70657b;
    background: #f4f5f6;
    border-top: 1px solid #eae9ec
}

.similar-deals-container .similar-deals-spoiler:hover {
    background-color: #fff
}

.similar-deals-container .similar-deals-spoiler::after {
    transition: transform .2s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #70657b transparent transparent;
    content: '';
    display: inline-block;
    margin: 0 0 0 6px;
    align-self: center;
    transform: rotate(0);
    transform-origin: center center
}

.similar-deals-container.shown {
    margin: 8px 0
}

.similar-deals-container.shown .similar-deals-spoiler::after {
    transform: rotate(180deg)
}

.similar-deals-container.shown .similar-deals-list {
    transition: max-height .3s linear, margin .2s linear;
    max-height: 940px;
    margin: -1px 0 0
}

.similar-deals-container.shown .similar-deals-list .game-item {
    margin-top: 4px
}

@media (min-width: 1030px) {
    .similar-deals-container .similar-deals-spoiler {
        justify-content: flex-start;
        padding: 8px 24px
    }

    .similar-deals-container.shown {
        margin: 12px 0
    }

    .similar-deals-container.shown .similar-deals-list {
        max-height: 578px;
        margin: 0
    }

    .similar-deals-container.shown .similar-deals-list .game-item {
        margin-top: 0
    }
}

.similar-deals-container.shown .similar-deals-list .game-item.game-deals-item:first-child {
    border-top: 1px solid #eae9ec
}

.similar-deals-container-wrapper .similar-deals-container:not(.shown) {
    margin: 4px 0 0
}

#game-card .game-deals-alerts .alert:last-child {
    margin-bottom: 24px
}

#game-card .game-deals-alerts .price .bottom, #game-card .game-deals-alerts .price .price-inner {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    transition: color .2s;
    color: #1f1c22
}

#game-card .game-deals-alerts .price .bottom {
    margin-right: 3px
}

.game-tabs-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    padding-top: 13px
}

body.menu-more-opened .game-tabs-container-wrapper .game-tabs-container {
    z-index: 1
}

@media (min-width: 795px) and (max-width: 1199px) {
    .game-tabs-container .container {
        width: 100%;
        padding: 0
    }
}

.game-tabs-container-inner {
    transition: border-color .2s linear;
    border-bottom: 1px solid #d6d2da;
    margin: 0
}

.game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::after, .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::before {
    display: block
}

.game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::before {
    background: linear-gradient(90deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

.game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::after {
    background: linear-gradient(270deg, #eae9ec 0, rgba(234, 233, 236, 0) 100%)
}

ul.nav.nav-game {
    position: relative;
    z-index: 1;
    display: block;
    list-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    margin: 0 -16px
}

@media (min-width: 480px) {
    .game-tabs-container-inner {
        margin: 0 -16px
    }

    .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::before {
        left: 0
    }

    .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::after {
        right: 0
    }

    ul.nav.nav-game {
        margin: 0
    }
}

ul.nav.nav-game::-webkit-scrollbar {
    display: none
}

ul.nav.nav-game li.menu-item {
    display: inline-block;
    float: none;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #47404f;
    margin: 0 32px -1px 0
}

ul.nav.nav-game li.menu-item:first-of-type {
    margin-left: 16px
}

@media (min-width: 795px) {
    .game-tabs-container-inner {
        margin: 0
    }

    ul.nav.nav-game li.menu-item:first-of-type {
        margin-left: calc((100vw / 2) - ((795px - 60px) / 2))
    }
}

@media (min-width: 1030px) {
    #game-card .game-deals-alerts .price .bottom, #game-card .game-deals-alerts .price .price-inner {
        font-size: 16px;
        line-height: 24px
    }

    .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::before {
        left: -16px
    }

    .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::after {
        right: -16px
    }

    ul.nav.nav-game li.menu-item:first-of-type {
        margin-left: calc((100vw / 2) - ((1030px - 60px) / 2))
    }
}

ul.nav.nav-game li.menu-item:nth-last-of-type(2) {
    margin-right: 16px
}

@media (min-width: 795px) {
    ul.nav.nav-game li.menu-item:nth-last-of-type(2) {
        margin-right: calc((100vw / 2) - ((795px - 60px) / 2))
    }
}

@media (min-width: 1030px) {
    ul.nav.nav-game li.menu-item:nth-last-of-type(2) {
        margin-right: calc((100vw / 2) - ((1030px - 60px) / 2))
    }
}

@media (min-width: 1200px) {
    .similar-deals-container-wrapper .similar-deals-container:not(.shown) {
        margin: 0
    }

    ul.nav.nav-game li.menu-item:first-of-type {
        margin-left: 0
    }

    ul.nav.nav-game li.menu-item:nth-last-of-type(2) {
        margin-right: 0
    }

    ul.nav.nav-game li.menu-item {
        margin-right: 32px
    }

    ul.nav.nav-game li.menu-item:first-child {
        margin-left: 0
    }

    ul.nav.nav-game li.menu-item:last-child {
        margin-right: 0
    }

    .game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item {
        font-size: 14px;
        line-height: 17px
    }
}

ul.nav.nav-game li.menu-item a {
    position: relative;
    transition: color .3s;
    display: block;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    border: none;
    padding: 0 0 15px
}

ul.nav.nav-game li.menu-item a .badge.count-badge {
    display: none
}

ul.nav.nav-game li.menu-item a:focus, ul.nav.nav-game li.menu-item a:hover {
    background-color: transparent
}

ul.nav.nav-game li.menu-item:hover:not(.active) a {
    color: #332e38
}

ul.nav.nav-game li.menu-item.active::after {
    display: none
}

ul.nav.nav-game li.menu-item.active a {
    color: #1f1c22
}

ul.nav.nav-game li.menu-item.menu-item-right {
    margin-left: auto;
    float: right
}

ul.nav.nav-game li.menu-item.game-top-anchor-item {
    display: none;
    color: #f4f5f6
}

ul.nav.nav-game li.menu-item.game-top-anchor-item:hover {
    color: #fff
}

ul.nav.nav-game li.menu-item.game-top-anchor-item .svg-icon {
    transition: color .2s;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0
}

ul.nav.nav-game li.menu-item.game-top-anchor-item .anchor-top-label {
    display: none
}

.game-tabs-container-wrapper {
    height: 44px;
    width: 100%;
    margin-top: 16px
}

.game-tabs-container-wrapper .nav-active-bar {
    transition: left .3s, width .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    height: 4px;
    background: #279af1;
    z-index: 2
}

.game-tabs-container-wrapper.is-sticked {
    background: #332e38
}

.game-tabs-container-wrapper.is-sticked .game-tabs-container {
    transition: background-color .3s, top .3s;
    position: fixed;
    top: 56px;
    background-color: #332e38;
    z-index: 100
}

.game-tabs-container-wrapper.is-sticked .game-tabs-container .game-tabs-container-inner {
    border-color: transparent
}

.game-tabs-container-wrapper.is-sticked .game-tabs-container .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::before {
    background: linear-gradient(90deg, #332e38 0, rgba(51, 46, 56, 0) 100%)
}

.game-tabs-container-wrapper.is-sticked .game-tabs-container .game-tabs-container-inner.tabs-presets-wrapper.tabs-gradient::after {
    background: linear-gradient(270deg, #332e38 0, rgba(51, 46, 56, 0) 100%)
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game {
    transition: border-color .3s;
    position: relative
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game::after {
    background-color: #332e38;
    width: 100%
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item {
    color: #f4f5f6
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item::after {
    display: none
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item.active a, .game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item:hover:not(.active) a {
    color: #fff
}

.game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item.game-top-anchor-item {
    display: none
}

body.full-overlay .game-tabs-container-wrapper .game-tabs-container {
    z-index: 6
}

body.full-overlay .game-tabs-container-wrapper.is-sticked .game-tabs-container {
    z-index: 126
}

.section-row {
    position: relative;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 1200px) {
    .game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item a {
        padding-bottom: 15px
    }

    .game-tabs-container-wrapper.is-sticked ul.nav.nav-game li.menu-item.game-top-anchor-item {
        display: inline-block;
        margin: 2px 0 -2px
    }

    .section-row {
        margin-left: -12px;
        margin-right: -12px;
        flex-wrap: nowrap
    }

    .section-row.section-row-spacer {
        margin-top: 24px
    }
}

@media (min-width: 1290px) {
    .mainpage .game-gift-cards-promo-wrapper {
        max-width: 1224px
    }

    ul.nav.nav-game li.menu-item.game-top-anchor-item .anchor-top-label {
        display: inline-block;
        margin-right: 4px
    }

    .section-row {
        flex-wrap: nowrap
    }
}

.section-row .col-left {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 1200px) {
    .section-row .col-left {
        padding-left: 12px;
        padding-right: 12px;
        flex: 1 1 852px;
        max-width: 852px
    }
}

@media (min-width: 1290px) {
    .section-row .col-left {
        flex: 1 1 936px;
        max-width: 936px
    }
}

.section-row .col-left.full-view {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 1030px) {
    .game-tabs-container-wrapper {
        height: 40px
    }

    .game-tabs-container-wrapper.is-sticked .game-tabs-container {
        padding-top: 14px;
        top: 64px
    }

    .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta .shop-icon img, .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta .shop-icon img[style] {
        max-width: 64px !important
    }
}

@media (min-width: 1200px) {
    .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta {
        width: 136px;
        flex: 0 0 136px
    }

    .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta .shop-icon {
        width: 136px
    }

    .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta .shop-icon img, .section-row .col-left.full-view .game-item.with-shop-icon-item.game-portrait-item .game-cta.shop-icon-cta .shop-icon img[style] {
        max-width: 75px !important
    }
}

.section-row .col-right {
    padding-left: 16px;
    padding-right: 16px;
    flex: 0 0 100%;
    max-width: 100%
}

.section-row .col-right.col-news-content-right {
    margin-top: 48px
}

@media (min-width: 795px) {
    .game-tabs-container-wrapper {
        margin-top: 0
    }

    .section-row .col-right {
        padding-left: 16px;
        padding-right: 16px
    }
}

.section-row-about {
    margin-top: 48px
}

.section-row-about .game-description-wrapper {
    margin-top: 24px
}

@media (min-width: 1200px) {
    .section-row .col-right.col-news-content-right {
        margin-top: 0
    }

    .section-row .col-right {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: auto;
        flex: 0 0 312px;
        max-width: 312px
    }

    .section-row .col-right.col-with-dynamic-widget {
        position: relative
    }

    .section-row .col-right.col-with-dynamic-widget.with-pagination {
        margin-bottom: 48px
    }

    .section-row-about.with-gallery .game-about-heading {
        margin-bottom: 24px
    }
}

.section-row-about.with-gallery .game-description-wrapper {
    margin-top: 26px
}

.game-seo-expand {
    transition: color .2s, opacity .2s, max-height .5s, margin .2s;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    z-index: 20;
    font-size: 12px;
    line-height: 16px;
    color: #70657b
}

.game-seo-expand:hover {
    color: #47404f;
    text-decoration: underline
}

.game-seo-wrapper {
    position: relative;
    display: flex;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 16px;
    width: 100%
}

.game-seo-wrapper::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: #eae9ec;
    display: block;
    content: '';
    z-index: 2
}

.game-seo-wrapper .game-seo-content {
    transition: color .2s linear;
    position: relative;
    overflow: hidden;
    max-height: 48px;
    color: #70657b
}

.game-seo-wrapper .game-seo-content.shortened::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    background: linear-gradient(180deg, rgba(234, 233, 236, 0) 0, #eae9ec 70%, #eae9ec 100%);
    height: 52px
}

.game-seo-wrapper .game-seo-content:not(.shortened) + .game-seo-expand {
    max-height: 0;
    opacity: 0;
    margin: 0
}

.game-seo-wrapper .game-seo-content h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #70657b;
    font-weight: 600;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 8px
}

.game-seo-wrapper .game-seo-content h2:last-child {
    margin-bottom: 0
}

.game-seo-wrapper .game-seo-content p {
    display: block;
    margin: 0 0 8px
}

.game-seo-wrapper .game-seo-content p:last-child {
    margin-bottom: 0
}

.game-seo-wrapper .game-seo-content a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline
}

.game-seo-wrapper.game-header-seo {
    margin: 0 0 24px;
    order: 2
}

@media (min-width: 795px) {
    .game-seo-wrapper.game-header-seo {
        margin: 8px 0;
        order: unset
    }

    .game-seo-wrapper.game-header-seo::after {
        background: #f4f5f6
    }

    .game-seo-wrapper.game-header-seo .game-seo-content.shortened::after {
        height: 48px;
        background: linear-gradient(180deg, rgba(244, 245, 246, 0) 0, #f4f5f6 75%, #f4f5f6 100%)
    }
}

.game-seo-wrapper.game-header-seo .game-seo-content {
    color: #c2bcc8;
    max-height: 48px
}

@media (min-width: 1030px) {
    .section-row-about {
        margin-top: 64px
    }

    .section-row-about.with-gallery .game-description-wrapper {
        margin-top: 18px
    }

    .game-seo-wrapper .game-seo-content {
        max-height: 64px
    }

    .game-seo-wrapper .game-seo-content.shortened::after {
        background: linear-gradient(180deg, rgba(234, 233, 236, 0) 0, #eae9ec 75%, #eae9ec 100%);
        height: 52px
    }

    .game-seo-wrapper .game-seo-content h2 {
        font-size: 14px;
        line-height: 18px
    }

    .game-seo-wrapper.game-header-seo {
        margin: 8px 0 4px
    }

    .game-seo-wrapper.game-header-seo .game-seo-content {
        max-height: 48px
    }

    .game-description-wrapper#game-description-mobile {
        background: #f4f5f6;
        padding: 24px
    }
}

.game-seo-wrapper.game-header-seo .game-seo-content.shortened {
    color: #70657b
}

.game-seo-wrapper.expanded .game-seo-content {
    color: #70657b;
    max-height: 1200px
}

.game-description-wrapper {
    position: relative
}

.game-description-wrapper#game-description-mobile {
    margin-top: 48px
}

.game-description-wrapper .game-description {
    font-size: 16px;
    line-height: 24px;
    color: #70657b;
    max-height: 480px;
    overflow: hidden;
    word-break: break-word
}

.game-description-wrapper .game-description.shortened {
    transition: max-height 10ms linear
}

.game-description-wrapper .game-description.shortened::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    height: 96px;
    background: linear-gradient(180deg, rgba(234, 233, 236, 0) 0, #eae9ec 75%, #eae9ec 100%)
}

.game-description-wrapper .game-description strong {
    font-weight: 700
}

.game-description-wrapper .game-description p {
    display: block;
    margin: 8px 0 24px
}

.game-description-wrapper .game-description p:only-of-type {
    margin: 0
}

.game-description-wrapper .game-description img {
    max-width: 100%;
    height: auto
}

.game-description-wrapper .game-description h3, .game-description-wrapper .game-description h4 {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #47404f
}

.game-description-wrapper .game-description h3:first-child, .game-description-wrapper .game-description h4:first-child {
    margin-top: 0
}

.game-description-wrapper .game-description h3.bb_tag, .game-description-wrapper .game-description h4.bb_tag {
    margin-bottom: 0
}

.game-description-wrapper .game-description h3 + img, .game-description-wrapper .game-description h3 + p, .game-description-wrapper .game-description h4 + img, .game-description-wrapper .game-description h4 + p {
    margin-top: 0
}

.game-description-wrapper .game-description ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.game-description-wrapper .game-description ul li {
    padding-left: 24px;
    position: relative;
    margin-top: 8px
}

.game-description-wrapper .game-description ul li:first-child {
    margin-top: 0
}

.game-description-wrapper .game-description ul li::before {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #47404f;
    left: 0;
    transform: translateY(-50%);
    content: '';
    top: 12px
}

.game-description-wrapper .game-description:not(.shortened) + .description-expand {
    max-height: 0;
    opacity: 0;
    margin: 0
}

.game-description-wrapper.expanded .game-description {
    transition: max-height 2s linear;
    max-height: 4800px
}

.description-expand {
    transition: color .2s, opacity .2s, max-height .5s, margin .2s;
    overflow: hidden;
    color: #279af1;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    bottom: -8px;
    left: -8px;
    padding: 8px;
    z-index: 20
}

@media (min-width: 1030px) {
    .game-description-wrapper .game-description.shortened::after {
        background: linear-gradient(180deg, rgba(244, 245, 246, 0) 0, #f4f5f6 75%, #f4f5f6 100%)
    }

    .description-expand {
        left: 16px;
        bottom: 16px
    }
}

.description-expand:hover {
    color: #52aef4;
    text-decoration: underline
}

.game-section {
    position: relative;
    margin-top: 0;
    margin-bottom: 16px
}

.game-section.no-margin-bottom {
    margin-bottom: 0
}

.game-section.game-about {
    margin-top: 32px;
    padding: 32px 0
}

@media (min-width: 795px) {
    .game-section.game-about {
        margin-top: 0;
        padding: 24px 0;
        margin-bottom: 0
    }
}

.game-section.game-about.game-price-history {
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 0
}

.game-section.game-about #related-articles {
    margin-bottom: 16px
}

@media (min-width: 1200px) {
    .description-expand {
        left: 24px;
        bottom: 24px;
        padding: 0
    }

    .game-section.game-about {
        margin-top: 48px;
        padding: 48px 0 0
    }

    .game-section.game-about.game-price-history {
        margin-top: 48px
    }

    .game-section.game-about #related-articles {
        margin-bottom: 0
    }
}

.game-section.game-offers, .game-section.game-offers .game-section {
    margin-bottom: 0
}

@media (min-width: 795px) {
    .game-section.game-offers {
        padding: 0 0 24px
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper {
    display: grid;
    grid-template-areas:"title" "tags" "price"
}

@media (min-width: 1030px) {
    .games-box .game-item.game-deals-item .game-info-wrapper {
        grid-template-areas:"title price" "tags price";
        max-width: calc(100% - 259px)
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .game-info-title-wrapper {
    grid-area: title;
    order: unset;
    max-width: unset !important;
    padding-top: 12px
}

.games-box .game-item.game-deals-item .game-info-wrapper .game-info-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600
}

@media (max-width: 1029px) {
    .games-box .game-item.game-deals-item .game-info-wrapper {
        margin: 0;
        padding: 0 48px 0 12px;
        min-height: unset;
        max-width: 100%;
        flex: 0 0 100%;
        display: grid
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .game-info-title {
        text-overflow: unset;
        overflow: visible;
        white-space: normal;
        font-size: 14px;
        line-height: 18px
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .game-tags {
    grid-area: tags;
    order: unset;
    max-width: unset;
    min-height: 18px;
    height: 18px
}

.games-box .game-item.game-deals-item .game-info-wrapper .game-tags .tags {
    overflow: visible
}

@media (min-width: 1030px) {
    .games-box .game-item.game-deals-item .game-info-wrapper .game-info-title-wrapper {
        padding: 0 12px 0 0;
        align-items: flex-end
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .game-tags {
        min-height: unset;
        margin-top: 10px;
        display: flex;
        align-items: center
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .game-tags .tags .tag.tag-more-info {
        margin-left: -20px
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-info-with-label {
    grid-area: price;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 48px;
    height: auto;
    width: calc(100% - 134px);
    margin: 8px 0 8px auto;
    align-content: baseline;
    order: unset
}

@media (min-width: 1030px) {
    .games-box .game-item.game-deals-item .game-info-wrapper .price-info-with-label {
        display: flex;
        flex-direction: column;
        min-height: unset;
        width: auto;
        margin: -4px 0 0 auto;
        max-width: unset;
        justify-content: center;
        max-height: unset
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-info-with-label .unavailable-label {
    max-width: unset;
    flex: unset
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper {
    display: flex;
    padding: 0;
    margin: 0 0 2px;
    max-width: 100%;
    flex-direction: row;
    flex: 0 1 auto;
    align-self: flex-start;
    align-items: baseline
}

@media (min-width: 1030px) {
    .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper {
        margin: 0;
        flex: 0 0 20px;
        max-width: unset;
        align-items: baseline;
        align-self: flex-end
    }
}

@media (min-width: 1200px) {
    .game-section.game-offers {
        padding: 0;
        margin-top: 4px
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper {
        flex: 0 0 20px
    }

    .game-info-inner-heading.game-info-mobile-heading {
        display: none
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .game-price {
    margin: 0 0 0 8px
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .game-price .price-inner {
    font-size: 21px;
    line-height: 21px
}

.games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .price-text {
    font-size: 21px;
    line-height: 21px
}

@media (min-width: 1030px) {
    .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .game-price {
        margin: 0
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .game-price .price-inner, .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper .price-text {
        font-size: 21px;
        line-height: 25px
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .price-wrapper.with-badges .game-price {
        margin-bottom: 26px
    }
}

.games-box .game-item.game-deals-item .game-info-wrapper .labels-container {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    flex-wrap: nowrap;
    -moz-column-gap: 2px;
    column-gap: 2px
}

@media (max-width: 1029px) {
    .games-box .game-item.game-deals-item .game-info-wrapper .labels-container {
        position: relative;
        bottom: auto;
        right: auto;
        display: flex;
        padding: 0;
        max-width: 100%;
        max-height: unset;
        align-items: flex-end;
        justify-content: flex-end;
        flex-wrap: wrap;
        flex-direction: row;
        flex: 0 1 auto;
        align-self: flex-start
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .labels-container .label.code {
        display: none
    }

    .games-box .game-item.game-deals-item .game-info-wrapper .labels-container .label.code + .label {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .games-box .game-item.game-deals-item .game-price .price-inner {
        font-size: 21px;
        line-height: 21px
    }

    .games-box .game-item.game-deals-item {
        display: flex
    }
}

.games-box .game-item.game-deals-item .after-info-wrapper {
    position: relative;
    margin: 0;
    padding: 0 48px 12px 12px;
    width: 100%;
    display: block;
    z-index: 21
}

.games-box .game-item.game-deals-item .after-info-wrapper .label {
    position: relative;
    display: block;
    height: auto;
    padding: 4px
}

@media (max-width: 1029px) {
    .games-box .game-item.game-deals-item .shop-image {
        position: absolute;
        bottom: 12px;
        left: 12px;
        padding: 0;
        width: 75px;
        height: 43px
    }

    .games-box .game-item.game-deals-item .shop-image .shop-link {
        padding: 0;
        margin: 0
    }

    .games-box .game-item.game-deals-item .game-cta {
        position: absolute;
        padding: 0;
        bottom: 0;
        right: 0;
        width: 36px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1
    }

    .games-box .game-item.game-deals-item .game-cta .action-btn.action-ext {
        background: #279af1;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    .games-box .game-item.game-deals-item .game-cta .action-btn.action-ext .cta-label {
        display: none !important
    }

    .games-box .game-item.game-deals-item .game-cta .action-btn.action-ext .svg-icon {
        display: block;
        margin: 0;
        transform: rotate(45deg);
        color: #fff;
        width: 12px;
        height: 12px
    }

    .games-box .game-item.game-deals-item.with-discount-code .shop-image {
        bottom: 48px
    }

    .games-box .game-item.game-deals-item.with-discount-code .game-info-wrapper .labels-container .label.copy-code-action {
        display: none
    }
}

.games-box .game-item.bundle-tier-list-item .shop-image {
    overflow: hidden
}

.games-box .game-item.bundle-tier-list-item .shop-image img {
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    content-visibility: visible
}

.games-box .game-item.bundle-tier-list-item .shop-image img.shop-image-white {
    display: none;
    content-visibility: hidden
}

.games-box .game-item.bundle-tier-list-item .game-info.game-info-part-price .price-wrapper .price-label.price-old {
    text-decoration: none
}

@media (min-width: 1030px) {
    .games-box .game-item.bundle-tier-list-item .price-info-with-label {
        display: flex;
        order: 2;
        flex-direction: column;
        flex: 1 0 30%;
        max-width: 30%;
        max-height: 24px;
        margin-left: auto
    }

    .games-box .game-item.bundle-tier-list-item .price-info-with-label .price-wrapper {
        flex: 1 0 auto;
        max-width: unset
    }
}

.games-box .game-item.game-item-disabled .game-info-wrapper .game-info-title, .games-box .game-item.game-item-disabled .game-info-wrapper .price .price-inner, .games-box .game-item.game-item-disabled .game-info-wrapper .tags .tag, .games-box .game-item.game-item-disabled .game-info-wrapper .tags .tag .value, .games-box .game-item.game-item-disabled .shop-image .game-info-title, .games-box .game-item.game-item-disabled .shop-image .price .price-inner, .games-box .game-item.game-item-disabled .shop-image .tags .tag, .games-box .game-item.game-item-disabled .shop-image .tags .tag .value, .games-box .game-item.game-item-disabled:hover .game-info-wrapper .game-info-title, .games-box .game-item.game-item-disabled:hover .game-info-wrapper .price .price-inner, .games-box .game-item.game-item-disabled:hover .game-info-wrapper .tags .tag, .games-box .game-item.game-item-disabled:hover .game-info-wrapper .tags .tag .value, .games-box .game-item.game-item-disabled:hover .shop-image .game-info-title, .games-box .game-item.game-item-disabled:hover .shop-image .price .price-inner, .games-box .game-item.game-item-disabled:hover .shop-image .tags .tag, .games-box .game-item.game-item-disabled:hover .shop-image .tags .tag .value, .games-box .game-item.game-item-expired .game-info-wrapper .game-info-title, .games-box .game-item.game-item-expired .game-info-wrapper .price .price-inner, .games-box .game-item.game-item-expired .game-info-wrapper .tags .tag, .games-box .game-item.game-item-expired .game-info-wrapper .tags .tag .value, .games-box .game-item.game-item-expired .shop-image .game-info-title, .games-box .game-item.game-item-expired .shop-image .price .price-inner, .games-box .game-item.game-item-expired .shop-image .tags .tag, .games-box .game-item.game-item-expired .shop-image .tags .tag .value, .games-box .game-item.game-item-expired:hover .game-info-wrapper .game-info-title, .games-box .game-item.game-item-expired:hover .game-info-wrapper .price .price-inner, .games-box .game-item.game-item-expired:hover .game-info-wrapper .tags .tag, .games-box .game-item.game-item-expired:hover .game-info-wrapper .tags .tag .value, .games-box .game-item.game-item-expired:hover .shop-image .game-info-title, .games-box .game-item.game-item-expired:hover .shop-image .price .price-inner, .games-box .game-item.game-item-expired:hover .shop-image .tags .tag, .games-box .game-item.game-item-expired:hover .shop-image .tags .tag .value {
    color: #adb2b4
}

.games-box .game-item.game-item-disabled .shop-image, .games-box .game-item.game-item-disabled:hover .shop-image, .games-box .game-item.game-item-expired .shop-image, .games-box .game-item.game-item-expired:hover .shop-image {
    opacity: .3;
    filter: grayscale(1)
}

.list-more-wrapper .games-box .game-item.game-item-more-hidden, .list-more-wrapper .games-box .game-item.game-list-col-hidden {
    transition: max-height .3s, opacity .3s, border .3s;
    overflow: hidden;
    opacity: 1;
    max-height: 800px
}

.list-more-wrapper:not(.show-more) .games-box .game-item.game-item-more-hidden, .list-more-wrapper:not(.show-more) .games-box .game-item.game-list-col-hidden {
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
    border-top: 0
}

.list-more-wrapper.prepaids-recommended-container {
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 795px) {
    .list-more-wrapper.prepaids-recommended-container {
        margin-left: 0;
        margin-right: 0
    }
}

.games-box .game-item.subscriptions-layout.border-top-desktop:not(:first-of-type) {
    margin-top: 8px
}

.games-box .game-item.subscriptions-layout .game-info-wrapper {
    flex-wrap: nowrap;
    flex-direction: column;
    max-width: calc(100% - 120px)
}

@media (min-width: 1030px) {
    .games-box .game-item.subscriptions-layout.border-top-desktop:not(:first-of-type) {
        margin-top: 0
    }

    .games-box .game-item.subscriptions-layout.border-top-desktop {
        border-top-width: 1px
    }

    .games-box .game-item.subscriptions-layout .game-info-wrapper {
        flex-wrap: nowrap;
        flex-direction: row
    }

    .games-box .game-item.subscriptions-layout .game-info-wrapper:not(.game-info-related) {
        padding: 0 16px 0 0
    }
}

.games-box .game-item.subscriptions-layout .game-info-wrapper .game-info-title-wrapper {
    flex: 0 0 100%;
    order: 1;
    max-width: 100%;
    min-height: 56px
}

@media (min-width: 1030px) {
    .games-box .game-item.subscriptions-layout .game-info-wrapper .game-info-title-wrapper {
        min-height: unset;
        flex: 1 1 auto;
        align-items: center
    }
}

.games-box .game-item.subscriptions-layout .game-info-wrapper .game-info-price-wrapper {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    order: 2;
    max-width: 100%;
    align-self: center;
    flex: 0 0 auto;
    margin: 8px auto 0 -94px
}

@media (min-width: 1030px) {
    .games-box .game-item.subscriptions-layout .game-info-wrapper .game-info-price-wrapper {
        flex: 0 0 auto;
        margin: 0 0 0 auto
    }

    .games-box .game-item.subscriptions-layout .game-price, .games-box .game-item.subscriptions-layout .game-price.game-price-small {
        text-align: right
    }
}

.games-box .game-item.subscriptions-layout .game-price {
    max-width: unset;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
    align-items: baseline;
    order: unset
}

.games-box .game-item.subscriptions-layout .game-price, .games-box .game-item.subscriptions-layout .game-price.game-price-small {
    z-index: 1;
    white-space: unset;
    margin-left: 0;
    display: inline-block;
    vertical-align: top
}

.games-box .game-item.subscriptions-layout .game-price.game-price-small:first-child, .games-box .game-item.subscriptions-layout .game-price.game-price-small:first-child:last-child, .games-box .game-item.subscriptions-layout .game-price:first-child, .games-box .game-item.subscriptions-layout .game-price:first-child:last-child {
    margin-left: auto
}

.games-box .game-item.subscriptions-layout .game-price .price-inner, .games-box .game-item.subscriptions-layout .game-price.game-price-small .price-inner {
    white-space: nowrap;
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: 550
}

@-moz-document url-prefix() {
    .games-box .game-item.subscriptions-layout .game-price .price-inner, .games-box .game-item.subscriptions-layout .game-price.game-price-small .price-inner {
        font-weight: 500
    }
}

.games-box .game-item.subscriptions-layout .game-price .price-inner .price, .games-box .game-item.subscriptions-layout .game-price .price-inner .price-inner, .games-box .game-item.subscriptions-layout .game-price.game-price-small .price-inner .price, .games-box .game-item.subscriptions-layout .game-price.game-price-small .price-inner .price-inner {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.games-box .game-item.subscriptions-layout .game-price .game-price-label, .games-box .game-item.subscriptions-layout .game-price.game-price-small .game-price-label {
    white-space: nowrap;
    display: block;
    font-size: 12px;
    line-height: 13px;
    color: #a39aac;
    font-weight: 400;
    margin: 0
}

.games-box .game-item.subscriptions-layout .game-price .game-price-separator, .games-box .game-item.subscriptions-layout .game-price.game-price-small .game-price-separator {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #1f1c22;
    margin: 0 8px;
    font-weight: 400
}

.games-box .game-item.subscriptions-layout .game-labels {
    display: none;
    z-index: 1
}

.game-info-inner-heading {
    display: block;
    color: #70657b;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    flex: 1 0 66px;
    max-width: 70px
}

.game-info-inner-heading.game-info-mobile-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    max-width: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    color: #1f1c22;
    margin: 0 0 24px
}

.game-info-inner-heading.feature-mobile-heading {
    flex: 0 0 100%;
    width: 100%;
    padding: 0 16px;
    margin: 48px 0 0
}

.game-info-inner-heading.full-heading {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 8px
}

.game-single-page-sidebar-wrapper, .game-single-page-sidebar-wrapper .game-single-page-sidebar {
    position: relative
}

.game-info-dynamic-widget-wrapper {
    display: none
}

@media (min-width: 1200px) {
    .game-single-page-sidebar-wrapper .game-single-page-sidebar {
        max-width: 288px;
        padding-top: 8px
    }

    .game-single-page-sidebar-wrapper.pinned-top .game-single-page-sidebar {
        position: fixed;
        top: 72px;
        width: 288px
    }

    .game-single-page-sidebar-wrapper.pinned-bottom .game-single-page-sidebar {
        position: fixed;
        bottom: 0;
        width: 288px
    }

    .game-single-page-sidebar-wrapper.paused .game-single-page-sidebar {
        position: absolute;
        left: 0
    }

    .game-single-page-sidebar-wrapper.paused-bottom .game-single-page-sidebar {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0
    }

    .game-info-dynamic-widget-wrapper {
        display: block
    }
}

.game-info-dynamic-widget-wrapper .game-info-widget::before {
    transition: opacity .3s;
    opacity: 0;
    position: absolute;
    height: 0;
    width: 100%;
    background: #eae9ec;
    z-index: 3;
    content: '';
    display: block;
    left: 0;
    top: 0
}

.game-info-dynamic-widget-wrapper .game-info-widget.game-info-dynamic-widget {
    position: relative
}

.game-info-dynamic-widget-wrapper.loading .game-info-widget::before {
    height: 100%;
    opacity: .75
}

.game-info-dynamic-widget-wrapper.pinned .game-info-widget.game-info-dynamic-widget {
    position: fixed;
    top: 64px;
    width: 288px
}

.game-info-dynamic-widget-wrapper.pinned.pinned-bottom .game-info-widget.game-info-dynamic-widget {
    position: absolute;
    top: auto;
    left: 12px;
    bottom: 0
}

.game-boxes-heading {
    margin: 48px 0 16px
}

.game-boxes-heading.closer {
    margin-bottom: 8px
}

.game-boxes-heading.modal-heading {
    display: none;
    padding-left: 12px;
    padding-right: 32px;
    margin-top: 0;
    padding-top: 6px;
    margin-bottom: 8px
}

.game-boxes-heading .offers-amount {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #1f1c22;
    display: inline-block;
    vertical-align: middle
}

.game-boxes-heading.normal * {
    text-transform: initial
}

.game-boxes-heading .heading-info-link {
    transition: color .2s;
    font-size: 12px;
    line-height: 13px;
    color: #5c5365;
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
    margin-left: 8px;
    vertical-align: middle
}

.game-boxes-heading .heading-info-link span {
    text-decoration: underline
}

.game-boxes-heading .heading-info-link .svg-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -2px;
    opacity: 1
}

.game-boxes-heading .heading-info-link:hover {
    color: #332e38;
    text-decoration: none
}

.game-boxes-heading .heading-info-link:hover span {
    text-decoration: underline
}

.game-boxes-heading.with-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline
}

@media (min-width: 1030px) {
    .games-box .game-item.subscriptions-layout .game-labels {
        display: block;
        max-width: unset;
        margin: 4px 8px 0 0
    }

    .game-boxes-heading {
        margin: 32px 0 16px
    }

    .game-boxes-heading.with-filters {
        align-items: center
    }
}

.game-boxes-heading.with-filters .widget-heading {
    display: block;
    flex: 0 0 auto
}

.game-boxes-heading.with-filters .game-page-offers-side-filters {
    display: flex;
    flex: 0 0 100%;
    height: 48px;
    margin: 8px 0 -8px
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .filters-line-container {
    min-height: 48px
}

.game-boxes-heading.with-filters .game-page-offers-side-filters.auto-h {
    height: auto;
    margin: 8px 0 0
}

@media (min-width: 1030px) {
    .game-boxes-heading.with-filters .game-page-offers-side-filters {
        margin: 0 0 0 auto;
        flex: 0 0 auto;
        height: auto
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters .filters-line-container {
        min-height: 24px
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters.auto-h {
        margin: 0 0 0 auto
    }
}

.game-boxes-heading.with-filters .game-page-offers-side-filters.auto-h .filters-line-container {
    height: auto !important
}

.game-boxes-heading.with-filters .game-page-offers-side-filters.auto-h .filter-link-button {
    margin-left: 0
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) {
    align-items: center
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) > .current {
    top: 0;
    left: -16px
}

@media (min-width: 795px) {
    .game-boxes-heading .heading-info-link {
        margin-left: 16px
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) > .current {
        left: 0
    }
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) > .content {
    height: 48px
}

@media (min-width: 1030px) {
    .game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) > .content {
        height: auto
    }
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) .filters-line-container {
    padding: 0;
    margin: 0;
    height: 48px
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line.open .filter-link-button {
    display: none
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line.open .dropdown-filter-header .search.search-bar-input {
    margin: 0
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .filter-link-button {
    margin-left: 80px;
    align-self: center
}

.game-boxes-heading.with-filters .game-page-offers-side-filters .filter-form {
    width: 100%
}

.game-boxes-heading.with-filters .selected-filters {
    flex: 0 0 100%;
    padding-bottom: 0;
    margin-top: 16px;
    padding-left: 0;
    padding-right: 0
}

.game-boxes-heading.with-filters .selected-filters.empty {
    display: none
}

@media (min-width: 1030px) {
    .game-boxes-heading.with-filters .game-page-offers-side-filters .mobile-filter.main-filter-line:not(.open) .filters-line-container {
        height: auto
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters .filter-link-button {
        margin-left: 24px
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters .filter-form .filter-dropdown {
        margin-bottom: 0
    }

    .game-boxes-heading.with-filters .game-page-offers-side-filters .filter-form .filter-dropdown:last-child .current {
        padding-right: 0;
        margin-left: 24px
    }

    .game-boxes-heading.with-filters .selected-filters {
        margin-top: 0
    }

    .game-boxes-heading.with-filters .selected-filters .badge-wrapper {
        margin-top: 16px
    }
}

.game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container {
    margin: 0
}

.game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container .clear-all-filters#clear-all-filters-keyshops, .game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container .clear-all-filters#clear-all-filters-retails {
    margin: 8px 0
}

.game-page-offers-side-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.game-about-heading {
    margin: 24px 0
}

.game-about-heading:first-child {
    margin-top: 0
}

.game-about-heading h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 21px;
    line-height: 25px;
    color: #1f1c22;
    display: block;
    margin: 0;
    font-weight: 550
}

.game-about-heading h2 .with-margin {
    margin-right: 8px
}

.section-below-list {
    margin-top: 48px
}

@media (min-width: 1030px) {
    .game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container {
        margin-top: 16px
    }

    .game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container .clear-all-filters#clear-all-filters-keyshops, .game-boxes-heading.with-filters .selected-filters .filters-side-buttons-container .clear-all-filters#clear-all-filters-retails {
        margin: 0
    }

    .game-boxes-heading .filter-link-button {
        margin: 0;
        padding: 0;
        height: 18px
    }

    .game-page-offers-side-filters .filter-form .filter-dropdown:not(.main-filter-line) {
        position: relative;
        z-index: 1
    }

    .game-page-offers-side-filters .filter-form .filter-dropdown:not(.main-filter-line).open {
        z-index: 110
    }

    .game-page-offers-side-filters .filter-form .filter-dropdown.filter-discount-dropdown > .filter-content {
        width: 464px
    }

    .section-below-list {
        margin-top: 64px
    }
}

@media (min-width: 1200px) {
    .game-about-heading {
        margin-bottom: 9px
    }

    .game-about.game-price-history .section-row .col-left {
        order: 1
    }

    .game-about.game-price-history .section-row .col-right {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        order: 2
    }
}

.game-about.game-price-history .chart-container {
    position: relative;
    width: 100%
}

.game-about.game-price-history .chart-container .chart-wrapper, .game-about.game-price-history .chart-container .chart-wrapper.container {
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0
}

.game-about.game-price-history .historical-deals-chart {
    transition: opacity .3s;
    position: relative;
    overflow: hidden;
    opacity: 0;
    max-height: 0
}

.game-about.game-price-history .historical-deals-chart.active {
    transition: opacity .3s .35s, max-height 10ms linear .35s;
    opacity: 1;
    max-height: 1000px
}

.game-about.game-price-history .historical-deals-chart-empty {
    transition: opacity .3s;
    position: relative;
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    text-align: center;
    height: 420px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width: 795px) {
    .game-about.game-price-history .chart-container .chart-wrapper, .game-about.game-price-history .chart-container .chart-wrapper.container {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .game-about.game-price-history .historical-deals-chart-empty {
        height: 400px
    }
}

.game-about.game-price-history .historical-deals-chart-empty.active {
    transition: opacity .3s .35s, max-height 10ms linear .35s;
    opacity: 1;
    max-height: 1000px
}

.game-about.game-price-history .historical-deals-chart-empty .historical-deals-chart-empty-inner {
    display: block;
    flex: 0 0 100%;
    align-self: center
}

.game-about.game-price-history .historical-deals-chart-empty .svg-icon {
    width: 190px;
    height: auto;
    display: block;
    margin: 0 auto 29px;
    fill: #F4F5F6;
    color: #e0dde3
}

.game-about.game-price-history .historical-deals-chart-empty p {
    font-size: 18px;
    line-height: 26px;
    color: #47404f;
    display: block;
    padding: 0;
    margin: 4px 0 0
}

.game-about #game-related-news {
    margin-top: 48px
}

@media (min-width: 1030px) {
    .game-about #game-related-news {
        margin-top: 32px
    }

    .game-about .game-restrictions .game-boxes-heading, .game-about .system-requirements .game-boxes-heading {
        margin-top: 0
    }
}

.game-about #game-related-news .game-about-heading {
    margin-bottom: 16px
}

@media (min-width: 1200px) {
    .game-about.game-price-history .historical-deals-chart-empty {
        height: 482px
    }

    .game-about #game-related-news {
        margin-top: 96px
    }

    .game-about #game-related-news .game-about-heading {
        margin-bottom: 24px
    }
}

.game-box-bg {
    background: #f4f5f6;
    box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1);
    padding: 24px
}

@media (max-width: 1029px) {
    .game-box-bg.no-bg-mobile {
        background: 0 0;
        box-shadow: none;
        padding: 0
    }
}

.game-box-bg.game-restrictions {
    margin-top: 24px
}

.game-info-box-popup .modal-content {
    background: #f5f4f6;
    padding: 16px 24px 24px
}

.game-info-box-popup .modal-content h3 {
    font-size: 21px !important;
    line-height: 27px !important;
    font-weight: 600 !important;
    margin: 0 0 16px
}

.game-connected-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.game-connected-list .game-connected-single {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0 0;
    padding: 0;
    color: #279af1
}

.game-connected-list .game-connected-single:first-child {
    margin-top: 0
}

.game-info-box > .game-connected-list .game-connected-single:nth-child(n+4) {
    display: none
}

.game-connected-list .game-connected-single:hover {
    color: #52aef4
}

.game-connected-list .game-connected-single .svg-icon {
    transition: color .2s ease-in-out;
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    color: inherit
}

.game-connected-list .game-connected-single .game-info-entry-link {
    transition: color .2s ease-in-out;
    display: block;
    flex: 0 0 auto;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    max-width: calc(100% - 24px)
}

.game-connected-list.game-ranking-entries .game-connected-single {
    align-items: flex-start;
    color: #5c5365
}

.game-connected-list.game-ranking-entries .game-connected-single:first-child:hover, .game-connected-list.game-ranking-entries .game-connected-single:hover {
    color: #332e38
}

.game-connected-list.game-ranking-entries .game-connected-single .svg-icon {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    margin-top: 2px
}

.game-connected-list.game-ranking-entries .game-connected-single .game-info-entry-link {
    flex: auto
}

.game-info-box-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 48px;
    margin-bottom: 0
}

@media (min-width: 795px) {
    .game-info-box-wrapper {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

.game-info-box-wrapper .game-requirements-tabs {
    width: 100%
}

.game-info-box-wrapper .widget-heading-wrapper {
    width: 100%;
    flex: 0 0 100%;
    line-height: 1
}

.game-info-box-wrapper .game-info-box {
    flex: 0 0 100%
}

@media (min-width: 795px) {
    .game-info-box-wrapper .game-info-box {
        flex: 0 0 calc(50% - 12px)
    }

    .game-info-box-wrapper .game-info-box.full-width {
        padding: 0;
        margin: 24px 0 0
    }
}

@media (min-width: 1200px) {
    .game-info-box-wrapper {
        margin-bottom: 0;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .game-info-box-wrapper .game-info-box {
        flex: 0 0 calc(50% - 8px)
    }
}

.game-info-box-wrapper .game-info-box.full-width {
    flex: 0 0 100%
}

@media (min-width: 1200px) {
    .game-info-box-wrapper .game-info-box.full-width {
        flex: 0 0 100%;
        padding: 24px;
        margin: 0
    }
}

.game-info-box-wrapper .game-info-box .section-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 400;
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 19.2px;
    display: block
}

.game-info-box-wrapper .game-info-box .section-heading a {
    display: inline-flex;
    align-items: baseline;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #1f1c22
}

.game-info-box-wrapper .game-info-box .section-heading a .svg-icon {
    color: inherit;
    display: inline-flex;
    width: 12px;
    height: 12px;
    margin: 0 0 0 4px;
    transform: translateY(1.5px)
}

.game-info-box-wrapper .game-info-box .how-long-to-beat-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0
}

.game-info-box-wrapper .game-info-box .how-long-to-beat-wrapper .how-long-to-beat-single {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: 0 0;
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    padding: 0
}

.game-info-box-wrapper .game-info-box .how-long-to-beat-wrapper .title {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #70657b
}

.game-info-box-wrapper .game-info-box .how-long-to-beat-wrapper .value {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #332e38;
    background: #ebe9ed;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 4px 16px;
    border-radius: 4px
}

.game-info-box-wrapper .game-info-box .game-additional-bottom-wrap {
    position: relative;
    display: block;
    margin: 24px 0 0
}

@media (min-width: 1030px) {
    .game-info-box-wrapper .game-info-box.full-width {
        padding: 24px
    }

    .game-info-box-wrapper .game-info-box .game-additional-bottom-wrap {
        margin-left: auto
    }
}

.game-info-box-wrapper .game-info-box .game-additional-bottom-link {
    display: inline-block;
    margin: 0;
    padding: 0 12px 0 0;
    color: #279af1;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media (min-width: 1030px) {
    .game-info-box-wrapper .game-info-box .game-additional-bottom-link {
        margin-left: auto
    }

    .recommendations-section#recommended .game-about-heading {
        margin-bottom: 24px
    }
}

.game-info-box-wrapper .game-info-box .game-additional-bottom-link::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #279af1;
    content: ''
}

.game-info-box-wrapper .restriction-wrapper {
    width: 100%
}

@media (min-width: 480px) and (max-width: 1199px) {
    .game-info-box-wrapper#game-info-box-ranks-links-mobile {
        margin-top: 48px
    }

    .game-info-box-wrapper#game-info-box-ranks-links-mobile + .system-requirements {
        margin-top: 64px
    }
}

.restriction-images-wrapper {
    align-items: flex-start;
    gap: 4px;
    flex: 0 0 auto
}

.restriction-images-wrapper .restriction-info {
    flex: 0 0 calc(100% - 56px);
    gap: 4px;
    align-items: flex-start
}

.restriction-image {
    display: block;
    width: 32px;
    height: auto
}

.restriction-image.image-big {
    width: 48px
}

.restriction-esrb-wrapper {
    flex-direction: row;
    flex: 0 0 auto;
    align-items: flex-start;
    margin: 16px 0 0
}

.restriction-esrb-wrapper .restriction-image {
    flex: 0 0 48px
}

.restriction-esrb-wrapper .restriction-info {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1 0 auto;
    margin: 0;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    max-width: calc(100% - 48px)
}

.restriction-esrb-wrapper .restriction-info .restriction-info-single {
    transition: color .2s ease-in-out;
    display: block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #5c5365;
    text-decoration: underline
}

.restriction-esrb-wrapper .restriction-info .restriction-info-single:hover {
    color: #332e38
}

.game-content-box.game-requirements-content {
    padding-top: 0
}

.game-content-box .system-requirements-section {
    margin-top: 24px
}

.game-content-box .system-requirements-section:first-child {
    margin-top: 0
}

.game-content-box .system-requirements-section > .requirement-header:first-child {
    -webkit-margin-after: 1em;
    margin-block-end: 1em
}

.game-content-box.empty-state {
    padding: 0
}

.description-text.empty-state, .game-content-box.empty-state {
    display: block;
    padding-top: 0
}

.description-text.empty-state p, .game-content-box.empty-state p {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #70657b
}

.game-content-box {
    padding: 16px 0
}

.game-content-box .tab-pane {
    display: none
}

.game-content-box .tab-pane.active {
    display: block
}

.game-content-box .system-requirements-text {
    font-size: 13px;
    line-height: 18px;
    word-break: break-word;
    color: #70657b
}

.game-content-box .system-requirements-text h4 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    color: #47404f;
    margin-bottom: 1em;
    margin-top: 0
}

.game-content-box .system-requirements-text h4 + br {
    display: none
}

.game-content-box .system-requirements-text .requirement-header {
    font-weight: 700;
    color: #47404f;
    display: inline-block;
    flex: 0 0 auto;
    box-sizing: border-box
}

.game-content-box .system-requirements-text p {
    margin-top: 24px
}

.game-content-box .system-requirements-text p:first-child {
    margin-top: 0
}

.game-content-box .system-requirements-text ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.game-content-box .system-requirements-text ul li {
    margin-top: 8px;
    line-height: 18px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    color: #47404f
}

.game-content-box .system-requirements-text ul li:first-child {
    margin-top: 0
}

.game-content-box .system-requirements-text ul li > .requirement-header:first-child {
    font-weight: 400;
    color: #70657b
}

.game-content-box .system-requirements-text ul li:not(:has(.requirement-header:not(:first-child))) {
    flex-wrap: nowrap
}

.game-content-box .system-requirements-text ul li:not(:has(.requirement-header:not(:first-child))) > .requirement-header:first-child {
    display: block;
    width: 108px;
    padding-right: 8px
}

.game-lowest-prices-content {
    border-bottom: 1px solid #ebe9ed
}

.price-history-empty {
    display: block;
    flex: 0 0 100%;
    text-align: center;
    padding: 40px 16px 20px
}

@media (min-width: 795px) {
    .price-history-empty {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 1200px) {
    .game-content-box .system-requirements-text ul li:not(:has(.requirement-header:not(:first-child))) > .requirement-header:first-child {
        width: 72px
    }

    .price-history-empty {
        padding-left: 12px;
        padding-right: 12px
    }
}

.price-history-empty .svg-icon.svg-icon-game-price-chart {
    width: 190px;
    height: auto;
    display: block;
    margin: 0 auto 29px;
    color: #a39aac;
    fill: #FFF
}

.price-history-empty p {
    font-size: 18px;
    line-height: 26px;
    color: #1f1c22;
    display: block;
    padding: 0;
    margin: 4px 0 0
}

.price-history-empty .alert-info-box {
    display: block;
    margin: 20px auto 0;
    text-align: center;
    width: auto
}

.price-history-note {
    color: #70657b
}

.price-info-box-wrapper {
    transition: opacity .3s;
    position: relative;
    flex-wrap: wrap;
    margin: 16px -16px 0;
    padding: 24px 16px;
    opacity: 1;
    line-height: 1
}

@media (min-width: 795px) {
    .price-info-box-wrapper {
        margin: 16px 0 0;
        flex: 0 0 100%;
        align-content: flex-start;
        padding: 24px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .price-info-box-wrapper {
        margin-top: 0
    }
}

.price-info-box-wrapper.loading {
    opacity: .5
}

.price-info-box-wrapper.loading::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    content: '';
    background: 0 0
}

.price-info-box-wrapper .game-boxes-heading {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    margin: 0 0 16px
}

@media (min-width: 795px) {
    .price-info-box-wrapper .game-boxes-heading {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.price-info-box-wrapper .game-boxes-heading h3 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row {
    width: 100%;
    align-content: flex-start;
    margin-top: 24px;
    flex-wrap: wrap
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row:first-child {
    margin-top: 0
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-inner-row {
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: nowrap;
    align-content: flex-start;
    margin-bottom: 4px
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-inner-row .game-lowest-price-col {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    flex: 1 1 auto;
    max-width: 50%;
    font-size: 16px;
    line-height: 19px;
    color: #1f1c22;
    text-align: right;
    word-wrap: break-word
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-inner-row .game-lowest-price-col:first-child {
    text-align: left
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-inner-row .game-lowest-price-col .price .price-inner {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-details-row {
    width: 100%;
    flex: 0 0 100%;
    margin-top: 1px;
    flex-wrap: nowrap;
    align-content: flex-start
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-details-row .game-lowest-price-col {
    display: block;
    flex: 1 1 auto;
    max-width: 50%;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #8f849a;
    text-align: right;
    word-wrap: break-word
}

.price-info-box-wrapper .game-lowest-prices-content .game-lowest-price-row .game-lowest-price-details-row .game-lowest-price-col:first-child {
    text-align: left
}

.game-lowest-prices-options {
    margin: 0 0 8px
}

.game-lowest-prices-options .filter-switch {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    cursor: pointer
}

.game-lowest-prices-options .filter-switch .switch {
    display: block;
    flex: 0 0 24px;
    width: 24px;
    margin: 0
}

.game-lowest-prices-options .filter-switch .switch-label {
    transition: color .3s;
    display: block;
    flex: 0 0 auto;
    margin: 0 0 0 8px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #5c5365;
    cursor: pointer
}

.game-lowest-price-current {
    margin-top: 16px;
    display: block;
    vertical-align: top
}

.game-lowest-price-current .game-lowest-current-info {
    font-size: 14px;
    line-height: 19px
}

.game-lowest-current-details, .game-lowest-price-current .game-lowest-current-heading {
    display: block;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #5c5365
}

.game-lowest-current-details .price {
    display: inline-block
}

.game-lowest-current-details .price .price-inner {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    color: #1f1c22
}

.game-lowest-current-details .shop-name {
    display: inline-block;
    margin-left: 4px;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.price-info-box {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
    box-sizing: border-box
}

.price-info-box:last-child {
    margin-bottom: 0
}

.alert-info-box {
    width: 100%;
    margin-top: 24px;
    text-align: center;
    flex: 0 0 100%
}

.alert-info-box .info-box-heading {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #5c5365;
    margin: 0 0 12px;
    display: block;
    width: 100%
}

.game-page .recommendations-section#recommended {
    margin-top: 64px
}

@media (min-width: 1200px) {
    .price-info-box {
        margin-bottom: 0
    }

    .alert-info-box {
        flex-wrap: wrap;
        display: flex;
        text-align: left;
        align-self: flex-end;
        margin-top: 40px
    }

    .game-page .recommendations-section#recommended {
        margin-top: 96px
    }

    .game-card-column-grid {
        display: grid;
        grid-template-columns:calc(100% - 300px - 12px) calc(300px - 12px);
        grid-auto-flow: dense;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

.offer-section#official-stores .game-boxes-heading {
    margin-top: 32px
}

.offer-section#keyshops .game-boxes-heading {
    margin-bottom: 8px
}

@-moz-document url-prefix() {
    .game-about-heading h2 {
        font-weight: 500
    }
    .offer-section#keyshops .game-boxes-heading {
        margin-bottom: 16px
    }
}

.offer-section .game-margin-container {
    margin: 0 -16px
}

.offer-section .game-deals-container {
    z-index: 1
}

.offer-section .price-info-with-label .price-wrapper .price-label:first-child:not(.fee-label) {
    margin: 0
}

.offer-section .price-info-with-label .price-wrapper .price-label.fee-label {
    order: 1;
    margin: 0 0 4px;
    flex: 0 1 100%;
    text-align: right
}

@media (min-width: 1030px) {
    .offer-section#official-stores .game-boxes-heading {
        margin-top: 22px
    }

    .offer-section#keyshops .game-boxes-heading {
        margin-bottom: 16px
    }

    .offer-section .price-info-with-label .price-wrapper .price-label:first-child:not(.fee-label) {
        margin: 0 8px 0 0
    }

    .offer-section .price-info-with-label .price-wrapper .price-label.fee-label {
        order: unset;
        margin: 0 8px 0 0;
        display: none
    }

    .offer-section .game-related-container .game-list-item .game-info-wrapper.condensed .game-info-price-wrapper .game-labels {
        display: flex
    }
}

.offer-section .game-related-container .game-list-item .game-info-wrapper .game-info-title-wrapper {
    display: block;
    align-content: center
}

.offer-section .game-related-container .game-list-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    display: inline;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

@media (max-width: 1029px) {
    .offer-section .game-related-container .game-list-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
        font-size: 13px;
        line-height: 16px
    }

    .offer-section .game-subscriptions-container .game-list-item .shop-image {
        position: absolute;
        bottom: 12px;
        left: 12px;
        z-index: 1;
        width: 75px;
        height: 42px;
        padding: 0
    }

    .offer-section .game-subscriptions-container .game-list-item .shop-image .shop-link {
        padding: 0
    }

    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 12px 48px 12px 12px;
        min-height: unset
    }

    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-title-wrapper {
        min-height: unset;
        padding: 0;
        width: 100%;
        flex: 0 0 auto
    }
}

.offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

.offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-info-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

@media (max-width: 1029px) {
    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-title-wrapper .game-info-title {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }

    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-price-wrapper {
        margin: 12px 0 0;
        width: calc(100% - 102px);
        padding: 0;
        flex: 0 0 auto;
        align-self: flex-end;
        min-height: 42px;
        align-items: flex-start
    }

    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-price-wrapper > .game-price > .price-inner {
        display: flex;
        flex-direction: column
    }

    .offer-section .game-subscriptions-container .game-list-item .game-info-wrapper .game-info-price-wrapper > .game-price > .price-inner .game-price {
        min-height: unset
    }

    .offer-section .game-subscriptions-container .game-list-item .game-cta {
        position: absolute;
        padding: 0;
        bottom: 0;
        right: 0;
        width: 36px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1
    }

    .offer-section .game-subscriptions-container .game-list-item .game-cta .action-btn.action-ext {
        background: #279af1;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    .offer-section .game-subscriptions-container .game-list-item .game-cta .action-btn.action-ext .cta-label {
        display: none !important
    }

    .offer-section .game-subscriptions-container .game-list-item .game-cta .action-btn.action-ext .svg-icon {
        display: block;
        margin: 0;
        transform: rotate(45deg);
        color: #fff;
        width: 12px;
        height: 12px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item {
        display: flex
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .shop-image {
        position: absolute;
        bottom: 12px;
        left: 12px;
        padding: 0;
        width: 75px;
        height: 43px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .shop-image .shop-link {
        padding: 0;
        margin: 0
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper {
        position: relative;
        margin: 0;
        padding: 0 12px;
        max-width: 100%;
        flex: 0 0 100%;
        min-height: 114px;
        display: flex
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-info-title-wrapper {
        padding-top: 12px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-info-title {
        text-overflow: unset;
        overflow: visible;
        white-space: normal;
        font-size: 12px;
        line-height: 16px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-tags {
        min-height: 18px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-info-with-label {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 48px;
        width: calc(100% - 102px);
        margin: 8px 0 8px auto;
        align-items: flex-start
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-wrapper {
        flex-direction: row;
        align-items: baseline;
        gap: 11px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-wrapper .price.game-price {
        margin: 0 0 4px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-labels {
        display: flex;
        padding: 0;
        margin: 0;
        max-width: 100%;
        max-height: unset;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: row;
        flex: 0 1 auto
    }
}

.offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-wrapper .price-inner {
    font-size: 21px;
    line-height: 21px
}

@media (max-width: 1029px) {
    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .game-labels .label.code {
        display: none
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .after-info-wrapper {
        position: relative;
        margin: 0;
        padding: 0 48px 12px 12px;
        width: 100%;
        display: block;
        z-index: 21
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-cta {
        display: none
    }
}

.game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-line-container, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-line-container, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-line-container {
    display: none
}

.game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    top: auto;
    left: auto;
    right: auto;
    flex-wrap: nowrap;
    padding: 16px
}

@media (min-width: 795px) {
    .offer-section .game-margin-container {
        margin: 0
    }

    .game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container {
        padding: 16px 0
    }
}

.game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .search-results-counter, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .search-results-counter, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .search-results-counter {
    display: inline-flex;
    flex: 1 1 auto;
    align-self: center
}

.game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 auto
}

.game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters .filter-sort > .current, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters .filter-sort > .current, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container .side-filters .filter-sort > .current {
    padding-right: 0
}

.game-card-column-grid .game-card-column-right {
    display: none
}

.game-card-column-grid .game-info-box-wrapper {
    width: 100%
}

.game-card-column-grid .game-info-content {
    max-width: 100%
}

@media (min-width: 1030px) {
    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper {
        max-width: calc(100% - 259px)
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-wrapper:not(.with-badges) .game-price {
        margin-bottom: -15px
    }

    .offer-section .game-bundles-container .bundle-tier-list-item .game-info-wrapper .price-wrapper .price-inner {
        font-size: 21px;
        line-height: 25px
    }

    .game-points-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .gift-cards-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container, .subscriptions-single-page .mobile-filter.filter-dropdown > .content.one-line-desktop .filters-bottom-container {
        padding: 0
    }

    .game-card-column-grid .game-gift-cards-promo-wrapper {
        position: relative;
        flex-direction: column;
        height: 245px
    }
}

.game-card-column-grid .game-gift-cards-promo-wrapper .promo-info {
    flex: 0 0 calc(100% - 16px - 16px);
    margin: 24px 16px 16px
}

@media (min-width: 795px) {
    .game-card-column-grid .game-gift-cards-promo-wrapper .promo-info {
        flex: 0 0 calc(100% - 24px - 24px);
        margin: 32px 24px 24px
    }

    .game-card-column-grid .game-gift-cards-promo-wrapper .promo-info .promo-info-description {
        margin-top: 12px
    }
}

@media (min-width: 1030px) {
    .game-card-column-grid .game-gift-cards-promo-wrapper .promo-info {
        padding: 24px 32px;
        margin: 0;
        flex: 1 0 245px;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center
    }
}

.game-card-column-grid .game-about-slider {
    max-width: 100vw
}

.game-streams-gallery-widget {
    margin-top: 64px
}

@media (min-width: 1200px) {
    .game-card-column-grid .game-card-column-left {
        grid-column: 1
    }

    .game-card-column-grid .game-card-column-right {
        display: block;
        grid-column: 2
    }

    .game-card-column-grid .game-gift-cards-promo-wrapper {
        height: 340px
    }

    .game-card-column-grid .game-gift-cards-promo-wrapper .promo-info {
        padding: 24px 36px;
        flex: 1 0 340px
    }

    .game-streams-gallery-widget {
        margin-top: 96px
    }
}

.game-streams-gallery-widget .game-about-heading {
    margin-bottom: 14px
}

@media (min-width: 1030px) {
    .game-card-column-grid .game-gift-cards-promo-wrapper .promo-info .promo-info-btn {
        margin: auto 0 0;
        display: block;
        width: 150px
    }

    .game-card-column-grid .game-gift-cards-promo-wrapper .game-details-offers-list {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 96px;
        width: 100%;
        padding: 0 36px;
        margin: 0;
        justify-content: center
    }

    .game-streams-gallery-widget .game-about-heading {
        margin-bottom: 24px
    }
}

.game-streams-container {
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0 -16px;
    overflow-x: scroll;
    touch-action: pan-x;
    overflow-y: hidden;
    scrollbar-width: none;
    max-width: 100vw
}

.game-streams-container::-webkit-scrollbar {
    display: none
}

@media (min-width: 795px) {
    .game-streams-container {
        gap: 16px;
        margin: 0;
        overflow: visible
    }
}

.game-streams-container .stream-preview-wrapper {
    overflow: hidden;
    aspect-ratio: 392/221
}

.game-streams-container .stream-preview-wrapper .stream-thumbnail {
    transition: transform .4s;
    display: block;
    transform-origin: center;
    width: 100%;
    max-width: 100%;
    height: auto
}

.game-streams-container .stream-preview-wrapper .icon-circle {
    transition: transform .3s, background-color .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(35, 34, 47, .8);
    color: #fff;
    border-radius: 50%;
    width: 56px;
    height: 56px
}

.game-streams-container .stream-preview-wrapper .icon-circle .svg-icon {
    transition: opacity .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 28px;
    height: 28px
}

@media (min-width: 795px) {
    .game-streams-container .stream-preview-wrapper .icon-circle {
        width: 64px;
        height: 64px
    }

    .game-streams-container .stream-preview-wrapper .icon-circle .svg-icon {
        width: 32px;
        height: 32px
    }
}

.game-streams-container .stream-preview-wrapper .icon-circle .svg-icon.icon-play {
    margin: -2px 0 0 2px
}

.game-streams-container .stream-preview-wrapper .icon-circle .svg-icon.icon-twitch {
    opacity: 0
}

.game-streams-container .stream-info {
    padding: 12px
}

.game-streams-container .stream-info .stream-title {
    flex: 1 0 auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #1f1c22;
    vertical-align: middle
}

.game-streams-container .stream-info .stream-viewers {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 18px;
    color: #70657b;
    vertical-align: middle
}

.game-streams-container .stream-info .stream-viewers .svg-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle
}

.game-streams-container .stream-info .stream-viewers .stream-viewers-count {
    display: inline-block;
    vertical-align: middle
}

.game-streams-container .game-stream-item {
    display: block;
    width: 240px;
    flex: 0 0 240px
}

.game-streams-container .game-stream-item:first-of-type {
    margin-left: 8px
}

.game-streams-container .game-stream-item:last-of-type {
    margin-right: 8px
}

@media (min-width: 480px) {
    .game-streams-container .game-stream-item {
        width: 280px;
        flex: 0 0 280px
    }
}

@media (min-width: 795px) {
    .game-streams-container .game-stream-item:first-of-type {
        margin-left: 0
    }

    .game-streams-container .game-stream-item:last-of-type {
        margin-right: 0
    }

    .game-streams-container .game-stream-item {
        width: calc(33.333334% - (16px / 1.5));
        flex: 0 0 calc(33.333334% - (16px / 1.5))
    }
}

.game-streams-container .game-stream-item:hover .stream-preview-wrapper .stream-thumbnail {
    transform: scale(1.05)
}

.game-streams-container .game-stream-item:hover .stream-preview-wrapper .icon-circle {
    transform: translate(-50%, -50%) scale(1.1) rotate(360deg);
    background-color: rgba(100, 65, 165, .8)
}

.game-streams-container .game-stream-item:hover .stream-preview-wrapper .icon-circle .svg-icon.icon-play {
    opacity: 0
}

.game-streams-container .game-stream-item:hover .stream-preview-wrapper .icon-circle .svg-icon.icon-twitch {
    opacity: 1
}

@media (min-width: 1200px) {
    .game-streams-container {
        gap: 24px
    }

    .game-streams-container .game-stream-item {
        width: calc(33.333334% - (24px / 1.5));
        flex: 0 0 calc(33.333334% - (24px / 1.5))
    }

    .game-single-header-box::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        z-index: -1;
        background-color: #f4f5f6;
        box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1)
    }
}

.game-header-box {
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
    flex-wrap: wrap
}

@media (min-width: 795px) {
    .game-header-box {
        margin: 0;
        padding: 16px;
        background-color: #f4f5f6;
        box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1);
        flex-wrap: nowrap
    }
}

.game-header-box .game-heading {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 16px;
    width: 100%
}

.game-header-box .game-heading .go-back-link {
    max-width: 150px
}

.game-header-box.game-header-box-wide .game-heading {
    margin: 0
}

.game-header-box h1 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    color: #1f1c22;
    margin: 0 0 12px;
    padding: 0;
    display: block;
    font-size: 21px;
    line-height: 25px;
    min-height: 25px;
    font-weight: 700;
    order: 1
}

@media (min-width: 795px) {
    .game-header-box .game-heading {
        display: block;
        margin-bottom: 12px
    }

    .game-header-box.game-header-box-wide {
        margin-left: 0;
        margin-right: 0
    }

    .game-header-box h1 {
        font-size: 20px;
        line-height: 28px;
        min-height: 28px;
        margin: 0 0 10px;
        order: unset
    }
}

.game-header-box .game-info-inner-heading {
    color: #a39aac
}

.game-header-box .tags-list.tags-list-trim:not(.visible) {
    max-height: 60px
}

@media (min-width: 1200px) {
    .game-header-box {
        padding: 24px;
        min-height: calc(100% - 32px);
        height: 100%;
        box-shadow: none
    }

    .game-header-box.game-header-box-wide .game-heading {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .game-header-box.game-header-box-wide .game-info-details {
        padding-bottom: 0
    }

    .game-header-box.game-header-box-wide .game-info-details .game-main-description {
        padding-top: 16px;
        margin-top: auto
    }

    .game-header-box h1 {
        font-size: 24px;
        line-height: 32px;
        min-height: 32px
    }

    .game-header-box .tags-list.tags-list-trim:not(.visible) {
        max-height: 30px
    }
}

.game-link-widget {
    position: absolute;
    left: 8px;
    bottom: 10px;
    z-index: 2;
    color: #1f1c22;
    text-decoration: none
}

.game-link-widget .link-label {
    display: none
}

.game-link-widget .link-label-short {
    display: block
}

@media (min-width: 480px) {
    .game-link-widget .link-label {
        display: block
    }

    .game-link-widget .link-label-short {
        display: none
    }
}

.game-link-widget .link-label-short .game-header-store-link {
    display: flex;
    align-items: center
}

.game-link-widget .link-label-short .svg-icon {
    max-width: 12px;
    max-height: 12px
}

.game-link-widget .link-label-short .svg-icon.svg-icon-arrow-top-right {
    width: 9px;
    height: 9px;
    margin: 0 0 0 4px
}

.header-game-prices-content-inner {
    align-self: flex-start;
    align-content: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: 100%
}

@media (min-width: 795px) {
    .header-game-prices-content-inner {
        -moz-column-gap: unset;
        column-gap: unset;
        flex-wrap: nowrap;
        align-self: center;
        width: auto;
        margin: 16px auto;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .header-game-prices-content-inner {
        align-self: flex-start;
        flex-direction: column;
        flex: 0 1 100%;
        margin: 0;
        width: 100%
    }
}

.arrow-inline-link {
    transition: color .2s ease-in-out;
    color: #1d97ff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    display: inline-block;
    margin: 0
}

.arrow-inline-link::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #1d97ff;
    margin-left: 4px
}

.header-game-prices-wrapper {
    position: relative;
    background: 0 0;
    width: auto;
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 795px) {
    .header-game-prices-wrapper {
        background: #f4f5f6;
        box-shadow: 0 0 36px -19px rgba(10, 9, 11, .1);
        height: 100%;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper {
        min-height: 100%;
        height: 100%;
        max-height: 100%;
        box-shadow: none
    }

    .header-game-prices-wrapper::before {
        content: '';
        position: absolute;
        top: 16px;
        bottom: 16px;
        left: -12px;
        width: 1px;
        display: block;
        background: #d6d2da
    }
}

.header-game-prices-wrapper .header-game-prices-content {
    transition: opacity .25s, transform .25s;
    flex: 0 0 100%;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0 16px;
    opacity: 0
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .header-game-prices-content {
        height: 100%;
        flex-direction: column
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col:first-child {
        padding-top: 17px
    }
}

.header-game-prices-wrapper .header-game-prices-content.active {
    opacity: 1
}

.header-game-prices-wrapper .header-game-prices-content .game-price-anchor-link {
    align-items: baseline;
    color: #332e38
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col:first-child {
    margin-top: 0
}

@media (min-width: 795px) {
    .header-game-prices-wrapper .header-game-prices-content {
        padding: 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col {
        flex: 0 0 auto;
        max-width: unset;
        margin-top: 0;
        margin-left: 32px;
        padding: 0 16px
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col:first-child {
        margin-left: 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.last-col {
        align-self: flex-end
    }
}

@media (min-width: 1030px) {
    .header-game-prices-wrapper {
        margin: 0;
        width: 100%
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col {
        margin-left: 40px;
        padding: 0 24px
    }
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        margin-left: 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col:first-child {
        margin-top: 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.last-col {
        flex: 1 1 auto;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
        padding-bottom: 22px
    }
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.expired .price, .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.expired .price .price-inner {
    color: #a39aac !important
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.disabled .game-price-anchor-link {
    display: inline-block;
    flex-wrap: unset;
    align-items: unset;
    color: #a39aac
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.disabled .game-price-anchor-link .price {
    color: inherit
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.disabled .game-price-anchor-link .price .price-inner, .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.disabled .game-price-anchor-link .price.lowest-recorded .price-inner, .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.disabled .game-price-anchor-link .price.price-hl .price-inner {
    color: #a39aac;
    font-size: 18px;
    line-height: 24px
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.historical.disabled .game-price-anchor-link {
    display: inline-block
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .game-header-price {
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 6px
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .enable-link, .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .game-price-anchor-link {
    z-index: 22
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .full-link {
        display: none
    }
}

@media (max-width: 794px) {
    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.last-col {
        margin: 16px 0 0;
        text-align: center
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box {
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        background: #f4f5f6;
        border-radius: 8px;
        padding: 16px 8px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: center
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .game-header-price {
        row-gap: 2px
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box.disabled, .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box.expired {
        background: 0 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box.disabled .game-info-price-label {
        color: #a39aac
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .enable-link {
        display: block;
        flex: 0 0 100%;
        margin: 2px 0 0
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .game-price-anchor-link {
        justify-content: center
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .price {
        flex: 0 0 100%;
        justify-content: center
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-price-col.game-header-price-box .label {
        margin: 0;
        transform: none
    }

    .game-header-container .game-info-details h1 + .game-main-description:last-child:last-of-type {
        margin-bottom: -16px
    }
}

.header-game-prices-wrapper .header-game-prices-content .game-info-price-label {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    color: #332e38
}

.header-game-prices-wrapper .header-game-prices-content .game-header-price-badges {
    top: -3px;
    position: relative;
    align-self: flex-end;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.header-game-prices-wrapper .header-game-prices-content .price, .header-game-prices-wrapper .header-game-prices-content .price .price-inner {
    margin: 0;
    height: 29px
}

.header-game-prices-wrapper .header-game-prices-content .empty-state-text {
    margin-top: 4px;
    height: auto
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .header-game-prices-content .empty-state-text {
        margin-top: 0;
        line-height: 29px
    }
}

.header-game-prices-wrapper .header-game-prices-content .price, .header-game-prices-wrapper .header-game-prices-content .price .price-inner {
    font-size: 21px;
    line-height: 25px
}

@media (min-width: 795px) {
    .header-game-prices-wrapper .header-game-prices-content .price, .header-game-prices-wrapper .header-game-prices-content .price .price-inner {
        font-size: 24px;
        line-height: 29px
    }
}

.header-game-prices-wrapper .header-game-prices-content .empty-state-text {
    color: #a39aac;
    font-size: 18px;
    line-height: 25px
}

.header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col {
    display: block;
    margin-bottom: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 16px
}

.header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col:first-child {
    margin-top: 0
}

@media (min-width: 795px) {
    .header-game-prices-wrapper .header-game-prices-content .empty-state-text {
        line-height: 29px
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col {
        margin-top: 0;
        flex: 1 1 auto;
        max-width: 33.3334%;
        margin-left: 32px;
        padding: 0 16px
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col:first-child {
        margin-left: 0
    }

    .header-game-prices-wrapper .game-price-active-label {
        margin-bottom: 4px
    }
}

@media (min-width: 1030px) {
    .header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col {
        margin-left: 40px;
        padding: 0 24px;
        display: flex
    }
}

.header-game-prices-wrapper .game-price-active-label {
    display: block;
    font-size: 12px;
    line-height: 1em;
    height: 11px;
    color: #1f1c22;
    white-space: nowrap;
    font-weight: 550
}

@-moz-document url-prefix() {
    .header-game-prices-wrapper .game-price-active-label {
        font-weight: 500
    }
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col {
        max-width: 100%;
        margin: 10px 0 0;
        flex: 1 1 auto;
        justify-content: flex-end;
        padding: 0 24px 22px;
        transform: none
    }

    .header-game-prices-wrapper .header-game-prices-content .game-info-editions-wrapper.game-info-editions-col:first-child {
        margin-top: 0
    }

    .header-game-prices-wrapper .game-price-active-label {
        margin-bottom: 0
    }
}

.header-game-prices-wrapper .game-price-active-label.expired {
    color: #a59aac
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .header-game-prices-wrapper .game-price-active-label {
        line-height: 13px;
        height: 13px
    }
}

.header-game-prices-wrapper .game-subscriptions-list-widget {
    display: block;
    margin-top: 4px;
    flex: 0 0 100%
}

.header-game-prices-wrapper .game-subscriptions-list-widget .game-subscriptions-label {
    display: block;
    width: 100%;
    color: #332e38;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px
}

@media (min-width: 1030px) {
    .header-game-prices-wrapper .game-subscriptions-list-widget {
        margin-top: 0
    }

    .header-game-prices-wrapper .game-subscriptions-list-widget .game-subscriptions-label {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 4px
    }
}

.header-game-prices-wrapper .game-subscriptions-list-widget .game-subscriptions-label ~ .empty-state {
    margin-top: 8px
}

.header-game-prices-wrapper .game-subscriptions-list {
    list-style: none;
    display: block;
    margin: -4px -4px 0;
    padding: 0;
    max-width: 100%
}

.header-game-prices-wrapper .game-subscriptions-list li {
    display: inline-block;
    background: 0 0;
    border-radius: 0;
    text-transform: initial;
    margin: 4px 4px 0;
    padding: 0;
    box-shadow: none
}

.header-game-prices-wrapper .game-subscriptions-list li:last-child {
    margin-right: 0
}

@media (min-width: 795px) {
    .header-game-prices-wrapper .game-subscriptions-list a {
        white-space: nowrap
    }
}

@media (min-width: 1200px) {
    .header-game-prices-wrapper .game-subscriptions-list-widget .game-subscriptions-label {
        font-size: 13px;
        line-height: 15px
    }

    .header-game-prices-wrapper .game-subscriptions-list a {
        white-space: normal
    }
}

.enable-link {
    transition: color .2s;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    color: #279af1;
    text-decoration: underline;
    margin-left: 8px
}

.enable-link:hover {
    color: #52aef4;
    text-decoration: underline
}

.header-game-prices-tabs-wrapper {
    position: relative;
    margin: 0 16px;
    width: calc(100% - 32px)
}

@media (min-width: 795px) {
    .header-game-prices-tabs-wrapper {
        margin: 0 24px;
        width: calc(100% - 48px);
        height: 44px
    }
}

.header-game-prices-tabs-content {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 16px 0 0
}

.header-game-prices-tabs-content[data-active-tab="1"] .header-game-prices-content {
    transform: translateX(0)
}

.header-game-prices-tabs-content[data-active-tab="2"] .header-game-prices-content {
    transform: translateX(-100%)
}

.game-header-container .game-info-details {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 480px) {
    .game-header-container .game-info-details {
        position: static
    }

    .game-header-container.game-header .game-info-image-wrapper {
        height: 144px
    }
}

.game-header-container .game-info-details.single-info {
    padding-bottom: 0
}

.game-header-container .game-info-details .game-main-description {
    position: relative;
    z-index: 0;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    align-self: flex-start;
    margin: -16px -16px 8px;
    order: 2;
    width: 100vw
}

.game-header-container .game-info-details .game-main-description::after, .game-header-container .game-info-details .game-main-description::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    content: '';
    display: block;
    background: linear-gradient(90deg, rgba(234, 233, 236, 0) -40.62%, #eae9ec 50%)
}

.game-header-container .game-info-details .game-main-description::before {
    left: 0;
    transform: rotate(180deg)
}

.game-header-container .game-info-details .game-main-description::after {
    right: 0
}

@media (min-width: 795px) {
    .header-game-prices-tabs-content {
        margin: 0;
        height: calc(100% - 39px);
        max-height: calc(100% - 39px)
    }

    .game-header-container .game-info-details {
        position: relative;
        flex: 1 1 auto;
        padding-left: 16px;
        padding-bottom: 32px;
        max-width: calc(100% - 307px)
    }

    .game-header-container .game-info-details .game-main-description::after, .game-header-container .game-info-details .game-main-description::before {
        display: none
    }

    .game-header-container .game-info-details .game-main-description {
        display: block;
        margin: 12px 0 0;
        order: unset;
        width: auto
    }
}

.game-header-container .game-info-details .game-main-description p {
    font-size: inherit;
    line-height: inherit;
    display: block;
    flex: 1 0 auto;
    min-width: 100%;
    color: #c2bcc8;
    white-space: nowrap;
    padding: 16px;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    max-width: 100vw
}

.game-header-container .game-info-details .game-main-description p::-webkit-scrollbar {
    display: none
}

.game-header-container.game-header .col-right {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 795px) {
    .game-header-container .game-info-details .game-main-description p {
        white-space: normal;
        padding: 0;
        display: inline;
        min-width: unset;
        max-width: unset;
        overflow: visible
    }

    .game-header-container.game-header .col-right {
        margin-top: 16px
    }
}

@media (min-width: 1200px) {
    .game-header-container.game-header .col-right {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 0
    }

    .game-header-container.game-header .col-right .header-box {
        min-height: calc(100% - 32px)
    }

    .game-header-container.game-header .game-section {
        margin-bottom: 11px
    }
}

.game-header-container.game-header .game-section {
    margin-top: 16px
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-section {
        margin-top: 0
    }
}

.game-header-container.game-header .game-info-image-wrapper {
    position: relative;
    width: 100vw;
    margin: 0 -16px 24px;
    overflow: hidden
}

.game-header-container.game-header .game-info-image-wrapper::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(3, 18, 26, .3)
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-info-image-wrapper {
        text-align: center;
        margin: 0;
        height: 176px;
        flex: 0 0 307px;
        width: 307px
    }

    .game-header-container.game-header .game-info-image-wrapper.portrait-image-wrapper {
        height: 180px;
        flex: 0 0 120px;
        width: 120px
    }

    .game-header-container.game-header .game-info-image-wrapper.portrait-image-wrapper ~ .game-info-details {
        max-width: calc(100% - 120px)
    }
}

.game-header-container.game-header .game-info-image {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

@media (min-width: 480px) {
    .game-header-container.game-header .game-info-image {
        width: 100%;
        height: 100%
    }
}

.game-header-container.game-header .image-game {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto 0 0;
    height: auto;
    width: 307px
}

@media (min-width: 1030px) {
    .header-game-prices-tabs-content {
        height: calc(100% - 44px);
        max-height: calc(100% - 44px)
    }

    .game-header-container .game-info-details {
        max-width: calc(100% - 307px);
        padding-left: 24px;
        padding-bottom: 32px
    }

    .game-header-container.game-header .game-info-image-wrapper.portrait-image-wrapper ~ .game-info-details {
        max-width: calc(100% - 120px)
    }

    .game-header-container.game-header .image-game {
        height: 100%;
        width: auto
    }
}

.game-header-container.game-header .image-game.self-center {
    margin: 0 auto
}

.game-header-container.game-header .image-game img {
    display: block;
    width: 100%;
    height: auto
}

@media (max-width: 794px) {
    .game-header-container.game-header .image-game {
        width: 251px
    }
}

@media (max-width: 479px) {
    .game-header-container.game-header .image-game {
        width: 100%
    }
}

.game-header-container.game-header .platform-ribbon-icon {
    z-index: 2
}

.game-header-container.game-header .image-blur {
    display: none;
    content-visibility: hidden
}

@media (min-width: 480px) and (max-width: 794px) {
    .game-header-container.game-header .platform-ribbon-icon {
        right: calc(100% - 251px) !important
    }

    .game-header-container.game-header .image-blur {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 0;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        opacity: .3;
        filter: blur(10px);
        margin: 0;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        content-visibility: visible
    }
}

.game-header-container.game-header .game-dlc-info {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 8px 0;
    align-items: center;
    order: 3
}

.game-header-container.game-header .game-dlc-info .label {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 4px
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-dlc-info {
        order: unset;
        flex-wrap: nowrap
    }

    .game-header-container.game-header .game-dlc-info .label {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .game-header-container.game-header .game-dlc-info .label {
        margin-right: 8px
    }
}

.game-header-container.game-header .game-dlc-info .game-dlc-info-text {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    color: #1f1c22
}

.game-header-container.game-header .game-dlc-info .game-dlc-info-text a {
    text-decoration: none;
    color: #279af1
}

.game-header-container.game-header .game-dlc-info .game-dlc-info-text a:hover {
    color: #52aef4;
    text-decoration: underline
}

.game-header-container.game-header .header-inner-full {
    margin-bottom: 12px
}

.game-header-container.game-header .item-empty-state {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 16px;
    color: #47404f
}

.game-header-container.game-header .game-info-editions-wrapper {
    width: 100%;
    align-self: flex-start;
    line-height: 1;
    order: 3
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-dlc-info .game-dlc-info-text {
        flex: 1 1 auto
    }

    .game-header-container.game-header .header-inner-full {
        margin-bottom: 8px
    }

    .game-header-container.game-header .game-info-editions-wrapper {
        margin: -10px 0 0;
        order: unset
    }
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget {
    flex-wrap: nowrap;
    width: 100%;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-info-label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #5c5365;
    vertical-align: top;
    font-size: 13px;
    line-height: 16px
}

@media (min-width: 1030px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget {
        -moz-column-gap: unset;
        column-gap: unset
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-info-label {
        position: static;
        top: auto;
        left: auto;
        margin-bottom: 0;
        padding: 3px 0 5px;
        font-size: 14px;
        line-height: 22px
    }
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list {
    display: inline-block;
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    vertical-align: top;
    line-height: 1
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget.can-wrap {
        flex-wrap: wrap
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list {
        align-self: flex-start
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list .badges-container {
        flex: 1 0 auto
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-label ~ .game-editions-list {
        max-width: calc(100% - 65px)
    }
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list .compare-header-link {
    display: none
}

@media (min-width: 1030px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list {
        align-self: center;
        margin-top: 0
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list .compare-header-link {
        border-top: 1px solid #ebe9ed;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 16px
    }
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list .game-edition-link .game-active-icons {
    display: inline-flex;
    color: inherit;
    margin: 0
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list .game-edition-link .game-active-icons .svg-icon {
    width: 10px;
    height: 10px
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 8px);
    margin: 0;
    overflow: hidden;
    height: 58px;
    max-height: 58px;
    padding-top: 18px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 4px
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item {
        flex: 0 1 auto;
        max-width: 50%;
        align-items: center;
        margin: 10px 24px 0 0
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item:last-of-type {
        margin-right: 0
    }
}

@media (max-width: 1029px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item.single-list-item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .filter-dropdown:not(.open) {
        width: 100%
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .filter-dropdown:not(.open) > .current {
        width: 100%;
        max-width: 100%
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .filter-dropdown:not(.open) > .current .badge-wrapper.badge-wrapper-dropdown {
        max-width: 100%
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .filter-dropdown:not(.open) > .current .badge-wrapper-dropdown {
        width: 100%;
        max-width: 100%
    }
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item:first-child {
    margin-top: 0
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .game-editions-list {
    width: 100%;
    align-self: flex-start
}

.game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .badge.badge-big {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left
}

.game-header-container.game-header .game-info-editions-wrapper + .game-dlc-info {
    margin-top: 16px
}

.game-header-container.game-header .game-info-editions-wrapper.with-dropdown .game-editions-list-widget .game-editions-list-item {
    overflow: visible
}

.game-header-container.game-header span.empty-state {
    display: inline-block;
    width: 24px;
    height: 1px;
    background: #d6d2da;
    margin: 12px 0 0
}

.game-header-container .compare-header-link {
    margin: 16px 0;
    order: 3
}

@media (min-width: 795px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item:first-child {
        flex: 0 0 auto;
        max-width: 100%;
        margin-top: 10px
    }

    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item .game-editions-list {
        max-width: unset
    }

    .game-header-container .compare-header-link {
        order: unset
    }
}

@media (min-width: 1030px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item {
        height: 30px;
        max-height: 30px;
        padding-top: 0
    }

    .game-header-container .compare-header-link {
        display: none
    }
}

.game-editions-list .badges-container {
    margin-bottom: 0
}

.game-editions-list .badges-container .badge-wrapper {
    padding: 3px 0
}

.go-back-link {
    transition: color .2s ease-in-out;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin: 0 0 16px
}

.go-back-link::before {
    display: inline-block;
    margin: 0 6px 1px 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #279af1 transparent transparent
}

.header-inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #5c5365;
    order: 3
}

@media (min-width: 1200px) {
    .game-header-container.game-header .game-dlc-info .game-dlc-info-text {
        font-size: 14px;
        line-height: 16px
    }

    .game-header-container.game-header span.empty-state {
        margin: 21px 0 0
    }

    .header-inner-wrapper {
        align-items: center
    }
}

.header-inner-wrapper strong {
    color: #1f1c22;
    font-weight: 700
}

.header-inner-wrapper .header-inner-full {
    display: block;
    flex: 0 0 100%;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 16px
}

.header-inner-wrapper .header-inner-label {
    display: block;
    font-size: 14px;
    line-height: 22px;
    flex: 0 0 100%;
    margin-top: 8px
}

@media (min-width: 1200px) {
    .header-inner-wrapper .header-inner-label {
        flex: 1 0 auto;
        margin-top: 0
    }
}

.header-inner-wrapper .progress {
    position: relative;
    display: block;
    flex: 1 0 100px;
    max-width: 100px;
    background: #e0dde3;
    box-shadow: none;
    height: 8px;
    border-radius: 4px;
    margin: 0
}

@media (min-width: 1200px) {
    .header-inner-wrapper .progress {
        margin: 0 8px 0 0
    }
}

.header-inner-wrapper .progress .progress-bar {
    position: absolute;
    display: block;
    float: none;
    box-shadow: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    --value-wanted: 0;
    --value-owned: 0
}

.header-inner-wrapper .progress .progress-bar.progress-bar-wanted {
    background: #c2bcc8;
    z-index: 1;
    animation: .4s ease-in-out progress-bar-wanted;
    max-width: var(--value-wanted)
}

@keyframes progress-bar-wanted {
    from {
        max-width: 0
    }
    to {
        max-width: var(--value-wanted)
    }
}

.header-inner-wrapper .progress .progress-bar.progress-bar-owned {
    background: #fe5f00;
    z-index: 2;
    animation: .4s ease-in-out progress-bar-owned;
    max-width: var(--value-owned)
}

@keyframes progress-bar-owned {
    from {
        max-width: 0
    }
    to {
        max-width: var(--value-owned)
    }
}

.header-inner-wrapper + .game-info-editions-wrapper {
    margin-top: 16px
}

@media (min-width: 795px) {
    .header-inner-wrapper {
        order: unset
    }

    .game-card.game-single-card {
        margin-top: 24px
    }
}

.game-card.breadcrumbs-top-mobile {
    margin-top: 24px
}

.owned-drm-icons {
    gap: 6px;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 0 6px;
    padding: 4px 4px 4px 0;
    align-self: center;
    display: none
}

@media (min-width: 480px) {
    .owned-drm-icons {
        padding-right: 8px;
        display: inline-flex
    }
}

@media (min-width: 795px) {
    .owned-drm-icons {
        margin-left: 0
    }
}

@media (min-width: 1030px) {
    .header-inner-wrapper .header-inner-full {
        font-size: 14px;
        line-height: 22px
    }

    .header-inner-wrapper.single-line .header-inner-full {
        flex: 0 0 auto;
        margin: 12px 0 0 8px
    }

    .header-inner-wrapper.single-line .header-inner-full:first-of-type {
        margin-left: 0
    }

    .owned-drm-icons {
        padding-right: 12px;
        margin-left: 6px
    }
}

@media (min-width: 1200px) {
    .owned-drm-icons {
        margin-left: 0
    }
}

@media (min-width: 1290px) {
    .owned-drm-icons {
        margin-left: 6px
    }
}

.owned-drm-icons .svg-icon {
    display: block;
    max-width: 16px;
    max-height: 16px
}

.gallery-circle-arrow-btn {
    transition: opacity .3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 10px;
    display: none;
    background: #d6d2da;
    color: #5c5365;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.gallery-circle-arrow-btn.swiper-button-disabled {
    opacity: 0
}

.gallery-circle-arrow-btn.swiper-button-next {
    right: 16px
}

.gallery-circle-arrow-btn.swiper-button-prev {
    left: 16px
}

.gallery-circle-arrow-btn::after {
    display: none
}

.gallery-circle-arrow-btn .svg-icon {
    display: block
}

.gallery-circle-arrow-btn.small {
    width: 24px;
    height: 24px;
    padding: 7px
}

.gallery-circle-arrow-btn.small.swiper-button-next {
    right: 8px
}

.gallery-circle-arrow-btn.small.swiper-button-prev {
    left: 8px
}

.gallery-circle-arrow-btn.big {
    width: 48px;
    height: 48px;
    padding: 16px
}

.gallery-circle-arrow-btn.big.swiper-button-next {
    right: 24px
}

.gallery-circle-arrow-btn.big.swiper-button-prev {
    left: 24px
}

.gallery-circle-arrow-btn:hover:active {
    opacity: .8
}

body.mfp-zoom-out-cur {
    overflow-y: hidden;
    cursor: pointer
}

body.mfp-zoom-out-cur iframe.mfp-iframe {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}

body.mfp-zoom-out-cur .mfp-container {
    padding: 0
}

@media (min-width: 795px) {
    .gallery-circle-arrow-btn {
        display: block
    }

    body.mfp-zoom-out-cur #main-menu-wrapper.menu-pinned::after {
        content: '';
        z-index: 8;
        width: 32px;
        height: 64px;
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        background: inherit
    }

    body.mfp-zoom-out-cur #main-menu-wrapper.menu-pinned #main-menu {
        overflow-y: scroll;
        overflow-x: hidden
    }

    body.mfp-zoom-out-cur .game-tabs-container-wrapper.is-sticked::after {
        content: '';
        z-index: 8;
        width: 32px;
        height: 48px;
        display: block;
        position: fixed;
        right: 0;
        top: 64px;
        background: inherit
    }

    body.mfp-zoom-out-cur .game-tabs-container-wrapper.is-sticked .game-tabs-container {
        overflow-y: scroll;
        overflow-x: hidden
    }

    body.mfp-zoom-out-cur iframe.mfp-iframe {
        border-radius: 4px
    }

    body.mfp-zoom-out-cur .mfp-container {
        padding: 24px
    }
}

body.mfp-zoom-out-cur .mfp-container.mfp-image-holder .mfp-content {
    opacity: 0;
    transition: opacity .2s
}

body.mfp-zoom-out-cur .mfp-container.mfp-image-holder.mfp-s-ready .mfp-content {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    opacity: 1
}

body.mfp-zoom-out-cur .mfp-container.mfp-image-holder .mfp-img {
    padding: 0;
    border-radius: 4px
}

body.mfp-zoom-out-cur .mfp-container .mfp-figure:after {
    box-shadow: none;
    background: 0 0
}

body.mfp-zoom-out-cur .mfp-container .mfp-figure .close-popup {
    top: 24px
}

body.mfp-zoom-out-cur .mfp-container .mfp-figure .mfp-counter {
    padding: 12px
}

.mfp-close-btn-in .mfp-container .mfp-content .mfp-figure .mfp-close {
    width: 36px;
    height: 36px;
    right: 0;
    top: -36px;
    font-size: 34px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.mfp-iframe-scaler iframe {
    border: none
}

.mfp-custom-arrow.mfp-arrow {
    opacity: 1;
    text-align: center
}

@media (max-width: 794px) {
    .game-card.breadcrumbs-top-mobile {
        margin-top: 16px
    }

    .mfp-custom-arrow.mfp-arrow {
        visibility: hidden
    }
}

.mfp-custom-arrow.mfp-arrow.mfp-prevent-close::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: 0 0;
    border: none;
    margin: 0;
    opacity: 0
}

.mfp-custom-arrow.mfp-arrow::after, .mfp-custom-arrow.mfp-arrow::before {
    display: none;
    content: ''
}

.mfp-custom-arrow.mfp-arrow:hover .gallery-circle-arrow-btn {
    opacity: .8
}

.mfp-custom-arrow.mfp-arrow.mfp-arrow-left .svg-icon {
    transform: rotate(180deg)
}

.mfp-custom-arrow.mfp-arrow.mfp-arrow-left .gallery-circle-arrow-btn {
    left: 16px
}

.mfp-custom-arrow.mfp-arrow.mfp-arrow-right .gallery-circle-arrow-btn {
    right: 16px
}

.game-about-slider {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
}

@media (min-width: 795px) {
    .game-about-slider {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.game-about-slider .image {
    display: block
}

.video-play {
    transition: color .3s, background-color .3s, box-shadow .3s, width .3s, height .3s;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(3, 18, 26, .64);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 3;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.video-play .svg-icon {
    transition: transform .2s ease-in-out;
    transform-origin: center;
    width: 16px;
    height: 16px;
    margin-right: -2px;
    display: block
}

.swiper {
    position: relative;
    width: 100%
}

.swiper .gallery-circle-arrow-btn {
    opacity: 0
}

.swiper:hover .gallery-circle-arrow-btn:not(.swiper-button-disabled) {
    opacity: 1
}

.swiper:hover .gallery-circle-arrow-btn:not(.swiper-button-disabled):hover:not(.swiper-button-disabled) {
    opacity: .8
}

.swiper.gallery-side {
    transition: opacity .4s;
    opacity: 0
}

.swiper.gallery-side.swiper-initialized {
    opacity: 1
}

.swiper.gallery-side .swiper-wrapper {
    height: 162px
}

.swiper.gallery-side .gallery-circle-arrow-btn {
    top: calc(50% - 13px)
}

.swiper.gallery-side .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-width: 100%;
    color: transparent
}

.swiper.gallery-side .swiper-slide .image {
    overflow: hidden
}

.swiper.gallery-side .preview-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.swiper.gallery-side .preview-link.video:hover .video-play {
    color: #03121a;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    width: 45px;
    height: 45px
}

.swiper.gallery-side .preview-link.video:hover .video-play .svg-icon {
    transform: scale(1.4)
}

.swiper.game-gallery-top {
    width: 100%;
    aspect-ratio: 912/486
}

.swiper.game-gallery-top .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-width: 100%;
    color: transparent
}

.swiper.game-gallery-top .preview-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.swiper.game-gallery-top .preview-link.video .video-play {
    width: 40px;
    height: 40px
}

.swiper.game-gallery-top .preview-link.video .video-play .svg-icon {
    width: 16px;
    height: 16px
}

@media (min-width: 1200px) {
    .swiper.game-gallery-top .preview-link.video .video-play {
        width: 70px;
        height: 70px
    }

    .swiper.game-gallery-top .preview-link.video .video-play .svg-icon {
        width: 24px;
        height: 24px;
        margin-right: -4px
    }
}

.swiper.game-gallery-top .preview-link.video:hover .video-play {
    color: #03121a;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    width: 45px;
    height: 45px
}

.swiper.game-gallery-top .preview-link.video:hover .video-play .svg-icon {
    transform: scale(1.4)
}

.swiper.game-gallery-thumbs {
    margin-top: 12px;
    box-sizing: border-box;
    padding: 0
}

.swiper.game-gallery-thumbs .swiper-slide {
    position: relative;
    transition: opacity .3s;
    height: 100%;
    opacity: .6;
    cursor: pointer;
    overflow: hidden;
    width: 36%;
    aspect-ratio: 176/93
}

@media (min-width: 795px) {
    .swiper.game-gallery-thumbs .swiper-slide {
        width: 26%
    }
}

.swiper.game-gallery-thumbs .swiper-slide:hover:not(.swiper-slide-thumb-active) {
    opacity: .8
}

.swiper.game-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

.swiper.game-gallery-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    color: transparent;
    aspect-ratio: 176/93
}

.swiper .swiper-pagination.gallery-pagination {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
    margin: 4px auto 18px;
    height: 16px
}

@media (min-width: 1200px) {
    .swiper.game-gallery-top .preview-link.video:hover .video-play {
        width: 80px;
        height: 80px
    }

    .swiper.game-gallery-thumbs .swiper-slide {
        width: 20%
    }

    .swiper .swiper-pagination.gallery-pagination {
        margin: 10px auto
    }
}

.swiper .swiper-pagination.gallery-pagination .swiper-pagination-bullet {
    transition: transform .2s, left .2s;
    background: 0 0;
    padding: 6px 0;
    width: 32px;
    height: 16px;
    transform: none;
    opacity: 1
}

.swiper .swiper-pagination.gallery-pagination .swiper-pagination-bullet::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    transition: background-color .3s, height .3s;
    background: #d6d2da;
    width: 100%;
    height: 2px
}

.swiper .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main::before, .swiper .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background: #279af1;
    height: 4px
}

.news-list-page .side-labels-container {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.news-list-page .filter-line, .news-list-page .mobile-filter.main-filter-line:not(.open) {
    margin-top: 0
}

.news-list-page .filters-bottom-container {
    border-top: none;
    padding: 56px 0 8px
}

@media (max-width: 1029px) {
    .game-header-container.game-header .game-info-editions-wrapper .game-editions-list-widget .game-editions-list-item:not(.single-list-item) .filter-dropdown.game-header-dropdown:not(.open) {
        display: flex;
        max-width: calc(50vw - 16px);
        overflow: hidden
    }

    .news-list-page .filter-form .main-filter-line .filter-line .filters-line-container .filter.view-radio-list {
        position: absolute;
        right: 16px;
        top: 58px;
        margin-right: -2px
    }

    .news-list-page .filter-form .main-filter-line.open .filter-line .filters-line-container .filter.view-radio-list {
        display: none
    }
}

.news-list-page .navigation-line {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.news-list-page .navigation-line .pagination {
    margin-right: 0
}

.news-section.tabs-section .tab-pane.fade.loading {
    transition: opacity .4s ease-in-out .6s
}

.news-section .wrap_items {
    flex-direction: row;
    flex-wrap: wrap
}

.news-section .wrap_items .list-items {
    flex: 0 0 100%
}

.news-section .news-list {
    flex-direction: row;
    max-width: 100%
}

.news-section .news-list.grid-list {
    grid-template-columns:unset;
    grid-gap: unset
}

@media (min-width: 795px) {
    .news-list-page .filters-bottom-container {
        padding-top: 48px
    }

    .news-list-page .filter-form .main-filter-line .filter-line .filters-line-container .filter.view-radio-list {
        right: 0
    }

    .news-section .news-list {
        max-width: unset;
        margin-top: 0
    }

    .news-section .news-list:not(.list-item) {
        max-width: calc(100% + 24px);
        flex: 1 1 100%
    }

    .news-section .news-list.grid-list {
        margin-left: -8px;
        margin-right: -8px
    }
}

.news-section .item.news-item {
    flex-direction: row
}

.news-section .item.news-item .news-image-wrapper img {
    display: block;
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: unset;
    max-height: unset
}

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

(
-webkit-min-device-pixel-ratio:

2
)
,
only screen and

(
min-device-pixel-ratio:

2
)
,
only screen and

(
-webkit-min-device-pixel-ratio:

2
)
,
only screen and

(
min-resolution:

192
dpi

)
,
only screen and

(
min-resolution:

2
dppx

)
{
.news-section .item.news-item .news-image-wrapper img {
    width: 100%;
    height: auto;
    -o-object-fit: initial;
    object-fit: initial
}

}
.news-section .item.news-item .news-info-wrapper {
    align-items: flex-start;
    align-content: flex-start;
    overflow: hidden
}

.news-section .item.news-item .news-title-wrapper {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.news-section .item.news-item .news-title-wrapper .news-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    margin: 0;
    font-weight: 600;
    color: #1f1c22;
    font-size: 18px;
    line-height: 23px
}

.news-section .item.news-item .news-title-wrapper .news-title a {
    position: relative;
    z-index: 21;
    display: block;
    color: inherit;
    max-height: unset
}

@media (min-width: 1030px) {
    .news-list-page .filters-bottom-container {
        padding: 0;
        min-height: unset
    }

    .news-list-page .filters-bottom-container .selected-filters:not(:empty) {
        border-top: none;
        border-bottom: 1px solid #d6d2da;
        padding-top: 8px;
        margin-bottom: 16px
    }

    .news-list-page .filter-form .main-filter-line .filter-line .filters-line-container .filter.view-radio-list {
        position: relative;
        right: auto;
        top: auto
    }

    .news-list-page .section-row.news-section {
        margin-top: 8px
    }

    .news-section .news-list {
        margin: 0
    }

    .news-section .news-list.grid-list {
        margin: -24px -12px 0;
        width: calc(100% + 24px)
    }

    .news-section .item.news-item .news-title-wrapper .news-title {
        font-size: 18px;
        line-height: 24px
    }

    .news-section .item.news-item .news-title-wrapper .news-title a {
        max-height: 72px
    }

    .news-section .item.news-item .news-lead {
        overflow: hidden
    }
}

.news-section .item.news-item .news-lead {
    flex: 0 0 100%;
    color: #70657b;
    display: none;
    margin: 12px 0 0
}

@media (min-width: 795px) {
    .news-section .item.news-item .news-lead {
        display: block
    }
}

.news-section .item.news-item .news-lead p {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 19px;
    color: inherit
}

.news-section .item.news-item .news-read-more {
    display: none;
    flex: 0 0 100%;
    margin: 12px 0 0;
    flex-direction: row;
    align-self: flex-end
}

@media (min-width: 1030px) {
    .news-section .item.news-item .news-read-more {
        display: flex;
        position: absolute;
        right: 24px;
        bottom: 20px;
        margin: 0;
        z-index: 21
    }
}

.news-section .item.news-item .news-read-more .widget-link-more {
    flex: 0 0 auto;
    margin-left: auto
}

.news-section .item.news-item .news-read-more .widget-link-more.widget-link-more-ext::after {
    margin-left: 4px
}

.news-section .item.news-item.news-grid-item {
    flex: 0 0 100%;
    width: 100%;
    margin: 16px 0 0;
    padding: 12px 16px 16px
}

.news-section .item.news-item.news-grid-item:first-child {
    margin-top: 0
}

@media (min-width: 795px) {
    .news-section .item.news-item.news-grid-item {
        flex: 0 0 calc(50% - 16px);
        width: calc(50% - 16px);
        margin-top: 16px;
        margin-left: 8px;
        margin-right: 8px;
        padding: 12px 16px 38px;
        align-content: baseline
    }

    .news-section .item.news-item.news-grid-item:first-child {
        margin-top: 16px
    }
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-grid-item {
        flex: 0 0 calc(100% / 3 - 24px);
        width: calc(100% / 3 - 24px);
        padding: 12px 16px 38px;
        margin: 24px 12px 0
    }

    .news-section .item.news-item.news-grid-item:first-child {
        margin-top: 24px
    }

    .news-section .item.news-item.news-grid-item[style] {
        margin: 24px 12px 0 !important
    }
}

.news-section .item.news-item.news-grid-item .news-badges {
    align-self: flex-start;
    height: 18px;
    margin: 0 0 12px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    row-gap: 4px
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-grid-item .news-badges {
        flex-wrap: nowrap;
        margin-bottom: 14px
    }
}

.news-section .item.news-item.news-grid-item .news-badges .label {
    margin: 0
}

.news-section .item.news-item.news-grid-item .news-badges .platform-link-icons-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: 14px;
    align-items: center;
    align-self: center;
    margin: 0
}

.news-section .item.news-item.news-grid-item .news-badges .platform-link-icons-wrapper .platform-link-icon {
    display: flex;
    margin: 0;
    max-height: 12px
}

.news-section .item.news-item.news-grid-item .news-badges .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-14 {
    max-height: 12px
}

.news-section .item.news-item.news-grid-item .news-image-wrapper {
    flex: 0 0 100vw;
    width: 100vw;
    margin-left: -16px;
    margin-right: -16px;
    overflow: hidden
}

@media (min-width: 795px) {
    .news-section .item.news-item.news-grid-item .news-image-wrapper {
        flex: 0 0 360px;
        width: 360px;
        max-width: calc(100% + 32px);
        height: 188px
    }
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-grid-item .news-image-wrapper {
        flex: 0 0 calc(100% + 32px);
        width: calc(100% + 32px);
        height: 161px;
        max-width: unset
    }
}

@media (min-width: 1200px) {
    .news-section .item.news-item.news-grid-item .news-image-wrapper {
        height: 190px
    }
}

@media (min-width: 1290px) {
    .news-section .item.news-item.news-grid-item .news-image-wrapper {
        height: 205px
    }
}

.news-section .item.news-item.news-grid-item .news-info-wrapper {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 16px;
    max-height: 124px
}

.news-section .item.news-item.news-grid-item .news-lead {
    display: block
}

.news-section .item.news-item.news-grid-item .news-lead p {
    line-height: 22px
}

.news-section .item.news-item.news-grid-item.news-recommended-item {
    align-content: baseline
}

.news-section .item.news-item.news-grid-item.news-recommended-item .news-image-wrapper {
    flex: 0 0 calc(100% + 32px);
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    height: 126px
}

@media (min-width: 795px) {
    .news-section .item.news-item.news-grid-item.news-recommended-item .news-image-wrapper {
        flex: 0 0 360px;
        width: 360px;
        height: 188px
    }

    .news-section .item.news-item.news-list-item {
        margin-left: 0;
        margin-right: 0
    }
}

.news-section .item.news-item.news-grid-item.news-recommended-item .news-info-wrapper {
    max-height: 96px
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-grid-item .news-info-wrapper {
        height: 109px;
        max-height: 109px
    }

    .news-section .item.news-item.news-grid-item.news-recommended-item {
        align-content: flex-start
    }

    .news-section .item.news-item.news-grid-item.news-recommended-item .news-image-wrapper {
        flex: 0 0 calc(100% + 32px);
        width: calc(100% + 32px);
        height: 150px
    }

    .news-section .item.news-item.news-grid-item.news-recommended-item .news-info-wrapper {
        max-height: 102px
    }
}

.news-section .item.news-item.news-grid-item.news-recommended-item .news-title-wrapper .news-title {
    font-size: 16px;
    line-height: 20px
}

.news-section .item.news-item.news-grid-item.news-recommended-item .news-read-more {
    position: absolute;
    right: 24px;
    bottom: 20px;
    margin: 0;
    z-index: 21
}

.news-section .item.news-item.news-list-item {
    padding: 16px 0 16px 16px;
    flex-direction: row;
    width: 100%;
    max-width: 100%
}

.news-section .item.news-item.news-list-item + .news-list-item {
    margin-top: 8px
}

.news-section .item.news-item.news-list-item.pinned .pinned-icon-box {
    padding-top: 15px;
    height: 33px
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item {
        flex: 0 0 100%;
        width: 100%;
        flex-wrap: nowrap;
        padding: 0
    }

    .news-section .item.news-item.news-list-item + .news-list-item {
        margin-top: 16px
    }

    .news-section .item.news-item.news-list-item.pinned .pinned-icon-box {
        padding-top: 14px;
        height: 34px
    }

    .news-section .item.news-item.news-list-item.pinned.grid-small .pinned-icon-box {
        padding-top: 16px;
        height: 32px
    }

    .news-section .item.news-item.news-list-item:first-child {
        margin-top: 0
    }
}

.news-section .item.news-item.news-list-item.grid-small {
    flex-wrap: nowrap;
    padding: 0;
    flex: 0 0 auto;
    width: 100vw;
    max-width: unset;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 8px
}

@media (min-width: 795px) {
    .news-section .item.news-item.news-list-item.grid-small {
        flex: 0 0 calc(100% - 16px);
        width: calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px
    }
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item.grid-small {
        flex: 0 0 calc(50% - 24px);
        width: calc(50% - 24px);
        margin-left: 12px;
        margin-right: 12px
    }

    .news-section .item.news-item.news-list-item.grid-small, .news-section .item.news-item.news-list-item.grid-small:first-child {
        margin-top: 16px
    }

    .news-section .item.news-item.news-list-item.grid-small .news-title-wrapper .news-title > a {
        max-height: 40px
    }
}

@media (min-width: 1200px) {
    .news-section .item.news-item.news-list-item.grid-small, .news-section .item.news-item.news-list-item.grid-small:first-child {
        margin-top: 24px
    }
}

.news-section .item.news-item.news-list-item.grid-small .news-image-wrapper {
    height: auto;
    margin: 0;
    flex: 0 0 122px;
    width: 122px;
    padding: 16px 0 16px 16px
}

@media (min-width: 1200px) {
    .news-section .item.news-item.news-list-item.grid-small .news-image-wrapper {
        flex: 0 0 300px;
        width: 300px;
        padding: 0
    }
}

.news-section .item.news-item.news-list-item.grid-small .news-image-wrapper img {
    width: 100%;
    height: auto
}

.news-section .item.news-item.news-list-item.grid-small .news-info-wrapper {
    margin: 40px 0 16px;
    padding: 0 16px;
    flex: 1 0 calc(100% - 122px);
    width: calc(100% - 122px);
    max-width: unset;
    height: auto;
    max-height: 100px;
    overflow: visible
}

@media (min-width: 795px) {
    .news-section .item.news-item.news-list-item.grid-small .news-info-wrapper {
        max-height: 78px
    }
}

@media (min-width: 1200px) {
    .news-section .item.news-item.news-list-item.grid-small .news-info-wrapper {
        flex: 1 0 calc(100% - 300px);
        width: calc(100% - 300px);
        max-height: 100px
    }
}

.news-section .item.news-item.news-list-item.grid-small .news-badges {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    padding: 0 16px;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap
}

.news-section .item.news-item.news-list-item.grid-small .news-title-wrapper .news-title {
    font-size: 16px;
    line-height: 20px
}

.news-section .item.news-item.news-list-item.grid-small .news-lead {
    max-height: 44px
}

.news-section .item.news-item.news-list-item.grid-small .news-read-more {
    display: none
}

.news-section .item.news-item.news-list-item .news-image-wrapper {
    max-width: 106px;
    flex: 0 0 106px;
    height: 56px;
    align-self: center
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item .news-image-wrapper {
        flex: 0 0 352px;
        max-width: 352px;
        height: 184px
    }
}

.news-section .item.news-item.news-list-item .news-badges {
    padding: 0 0 6px;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 4px
}

.news-section .item.news-item.news-list-item .news-badges .label-added {
    display: none
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item .news-badges {
        position: absolute;
        bottom: 100%;
        left: 0;
        flex-wrap: nowrap;
        padding: 20px 24px 11px;
        height: 48px
    }

    .news-section .item.news-item.news-list-item .news-badges .label-added {
        display: inline
    }
}

.news-section .item.news-item.news-list-item .news-badges .label.no-label + .label {
    margin: 0
}

@media (max-width: 1029px) {
    .news-section .item.news-item.news-list-item .news-badges {
        max-width: 100%
    }

    .news-section .item.news-item.news-list-item .news-badges .label.expired {
        flex: 0 1 auto;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .news-section .item.news-item.news-list-item .news-title-wrapper .news-title {
        font-size: 16px
    }
}

.news-section .item.news-item.news-list-item .news-info-wrapper {
    overflow: visible;
    padding: 0 16px;
    flex: 1 0 calc(100% - 106px);
    max-width: calc(100% - 106px)
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item .news-info-wrapper {
        padding: 0 24px;
        flex: 1 0 calc(100% - 352px);
        max-width: calc(100% - 352px);
        max-height: 79px;
        margin-top: 48px
    }
}

.news-section .item.news-item.news-list-item .news-info-wrapper .label.no-label + .label {
    margin: 0
}

.news-section .item.news-item.news-list-item .news-info-wrapper .platform-link-icons-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
    gap: 4px;
    height: 14px;
    margin: 8px 0 0
}

.news-section .item.news-item.news-list-item .news-info-wrapper .platform-link-icons-wrapper .platform-link-icon {
    display: flex;
    margin: 0
}

.news-section .item.news-item.news-list-item .news-info-wrapper .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-14 {
    max-height: 12px
}

.news-section .item.news-item.news-list-item .news-info-wrapper .labels-single-line .platform-link-icons-wrapper {
    margin: 0
}

.news-section .item.news-item.news-list-item .news-lead {
    margin-top: 8px
}

.news-section .item.news-item.news-list-item .news-lead > p {
    max-width: 100%
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item .news-lead {
        margin-top: 10px
    }

    .news-section .item.news-item.news-list-item .news-lead > p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-height: 38px
    }
}

.news-section .item.news-item.news-list-item .news-read-more {
    position: relative;
    right: auto;
    bottom: auto;
    flex: 0 0 calc(100% - 16px);
    margin-top: 16px
}

@media (min-width: 1030px) {
    .news-section .item.news-item.news-list-item .news-read-more {
        position: absolute;
        right: 24px;
        bottom: 20px
    }
}

.news-section .item.news-item.pinned .pinned-icon-box {
    position: absolute;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    top: 0;
    right: 0;
    background: 0 0;
    z-index: 1;
    padding: 12px 16px 0 0;
    height: 29px
}

.news-section .item.news-item.pinned .pinned-icon-box .label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    height: auto;
    margin: -1px 7.5px 0 0;
    padding: 0;
    display: none;
    color: inherit
}

.news-section .item.news-item.pinned .pinned-icon-box .svg-icon {
    display: block
}

.news-section .item.news-item.pinned.news-cat-deal .pinned-icon-box, .news-section .item.news-item.pinned.news-cat-wallet-friendly .pinned-icon-box {
    color: #279af1
}

.news-section .item.news-item.pinned.news-cat-subscription .pinned-icon-box {
    color: #ff6392
}

.news-section .item.news-item.pinned.news-cat-bundle .pinned-icon-box {
    color: #fe5f00
}

.news-section .item.news-item.pinned.news-cat-new-game .pinned-icon-box, .news-section .item.news-item.pinned.news-cat-preorder .pinned-icon-box {
    color: #00adbf
}

.news-section .item.news-item.pinned.news-cat-freebie .pinned-icon-box, .news-section .item.news-item.pinned.news-cat-giveaway .pinned-icon-box {
    color: #7600de
}

.news-section .item.news-item.pinned.news-cat-announcement .pinned-icon-box, .news-section .item.news-item.pinned.news-cat-blog .pinned-icon-box, .news-section .item.news-item.pinned.news-cat-gaming-news .pinned-icon-box {
    color: #eb1f32
}

.news-section .item.news-item.archived .news-image-wrapper {
    filter: grayscale(1);
    opacity: .5
}

.news-section .item.news-item.archived .news-info-wrapper .news-title-wrapper .news-title {
    color: #8f849a
}

.news-section .item.news-item.archived .news-info-wrapper .news-lead, .news-section .item.news-item.archived .news-info-wrapper .news-lead p {
    color: #c2bcc8
}

.news-content {
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #47404f
}

.news-content#news-tags {
    margin: 48px 0
}

.news-content blockquote {
    margin: 0 0 24px
}

@media (min-width: 1030px) {
    .news-section .item.news-item.pinned .pinned-icon-box .label {
        display: block
    }

    .news-content#news-tags {
        margin: 48px auto 24px
    }

    .news-content#news-tags:last-child:last-of-type {
        margin: 48px auto
    }

    .news-content blockquote {
        margin: 0 auto 48px
    }
}

.news-content ul {
    list-style: none
}

.news-content ul li ul {
    padding: 0
}

.news-content a {
    transition: color .2s;
    color: #279af1;
    text-decoration: none
}

.news-content a:hover {
    color: #52aef4;
    text-decoration: underline
}

.news-content img {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    box-shadow: none
}

.news-content iframe {
    max-width: 100%;
    border: none;
    outline: 0;
    display: block
}

.news-content iframe[src^="//www.youtube"], .news-content iframe[src^="//youtu.be"], .news-content iframe[src^="//youtube"], .news-content iframe[src^="https//www.youtube"], .news-content iframe[src^="https://youtu.be"] {
    margin-bottom: 48px;
    height: 240px
}

.news-content .twitter-tweet, .news-content .twitter-tweet[style], .news-content iframe.GleamEmbedzmxdy, .news-content iframe.GleamEmbedzmxdy[styles] {
    margin: 48px auto !important
}

.news-content .twitter-tweet iframe {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin: 0
}

@media (min-width: 795px) {
    .news-section .item.news-item.pinned .pinned-icon-box {
        padding: 13px 16px 0 0;
        height: 29px
    }

    .news-content {
        max-width: 608px
    }

    .news-content iframe {
        max-width: unset;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .news-content iframe[src^="//www.youtube"], .news-content iframe[src^="//youtu.be"], .news-content iframe[src^="//youtube"], .news-content iframe[src^="https//www.youtube"], .news-content iframe[src^="https://youtu.be"] {
        height: 342px
    }

    .news-content .twitter-tweet iframe {
        margin: 0
    }
}

@media (min-width: 1030px) {
    .news-content .twitter-tweet iframe {
        margin: 0
    }
}

.news-content .twitter-tweet + p {
    margin-bottom: 48px
}

.news-content .img-box {
    text-align: center;
    margin-left: -16px;
    margin-right: -16px
}

.news-content .games-box.article-games-box {
    margin: 32px -16px 48px
}

@media (min-width: 795px) {
    .news-content .games-box.article-games-box, .news-content .img-box {
        margin-left: -30px;
        margin-right: -30px
    }
}

.news-content ~ .article-games-box {
    margin-top: 48px
}

.news-content h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 21px;
    line-height: 27px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 24px;
    display: block;
    color: #332e38
}

.news-content h2:not(:first-child) {
    margin-top: 48px
}

@media (min-width: 1030px) {
    .news-content .img-box {
        margin-left: -16.666666%;
        margin-right: -16.666666%
    }

    .news-content h2 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        margin-bottom: 24px
    }

    .news-content h2:not(:first-child) {
        margin-top: 48px
    }
}

.news-content h2 > strong {
    font-weight: 600
}

.news-content h3 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 1em;
    font-weight: 600;
    display: block;
    color: #332e38
}

@media (min-width: 1030px) {
    .news-content h3 {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.news-content h3 > strong {
    font-weight: 600
}

.news-content h4 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1em;
    font-weight: 600
}

@media (min-width: 1030px) {
    .news-content h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 24px
    }
}

.news-content h4 > strong {
    font-weight: 600
}

.news-content strong {
    font-weight: 700
}

.news-content p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px
}

.news-content p:not(:empty) {
    margin-bottom: 24px
}

.news-content p ~ p > img:only-child {
    margin-bottom: 0
}

.news-content p ~ .games-box.article-games-box ~ p:empty {
    display: none
}

.news-content p:only-child {
    margin: 0
}

.news-content .lead {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 18px;
    border-left: 2px solid #47404f;
    color: #47404f;
    margin: 24px 0;
    line-height: 1
}

@media (min-width: 1030px) {
    .news-content p {
        font-size: 18px;
        line-height: 29px
    }

    .news-content .lead {
        padding-left: 27px;
        border-left-width: 3px;
        margin: 48px 0
    }
}

.news-content .lead strong {
    font-weight: inherit
}

.news-content .lead p {
    margin: 0;
    padding: 0 !important
}

.news-content > hr {
    border-top: 1px solid #ebe9ed
}

.news-content:last-child {
    margin-bottom: 48px
}

.news-content:last-child p:last-child {
    margin-bottom: 0
}

.news-content .article-platform-tabs-game-box {
    position: relative;
    margin: 32px -16px 48px
}

@media (min-width: 795px) {
    .news-content .article-platform-tabs-game-box {
        margin-left: -10.333333%;
        margin-right: -10.333333%
    }
}

@media (min-width: 1030px) {
    .news-content .article-platform-tabs-game-box {
        margin-left: -16.666666%;
        margin-right: -16.666666%
    }
}

@media (min-width: 1200px) {
    .news-content .games-box.article-games-box {
        margin: 48px -16.666666%
    }

    .news-content .games-box.article-games-box .game-item .game-info-wrapper .price-info-with-label .price-wrapper {
        flex: 0 0 26.4px
    }

    .news-content .article-platform-tabs-game-box {
        margin: 48px -106px
    }
}

@media (min-width: 1290px) {
    .news-content .article-platform-tabs-game-box {
        margin-left: -152px;
        margin-right: -152px
    }
}

.news-content .article-platform-tabs-game-box::before {
    transition: opacity .3s, bottom 10ms linear .3s;
    position: absolute;
    top: 0;
    opacity: 0;
    content: '';
    background: #f1f0f2;
    z-index: 30;
    left: -16px;
    right: -16px
}

.news-content .article-platform-tabs-game-box.loading::before {
    transition: opacity .3s;
    opacity: .7;
    bottom: 0
}

.news-content .article-platform-tabs-game-box .article-platform-tabs {
    border: none !important;
    margin: 0 0 4px;
    padding: 16px 0;
    background: #f4f5f6;
    overflow: hidden;
    justify-content: flex-start;
    align-items: flex-start
}

.news-content .article-platform-tabs-game-box .article-platform-tabs::after, .news-content .article-platform-tabs-game-box .article-platform-tabs::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    content: '';
    display: block;
    z-index: 2
}

.news-content .article-platform-tabs-game-box .article-platform-tabs::before {
    left: 0;
    background: linear-gradient(90deg, #f4f5f6 0, rgba(244, 245, 246, 0) 100%)
}

@media (min-width: 1200px) {
    .news-content .article-platform-tabs-game-box .article-platform-tabs {
        margin: 0;
        background: 0 0;
        padding: 0
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs::after, .news-content .article-platform-tabs-game-box .article-platform-tabs::before {
        bottom: 1px
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs::before {
        width: 8px;
        background: linear-gradient(90deg, #f1f0f2 0, rgba(241, 240, 242, 0) 100%)
    }
}

.news-content .article-platform-tabs-game-box .article-platform-tabs::after {
    right: 0;
    background: linear-gradient(90deg, rgba(244, 245, 246, 0) 0, #f4f5f6 100%)
}

.news-content .article-platform-tabs-game-box .article-platform-tabs .os-viewport {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start
}

.news-content .article-platform-tabs-game-box .article-platform-tabs .badges-container-inner {
    flex: 1 0 auto
}

.news-content .article-platform-tabs-game-box .article-platform-tabs.badges-container .badge-wrapper {
    margin-bottom: 0
}

.news-content .article-platform-tabs-game-box .article-platform-tabs.badges-container .badge-wrapper:first-of-type {
    margin-left: 16px
}

.news-content .article-platform-tabs-game-box .article-platform-tabs.badges-container .badge-wrapper:last-of-type {
    margin-right: 0;
    padding-right: 16px
}

.news-content .article-platform-tabs-game-box .article-platform-tabs .platform-tab.badge.badge-big {
    transition: background-color .2s, color .2s;
    position: relative;
    text-decoration: none;
    color: #47404f;
    border-color: transparent;
    border-style: solid;
    border-radius: 4px
}

.news-content .article-platform-tabs-game-box .article-platform-tabs .platform-tab.badge.badge-big.active {
    z-index: 6;
    color: #ebe9ed;
    background-color: #5c5365
}

@media (min-width: 1200px) {
    .news-content .article-platform-tabs-game-box .article-platform-tabs::after {
        background: linear-gradient(90deg, rgba(241, 240, 242, 0) 0, #f1f0f2 100%)
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs .badges-container-inner::after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        content: '';
        background: #d6d2da;
        z-index: 3
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs.badges-container .badge-wrapper:first-of-type {
        margin-left: 8px
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs .platform-tab.badge.badge-big {
        padding: 12px 19px 12px 16px;
        border-radius: 4px 4px 0 0;
        border-width: 1px 1px 0
    }

    .news-content .article-platform-tabs-game-box .article-platform-tabs .platform-tab.badge.badge-big.active {
        background-color: #f4f5f6;
        color: #47404f;
        border-color: #d6d2da
    }
}

.news-content .article-platform-tabs-game-box .article-platform-tabs .platform-tab.badge.badge-big:hover {
    text-decoration: none
}

.news-content .article-platform-tabs-game-box .article-platform-content {
    display: none
}

.news-content .article-platform-tabs-game-box .article-platform-content.active {
    display: block
}

.news-content .article-platform-tabs-game-box .article-platform-content .games-box.article-games-box {
    border: none;
    margin: 0 !important
}

.news-content .article-platform-tabs-game-box .article-platform-content .games-box.article-games-box .game-info-wrapper .price-wrapper {
    text-align: right
}

.news-content .article-platform-tabs-game-box .article-platform-content .games-box.article-games-box .game-info-wrapper .price-wrapper .price-label.fee-label {
    flex: 0 0 100%;
    margin: 0 0 4px;
    order: 1
}

.news-content .news-inner-cta .action-btn.action-desktop-btn {
    height: auto
}

.news-content .news-inner-cta .action-btn.action-desktop-btn .cta-label {
    height: auto;
    white-space: normal
}

.news-content figure.image {
    display: block;
    margin: 24px 0
}

.news-content figure.image img {
    transition: transform .3s;
    display: block;
    transform-origin: center bottom
}

.news-content figure.image figcaption {
    display: block;
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #8f849a;
    text-decoration: none
}

.news-content .figure-link, .news-content .figure-link:hover {
    text-decoration: none
}

@media (min-width: 1200px) {
    .news-content .article-platform-tabs-game-box .article-platform-content .games-box.article-games-box .game-info-wrapper .price-wrapper .price-label.fee-label {
        flex: 0 0 auto;
        order: unset;
        margin: 0 8px 0 0
    }

    .news-content figure.image {
        margin: 36px 0;
        overflow: hidden
    }

    .news-content .figure-link:hover figure.image img {
        transform: scale(1.05)
    }
}

.news-content .game-info-widget {
    background: #f4f5f6;
    border-radius: 4px;
    padding: 12px 16px
}

.news-content .game-info-widget .game-info-details {
    display: flex;
    flex-direction: column;
    gap: 6px 24px;
    width: 100%;
    margin: 0
}

@media (min-width: 480px) and (max-width: 1199px) {
    .news-content .game-info-widget .game-info-details {
        width: 100%;
        margin: 0
    }
}

.news-content .game-info-widget .game-info-column {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 0 0 auto;
    gap: 6px
}

.news-content .game-info-widget .game-info-details-section {
    padding: 0;
    margin: 0;
    min-height: 24px;
    flex: 0 0 auto;
    max-width: 100%
}

.news-content .game-info-widget .game-info-details-content a, .news-content .game-info-widget .game-info-details-content a:hover {
    text-decoration: none
}

@media (min-width: 795px) {
    .news-content .game-info-widget {
        padding: 16px 24px
    }

    .news-content .game-info-widget.with-scores .game-info-details {
        flex-direction: row;
        flex-wrap: nowrap
    }

    .news-content .game-info-widget.with-scores .game-info-column {
        max-width: calc(50% - 12px);
        flex: 0 0 calc(50% - 12px)
    }
}

.news-content .game-info-details-section .tags-list-trim {
    max-height: 36px
}

.news-content .game-info-details-section .tags-list-trim .tag:not(:last-of-type):not(:only-of-type)::after {
    content: ', '
}

.news-card {
    overflow: hidden;
    margin: 16px 0 0
}

.collapsible-showHide {
    display: none;
    color: #70657b;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    margin-left: 26px;
    cursor: pointer;
    margin-bottom: 16px
}

.collapsible-showHide .svg-icon {
    width: 12px;
    height: 9px;
    display: inline-block;
    margin-right: 6px
}

.news-deals-container {
    padding: 24px 30px 0;
    margin: 0 -30px;
    background-color: #f4f5f6
}

.news-deals-container.with-more-link {
    margin-bottom: 48px
}

.news-deals-container .news-deals-header .widget-heading {
    font-size: 18px;
    line-height: 21px
}

.news-deals-container .game-info-heading {
    margin-top: 0
}

@media (max-width: 1199px) {
    .news-deals-container .filter-form .filter-dropdown:not(.open) .filter-line:not(.no-border)::before {
        width: 100%
    }
}

@media (max-width: 794px) {
    .news-deals-container .filter-form .filter-dropdown:not(.open) .filter-line .filters-line-container {
        margin-left: -16px;
        margin-right: -16px;
        flex: 1 0 auto;
        max-width: unset
    }
}

.news-deals-container .emptyProvider {
    width: 100%
}

.news-deals-container .emptyProvider .list-items {
    width: inherit
}

.news-deals-container .emptyProvider .list-items .empty {
    width: inherit;
    padding-bottom: 24px
}

.news-deals-container .empty-results-container .empty-results-icon .svg-icon.svg-icon-ghost {
    color: #d6d2da;
    fill: #FFF
}

.news-deals-container .selected-filters {
    background-color: transparent
}

.news-deals-container .search-bar-input {
    border: 1px solid #d6d2da
}

.news-deals-container .list-view {
    margin-bottom: 0 !important
}

.news-deals-container .list {
    flex: 0 0 100%
}

.news-deals-container .list .list-items {
    flex: 1 0 auto;
    max-width: 100vw;
    background: #f1f0f2
}

@media (min-width: 795px) {
    .news-deals-container .list .list-items {
        max-width: 735px
    }
}

@media (min-width: 1030px) {
    .news-deals-container .list .list-items {
        max-width: 808px;
        background: 0 0
    }

    .news-deals-container .filters-bottom-container {
        border-top: 1px solid #eae9ec
    }
}

@media (min-width: 1200px) {
    .news-deals-container .list .list-items {
        max-width: 820px
    }
}

.news-deals-container .list .list-items .game-item {
    border-top: 1px solid #eae9ec
}

.news-deals-container .list .list-items .game-item:last-child {
    border-bottom: 1px solid #eae9ec
}

.news-deals-container .list .list-items .game-item .game-cta .cta-label {
    display: none
}

.news-deals-container .list.emptyProvider .list-items {
    border: none;
    z-index: unset
}

.news-deals-container .list.emptyProvider .game-item {
    border: none
}

.news-deals-container .filter-form .filter-line:not(.no-border)::before {
    background: #eae9ec
}

.news-deals-container .filters-bottom-container .side-filters {
    right: -16px
}

.news-deals-container .navigation-line {
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 24px 0 0;
    padding: 0 0 24px;
    max-width: 100vw;
    height: 48px
}

@media (min-width: 795px) {
    .news-deals-container .filters-bottom-container .side-filters {
        right: 0
    }

    .news-deals-container .navigation-line {
        flex: 1 0 auto;
        padding: 0 5px 24px 22px;
        max-width: 735px
    }
}

@media (min-width: 1030px) {
    .news-deals-container .filters-bottom-container .side-filters {
        padding: 23px 0 5px
    }

    .news-deals-container .navigation-line {
        max-width: 808px
    }

    .news-deals-container .news-deals-content ~ .btn-show-more-container.news-section {
        border-top: none;
        border-bottom: none !important
    }
}

@media (min-width: 1200px) {
    .news-deals-container .navigation-line {
        max-width: 820px
    }
}

@media (min-width: 1290px) {
    .news-deals-container .list .list-items, .news-deals-container .navigation-line {
        max-width: 912px
    }
}

.news-deals-container .navigation-line .filter-dropdown.page-size-filter {
    margin-right: 0
}

.news-deals-container .navigation-line .filter-dropdown.page-size-filter .current {
    padding-left: 0
}

.news-deals-container .navigation-line .bottom-pagination {
    padding: 0;
    margin-bottom: 0
}

.news-deals-container .navigation-line .pagination {
    margin: -4px 0 0 auto
}

.news-deals-container.with-more-link .navigation-line {
    border-bottom: 1px solid #eae9ec
}

.news-deals-container .news-deals-content .news-section .list-items {
    padding: 8px 0
}

.news-deals-container .filter-form .mobile-filter.main-filter-line:not(.open) > .current {
    left: -16px
}

.news-deals-container .filter-form:not(.with-header) .mobile-filter.main-filter-line:not(.open) > .current {
    top: 47px
}

@media (min-width: 795px) {
    .news-deals-container .filter-form .mobile-filter.main-filter-line:not(.open) > .current {
        left: 0
    }

    .news-deals-container .filter-form:not(.with-header) .mobile-filter.main-filter-line:not(.open) > .current {
        top: 36px
    }

    .news-deals-container .news-section {
        margin: 0 -30px
    }

    .news-deals-container .navigation-line {
        align-items: center
    }

    .news-deals-container .navigation-line .after-page-size-label {
        line-height: 18.5px;
        height: 19px
    }

    .news-deals-container .pagination {
        margin: 0 0 0 auto
    }
}

@media (min-width: 1030px) {
    .news-deals-container .news-deals-content .news-section .list-items {
        padding: 0
    }

    .news-deals-container .navigation-line {
        padding: 0 20px 24px 22px
    }

    .news-deals-container .filter-line.collapsible .filters-line-container .filter-dropdown {
        transition: max-height .2s, opacity .2s
    }

    .news-deals-container .filter-line.collapsible .filters-bottom-container {
        transition: border-width .2s;
        margin-bottom: 10px;
        flex: 1 1 auto
    }

    .news-deals-container .filter-line.collapsible .selected-filters {
        flex: 0 0 100%;
        align-items: center;
        order: 3
    }

    .news-deals-container .filter-line.collapsible .selected-filters:not(.empty) {
        order: unset;
        flex: 1 0 auto;
        max-width: 80%;
        border-top: 1px solid #d6d2da
    }

    .news-deals-container .filter-line.collapsible .selected-filters:not(.empty-desktop) {
        padding: 16px 0
    }

    .news-deals-container .filter-line.collapsed .collapsible-showHide {
        display: inline-block
    }

    .news-deals-container .filter-line.collapsed .filters-line-container {
        flex: 1 0 auto
    }

    .news-deals-container .filter-line.collapsed .filters-line-container .filter-dropdown {
        opacity: 0;
        width: 0;
        max-height: 0;
        margin: 0
    }

    .news-deals-container .filter-line.collapsed .filters-bottom-container {
        flex: 1 1 auto;
        margin-left: auto;
        border-width: 0
    }

    .news-deals-container .filter-line.collapsed .selected-filters {
        order: 3;
        flex: 0 0 100%;
        border: none
    }

    .news-deals-container .filter-line.collapsed .selected-filters:not(.empty) {
        order: 3;
        flex: 0 0 100%;
        max-width: unset;
        padding: 24px 0
    }
}

.single-news-container {
    background: #f1f0f2
}

.single-news-container::after {
    display: flex;
    content: ''
}

.single-news-container table td {
    padding: 8px
}

.row-news {
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px
}

.row-news .col-news-content-left {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

@media (min-width: 795px) {
    .row-news {
        margin-left: 0;
        margin-right: 0
    }

    .row-news .col-news-content-left {
        margin: 0 auto
    }
}

@media (min-width: 1030px) {
    .row-news .col-news-content-left {
        max-width: 808px;
        box-sizing: border-box
    }
}

@media (min-width: 1200px) {
    .row-news .col-news-content-left {
        max-width: 820px;
        margin: 0
    }
}

@media (min-width: 1290px) {
    .row-news .col-news-content-left {
        max-width: 912px
    }
}

.row-news .col-news-content-left .single-news-container {
    margin: 0;
    padding: 0 16px
}

.row-news .col-news-content-left .single-news-container ~ .page-social-widget {
    margin: 1px -12px 40px
}

.row-news .col-news-content-left .single-news-container ~ .page-social-widget .social-widget-box.social-box-discord, .row-news .col-news-content-left .single-news-container ~ .page-social-widget .social-widget-box.social-box-feedback, .row-news .col-news-content-left .single-news-container ~ .page-social-widget .social-widget-box.social-box-follow {
    margin-top: 0;
    margin-bottom: 0
}

.row-news .col-news-content-right {
    margin-left: auto;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box
}

@media (min-width: 795px) {
    .row-news .col-news-content-left .single-news-container {
        padding: 0 30px
    }

    .row-news .col-news-content-right {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1030px) {
    .row-news .col-news-content-left .single-news-container ~ .page-social-widget {
        margin-bottom: 80px
    }

    .row-news .col-news-content-right {
        max-width: 912px;
        box-sizing: content-box
    }

    .single-news-page .row-news .col-news-content-right {
        max-width: 808px
    }
}

.single-news-page .row-news .col-news-content-right {
    margin-top: 36px
}

@media (min-width: 795px) {
    .single-news-page .row-news .col-news-content-right {
        margin-top: 48px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .row-news .col-news-content-right {
        position: relative;
        flex: 0 0 288px;
        max-width: 288px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 0 auto
    }

    .single-news-page .row-news .col-news-content-right {
        margin-top: 0
    }
}

.single-news-page .news-inner-cta {
    margin: 24px 0;
    background: #f4f5f6
}

.single-news-page .news-inner-cta .news-content {
    padding: 24px 16px;
    margin-bottom: 0;
    text-align: center
}

.single-news-page .news-inner-cta .news-content p {
    display: block;
    margin-bottom: 12px;
    margin-top: 0
}

.single-news-page .news-inner-cta .news-content .action-btn {
    width: auto;
    display: inline-flex
}

.single-news-page .game-about-slider {
    margin: 32px 0;
    width: auto
}

@media (min-width: 795px) {
    .single-news-page .game-about-slider {
        margin-left: -10.333333% !important;
        margin-right: -10.333333% !important
    }
}

@media (min-width: 1030px) {
    .single-news-page .game-about-slider {
        margin-top: 48px;
        margin-bottom: 48px;
        margin-left: -16.666666% !important;
        margin-right: -16.666666% !important
    }
}

@media (min-width: 1200px) {
    .single-news-page .game-about-slider {
        margin-left: -106px !important;
        margin-right: -106px !important
    }
}

@media (min-width: 1290px) {
    .single-news-page .game-about-slider {
        margin-left: -152px !important;
        margin-right: -152px !important
    }
}

.single-news-page .news-inner-gallery {
    margin-top: 32px;
    margin-bottom: 32px
}

.single-news-page .news-inner-gallery .news-inner-gallery-wrapper {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
    display: flex
}

.single-news-page .news-inner-gallery .news-gallery-image-box {
    width: calc(33.33% - 16px * .66667);
    margin: 0;
    max-height: 256px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.single-news-page .news-inner-gallery .news-gallery-image-box .news-gallery-image-link {
    width: auto;
    height: 100%;
    max-height: inherit;
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    margin: 0
}

.single-news-page .news-inner-gallery .news-gallery-image-box .news-gallery-image {
    transition: .5s;
    transform-origin: bottom center;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom;
    box-sizing: border-box;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

.single-news-page .news-inner-gallery .news-gallery-image-box:hover .news-gallery-image {
    transform: scale(1.05)
}

.single-news-page .news-inner-gallery.gallery-cropped .news-gallery-image-box .news-gallery-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.single-news-page .news-inner-gallery .news-inner-gallery-description {
    margin: 12px 0 0;
    padding: 12px 16px;
    font-size: 13px;
    line-height: 16px;
    background: #f4f5f6
}

.news-heading-expired-info {
    z-index: 2;
    background: #f4f5f6;
    box-sizing: border-box;
    padding: 16px
}

@media (min-width: 795px) {
    .news-heading-expired-info {
        padding: 24px 30px;
        position: absolute;
        left: 0;
        right: 1px;
        bottom: 0;
        width: 100%
    }
}

.news-heading-expired-info .heading-expired {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #1f1c22;
    display: block;
    margin-bottom: 16px
}

@media (min-width: 1030px) {
    .news-heading-expired-info {
        padding: 24px 40px
    }

    .news-heading-expired-info .heading-expired {
        font-size: 24px;
        line-height: 24px
    }
}

.news-heading-expired-info .content-expired {
    display: block;
    margin-bottom: 16px;
    font-weight: 400;
    color: #47404f;
    font-size: 14px;
    line-height: 16px
}

.news-heading-expired-info .content-expired strong {
    font-weight: 700
}

.news-heading {
    display: block;
    padding: 16px 0 0
}

@media (min-width: 795px) {
    .news-heading {
        padding: 24px 30px 0
    }
}

.news-heading .news-heading-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    row-gap: 4px
}

.news-heading .news-heading-top ul.game-labels {
    margin: 0
}

.news-heading .news-heading-top .platform-link-icons-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: 16px;
    margin: 0
}

.news-heading .news-heading-top .platform-link-icons-wrapper .platform-link-icon {
    display: flex;
    margin: 0
}

.news-heading .news-heading-top .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16 {
    max-height: 12px
}

.news-heading .news-heading-title {
    margin: 16px 0
}

.news-heading .news-heading-title h1 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    margin: 0;
    display: block;
    font-weight: 700;
    color: #1f1c22;
    font-size: 21px;
    line-height: 27px
}

@media (min-width: 1030px) {
    .news-heading-expired-info .content-expired {
        font-size: 16px;
        line-height: 24px
    }

    .news-heading {
        padding: 24px 40px 0
    }

    .news-heading .news-heading-top .platform-link-icons-wrapper {
        gap: 8px
    }

    .news-heading .news-heading-top .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16 {
        max-height: 16px
    }

    .news-heading .news-heading-top .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16.svg-platform-pc, .news-heading .news-heading-top .platform-link-icons-wrapper .platform-link-icon .svg-icon.size-16.svg-platform-playstation {
        width: 20px
    }

    .news-heading .news-heading-title {
        margin: 12px 0 8px
    }

    .news-heading .news-heading-title h1 {
        font-size: 34px;
        line-height: 42px
    }
}

.news-heading .news-heading-bottom {
    flex-direction: column;
    margin: 0 0 16px
}

@media (min-width: 795px) {
    .news-heading .news-heading-bottom {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 24px;
        align-items: center
    }
}

.news-heading .news-heading-bottom .news-heading-details {
    display: block;
    flex: 0 0 auto;
    max-width: 100%
}

.news-heading .news-heading-bottom .news-heading-details .tags.news-info {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.news-heading .news-heading-bottom .news-heading-goto {
    display: block;
    flex: 0 0 auto;
    margin: 16px 0 0
}

.news-heading .news-share {
    width: 100%;
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: block;
    height: 16px
}

.news-heading .news-share li {
    display: inline-block
}

.news-heading .news-share li:not(:first-child) {
    margin-left: 15px
}

.news-heading .news-share li .news-share-btn {
    transition: color .2s;
    height: 16px;
    width: 16px;
    display: block;
    color: #47404f
}

.news-heading .news-share li .news-share-btn .svg-icon {
    width: 100%;
    height: 100%;
    color: inherit
}

.news-heading .news-share li .news-share-btn:active, .news-heading .news-share li .news-share-btn:hover {
    color: #1f1c22
}

.news-heading-image {
    display: block;
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px
}

.news-heading-image img {
    width: 100%;
    height: auto
}

#news-card .game-labels .badge-expired {
    display: none
}

#news-card .game-labels .badge-expiry .badge {
    text-transform: none
}

#news-card .game-labels .badge-expiry .badge time {
    text-transform: lowercase
}

#news-card .grid-list, #news-card .list-view {
    margin: 0 0 24px
}

#news-card .news-games-container {
    clear: both
}

#news-card #comments {
    margin: 48px 0 0;
    width: auto;
    display: block;
    box-shadow: none
}

#news-card #comments #disqus_recommendations {
    line-height: 0
}

#news-card #comments #disqus_thread {
    background-color: #f4f5f6;
    margin-bottom: 20px
}

#news-card ul {
    list-style-position: inside
}

#news-card .news-suggested-container {
    margin-top: 48px;
    padding: 0 16px
}

#news-card .news-suggested-container .widget-heading {
    margin-bottom: 24px
}

#news-card .news-suggested-container .news-list {
    margin-bottom: 0;
    grid:unset;
    grid-gap: unset;
    margin-left: -16px;
    margin-right: -16px;
    max-width: unset
}

@media (min-width: 795px) {
    .news-heading .news-heading-bottom .news-heading-goto {
        margin-top: 0;
        margin-left: auto;
        align-self: flex-end
    }

    .news-heading-image {
        margin-left: -30px;
        margin-right: -30px
    }

    #news-card .news-suggested-container {
        padding: 0
    }

    #news-card .news-suggested-container .widget-heading {
        margin-bottom: 0
    }

    #news-card .news-suggested-container .news-list {
        margin-left: -8px;
        margin-right: -8px
    }
}

#news-card .news-suggested-container .news-list .news-list-col.news-list-col-hidden {
    padding-top: 0;
    padding-bottom: 0
}

.list-more-wrapper .news-list .news-list-col {
    transition: max-height .3s, opacity .3s, padding .3s;
    overflow: hidden
}

.list-more-wrapper .news-list .news-list-col.news-list-col-hidden {
    max-height: 0;
    opacity: 0
}

.list-more-wrapper .news-list .news-list-col.swiper-slide {
    height: auto
}

@media (max-width: 1029px) {
    #news-card .container {
        overflow: visible
    }

    #news-card .news-suggested-container .news-list .news-list-col.news-list-col-hidden {
        margin-top: 0
    }

    .list-more-wrapper .news-list .news-list-col.swiper-slide {
        max-height: unset;
        opacity: 1;
        padding-top: 12px !important;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 20px;
        margin-top: 0 !important
    }

    .list-more-wrapper .news-list .news-list-col.swiper-slide:first-child {
        margin-left: 8px
    }

    .list-more-wrapper .news-list .news-list-col.swiper-slide:last-child {
        margin-right: 0
    }

    .list-more-wrapper .news-list .news-list-col .news-info-wrapper {
        max-height: 136px
    }
}

@media (max-width: 794px) {
    .list-more-wrapper .news-list .news-list-col.swiper-slide {
        flex: 0 0 242px;
        width: 242px
    }

    .list-more-wrapper .news-list .news-list-col.swiper-slide:first-child {
        margin-left: 16px
    }

    .list-more-wrapper .news-list .news-list-col.swiper-slide:last-child {
        margin-right: 16px
    }
}

.list-more-wrapper .news-list .swiper-wrapper {
    height: 100%;
    flex-wrap: wrap;
    flex-direction: row
}

@media (max-width: 1029px) {
    .list-more-wrapper .news-list .news-list-col .news-lead {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        box-orient: vertical
    }

    .list-more-wrapper .news-list .swiper-wrapper {
        flex-wrap: nowrap;
        margin: 16px 0
    }

    .list-more-wrapper .news-list.single-news-list-slider + .btn-show-more-container {
        display: none
    }
}

@media (max-width: 794px) {
    .list-more-wrapper .news-list .swiper-wrapper {
        margin: 0 0 16px
    }

    body.franchises-page .main-content .title-container:not(#footer-main-description) .main-description {
        margin-bottom: -16px
    }
}

.list-more-wrapper.ajax-list-full .news-list .news-list-col.news-list-col-hidden, .list-more-wrapper.show-more .news-list .news-list-col.news-list-col-hidden {
    max-height: 800px;
    opacity: 1;
    padding-top: 16px !important;
    padding-bottom: 38px !important;
    margin-top: 16px !important
}

@media (min-width: 1030px) {
    .news-heading .news-share {
        margin: 6px 0 0
    }

    #news-card #comments {
        width: 100%
    }

    #news-card .news-suggested-container .news-list {
        margin-left: -12px;
        margin-right: -12px
    }

    #news-card .news-suggested-container .news-list .news-list-col.news-list-col-hidden:not(.news-list-col-hidden-md) {
        margin-top: 0
    }

    #news-card .news-suggested-container .news-list .news-list-col.news-list-col-hidden.news-list-col-hidden-md {
        padding-top: 12px;
        padding-bottom: 38px
    }

    .list-more-wrapper .news-list .news-list-col.news-list-col-hidden.news-list-col-hidden-md {
        max-height: 800px;
        opacity: 1
    }

    .list-more-wrapper.ajax-list-full .news-list .news-list-col.news-list-col-hidden, .list-more-wrapper.show-more .news-list .news-list-col.news-list-col-hidden {
        margin-top: 24px !important
    }
}

.list-more-wrapper.show-more:not(.list-more-ajax-wrapper) .btn-show-more-container {
    display: none
}

.widget-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
    color: #1f1c22
}

.widget-heading ~ .game-related-container {
    margin-top: 24px
}

.widget-box {
    margin-top: 50px
}

.widget-box .widget-heading {
    font-weight: 550;
    padding: 0 16px
}

@-moz-document url-prefix() {
    .widget-box .widget-heading {
        font-weight: 500
    }
}

.new-news-widget .widget-heading {
    font-weight: 550
}

@-moz-document url-prefix() {
    .new-news-widget .widget-heading {
        font-weight: 500
    }
}

.new-news-widget.news-suggestions-widget .item.news-item.news-grid-item .label.no-label .label-added {
    display: none
}

.widget-side-wrapper {
    padding: 0 16px
}

@media (min-width: 795px) {
    .list-more-wrapper .news-list .swiper-wrapper + .slider-progress-wrap {
        width: calc(100% - 16px);
        margin: 0 8px
    }

    .widget-box .widget-heading, .widget-side-wrapper {
        padding: 0
    }
}

.widget-side-box {
    flex: 0 0 100%
}

@media (min-width: 1200px) {
    .widget-side-box {
        flex: unset;
        max-width: unset;
        padding: 0;
        width: 100%
    }

    .widget-side-box:first-child {
        margin-top: 0
    }
}

.widget-side-box .widget-side-header {
    padding-bottom: 16px;
    border-bottom: 1px solid #d6d2da;
    flex-wrap: nowrap
}

.widget-side-box .widget-side-title {
    display: block;
    max-width: 60%;
    flex: 0 0 60%
}

.widget-side-box .widget-side-title h3 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 400;
    color: #1f1c22;
    margin: 0
}

.widget-side-box .widget-side-options {
    display: block;
    max-width: 40%;
    flex: 0 0 40%;
    text-align: right
}

.widget-side-box .widget-side-item-row {
    margin-top: 16px
}

.widget-side-box .widget-side-item-row::after {
    margin-top: 16px;
    width: 100%;
    display: block;
    height: 1px;
    background: #d6d2da;
    content: ''
}

.widget-side-box .widget-side-item-row .widget-side-image {
    flex: 1;
    overflow: hidden
}

.widget-side-box .widget-side-item-row .widget-side-image.widget-side-image-news {
    flex: 0 0 90px;
    max-width: 90px
}

.widget-side-box .widget-side-item-row .widget-side-image img {
    max-width: 100%
}

.widget-side-box .widget-side-item-row .widget-side-info {
    flex: 1;
    padding-left: 8px;
    line-height: 14px
}

.widget-side-box .widget-side-full-link {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.widget-side-box .widget-side-item-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #1f1c22;
    text-decoration: none;
    display: block
}

.widget-side-pin-wrapper {
    margin-top: 32px;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 1200px) {
    .widget-side-pin-wrapper {
        flex: unset;
        max-width: unset;
        padding: 0;
        width: 100%
    }

    .widget-side-pin-wrapper:first-child {
        margin-top: 0
    }
}

.widget-side-box {
    flex: 0 0 100%;
    max-width: 100%;
    width: inherit;
    margin: 0
}

@media (max-width: 1199px) {
    .widget-side-box[style] {
        top: auto !important
    }
}

@media (min-width: 1200px) {
    .widget-side-box {
        flex: 0 0 288px;
        width: 288px
    }

    .col-right.with-pagination .widget-side-box {
        margin-bottom: 46px
    }

    .widget-side-box.pinned {
        position: fixed
    }

    .widget-side-box.pinned.bottom {
        position: absolute;
        bottom: 0
    }
}

.game-info-no-deals-container {
    background: #f4f5f6;
    padding: 16px;
    margin: 1px 0 0;
    flex-direction: row;
    flex-wrap: wrap
}

.game-info-no-deals-container .game-info-no-deals-content {
    display: block;
    flex: 0 0 100%;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1030px) {
    .game-info-no-deals-container {
        border-top: 1px solid #eae9ec;
        margin: 0;
        padding: 32px 24px
    }

    .game-info-no-deals-container .game-info-no-deals-content {
        font-size: 18px;
        line-height: 29px
    }
}

.game-info-no-deals-buttons {
    flex-direction: row;
    flex: 0 0 100%;
    margin-top: 24px
}

.game-info-no-deals-buttons .game-action-wrap {
    width: auto;
    cursor: pointer;
    margin: 0 12px
}

.game-info-no-deals-buttons .game-action-wrap:not(.color-btn) {
    background-color: #e0dde3
}

.game-info-no-deals-buttons .game-action-wrap:not(.color-btn):hover {
    background-color: #c2bcc8
}

.game-info-no-deals-buttons .game-action-wrap.action-btn.action-desktop-btn {
    padding: 0
}

.game-info-no-deals-buttons .game-action-wrap .game-action {
    padding: 8px 12px 8px 16px;
    align-items: center;
    display: inline-flex
}

.game-info-no-deals-buttons .game-action-wrap .game-action .svg-icon {
    margin: 0 8px 0 0;
    width: 16px;
    height: 16px
}

.game-info-no-deals-buttons .game-action-wrap .game-action .cta-label {
    display: inline-block
}

.game-info-no-deals-buttons .game-action-wrap .game-action.default-hide {
    display: none
}

.news-article .news-content .article-games-box, .news-article .news-content .article-games-box.games-box {
    border-top: 1px solid #eae9ec
}

@media (min-width: 795px) {
    .news-article .news-content .article-games-box, .news-article .news-content .article-games-box.games-box {
        margin-left: -10.333333% !important;
        margin-right: -10.333333% !important
    }
}

@media (min-width: 1030px) {
    .news-article .news-content .article-games-box, .news-article .news-content .article-games-box.games-box {
        margin-left: -16.666666% !important;
        margin-right: -16.666666% !important
    }

    .news-article .news-content .article-games-box + p:empty, .news-article .news-content .article-games-box.games-box + p:empty {
        display: block !important;
        margin-bottom: 24px
    }
}

@media (min-width: 1200px) {
    .news-article .news-content .article-games-box, .news-article .news-content .article-games-box.games-box {
        margin-left: -106px !important;
        margin-right: -106px !important
    }
}

@media (min-width: 1290px) {
    .news-article .news-content .article-games-box, .news-article .news-content .article-games-box.games-box {
        margin-left: -152px !important;
        margin-right: -152px !important
    }
}

.news-article .btn-show-more-container:not(.no-bg) {
    background: #f4f5f6;
    padding: 16px 0;
    margin: 4px 0 0
}

@media (max-width: 1029px) {
    .new-news-widget.news-suggestions-widget .item.news-item.news-grid-item .news-badges {
        margin: 0 -8px 12px;
        width: calc(100% + 16px)
    }

    .news-article .btn-show-more-container:not(.no-bg):last-child {
        margin-bottom: -8px
    }

    .user-alerts-page .games-box .game-item.alert-item:not(.top-alert-item) {
        min-height: 96px
    }
}

@media (min-width: 1200px) {
    .news-article .btn-show-more-container:not(.no-bg) {
        border-top: 1px solid #eae9ec;
        margin: 0
    }
}

.news-article.expired .row-news .news-heading .news-heading-title h1 {
    color: #8f849a
}

.news-article.expired .row-news .news-heading-image::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    opacity: .5;
    content: '';
    display: block
}

.news-article.expired .row-news .news-heading-image > img {
    filter: grayscale(1)
}

.news-article .article-news-read-next-box {
    margin: 24px 0;
    padding: 16px 16px 16px 12px;
    border-left: 4px solid #279af1;
    background: #f4f5f6;
    color: #70657b
}

.news-article .article-news-read-next-box .news-label {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 0 0 4px
}

.news-article .article-news-read-next-box .news-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    color: #279af1;
    text-decoration: none
}

@media (min-width: 1200px) {
    .news-article .article-news-read-next-box .news-title {
        font-size: 18px;
        line-height: 25px
    }
}

.news-article .article-news-read-next-box .news-title:hover {
    color: #52aef4;
    text-decoration: none
}

.news-article .games-box.article-games-box .game-item.game-item-in-bundle:not(:first-of-type) {
    margin-top: 4px
}

.popup-content .game-item-column-head {
    z-index: 2;
    border-bottom: 1px solid #eae9ec
}

.popup-content .game-item-column-head .price-label .tier-price .games-count {
    display: block
}

.popup-content .game-item-wrapper.list {
    z-index: 1;
    margin-top: -1px
}

.popup-content .btn-show-more-container, .popup-content .empty {
    padding-bottom: 24px
}

body.single-news-page.mfp-zoom-out-cur .mfp-container {
    padding-left: 16px;
    padding-right: 16px
}

body.single-news-page.mfp-zoom-out-cur .mfp-container .mfp-content .mfp-figure .mfp-close {
    width: 24px;
    height: 24px;
    color: #fff;
    top: -32px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 26px;
    line-height: 26px
}

.games-box.article-games-box ~ .news-content {
    margin-top: 48px
}

.news-single-tags-container {
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width: 1030px) {
    .news-article .games-box.article-games-box .game-item.game-item-in-bundle:not(:first-of-type) {
        margin-top: 0
    }

    .popup-content .game-item-wrapper.list {
        max-height: 452px
    }

    .games-box.article-games-box .game-item .game-info-wrapper {
        max-width: calc(100% - 259px)
    }

    .news-single-tags-container {
        flex-wrap: nowrap
    }
}

.news-single-tags-container .news-single-tags-label {
    flex: 0 0 auto;
    font-weight: 700;
    color: #1f1c22;
    font-size: 16px;
    line-height: 20px
}

.news-single-tags-container .news-single-tags-label .svg-icon {
    display: inline-block;
    margin-right: 6px;
    width: 18px;
    height: 18px
}

@media (min-width: 1030px) {
    .news-single-tags-container .news-single-tags-label {
        font-size: 18px;
        line-height: 29px
    }

    .news-single-tags-container .news-single-tags-label .svg-icon {
        width: 14px;
        height: 14px
    }
}

.news-single-tags-container .news-single-tags-list {
    flex: 1 1 auto;
    max-width: 100%;
    display: block;
    color: #1f1c22;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    padding-left: 8px
}

.news-single-tags-container .news-single-tags-list .news-single-tag-link {
    display: inline-block;
    margin-bottom: 8px;
    color: #279af1;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1030px) {
    .news-single-tags-container .news-single-tags-list, .news-single-tags-container .news-single-tags-list .news-single-tag-link {
        font-size: 18px;
        line-height: 29px
    }
}

.news-summary {
    position: relative
}

.news-summary .news-summary-content {
    border-bottom: 1px solid #e0dde3;
    padding: 0 0 20px;
    margin: 20px 0
}

.news-summary .news-summary-content .news-summary-toggle {
    transition: margin .2s linear;
    background: 0 0;
    padding: 0;
    align-items: center;
    color: #5c5365;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: left
}

.news-summary .news-summary-content .news-summary-toggle span {
    display: block;
    flex: 0 0 auto
}

.news-summary .news-summary-content .news-summary-toggle::after {
    transition: transform .4s ease-in-out;
    margin: 0 0 0 8px;
    display: block;
    flex: 0 0 auto;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #5c5365 transparent transparent;
    transform: translateY(2px);
    transform-origin: 4px 3px
}

.news-summary .news-summary-content .news-summary-inner {
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.news-summary .news-summary-content .news-summary-single {
    display: block;
    flex: 0 0 auto;
    width: 100%
}

.news-summary .news-summary-content .news-summary-link {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 24px;
    color: #279af1
}

.news-summary .news-summary-content .news-summary-link:hover {
    color: #52aef4;
    text-decoration: none
}

.news-summary .news-summary-content .news-summary-link.news-summary-link-inner {
    margin-left: 20px
}

.news-summary .news-summary-content .news-summary-link span {
    display: block;
    flex: 0 1 auto;
    max-width: 100%;
    font-weight: 600
}

.news-summary .news-summary-content .news-summary-link span.news-summary-counter {
    margin-right: 8px
}

.news-summary .news-summary-content .news-summary-link span > strong {
    font-weight: 600
}

.news-summary.open .news-summary-content .news-summary-toggle {
    margin-bottom: 15px
}

.news-summary.open .news-summary-content .news-summary-toggle::after {
    transform: translateY(2px) rotate(-180deg)
}

.news-summary.open .news-summary-content .news-summary-inner {
    max-height: 1200px;
    opacity: 1
}

.news-deal-region-info {
    border-top: 1px solid #eae9ec;
    background-color: #f4f5f6;
    padding: 26px 16px 32px;
    margin: -44px 0 -40px
}

.news-deal-region-info.game-info-no-deals-container {
    margin: 0
}

.news-deal-region-info.game-info-no-deals-container .news-deal-info-description, .news-deal-region-info.game-info-no-deals-container .news-deal-info-heading, .news-deal-region-info.game-info-no-deals-container .news-deal-info-region-box {
    flex: 0 0 100%
}

.news-deal-region-info .news-deal-info-heading {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f1c22
}

@media (min-width: 1030px) {
    .news-deal-region-info .news-deal-info-heading {
        font-size: 18px;
        line-height: 29px
    }
}

.news-deal-region-info .news-deal-info-description {
    font-weight: 400;
    color: #47404f;
    font-size: 14px;
    line-height: 19px;
    align-items: baseline;
    text-align: center;
    margin-top: 4px
}

@media (min-width: 1030px) {
    .news-deal-region-info .news-deal-info-description {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0
    }
}

.news-deal-region-info .news-deal-info-description .price .price-inner, .news-deal-region-info .news-deal-info-description .price .price-text {
    font-size: inherit;
    line-height: inherit
}

.news-deal-info-region-box {
    margin-top: 16px
}

.news-deal-info-region-box .enable-link {
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

@media (min-width: 1030px) {
    .news-deal-info-region-box .enable-link {
        font-size: 16px;
        line-height: 24px
    }

    .news-deal-info-region-box .region-icon.region-icon-round .flag-regular-icon {
        top: -6px;
        left: -6px;
        transform: scale(.8)
    }
}

.news-deal-info-region-box .news-deal-info-label {
    flex: 0 0 100%;
    font-weight: 700;
    color: #70657b;
    font-size: 14px;
    line-height: 16px
}

.news-deal-info-region-box .news-deal-info-region-dropdown .region-dropdown-btn {
    font-weight: 700;
    color: #70657b;
    font-size: 14px;
    line-height: 16px;
    border: none;
    background: 0 0;
    padding: 0;
    margin-top: 6px
}

.news-deal-info-region-box .news-deal-info-region-dropdown .region-dropdown-btn::after {
    transition: transform .2s;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #70657b transparent transparent;
    margin: 2px 0 0 8px
}

.news-deal-info-region-box .news-deal-info-region-dropdown.open .region-dropdown-btn::after {
    transform: rotate(-180deg)
}

.news-deal-info-region-box .news-deal-info-region-dropdown .settings-menu-select-action-value {
    vertical-align: middle
}

.news-deal-info-region-box .news-deal-info-region-dropdown .settings-menu-select-action-value .region-icon.region-icon-round {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.news-deal-info-region-box .news-deal-info-region-dropdown .settings-menu-select-action-value .region-icon.region-icon-round .flag-regular-icon {
    top: -4px;
    left: -4px;
    transform: none
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    background-color: #554f5a;
    color: #ebe9ed
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    max-width: 100%
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option:hover {
    background-color: rgba(255, 255, 255, .12);
    text-decoration: none
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option:hover:active {
    background-color: rgba(255, 255, 255, .08)
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option .news-deal-region-link {
    padding: 8px 12px;
    white-space: nowrap
}

.news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option:focus {
    background-color: inherit;
    color: inherit
}

#disqus_thread {
    width: 100%;
    padding: 16px
}

.user-alerts-page:not(.full-overlay) .list-view .wrap_items .list-items {
    z-index: 3
}

@media (max-width: 1029px) {
    .user-alerts-page .game-item.alert-item .game-info-wrapper {
        flex-direction: row
    }

    .user-alerts-page .game-item.alert-item .game-info-wrapper .price-wrapper {
        position: absolute;
        width: auto;
        order: 4;
        bottom: 0;
        right: 36px;
        padding: 11px 0;
        margin: 0
    }

    .user-alerts-page .game-item.alert-item .game-info-wrapper .price-wrapper .game-price {
        align-self: flex-end
    }

    .user-alerts-page .game-item.alert-item .game-info-wrapper .price-wrapper .game-price .game-price-new {
        font-size: 18px;
        line-height: 22px
    }

    .user-alerts-page .game-item.alert-item .game-info-wrapper .game-labels {
        order: 3;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        max-width: 50%;
        align-self: flex-start;
        margin: auto 0 0
    }
}

@media (max-width: 1029px) and (min-width: 1030px) {
    .user-alerts-page .game-item.alert-item .game-info-wrapper .price-wrapper .game-price {
        align-self: center
    }
}

.user-alerts-page .game-item.alert-item .game-info-wrapper .game-tags .tags {
    overflow: visible;
    row-gap: 2px;
    height: auto;
    margin-bottom: 8px
}

.user-alerts-page .game-item.alert-item .game-cta.icon-actions {
    bottom: 0
}

@media (min-width: 1030px) {
    .news-deal-info-region-box .news-deal-info-label {
        font-size: 16px;
        line-height: 24px
    }

    .news-deal-info-region-box .news-deal-info-region-dropdown .dropdown-menu .settings-menu-select-option.active .news-deal-region-link {
        background-color: rgba(255, 255, 255, .1)
    }

    .user-alerts-page .game-item.alert-item .game-info-wrapper {
        max-width: calc(100% - 360px)
    }

    .user-alerts-page .game-item.alert-item .game-cta.icon-actions {
        bottom: auto
    }
}

.user-alerts-page .game-item.alert-item .game-image.with-checkbox {
    z-index: 22
}

.user-alerts-page .game-item.alert-item.top-alert-item {
    flex-wrap: nowrap
}

.user-alerts-page .game-item.alert-item.alert-list-item .game-cta {
    width: 147px
}

.user-alerts-page .game-item.alert-item.alert-list-item.inactive .game-image {
    opacity: 1
}

.user-alerts-page .game-item.alert-item.alert-list-item.inactive .game-image .main-image {
    opacity: .4
}

.top-alerts-items .part-title {
    font-size: 21px;
    margin-bottom: 24px
}

.top-alerts-items .list-items {
    flex-direction: row
}

@media (min-width: 1030px) {
    .top-alerts-items .part-title {
        margin-bottom: 16px
    }

    .top-alerts-items .list-items {
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.top-alerts-items .preset-column {
    display: block;
    flex: 0 0 100%;
    width: 100%
}

@media (min-width: 1030px) {
    .top-alerts-items .preset-column {
        flex: 0 0 calc(50% - 12px);
        width: calc(50% - 12px)
    }
}

.alerts-list-container, .alerts-list-container.mass-container {
    margin-top: 16px
}

.alerts-list-container .list-view {
    margin-bottom: 50px
}

.alerts-options-container {
    margin-bottom: 24px
}

.alerts-options-container .badge:last-child {
    margin-right: 0
}

@media (max-width: 1029px) {
    .user-alerts-page .game-item.alert-item.top-alert-item {
        padding: 0
    }

    .user-alerts-page .game-item.alert-item.top-alert-item .game-info-wrapper {
        max-width: calc(100% - 156px);
        padding-right: 0;
        padding-bottom: 0
    }

    .user-alerts-page .game-item.alert-item.top-alert-item .icon-actions {
        position: relative;
        right: auto;
        bottom: auto;
        height: 56px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item {
        grid-template-areas:"icon game-info";
        grid-template-rows:minmax(126px, max-content);
        grid-template-columns:76px auto;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item .game-image.with-checkbox {
        width: 76px;
        height: 115px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item .game-image.with-checkbox .item-checkbox-wrapper {
        width: 76px;
        max-width: 76px;
        height: 115px;
        max-height: 115px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item .game-image.with-checkbox .main-image {
        max-width: 76px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item .game-image.with-checkbox .game-picture {
        height: 115px
    }

    .user-alerts-page .game-item.alert-item.alert-list-item .game-cta {
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        border: none;
        z-index: 990;
        width: 36px;
        height: 40px
    }

    .top-alerts-items .game-item.alert-item {
        border-top: 1px solid #ebe9ed
    }

    .alerts-list-container .list-view {
        margin-bottom: 34px
    }

    .top-alerts-container {
        margin-top: 30px
    }

    .alerts-options-container .badge:only-child {
        margin: 0
    }
}

.alerts-widget-top {
    flex-direction: row;
    margin: 0;
    padding: 0
}

.vouchers-page .vouchers-container h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 16px 16px
}

@media (min-width: 795px) {
    body.single-news-page.mfp-zoom-out-cur .mfp-container {
        padding-left: 34px;
        padding-right: 34px
    }

    body.single-news-page.mfp-zoom-out-cur .mfp-container .mfp-content .mfp-figure .mfp-close {
        top: 0;
        right: -32px;
        font-size: 34px;
        line-height: 34px
    }

    .alerts-options-container {
        height: 0;
        margin-bottom: 0
    }

    .alerts-widget-top {
        justify-content: flex-end;
        transform: translateY(-46px);
        max-width: 30%;
        margin-left: auto
    }

    .vouchers-page .vouchers-container h2 {
        margin: 0 0 16px
    }
}

.vouchers-page .discount-codes-content + .vouchers-offers-container:not(:empty) {
    margin-top: 64px
}

.user-settings-page .user-settings-container {
    padding-bottom: 12px
}

.user-settings-page .sign-out-link {
    margin: 0 auto
}

.user-settings-page .main-title {
    display: flex;
    flex-direction: row
}

.user-settings-page .main-title .sign-out-link {
    margin: 0 0 0 auto
}

.settings-row {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 12px
}

@media (min-width: 1030px) {
    .vouchers-page .vouchers-container h2 {
        margin: 0 0 24px;
        font-size: 21px;
        line-height: 27px
    }

    .user-settings-page .sign-out-link {
        margin: 0 12px 0 auto
    }

    .settings-row {
        margin-top: 24px
    }
}

.settings-row .action-box {
    flex: 0 0 calc(100% - 24px);
    max-width: calc(100% - 24px);
    margin: 6px 12px
}

@media (min-width: 1030px) {
    .settings-row .action-box {
        flex: 0 0 calc(50% - 24px);
        max-width: calc(50% - 24px)
    }
}

.disconnect-validation {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    width: 100%
}

.disconnect-validation.success {
    color: #059952
}

.disconnect-validation.error {
    color: #eb1f32
}

.disconnect-validation .svg-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 4px 0 0
}

.disconnect-validation + .disconnect-validation {
    margin-top: 6px
}

.mute-notifications-page .mute-notifications-form-content {
    position: relative;
    width: 100%;
    padding: 32px;
    box-sizing: border-box
}

.mute-notifications-page .page-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1f1c22;
    margin: 0 0 16px
}

.mute-notifications-page .page-subtitle {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #47404f;
    margin: 0 0 32px
}

.mute-notifications-page .form-actions {
    margin-top: 16px
}

.page-type-accordion .panel-group {
    margin-top: 24px
}

.page-type-accordion .panel-group .item {
    cursor: pointer;
    padding: 24px 0;
    border-bottom: 1px solid #d6d2da
}

.page-type-accordion .panel-group .item:first-child {
    border-top: 1px solid #d6d2da
}

.page-type-accordion .panel-group .item a {
    color: #1f1c22
}

.page-type-accordion .panel-group .item .panel-heading .panel-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.page-type-accordion .panel-group .item .panel-heading .panel-title [data-toggle]:not(.collapsed) .dropdown-chevron {
    transform: translateY(-1.5px) rotate(-180deg);
    border-color: #1f1c22 transparent transparent
}

.page-type-accordion .panel-group .item .panel-heading .panel-title [data-toggle] .dropdown-chevron {
    transition: transform .4s, border-color .2s;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    margin-left: auto;
    vertical-align: middle;
    display: inline-block;
    transform: none;
    border-color: #1f1c22 transparent transparent
}

.page-type-accordion .panel-group .item .panel-collapse .panel-body {
    padding-top: 16px;
    padding-bottom: 8px;
    color: #47404f
}

.page-type-accordion .panel-group .item .panel-collapse .panel-body p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px
}

.page-type-accordion .panel-group .item .panel-collapse .panel-body p:last-child {
    margin-bottom: 0
}

.contact-page .styled-form textarea {
    min-height: 80px;
    resize: vertical
}

@media (min-width: 1030px) {
    .contact-page .styled-form textarea {
        min-height: 100px
    }

    .contact-page .form-actions button {
        margin-left: auto
    }
}

@media (min-width: 1200px) {
    .settings-row .action-box {
        flex: 0 0 calc(100% / 3 - 24px);
        max-width: calc(100% / 3 - 24px)
    }

    .contact-page .styled-form textarea {
        min-height: 140px
    }
}

.content-background-box {
    box-sizing: border-box;
    background: #f1f0f2;
    margin: -24px -16px 0
}

.container.no-padding-sm .content-background-box {
    margin-left: 0;
    margin-right: 0
}

.content-background-box .content-inner-box {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px
}

@media (min-width: 1030px) {
    .content-background-box .content-inner-box {
        padding: 32px
    }
}

.content-background-box .contact-form-content {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    padding: 24px 16px
}

@media (min-width: 1030px) {
    .content-background-box .contact-form-content {
        flex: 0 0 50%;
        width: 50%;
        padding: 32px
    }
}

.content-background-box .contact-form-content .collapse-group .collapse-wrapper {
    transition: border-color .2s;
    border: 1px solid #e0dde3
}

.content-background-box .contact-form-content .collapse-group .collapse-wrapper .form-control.collapsed {
    background-color: #fff
}

.content-background-box .contact-form-content .collapse-group .collapse-wrapper:hover {
    border-color: #a39aac
}

.content-background-box .contact-form-content .collapse-group .open .collapse-wrapper {
    border-color: #279af1
}

.content-background-box .contact-side-image {
    display: none;
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    padding: 32px;
    color: #fff
}

.content-background-box .privacy-policy-info {
    margin-top: -12px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #70657b
}

.content-background-box .privacy-policy-info a {
    text-decoration: underline
}

.presets-page h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    margin: 0 0 24px;
    color: #1f1c22
}

.presets-page .presets-section {
    position: relative;
    margin: 4px 0 36px
}

@media (min-width: 1030px) {
    .content-background-box .contact-side-image {
        display: block
    }

    .presets-page h2 {
        font-size: 21px;
        line-height: 27px
    }

    .presets-page .presets-section {
        margin: 4px 0 56px
    }
}

.presets-page .column-list {
    list-style: none;
    margin: -16px -16px 0;
    padding: 0
}

.presets-page .column-list .preset-single {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    padding: 0 16px;
    margin: 8px 0 0
}

@media (min-width: 480px) {
    .presets-page .column-list .preset-single {
        flex: 0 0 50%;
        width: 50%
    }
}

@media (min-width: 1030px) {
    .presets-page .column-list .preset-single {
        flex: 0 0 33.333334%;
        width: 33.333334%;
        margin: 16px 0 0
    }
}

.presets-page .column-list .preset-single .preset-single-link {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    color: #1f1c22;
    text-decoration: none
}

.presets-page .column-list .preset-single .preset-single-link:hover {
    color: #1f1c22;
    text-decoration: underline
}

.rankings-index-page h2 {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    margin: 0 0 24px;
    color: #1f1c22
}

.rankings-index-page .rankings-container {
    display: grid;
    grid-template-columns:100%;
    grid-auto-flow: row;
    gap: 24px;
    margin: 0 0 36px
}

@media (min-width: 795px) {
    .content-background-box {
        margin: 0;
        background-color: #f4f5f6
    }

    .rankings-index-page .rankings-container {
        grid-template-columns:repeat(2, calc(50% - 12px))
    }

    .user-notifications-page .top .top-line > .toggle-value-filter {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .presets-page .column-list .preset-single {
        flex: 0 0 25%;
        width: 25%
    }

    .rankings-index-page .rankings-container {
        grid-template-columns:repeat(3, calc(100% / 3 - 16px))
    }
}

.rankings-index-page .rankings-container .ranking-single {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(20, 18, 22, .1);
    background: #f4f5f6
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header {
    position: relative;
    display: grid;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    grid-template-areas:"icon title" "icon subtitle"
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header .svg-icon {
    display: block;
    grid-area: icon;
    margin-right: 16px
}

@media (min-width: 1030px) {
    .presets-page .column-list .preset-single .preset-single-link {
        font-size: 16px;
        line-height: 19px
    }

    .rankings-index-page h2 {
        font-size: 21px;
        line-height: 27px
    }

    .rankings-index-page .rankings-container .ranking-single .ranking-single-header {
        display: flex;
        padding: 48px 24px 30px;
        justify-content: center;
        grid-template-areas:unset
    }

    .rankings-index-page .rankings-container .ranking-single .ranking-single-header .svg-icon {
        margin-right: 0
    }
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header .icon-collection-wrapper {
    display: block;
    grid-area: icon;
    width: 40px;
    margin-right: 16px
}

@media (min-width: 1030px) {
    .rankings-index-page .rankings-container .ranking-single .ranking-single-header .icon-collection-wrapper {
        margin-right: 0
    }
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header.scenario-wishlist .svg-icon {
    color: #eb1f32
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header.scenario-collection .svg-icon {
    color: #5865f2
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header .ranking-title {
    font-family: "Exo 2", Lato, Lato2, sans-serif;
    display: block;
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1f1c22;
    grid-area: title
}

@media (min-width: 1030px) {
    .rankings-index-page .rankings-container .ranking-single .ranking-single-header .ranking-title {
        margin: 12px 0 8px
    }

    .user-notifications-page .notifications-container.games-box .game-item:not(.related-layout):not(.game-item-in-bundle) {
        border-top: 1px solid #eae9ec
    }

    .user-notifications-page .notifications-container.games-box .game-item:not(.related-layout):not(.game-item-in-bundle):first-child {
        border-top: none
    }
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-header .ranking-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    color: #70657b;
    margin: 0;
    padding: 0;
    grid-area: subtitle
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-positions .ranking-item {
    position: relative
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-footer {
    border-top: 1px solid #d6d2da
}

.rankings-index-page .rankings-container .ranking-single .ranking-single-footer .ranking-link {
    display: block;
    text-align: center;
    padding: 16px;
    width: 100%;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 700
}

.notification-item.sync-failed .game-image.sync .main-icon {
    box-shadow: inset 4px 0 0 0 #eb1f32
}

.notification-item.sync-success .game-image.sync .main-icon {
    box-shadow: inset 4px 0 0 0 #1fc173
}

.user-notifications-page .page-title {
    display: flex;
    align-items: center
}

.user-notifications-page .top .page-size-filter {
    padding-left: 0
}

.user-notifications-page .filter-line {
    display: block;
    height: auto
}

.user-notifications-page .filters-bottom-container.notifications-bottom-filters .side-filters {
    margin-right: -12px
}

.user-notifications-page .list-items .notification-item {
    margin: 0 0 1px
}

.user-notifications-page .notifications-container {
    margin-top: 0
}

.user-notifications-page .notifications-container.games-box .game-item:not(.related-layout):not(.game-item-in-bundle) {
    min-height: unset
}

@media (max-width: 1029px) {
    .user-notifications-page .main-title {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .user-notifications-page .filters-bottom-container.notifications-bottom-filters {
        align-items: center
    }

    .user-notifications-page .filters-bottom-container.notifications-bottom-filters .side-filters {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 0 0 auto;
        padding-right: 4px
    }

    .user-notifications-page .notifications-container.games-box .time-interval + .game-item {
        margin-top: 0
    }

    .user-notifications-page .notifications-container.games-box .game-item {
        padding: 12px 16px 12px 12px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-image {
        margin: 0;
        width: 76px;
        flex: 0 0 76px;
        height: 114px;
        max-height: unset
    }
}

.user-notifications-page .notifications-container.games-box .game-item .game-image .main-image {
    overflow: hidden
}

.user-notifications-page .notifications-container.games-box .game-item .game-image .main-icon {
    width: 100%;
    height: 100%;
    background: #efeef5;
    color: #1f1c22;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-notifications-page .notifications-container.games-box .game-item .game-image .main-icon .svg-icon {
    display: block;
    margin: auto
}

.user-notifications-page .notifications-container.games-box .game-item .game-image .main-icon.playnite-icon-platform .icon-playnite-border {
    position: absolute;
    display: block;
    width: 26px;
    height: 20px;
    top: 50%;
    right: 50%;
    transform: translate(36px, -22px);
    margin: 0;
    z-index: 1;
    fill: #EFEEF5;
    color: #1f1c22
}

.user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-info-title .label {
    margin: -2px 2px 0
}

.user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-info-title .title-info {
    color: #a39aac
}

.user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-info-title .title-info .svg-icon {
    display: inline-block;
    margin-left: 5px
}

.user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-tags .tags .tag.time-tag .title {
    margin: 0
}

.user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper .price-label {
    text-transform: lowercase
}

@media (max-width: 1029px) {
    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper {
        flex-direction: unset;
        display: grid;
        grid-template-areas:"title" "tags" "price";
        gap: 8px;
        grid-template-rows:max-content auto 24px;
        grid-template-columns:100%;
        padding: 0 0 0 12px;
        max-width: calc(100% - 88px);
        min-height: 100%;
        height: 100%
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-info-title-wrapper {
        grid-area: title;
        padding: 0;
        margin: 0;
        flex: 0 0 100%;
        align-items: baseline;
        align-self: baseline
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-info-title {
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
        line-height: 22px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-tags {
        grid-area: tags;
        min-height: unset
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-tags .tags {
        margin: -4px 0;
        height: auto;
        flex-wrap: wrap
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-tags .tags .tag .value {
        line-height: 16px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper .game-tags .tags .tag {
        margin: 2px 0;
        flex: 0 1 auto;
        overflow: hidden
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper {
        grid-area: price;
        margin: 0;
        padding: 0;
        flex-direction: row
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper .price-wrapper {
        margin: 0;
        display: block
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper .price-label {
        display: inline-block;
        margin: 0 4px 0 0
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper .game-price {
        margin: 0 0 0 4px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-info-wrapper > .price-wrapper .game-price .price-inner {
        font-size: 16px;
        line-height: 19px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-cta {
        bottom: auto;
        height: 32px;
        width: 32px;
        top: 6px;
        right: 0
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown-menu {
        top: 80%;
        bottom: auto;
        right: 24px
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown-menu .action:active, .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown-menu .action:focus, .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown-menu .action:hover {
        background: 0 0
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown {
        width: 32px;
        flex-wrap: nowrap;
        padding: 8px 12px;
        flex-direction: column;
        row-gap: 3px;
        align-items: center
    }

    .user-notifications-page .notifications-container.games-box .game-item .game-cta .icon-actions-dropdown span {
        flex: 0 0 auto;
        margin: 0
    }

    .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-image {
        height: 100%
    }
}

.user-notifications-page .notifications-container.games-box .game-item.no-changes .game-info-wrapper .game-info-title, .user-notifications-page .notifications-container.games-box .game-item.sync-error .game-info-wrapper .game-info-title {
    color: #a39aac;
    font-weight: 400 !important
}

.user-notifications-page .notifications-container.games-box .game-item.without-price-item .game-info-wrapper .game-info-title-wrapper, .user-notifications-page .notifications-container.games-box .game-item.without-price-item .game-info-wrapper .game-tags {
    flex: 0 0 100%
}

@media (max-width: 1029px) {
    .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-image .main-icon {
        padding: 12px 0
    }

    .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-info-wrapper {
        grid-template-areas:"title" "tags";
        grid-template-rows:max-content auto;
        align-content: space-evenly
    }
}

.user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items, .user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .item-list.list-layout:last-child {
    overflow: visible
}

.user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .notification-item {
    transition: z-index 10ms linear .1s, background-color .2s;
    position: relative;
    z-index: 1
}

.user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .notification-item.options-opened {
    transition: z-index 10ms linear, background-color .2s;
    z-index: 4
}

.user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .notification-item.new {
    background-color: #fefae7
}

.games-box .game-item.condensed-popup-item {
    border-top: 1px solid #eae9ec
}

.games-box .game-item.condensed-popup-item.border-top-desktop {
    border-top-width: 1px
}

.games-box .game-item.condensed-popup-item .game-image {
    flex: 0 0 103px;
    width: 103px;
    height: 48px
}

.games-box .game-item.condensed-popup-item .game-info-wrapper {
    flex-wrap: nowrap;
    max-width: calc(100% - 103px);
    min-height: unset;
    align-self: center;
    justify-content: space-between;
    padding: 0 12px 0 8px
}

@media (min-width: 1030px) {
    .user-notifications-page .notifications-container.games-box .game-item.without-price-item .game-info-wrapper {
        max-width: calc(100% - 269px)
    }

    .user-notifications-page .notifications-container.games-box .game-item.game-notification .game-info-wrapper {
        max-width: calc(100% - 308px)
    }

    .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-cta.icon-actions, .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-image {
        height: 72px
    }

    .user-notifications-page .notifications-container.games-box .game-item.collections-notification-item .game-cta.icon-actions .action {
        padding: 28px 16px
    }

    .user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .notification-item {
        margin: 0
    }

    .user-notifications-page .notifications-container.games-box .list-view .wrap_items:not(.no-shadow):not(.emptyProvider) .list-items .notification-item.new .game-cta.icon-actions {
        background-color: #fefae7
    }

    .games-box .game-item.condensed-popup-item .game-info-wrapper {
        padding: 0 12px
    }
}

.games-box .game-item.condensed-popup-item.with-action .game-info-wrapper {
    max-width: calc(100% - 103px - 48px)
}

.games-box .game-item.condensed-popup-item .game-info-title-wrapper {
    padding: 0 16px 0 0;
    flex: 0 1 auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px
}

.games-box .game-item.condensed-popup-item .game-info-title-wrapper .title {
    font-size: 13px;
    line-height: 14px
}

.games-box .game-item.condensed-popup-item .price-wrapper-popup {
    display: flex;
    flex-direction: row;
    align-items: center;
    order: 3;
    flex: 0 0 auto;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.games-box .game-item.condensed-popup-item .price-wrapper {
    max-width: unset;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    order: 2;
    align-items: baseline
}

.games-box .game-item.condensed-popup-item .price-wrapper .game-price {
    margin: 0
}

.games-box .game-item.condensed-popup-item .price-wrapper .game-price .price-inner {
    font-size: 16px;
    line-height: 20px
}

@media (min-width: 1030px) {
    .games-box .game-item.condensed-popup-item .game-info-title-wrapper .title {
        font-size: 14px;
        line-height: 18px
    }

    .games-box .game-item.condensed-popup-item .price-wrapper .game-price .price-inner {
        font-size: 18px;
        line-height: 24px
    }
}

.games-box .game-item.condensed-popup-item .price-wrapper .price-label {
    margin: 0 6px 0 0 !important
}

.games-box .game-item.condensed-popup-item .game-labels {
    padding: 0;
    margin: 0
}

.games-box .game-item.condensed-popup-item .unavailable-label {
    max-width: unset;
    flex: 0 0 auto;
    margin: 0
}

.games-box .game-item.condensed-popup-item .labels-container {
    display: block;
    order: 1;
    margin: 0
}

.games-box .game-item.condensed-popup-item .labels-container .label.historical {
    font-size: 0;
    color: transparent
}

.games-box .game-item.condensed-popup-item .labels-container .label.historical::before {
    content: 'HL';
    font-size: 12px;
    color: #036837;
    display: inline-block
}

.games-box .game-item.condensed-popup-item .labels-container .label {
    padding: 2px 6px;
    height: 18px
}

.games-box .game-item.condensed-popup-item .game-cta {
    position: relative;
    height: 48px;
    width: 48px;
    flex: 0 0 48px;
    display: flex;
    flex-direction: row;
    border-left: 1px solid #eae9ec;
    z-index: 21;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto
}

.games-box .game-item.condensed-popup-item .game-cta .action {
    transition: background-color .2s;
    padding: 16px;
    flex: 0 0 48px;
    height: 48px;
    background: #f4f5f6;
    cursor: pointer
}

.games-box .game-item.condensed-popup-item .game-cta .action:hover {
    background-color: #fff
}

.games-box .game-item.condensed-popup-item .game-cta .svg-icon {
    width: 16px;
    height: 16px
}

/*# sourceMappingURL=main.css.map */