@font-face {
    font-family: gilroy;
    src: url(/_next/static/media/Gilroy-Regular.65cf196f.ttf);
    font-weight: 400;
}
@font-face {
    font-family: gilroy;
    src: url(/_next/static/media/Gilroy-Bold.1446655b.ttf);
    font-weight: 700;
}
:root {
    --border-radius-min: 5px;
    --border-radius-max: 8px;
    --color-accent: #ff4b4b;
    --color-accent--rgb: 255, 75, 75;
    --color-bg: #04090b;
    --color-bg--rgb: 4, 9, 11;
    --color-monitoring-bg: #2c7297;
    --color-monitoring-bg--rgb: 44, 114, 151;
    --color-default: #9e9e9e;
    --color-default--rgb: 158, 158, 158;
    --color-active: #276a8b;
    --color-active--rgb: 39, 106, 139;
    --color-black: #1b1b1b;
    --color-black--rgb: 27, 27, 27;
    --color-common-black: #04090b;
    --color-common-black--rgb: 4, 9, 11;
    --color-common-white: #fff;
    --color-common-white--rgb: 255, 255, 255;
    --color-primary-main: #0a2939;
    --color-primary-main--rgb: 10, 41, 57;
    --color-primary-contrast: #57b8e9;
    --color-primary-contrast--rgb: 87, 184, 233;
    --color-secondary-main: #57b8e9;
    --color-secondary-main--rgb: 87, 184, 233;
    --color-secondary-contrast: #0a2939;
    --color-secondary-contrast--rgb: 10, 41, 57;
    --color-block-bg: #081114;
    --color-block-bg--rgb: 8, 17, 20;
    --color-block-lights: #357190;
    --color-block-lights--rgb: 53, 113, 144;
    --color-error-main: #2c0707;
    --color-error-main--rgb: 44, 7, 7;
    --color-error-contrast: #ed4242;
    --color-error-contrast--rgb: 237, 66, 66;
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
}
*,
body,
html {
    font-family: Roboto, sans-serif;
}
body,
html {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-common-white);
    background-color: var(--color-bg);
    min-height: 100vh;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
}
body #__next,
html #__next {
    height: 100%;
}
body #__next main,
html #__next main {
    flex: 3 1 auto;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body #__next main::-webkit-scrollbar,
html #__next main::-webkit-scrollbar {
    width: 0;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 12px;
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 57%, 0.25);
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: 5px;
}
.blocked {
    overflow: hidden;
}
body.red {
    --color-active: #8b2727;
    --color-active--rgb: 139, 39, 39;
    --color-accent: #fe2b46;
    --color-accent--rgb: 254, 43, 70;
    --color-bg: #050202;
    --color-bg--rgb: 5, 2, 2;
    --color-block-bg: #0c0505;
    --color-block-bg--rgb: 12, 5, 5;
    --color-block-lights: #fe2b46;
    --color-block-lights--rgb: 254, 43, 70;
    --color-primary-main: #4a0b07;
    --color-primary-main--rgb: 74, 11, 7;
    --color-primary-contrast: #fe2b46;
    --color-primary-contrast--rgb: 254, 43, 70;
    --color-secondary-main: #fe2b46;
    --color-secondary-main--rgb: 254, 43, 70;
    --color-secondary-contrast: #4a0b07;
    --color-secondary-contrast--rgb: 74, 11, 7;
}
body.green {
    --color-active: #338b27;
    --color-active--rgb: 51, 139, 39;
    --color-accent: #67ee06;
    --color-accent--rgb: 103, 238, 6;
    --color-bg: #020502;
    --color-bg--rgb: 2, 5, 2;
    --color-block-bg: #050c07;
    --color-block-bg--rgb: 5, 12, 7;
    --color-block-lights: #67ee06;
    --color-block-lights--rgb: 103, 238, 6;
    --color-primary-main: #043f0a;
    --color-primary-main--rgb: 4, 63, 10;
    --color-primary-contrast: #67ee06;
    --color-primary-contrast--rgb: 103, 238, 6;
    --color-secondary-main: #67ee06;
    --color-secondary-main--rgb: 103, 238, 6;
    --color-secondary-contrast: #043f0a;
    --color-secondary-contrast--rgb: 4, 63, 10;
}
body.yellow {
    --color-active: #848b27;
    --color-active--rgb: 132, 139, 39;
    --color-accent: #f5f85a;
    --color-accent--rgb: 245, 248, 90;
    --color-bg: #050502;
    --color-bg--rgb: 5, 5, 2;
    --color-block-bg: #0c0c05;
    --color-block-bg--rgb: 12, 12, 5;
    --color-block-lights: #f5f85a;
    --color-block-lights--rgb: 245, 248, 90;
    --color-primary-main: #3f3904;
    --color-primary-main--rgb: 63, 57, 4;
    --color-primary-contrast: #f5f85a;
    --color-primary-contrast--rgb: 245, 248, 90;
    --color-secondary-main: #f5f85a;
    --color-secondary-main--rgb: 245, 248, 90;
    --color-secondary-contrast: #3f3904;
    --color-secondary-contrast--rgb: 63, 57, 4;
}
body.purple {
    --color-active: #8b278b;
    --color-active--rgb: 139, 39, 139;
    --color-accent: #f85aee;
    --color-accent--rgb: 248, 90, 238;
    --color-bg: #050205;
    --color-bg--rgb: 5, 2, 5;
    --color-block-bg: #0c050c;
    --color-block-bg--rgb: 12, 5, 12;
    --color-block-lights: #f85aee;
    --color-block-lights--rgb: 248, 90, 238;
    --color-primary-main: #1a043f;
    --color-primary-main--rgb: 26, 4, 63;
    --color-primary-contrast: #f85aee;
    --color-primary-contrast--rgb: 248, 90, 238;
    --color-secondary-main: #f85aee;
    --color-secondary-main--rgb: 248, 90, 238;
    --color-secondary-contrast: #1a043f;
    --color-secondary-contrast--rgb: 26, 4, 63;
}
@media (min-width: 800px) {
    body {
        overflow: overlay;
    }
}
.container {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 890px) {
    .container {
        max-width: 768px;
    }
}
@media (max-width: 425px) {
    .container {
        padding: 0 10px;
    }
}
.content_overlay {
    position: relative;
    min-height: 100vh;
    transition: opacity 0.2s ease-in-out;
    background-image: url(../img/main-bg.png);
    background-position: top;
    background-repeat: no-repeat;
}
.content_overlay,
.not_found {
    display: flex;
    flex-direction: column;
}
.not_found {
    align-items: center;
}
.not_found p {
    text-align: center;
    font-size: 20px;
}
@media (max-width: 500px) {
    .not_found img {
        width: 300px;
        height: 300px;
    }
    .not_found p {
        font-size: 18px;
    }
}
.ant-color-picker-inner-panel > .ant-divider,
.ant-color-picker-input-container,
.ant-color-picker-select,
.ant-color-picker-slider-container {
    display: none !important;
}
@media (max-width: 890px) {
    .ant-picker-panels {
        flex-direction: column !important;
    }
}

.Rules_rules__z1NaM > h1 {
    margin: 50px 0;
    font-size: 48px;
    font-weight: 700;
}