@font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Regular.65cf196f.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Bold.1446655b.ttf);
    font-weight: 700;
    font-style: normal;
}
:root {
    --color-bg: #110f12;
    --color-bg--rgb: 17, 15, 18;
    --color-default: #cec9c4;
    --color-default--rgb: 206, 201, 196;
    --color-accent: #494543;
    --color-accent--rgb: 73, 69, 67;
    --color-common-white: #fff;
    --color-common-white--rgb: 255, 255, 255;
    --color-primary-main: #ff9400;
    --color-primary-main--rgb: 255, 148, 0;
    --color-primary-contrast: #37312b;
    --color-primary-contrast--rgb: 55, 49, 43;
    --color-error-main: #cf350e;
    --color-error-main--rgb: 207, 53, 14;
    --color-error-contrast: #852c15;
    --color-error-contrast--rgb: 133, 44, 21;
    --color-error-light: #ff3804;
    --color-error-light--rgb: 255, 56, 4;
    --color-light-shadow: rgba(189, 93, 2, 0.65);
    --color-light-shadow--rgb: 189, 93, 2;
    --color-dark-shadow: rgba(48, 41, 34, 0.6);
    --color-dark-shadow--rgb: 48, 41, 34;
    --toastify-color-error: rgba(190, 117, 14, 0.8) !important;
}
.Toastify__toast {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
*,
:after,
:before {
    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;
}
*,
:after,
:before,
body,
html {
    font-family: Roboto, sans-serif;
}
body,
html {
    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);
}
html {
    font-size: 4px;
}
body {
    font-size: 4rem;
    position: relative;
}
body::-webkit-scrollbar {
    background-color: transparent;
    width: 3rem;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--color-primary-contrast);
    border-radius: 4rem;
    border: 0.5rem solid transparent;
    background-clip: content-box;
}
body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-position: top;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
@media (max-width: 890px) {
    body:before {
        background-position: 60% 0;
    }
}
@media (max-width: 500px) {
    body:before {
        background-position: 55% 0;
        background-size: 270%;
    }
}
body.main-page:before {
    opacity: 1;
}
button:not(:disabled) {
    cursor: pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-primary-main);
    -webkit-box-shadow: inset 0 0 0 1000px transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
#nprogress .bar {
    background: var(--color-common-white) !important;
}
#nprogress .peg {
    box-shadow: 0 0 10px var(--color-common-white), 0 0 5px var(--color-common-white) !important;
}
#nprogress .spinner-icon {
    border-top-color: var(--color-common-white) !important;
    border-left-color: var(--color-common-white) !important;
}
#__next {
    display: flex;
    flex-direction: column;
    /* background-image: url(../img/bg_left.afcb5e3e.png), url(../img/bg_right.1bf1e610.png);
    background-position: 0 0, 100% 0;
    background-repeat: repeat-y, repeat-y; */
    position: relative;
    min-height: 100vh;
}
@media (max-width: 890px) {
    #__next {
        background-image: none;
    }
}
.not_found {
    margin-top: 7ch;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.not_found img {
    width: 90%;
    max-width: 419px;
    height: auto;
}
.not_found h1 {
    margin: 6rem 0;
    font-size: 6rem;
    color: var(--color-primary-main);
    text-align: center;
}
.not_found p {
    text-align: center;
    font-size: 4rem;
    color: var(--color-default);
}
.not_found p + p {
    margin-top: 4rem;
    margin-bottom: 8rem;
}
main {
    flex-grow: 3;
    padding-bottom: 12rem;
}
main::-webkit-scrollbar {
    display: none;
}
.blocked {
    overflow: hidden;
}
.container {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 890px) {
    .container {
        max-width: 768px;
    }
}
@media (max-width: 375px) {
    .container {
        padding: 0 15px;
    }
}
.ant-switch.ant-switch-checked,
.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
    background-color: var(--color-primary-main);
}
.ant-btn-primary:hover,
.ant-menu-item-selected {
    background-color: var(--color-primary-main) !important;
    color: var(--color-primary-contrast) !important;
}
.ant-menu-item:not(.ant-menu-item-selected):active {
    background-color: rgba(var(--color-primary-main--rgb), 0.5) !important;
}
.ant-card,
.ant-table-thead > tr > th {
    background-color: var(--color-bg) !important;
}
.ant-table-wrapper .ant-table,
.ant-table-wrapper .ant-table-cell-fix-right:not(th) {
    background-color: rgba(var(--color-bg--rgb), 0.5) !important;
}
.ant-table-cell-row-hover,
.ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover,
.ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td {
    background-color: rgba(var(--color-bg--rgb), 0.8) !important;
}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
    color: var(--color-primary-main);
}
.ant-btn-primary,
.ant-pagination .ant-pagination-item-active,
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: rgba(var(--color-primary-main--rgb), 0.2);
    border-color: var(--color-primary-main);
}
.ant-btn-primary a,
.ant-pagination .ant-pagination-item-active a,
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) a {
    color: var(--color-primary-main);
}
.ant-btn-primary {
    box-shadow: 0 2px 0 rgba(251, 137, 21, 0.16);
}
.ant-btn-dashed,
.ant-input,
.ant-input-number,
.ant-picker,
.ant-select-selector,
.ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder {
    background-color: var(--color-bg) !important;
}