.prime-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 15px 0
}

@media (min-width: 768px) {
    .prime-container {
        padding: 0
    }
}

@media (min-width: 768px) {
    .prime-container {
        max-width: 723px
    }
}

@media (min-width: 1024px) {
    .prime-container {
        max-width: 980px
    }
}

@media (min-width: 1366px) {
    .prime-container {
        max-width: 1180px
    }
}

@media (min-width: 1480px) {
    .prime-container {
        max-width: 1380px
    }
}

@media (min-width: 1680px) {
    .prime-container {
        max-width: 1580px
    }
}

@media (min-width: 1920px) {
    .prime-container {
        max-width: 1780px
    }
}

@media (min-width: 2240px) {
    .prime-container {
        max-width: 1980px
    }
}

@media (min-width: 2640px) {
    .prime-container {
        max-width: 2380px
    }
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-size-adjust: 100%
}

body {
    background-color: #fff;
    color: #333;
    font-family: "Inter";
    font-size: 14px;
    line-height: 1.42857143;
    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;
    text-decoration: none
}

a:hover, a:focus {
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #fff5d8;
    color: #333
}

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;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    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
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #ddd;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

ul, ol {
    margin-bottom: 10px;
    margin-top: 0
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    margin-top: 20px
}

h5, .h5 {
    font-size: 14px
}

p {
    margin: 0 0 10px
}

small, .small {
    font-size: 85%
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    line-height: normal;
    margin: 4px 0 0;
    padding: 0
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU-130c6c11088db488445a2f04f0650be34ff34ef61c7845be5f2f31d74e321816.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU-ab071eb65c2da0970404b305f13700e6dcda31df262a8a2f35589cbc9dc83d5b.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU-e15459624b4e17a996785a9aae46d43400b786054b560579d4582ce55bd224df.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU-c225d4db15f0b9274e27950a3325aa936a9c41e9499c2130230ac8382f74aee9.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU-b96908f9d4818a3a376bc442ff8db29d7ec2f4a634376da88aba45575b0fdd8b.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU-0299c9fca6b2aa9127cb4620c1d0c57fb6c294f3ff9118da718254875abd9390.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/css/game_82/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw-2d2911823719a74b5075b85063404299a03d57f6e1ea791d6f5b8f657a1790d8.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/css/game_82/fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTk3j6zbXWjgevT5-126a7677f3bdaad7226b2004f2eb73705d0557106d609cbe5242d01ed1e9a4ff.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/css/game_82/fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTA3j6zbXWjgevT5-174f5e1140ebc020a152eb1368927f954d3ac63e9b1606a4ffae02cec389189f.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/css/game_82/fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTs3j6zbXWjgevT5-0f0c41c0eb62b6bd067dd507924deb1489a0044e83a29fd69cf2a9aae8b87216.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/css/game_82/fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTo3j6zbXWjgevT5-f3a6b9845c5213ef519752157619e791da5734231d98c1caca127fe3a9659dee.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/css/game_82/fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTQ3j6zbXWjgeg-d1bc99418e071a7b8049643660e7ee0e89ed7a67b58146a2bb915f4825c0d85e.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'fontello';
    src: url(/css/game_82/fonts/fontello-95a71340d74ddd656c188d009f1671ca38065310fcbe54629ccacfef35a6ccc6.eot?36321710);
    src: url(/css/game_82/fonts/fontello-95a71340d74ddd656c188d009f1671ca38065310fcbe54629ccacfef35a6ccc6.eot?36321710#iefix) format("embedded-opentype"), url(/css/game_82/fonts/fontello-983f3fd6fcc4438206cc31ffab07e22954e23fe66ad9073651dcae204e80e521.woff2?36321710) format("woff2"), url(/css/game_82/fonts/fontello-c3cd2c1ca15c9037fac65cc1fc8d121b9ad284b478c4cc39d3232134aab13775.woff?36321710) format("woff"), url(/css/game_82/fonts/fontello-12c1a55cb04c7e40d29e54e1bd5c40f2103e11579f18f27b26ac5b0852e9dc15.ttf?36321710) format("truetype"), url(/css/game_82/fonts/fontello-73b4eddc43cefcadaae7868bb1cc3cd59fe8dd5873c65ca271dbf48af2a643bf.svg?36321710#fontello) format("svg");
    font-weight: normal;
    font-style: normal
}

html {
    background-color: #fff;
    height: 100%;
    min-height: 100%
}

html body {
    background-color: #fff;
    color: #000;
    font-family: "Inter";
    padding-bottom: 0
}

html body * {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

html body a {
    outline: none
}

html body a:hover {
    outline: none;
    text-decoration: underline
}

html body a:focus {
    outline: none
}

html body textarea {
    resize: none
}

html body .ltr {
    direction: ltr
}

.form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    padding: 6px 12px;
    width: 100%
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
    border-color: #3ca2ff;
    outline: 0
}

.form-control::placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

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

.button:hover:active {
    text-decoration: none
}

.button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    outline: none;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    will-change: transform
}

.button::before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.button:hover, .button:hover:active, .button:focus, .button:active, .button:visited {
    text-decoration: none
}

.button:disabled {
    opacity: .5
}

.button.button--home-page {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    color: #000;
    display: flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: normal
}

.button.button--home-page:hover, .button.button--home-page:focus {
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.button.button--home-page:active {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.button.button--home-page.button--flash-games {
    background-color: #fff;
    color: #e20080
}

.button.button--leaderboard {
    align-items: center;
    border-radius: 32px;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 100%
}

.button.button--leaderboard:hover, .button.button--leaderboard:focus {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}


.button.button--color-1 {
    background-color: #c173ec
}

.navbar-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 0;
    box-shadow: none;
    margin: 0;
    max-width: 703px;
    min-width: 44px;
    padding: 16px 0;
    position: relative;
    width: 100%;
    z-index: 3
}

.navbar-form input[type="text"] {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f3f3f3;
    border: 0;
    box-shadow: none;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    height: 44px;
    margin: 0;
    padding: 0 44px 0 15px;
    width: 100%
}

.navbar-form input[type="text"]::placeholder {
    color: #666
}

.navbar-form input[type="text"]:focus {
    color: #333
}

.navbar-form button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    border: 0;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 16px;
    width: 44px
}

.navbar-form .y-icon--search {
    left: auto;
    right: 9px
}


.navbar-form .close-search-form {
    background: url(/image/game_82/close.svg) center no-repeat;
    display: none;
    height: 16px;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 16px
}




.header {
    align-items: center;
    background-color: #fff;
    border: 0;
    display: flex;
    height: 54px;
    padding: 7px 15px 7px 6px;
    position: relative;
    transition: background-color .3s ease;
    width: 100%;
    z-index: 800
}

.header .navbar-form {
    background-color: #fff;
    border-radius: 10px;
    display: none;
    max-width: 100%;
    padding: 0;
    transition: background-color .3s ease
}

.header .navbar-form .close-search-form {
    cursor: pointer;
    display: block;
    top: 15px
}

.header .navbar-form input[type="text"] {
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    padding: 0 0 0 40px;
    transition: backdrop-filter .3s ease, box-shadow .3s ease
}

.header .navbar-form button {
    height: 44px;
    left: 0;
    top: 0;
    width: 44px
}

.header .navbar-form button .y-icon--search {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23666%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M15.814 13.71c.577-.948.91-2.062.91-3.252 0-3.46-3-6.458-6.46-6.458A6.263 6.263 0 0 0 4 10.265c0 3.46 2.999 6.458 6.458 6.458a6.227 6.227 0 0 0 3.154-.854l3.847 3.85a.965.965 0 0 0 1.364 0l.954-.956c.376-.376.24-.85-.136-1.226l-3.827-3.828Zm-9.91-3.523a4.282 4.282 0 0 1 4.282-4.284c2.366 0 4.474 2.107 4.474 4.475a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.11-4.473-4.474Z%22%2F%3E%3C%2Fsvg%3E")
}

.header .header__left {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.header .header__search {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.header .header__content {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.header .header__logo {
    align-items: center;
    display: flex;
    margin: 0 0 0 10px;
    z-index: 1
}

.header .header__right {
    display: flex;
    position: absolute;
    right: 15px;
    top: 12px
}

.header.logged .header__search-btn {
    margin: 0 10px 0 0
}

.header .header__search-btn {
    cursor: pointer
}

.header .header__search-btn::after {
    color: #000;
    content: "";
    font-family: 'fontello';
    font-size: 20px;
    font-weight: normal;
    font-style: normal
}

.header.show-search-form {
    height: auto
}

.header.show-search-form .navbar-form {
    display: block
}

.header.show-search-form .header__search-btn {
    display: none !important
}

.header.show-search-form .header__search {
    padding-top: 10px
}

@media (min-width: 768px) {
    .header {
        height: 58px
    }

    .header .header__content {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .header .header__search-btn {
        display: none !important
    }

    .header .header__search {
        margin: 0 40px;
        max-width: 520px
    }

    .header .header__logo {
        position: relative;
        z-index: 7
    }

    .header .header__left {
        width: auto
    }

    .header .header__right {
        position: static;
        width: auto
    }

    .header .navbar-form {
        display: block
    }

    .header .navbar-form .close-search-form {
        display: none
    }
}

@media (min-width: 1024px) {
    .header {
        height: 78px;
        padding: 12px 24px 12px 14px
    }

    .header.logged .sidebar .sidebar__list {
        padding-bottom: 80px
    }

    .header .header__content {
        justify-content: space-between
    }

    .header .header__right {
        justify-content: flex-end
    }

    .header .header__search {
        width: 100%
    }
}

@media (min-width: 1366px) {
    .header .header__content {
        justify-content: center;
        position: relative
    }

    .header .header__left {
        left: 0;
        position: absolute;
        width: auto;
        z-index: 7
    }

    .header .header__right {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .header .header__search {
        margin: 0 auto;
        max-width: 520px;
        width: 60%
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .header .navbar-form input[type="text"] {
        font-size: 14px;
        height: 36px
    }

    .header .navbar-form button {
        height: 36px;
        width: 36px
    }
}

.site-logo {
    height: 50px;
    width: 160px;
    margin-left: 20px;
}


.footer {
    background-color: #fff;
    width: 100%
}

.footer a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width: 799px) {
    .footer {
        padding: 0 15px
    }
}

body {
    margin: 0
}


@media (max-width: 799px) {

    .navbar-form {
        order: 2;
        padding: 5px 0 10px;
        width: 100%
    }

    .navbar-form input[type="text"] {
        height: 36px;
        padding: 0 0 0 15px;
        width: 100%
    }

    .navbar-form button {
        height: 36px;
        width: 36px
    }
}

.sidebar .sidebar__menu {
    background: #fff;
    left: -420px;
    min-width: 260px;
    padding: 54px 0 0;
    position: fixed;
    top: 0;
    z-index: 6
}

.sidebar .sidebar__list {
    height: 100vh;
    margin: 0;
    overflow: scroll;
    overscroll-behavior-y: contain;
    padding: 0 10px 80px
}

.sidebar.open {
    z-index: 6
}

.sidebar.open .sidebar__menu {
    display: block;
    height: 100vh;
    left: 0;
    transition: left 0.6s cubic-bezier(0.22, 0.9, 0.36, 1);
    width: auto
}

.sidebar.animation-close .sidebar__menu {
    left: -420px;
    transition: left 0.4s cubic-bezier(0.22, 0.9, 0.36, 1)
}

@media (min-width: 768px) {
    .sidebar .sidebar__menu {
        min-width: 320px;
        padding-top: 64px
    }
}

@media screen and (min-width: 1024px) {
    .sidebar .sidebar__menu {
        padding-top: 80px
    }
}

.sidebar-item {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 8px;
    color: #000;
    display: flex;
    justify-content: flex-start;
    line-height: normal;
    position: relative
}

.sidebar-item a:hover, .sidebar-item a:active, .sidebar-item a:focus, .sidebar-item a:visited {
    text-decoration: none
}

.sidebar-item:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.sidebar-item.active, .sidebar-item:active, .sidebar-item:focus, .sidebar-item:visited {
    background-color: #eee
}

.sidebar-item.sidebar-item--divider {
    background-color: rgba(0, 0, 0, 0.08);
    height: 1px;
    margin: 10px;
    padding: 0
}

.sidebar-item.sidebar-item--all-right {
    flex-direction: column;
    padding: 6px 8px 22px
}

.sidebar-item.sidebar-item--all-right:hover {
    background-color: transparent
}

.sidebar-item.sidebar-item--all-right span {
    color: #999;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.sidebar {
    transition: left 0.6s cubic-bezier(0.22, 0.9, 0.36, 1);
}

.sidebar-item .sidebar-item__name {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    width: 100%
}

.sidebar-item .sidebar-item__link {
    align-items: center;
    color: #000;
    display: flex;
    padding: 6px 8px;
    width: 100%;
    gap: 15px;
}

.cate-icon {
    width: 24px;
    height: 24px;
}

.sidebar-item .sidebar-item__link::before {
    margin-right: 12px
}

.sidebar-link {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
    z-index: 7
}

.sidebar-link .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    user-select: none
}

.sidebar-link .ham-rotate.active {
    transform: rotate(45deg)
}

.sidebar-link .line {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-width: 5.5;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms
}

.sidebar-link .ham8 .top {
    stroke-dasharray: 40 160
}

.sidebar-link .ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms
}

.sidebar-link .ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms
}

.sidebar-link .ham8.active .top {
    stroke-dashoffset: -64px
}

.sidebar-link .ham8.active .middle {
    transform: rotate(90deg)
}

.sidebar-link .ham8.active .bottom {
    stroke-dashoffset: -64px
}

.dark-overlay {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.dark-overlay.show {
    animation: fade-in-opacity .6s forwards;
    pointer-events: auto
}

.dark-overlay.hide {
    animation: fade-out-opacity .4s forwards
}

@keyframes fade-in-opacity {
    from {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@keyframes fade-out-opacity {
    from {
        opacity: .15
    }

    to {
        opacity: 0
    }
}

.grid-layout {
    /*margin-bottom: 50px*/
}

.grid-layout .items-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    padding: 0;
}

@media (max-width: 767.98px) and (orientation: portrait) {
    .grid-layout .items-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) and (orientation: landscape) {
    .grid-layout .items-container {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 768px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(3, 1fr)
    }

    .header__search-btn {
        display: none;
    }
}

@media (min-width: 1024px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min-width: 1366px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (min-width: 1480px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(7, 1fr)
    }
}

@media (min-width: 1680px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(8, 1fr)
    }
}

@media (min-width: 1920px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(9, 1fr)
    }
}

@media (min-width: 2240px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(10, 1fr)
    }
}

@media (min-width: 2640px) {
    .grid-layout .items-container {
        grid-template-columns:repeat(12, 1fr)
    }
}

.grid-layout.grid-layout-new {
    margin-bottom: 0
}

@media (max-width: 767.98px) and (orientation: portrait) {
    .grid-layout.grid-layout-new .items-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) and (orientation: landscape) {
    .grid-layout.grid-layout-new .items-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1024px) {
    .grid-layout.grid-layout-new .items-container {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1366px) {
    .grid-layout.grid-layout-new .items-container {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 2240px) {
    .grid-layout.grid-layout-new .items-container {
        grid-template-columns:repeat(5, 1fr)
    }
}

.item {
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    backface-visibility: hidden;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    transform-origin: center center;
    transition: opacity, transform .3s ease;
    width: auto;
    will-change: transform
}


.item:hover {
    transform: scale(1.08)
}

.item:hover .item__img-container::before, .item:hover .item__infos {
    opacity: 1
}

.item:active {
    transform: scale(1.05)
}

.item.item--stop .item__infos, .item.item--stop .item__img-container::before {
    opacity: 0
}

.item .item__img-container {
    position: relative
}

.item .item__infos {
    align-items: flex-end;
    border-radius: 0 0 14px 14px;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    background: #3333333d;
}

.item .item__infos .item__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.25)
}

.item a:hover, .item a:active, .item a:focus {
    text-decoration: none
}

.item .thumb {
    aspect-ratio: 4 / 2.5;
    height: auto;
    opacity: 1;
    position: relative;
    transition: opacity .3s ease-out;
    width: 100%
}

ul,ol,li {
    list-style: none;
}

.footer-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footer-item {
    font-weight: bold;
    font-size: 16px;
}

.copyright {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}

@media (max-width: 767.98px) {
    .item.item--slider .item__infos {
        align-items: flex-start;
        flex-direction: column
    }

    .item.item--slider .item__img-container::before {
        height: 100%
    }
}

@media (max-width: 1023.98px) {
    .item.item--slider .item__title {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.y-icon {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
    height: 24px;
    position: absolute;
    top: 50%;
    width: 24px
}

.y-icon.y-icon--search {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23bbb%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M15.814 13.71c.577-.948.91-2.062.91-3.252 0-3.46-3-6.458-6.46-6.458A6.263 6.263 0 0 0 4 10.265c0 3.46 2.999 6.458 6.458 6.458a6.227 6.227 0 0 0 3.154-.854l3.847 3.85a.965.965 0 0 0 1.364 0l.954-.956c.376-.376.24-.85-.136-1.226l-3.827-3.828Zm-9.91-3.523a4.282 4.282 0 0 1 4.282-4.284c2.366 0 4.474 2.107 4.474 4.475a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.11-4.473-4.474Z%22%2F%3E%3C%2Fsvg%3E");
    left: 9px
}

.item-card {
    border-radius: 18px;
    display: block;
    position: relative;
    transform-origin: center center;
    transition: transform .3s, box-shadow .3s;
    width: 100%;
    will-change: transform;
    z-index: 9
}

.item-card:hover {
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
    transform: scale(1.08)
}

.item-card.item-card--categories .item-card__image {
    gap: 10px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px;
}

.bg-0 {
    background-color: #db61c9
}

.bg-Action {
    background-color: #04a2c6
}

.bg-Adventure {
    background-color: #72a100
}

.bg-Sports {
    background-color: #3893f0
}

.bg-Family {
    background-color: #b575eb
}

.bg-Strategy {
    background-color: #19a881
}

.bg-Puzzle {
    background-color: #22aa32
}

.bg-7 {
    background-color: #b88b1e
}

.bg-all {
    background-color: #f75d4d
}

.bg-9 {
    background-color: #4ba700
}

.bg-10 {
    background-color: #523ee5
}

.item-card .item-card__image {
    border-radius: 18px;
    position: relative
}

.item-card .item-card__image img {
    display: block;
    height: auto;
    object-fit: cover;
    transition: opacity .3s ease-out;
    width: auto;
    max-width: 40px;
    aspect-ratio: 1;
    opacity: 1;
}

.item-card .item-card__name {
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    max-width: 145px
}

@media (min-width: 1024px) {
    .item-card.item-card--categories {
        margin: 10px 0;
        max-width: 200px
    }
}

@media (max-width: 1023.98px) {

    .item-card .item-card__image img {
        max-width: 30px;
    }

    .slick-slider {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .slick-slider::-webkit-scrollbar {
        display: none
    }
}

@media (min-width: 1024px) {
    .slick-slider {
        flex: 1 0 auto;
        margin: 0 10px;
        padding-top: 10px;
        width: 600px
    }

    .slick-slider .item {
        display: block !important;
        margin: 0 10px;
        max-width: 100%;
        min-width: auto;
        width: 180px !important
    }
}

@media (min-width: 1366px) {
    .slick-slider {
        width: 800px
    }
}

@media (min-width: 1480px) {
    .slick-slider {
        width: 1000px
    }
}

@media (min-width: 1680px) {
    .slick-slider {
        width: 1200px
    }
}

@media (min-width: 1920px) {
    .slick-slider {
        width: 1400px
    }
}

@media (min-width: 2240px) {
    .slick-slider {
        width: 1590px
    }
}

@media (min-width: 2640px) {
    .slick-slider {
        width: 2000px
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .slick-slider .item:nth-child(n+5) {
        display: none !important
    }

    .slick-slider .item:nth-child(4) {
        margin-right: 0
    }
}

@media (min-width: 1280px) and (max-width: 1480px) {
    .slick-slider .item:nth-child(n+6) {
        display: none !important
    }

    .slick-slider .item:nth-child(5) {
        margin-right: 0
    }
}

.items-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.items-row .items-row__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1024px) {
    .items-row {
        gap: 0;
        margin: 10px -10px 0 0
    }

    .items-row .items-row__wrapper {
        flex-direction: row;
        gap: 0 10px;
        width: 100%
    }

    .items-row .slick-slider {
        display: flex
    }
}

@media (max-width: 1023.98px) {
    .items.index.games-active > .prime-container {
        padding: 20px 0 0
    }

    .items-row .items-row__wrapper {
        padding: 20px 15px 0
    }
}

.home-box {
    background-color: #f7f7f7;
    border-radius: 20px;
    margin: 20px 0;
    overflow: hidden;
    padding: 16px 20px
}

.home-box .home-box__wrapper {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    margin-bottom: 1rem;
}

.home-box .home-box__wrapper::before {
    margin-right: 16px
}


.home-box .home-box__title {
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 4px
}

.home-box .home-box__info {
    padding-right: 20px
}

.home-box .home-box__button {
    margin-left: auto
}

.home-box.home-box--flash {
    background-color: #e20080;
    padding: 30px
}

.home-box.home-box-new {
    background-color: transparent;
    margin: 0;
    padding: 10px 10px 20px
}

.home-box.home-box-new .home-box__wrapper {
    margin: 15px 0;
}

.home-box.home-box-new .home-box__title {
    color: #000;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .home-box {
        margin: 10px
    }
}

.items-container .item-new {
    border-radius: 20px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 10px 20px -10px rgba(0, 0, 0, 0.1);
}

.leaderboard.leaderboard--compact {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    width: 100%
}

.scroll-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    z-index: 10000;
    right: 20px;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
}

.scroll-top svg {
    width: 50%;
    height: 50%;
}

.cate-title {
    border-radius: 20px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.game-main {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.game-play {
    width: 100%;
    aspect-ratio: 4/2.25;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.game-bg {
    width: 100%;
    height: 100%;
    filter: blur(6px);
}

.game-info {
    position: absolute;
    z-index: 1;
    margin:auto;
    max-width: 120px;

    display: flex;
    flex-direction: column;
    gap: 15px;
}


.game-icon {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    border: 4px solid #fff;
}

.game-btn {
    background: #4dccf7;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 5px;
}

.game-title {
    color: #333;
    font-weight: bold;
    font-size: 24px;
}

.game-type {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.06);
    color: #666;
    border-radius: 12px;
    width: fit-content;
}

.desc-title {
    color: #222;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}

.desc_btn {
    background: #4dccf7;
    padding: 5px 10px;
    border-radius: 5px;
    width: fit-content;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1rem;
}

.detail-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #5e5e5e;
}

.detail-desc {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
    .detail-desc {
        -webkit-line-clamp: 3;
    }
}