@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/483de911b1a0d258.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/0e5e1c6a8db9e432.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/5693677ef07d9b51.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/28aa5118b38b86e4.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/8720059dfa14a1fe.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/f1df6186c8d69644.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/120a5a1920781bd0.p.woff2) format("woff2");
    unicode-range: u+00??, 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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/27971e35634b7c88.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/cd31bf4b34f8dfb3.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/ecf49d904668b268.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/2f66f084fba01545.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/906678b269849541.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/674abd25bb7be96f.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/da897b99eb1fe4a1.p.woff2) format("woff2");
    unicode-range: u+00??, 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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/80b1a0e600ca6d83.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/7c16c8204ab29534.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/f756da832d8c34d4.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/98a28a5430a3cf7f.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/df2942b6de9d14b5.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/7a7012758df5a81e.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: __Roboto_f53e6b;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/6ebb97b5c9fa4e03.p.woff2) format("woff2");
    unicode-range: u+00??, 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
}

.__className_f53e6b {
    font-family: __Roboto_f53e6b;
    font-style: normal
}

@import"https://fonts.googleapis.com/css?family=Nunito Sans";
@import"https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";

:root {
    --heightItem: 196px;
    --heightItem2: 300px;
    --max-width: 1100px;
    --border-radius: 12px;
    --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
    --primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);
    --secondary-glow: radial-gradient(#fff, hsla(0, 0%, 100%, 0));
    --tile-start-rgb: 239, 245, 249;
    --tile-end-rgb: 228, 232, 233;
    --tile-border: conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);
    --callout-rgb: 238, 240, 241;
    --callout-border-rgb: 172, 175, 176;
    --card-rgb: 180, 185, 188;
    --card-border-rgb: 131, 134, 135;
    --withListGamebg: 220px;
    --backgroundCategory: #0009;
    --color4-old: #f2e7dc;
    --color6: #fb7;
    --text-color: #f2e7dc;
    --header-color: var(--color4-old);
    --nav-color: var(--color4-old);
    --nav-color-active: var(--color6);
    --size-img: 142px;
    --size-img-number: 142;
    --bg-ads: #ffffff1f;
    --color0: #503e99;
    --colorslogan: #fff;
    --color1: #1a1b28;
    --color2: #212233;
    --color4: #1a1b28;
    --color3: #373843;
    --color5: var(--color4-old);
    --color7: #2f3148;
    --color8: #08f;
    --header-bg: rgba(33, 34, 51, .9);
    --nav-bg: #0c0d14;
    --main-bg: #0c0d14;
    --textColor: var(--color4-old);
    --search-text: #aaadbe;
    --search-box: #373952;
    --loader-top-color: #d3a9d9;
    --title-color: #fff;
    --loading-color: #241a53;
    --border-color: #2a2a31;
    --shadow-box-color: #37373794;
    --shadow-box-color1: #0000002e;
    --linear-border-color1: #262626;
    --linear-border-color2: #505057;
    --color-link: #d92525;
    --color-link-hover: #d92525;
    --color-item: #1a1b28;
    --color-item-hover: #36374d;
    --color-item-selected: #36374d;
    --color-button: #6842ff;
    --color-button-hover: #8668ff;
    --ad-text: #afafaf;
    --scrollbar: #6e6e6e;
    --scrollbar-bg: #252525
}

@supports (color:rgb(0 0 0/0)) {
    :root {
        --foreground-rgb: #fff
    }
}

@media(min-width:1695px)and (max-width:1777px) {
    :root {
        --size-img: calc((100vw - 106px) / 10 - 16px)
    }
}

@media(min-width:1777px)and (max-width:1919.9px) {
    :root {
        --size-img: 151px
    }
}

@media(min-width:1920px)and (max-width:2220px) {
    :root {
        --size-img: calc((100vw - 246px) / 10 - 16px)
    }
}

@media(min-width:2221px) {
    :root {
        --size-img: 181px
    }
}

[data-theme=dark] {
    --foreground-rgb: 0, 0, 0;
    --textColor: #040914;
    --backgroundCategory: #0009;
    --color0: #10454f;
    --colorslogan: #10454f;
    --color1: #027373;
    --color2: #038c7f;
    --color3: #a9d9d0;
    --color4: #fff;
    --color4-old: #f2e7dc;
    --color5: #0d0d0d;
    --color6: #fb7;
    --color7: #fff;
    --color8: #002b50;
    --ad-text: var(--color1);
    --text-color: var(--color4-old);
    --title-color: var(--color1);
    --search-box: #fff;
    --search-text: #2f2f2f;
    --header-bg: var(--color1);
    --header-color: var(--color4-old);
    --nav-bg: var(--color1);
    --nav-color: var(--color4-old);
    --nav-color-active: var(--color6);
    --main-bg: var(--color3);
    --bg-ads: #ffffff1f;
    --color-link: #e3371e;
    --color-link-hover: #10454f;
    --loader-top-color: #169780;
    --loading-color: #21b3a449;
    --border-color: transparent;
    --shadow-box-color: #37373794;
    --shadow-box-color1: #5d6b8417;
    --linear-border-color1: #038c7f;
    --linear-border-color2: #a9d9d0;
    --color-button: var(--color1);
    --color-button-hover: var(--color2);
    --color-item: var(--color1);
    --color-item-hover: var(--color2);
    --color-item-selected: var(--color2);
    --scrollbar: #3fadad;
    --scrollbar-bg: #cbf0ff
}

* {
    box-sizing: border-box
}

body {
    position: relative;
    max-width: 100vw;
    height: 100vh;
    font-size: 14px;
    color: rgb(var(--foreground-rgb));
    background: var(--main-bg);
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar) var(--scrollbar-bg);
    overflow-x: clip
}

a {
    color: var(--color-link);
    text-decoration: none;
    font-weight: 500
}

a:hover {
    color: var(--color-link-hover)
}

button:focus-visible {
    outline: none
}

button {
    cursor: pointer;
    border: none;
    background: none
}

@media screen and (max-width:768px) {
    button {
        cursor: alias !important
    }
}

h2 {
    font-weight: 800
}

@media(prefers-color-scheme:dark) {
    html {
        color-scheme: dark
    }
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--loading-color);
    opacity: .7;
    z-index: 10000;
    color: var(--text-color)
}

.loading .spin-custom {
    position: fixed;
    top: calc(50% + 11px);
    left: calc(50% + 11px);
    width: 50px;
    height: 50px;
    transform: scale(2.5)
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

.wait-render {
    position: relative;
    z-index: 0;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 16px;
    overflow: hidden;
    padding: 1rem;
    pointer-events: none
}
/* 
.wait-render:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: hsla(0, 0%, 100%, .122);
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(hsla(0, 0%, 100%, .122), hsla(0, 0%, 100%, .122)), linear-gradient(hsla(0, 0%, 100%, .271), hsla(0, 0%, 100%, .271)), linear-gradient(hsla(0, 0%, 100%, .122), hsla(0, 0%, 100%, .122)), linear-gradient(hsla(0, 0%, 100%, .271), hsla(0, 0%, 100%, .271));
    animation: rotate 4s linear infinite
}

.wait-render:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: hsla(0, 0%, 100%, .122);
    border-radius: 11px
} */

.wait-render2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 16px;
    overflow: hidden;
    padding: 1rem;
    pointer-events: none;
    aspect-ratio: 2560/1440;
    border-radius: 4px
}

.wait-render2:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 205%;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(hsla(0, 0%, 100%, .122), hsla(0, 0%, 100%, .122)), linear-gradient(hsla(0, 0%, 100%, .271), hsla(0, 0%, 100%, .271)), linear-gradient(hsla(0, 0%, 100%, .122), hsla(0, 0%, 100%, .122)), linear-gradient(hsla(0, 0%, 100%, .271), hsla(0, 0%, 100%, .271));
    animation: rotate 4s linear infinite
}

@keyframes opacityChange {
    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.hidden {
    display: none
}