:root {
    scroll-behavior: smooth;
    --color-white-1: #fafafa;
    --color-white-2: snow;
    --color-blue-1: #94bbe9;
    --color-blue-2: #3781c8;
    --color-pink-1: #eeaeca;
    --color-grey-1: #d8d8d8;
    --color-grey-2: #adadad;
    --color-grey-3: #8fa4b8;
    --color-grey-4: #304354;
    --color-grey-5: #6a6a6b;
    --color-grey-6: #787878;
    --color-grey-7: #e8e8ec;
    --color-grey-8: #f8f5f5;
    --color-grey-9: #f0eeee;
    --color-black-1: #222;
    --color-red-1: #ff385c;
    --color-red-2: #f7254b;
    --color-orange-1: orange;
    --color-green-1: #228b22;
    --loading-progress-bar-color: var(--color-red-1);
    --background-main-color: radial-gradient(circle, var(--color-pink-1) 0%, var(--color-blue-1) 100%);
    --logo-text-color: var(--color-grey-4);
    --logo-dot-color: var(--color-red-1);
    --app-container-color: var(--color-white-2);
    --app-scroll-color: var(--color-red-1);
    --welcome-text-color: var(--color-white-1);
    --welcome-text-color-alt: var(--color-red-1);
    --aside-nav-color: var(--color-grey-4);
    --aside-nav-color-active: var(--color-grey-4);
    --aside-nav-alt-color: var(--color-red-1);
    --aside-border-color: var(--color-grey-1);
    --scrollbar-color: var(--color-red-1);
    --search-field-background-color: var(--color-white-2);
    --search-field-border-color: var(--color-grey-1);
    --search-field-color: var(--color-black-1);
    --search-field-placeholder-color: var(--color-grey-2);
    --search-field-button-color: var(--color-grey-3);
    --search-field-alt-color: var(--color-red-1);
    --search-field-text-color: var(--color-black-1);
    --search-field-overflow-color: var(--color-red-1);
    --search-field-result-row-hover: var(--color-grey-7);
    --search-field-result-text-color: var(--color-black-1);
    --search-field-result-text-color-hover: var(--color-red-1);
    --theme-switcher-background: var(--color-grey-1);
    --theme-switcher-border: var(--color-grey-1);
    --theme-switcher-checker: var(--color-white-1);
    --theme-switcher-sun: var(--color-orange-1);
    --theme-switcher-moon: var(--color-blue-2);
    --section-title-text-color: var(--color-grey-4);
    --section-title-before-line-color: var(--color-red-1);
    --table-header-background-color: var(--color-grey-7);
    --table-header-text-color: var(--color-black-1);
    --table-row-name-color: var(--color-black-1);
    --table-row-name-hover-color: var(--color-red-1);
    --table-row-border-color: var(--color-grey-1);
    --table-row-hover-color: var(--color-grey-7);
    --table-row-text-color: var(--color-black-1);
    --crafted-section-title-color: var(--color-black-1);
    --crafted-section-type-color: var(--color-grey-6);
    --crafted-section-text-color: var(--color-black-1);
    --crafted-section-number-color: var(--color-red-1);
    --default-border-color: var(--color-grey-1);
    --crafted-list-description-color: var(--color-grey-6);
    --crafted-list-count-color: var(--color-red-1);
    --crafted-list-name-color: var(--color-black-1);
    --crafted-list-border-color: var(--color-grey-1);
    --crafted-list-row-icon-color: var(--color-red-1);
    --input-background-color: var(--color-white-1);
    --input-text-color: var(--color-black-1);
    --input-focus-border-color: var(--color-red-1);
    --craft-table-header-text-color: var(--color-black-1);
    --craft-table-body-text-color: var(--color-black-1);
    --craft-table-footer-text-color: var(--color-black-1);
    --select-language-dropdown-background: var(--color-grey-7);
    --select-language-dropdown-background-selected: var(--color-grey-3);
    --select-language-dropdown-text: var(--color-black-1);
    --select-language-dropdown-arrow-color: var(--color-black-1);
    --two-types-switcher-background: var(--color-white-1);
    --two-types-switcher-label: var(--color-red-1);
    --two-types-switcher-text-1: var(--color-black-1);
    --two-types-switcher-text-2: var(--color-white-1);
    --close-sidebar-button-background-color: var(--color-red-1);
    --close-sidebar-button-icon-color: var(--color-white-1);
    --open-sidebar-button-icon-color: var(--color-grey-3);
    --checkbox-switcher-background: var(--color-white-1);
    --checkbox-switcher-label: var(--color-red-1);
    --filter-text-color: var(--color-black-1);
    --filter-icon-color: var(--color-black-1);
    --filter-icon-active-color: var(--color-red-1);
    --filter-border-color: var(--color-grey-1);
    --filter-active-background-color: var(--color-grey-8);
    --filter-dropdown-background-color: var(--color-white-2);
    --filter-dropdown-text-color: var(--color-black-1);
    --filter-dropdown-button-active-background-color: var(--color-red-1);
    --filter-dropdown-button-active-text-color: var(--color-white-1);
    --checkbox-arrow-color: var(--color-red-1);
    --checkbox-border-color: var(--color-grey-1);
    --notice-text-color: var(--color-grey-4);
    --button-text-color: var(--color-white-1);
    --button-background-color: var(--color-red-1);
    --button-background-hovered-color: var(--color-red-2);
    --button-background-disabled-color: var(--color-grey-7);
    --button-text-disabled-color: var(--color-black-1);
    --delete-button-color: var(--color-grey-4);
    --delete-button-color-hover: var(--color-red-1);
    --addCraftItemButton-background-color: var(--color-grey-1);
    --addCraftItemButton-icon-color: var(--color-black-1);
    --addCraftItemButton-icon-hover-color: var(--color-red-1);
    --beta-background-color: var(--color-red-1);
    --beta-text-color: var(--color-white-1);
    --round-button-color: var(--color-grey-4);
    --round-button-hover-color: var(--color-red-1);
    --round-button-hover-background: var(--color-grey-8);
    --round-button-border-color: var(--color-grey-1);
    --post-background-color: var(--color-grey-8);
    --post-border-color: var(--color-grey-1);
    --post-border-hover-color: var(--color-grey-1);
    --post-label-background-color: var(--color-red-1);
    --post-label-text-color: var(--color-white-1);
    --post-title-color: var(--color-grey-4);
    --post-title-hover-color: var(--color-grey-4);
    --post-content-color: var(--color-grey-4);
    --post-details-color: var(--color-grey-4);
    --post-author-color: var(--color-red-1);
    --post-statistic-color: var(--color-grey-4);
    --auth-dropdown-background-color: var(--color-white-2);
    --auth-dropdown-text-color: var(--color-grey-4);
    --auth-dropdown-text-hover-color: var(--color-grey-4);
    --auth-dropdown-border-color: var(--color-grey-1);
    --auth-dropdown-label-color: var(--color-red-1);
    --auth-form-border-color: var(--color-grey-1);
    --auth-form-background-color: var(--color-grey-8);
    --auth-form-message-text-color: var(--color-black-1);
    --auth-form-message-link-color: var(--color-red-1);
    --auth-form-message-link-hover-color: var(--color-red-2);
    --form-input-text-color: var(--color-black-1);
    --form-input-border-color: var(--color-grey-1);
    --form-input-focus-border-color: var(--color-red-1);
    --form-input-background-color: var(--color-white-2);
    --form-input-error-text-color: var(--color-red-1);
    --form-input-placeholder-text-color: var(--color-grey-2);
    --user-auth-dropdown-skeleton-circle: var(--color-grey-9);
    --logined-user-circle-background-color: var(--color-red-1);
    --logined-user-circle-background-hover-color: var(--color-red-2);
    --logined-user-circle-text-color: var(--color-white-1);
    --modal-background-color: var(--color-white-2);
    --modal-border-color: var(--color-grey-1);
    --skeleton-stub-color: var(--color-grey-9);
    --range-slider-background-color: var(--color-grey-2);
    --range-slider-color: var(--color-red-1);
    --range-slider-handle-border-color: var(--color-white-2);
    --post-page-container-color: var(--color-grey-8);
    --post-page-border-color: var(--color-grey-1);
    --post-page-text-color: var(--color-grey-4);
    --post-page-actions-color: var(--color-grey-4);
    --post-page-actions-color-active: var(--color-red-1)
}

:root[data-theme=dark] {
    scroll-behavior: smooth;
    --color-white-1: #fafafa;
    --color-white-2: #c9d1d9;
    --color-grey-1: #0e1117;
    --color-grey-2: #21262d;
    --color-grey-3: #8b949e;
    --color-grey-4: #6a6a6b;
    --color-grey-5: #787878;
    --color-grey-6: #e0e0e0;
    --color-grey-7: #304354;
    --color-grey-8: #161b22;
    --color-grey-9: #8d8e90;
    --color-black-1: #02040a;
    --color-blue-1: #58a6ff;
    --color-blue-2: #4493f8;
    --color-blue-3: #183e58d8;
    --color-red-1: #ff385c;
    --color-orange-1: orange;
    --color-green-1: #90ee90;
    --loading-progress-bar-color: var(--color-blue-1);
    --background-main-color: radial-gradient(ellipse, var(--color-blue-3) 0%, var(--color-black-1) 100%);
    --logo-text-color: var(--color-white-1);
    --logo-dot-color: var(--color-blue-1);
    --app-container-color: var(--color-grey-1);
    --app-scroll-color: var(--color-blue-1);
    --welcome-text-color: var(--color-white-1);
    --welcome-text-color-alt: var(--color-blue-1);
    --aside-nav-color: var(--color-white-2);
    --aside-nav-color-active: var(--color-white-1);
    --aside-nav-alt-color: var(--color-blue-1);
    --aside-border-color: var(--color-grey-2);
    --scrollbar-color: var(--color-blue-1);
    --search-field-background-color: var(--color-grey-1);
    --search-field-border-color: var(--color-grey-2);
    --search-field-color: var(--color-white-1);
    --search-field-placeholder-color: var(--color-grey-4);
    --search-field-button-color: var(--color-white-2);
    --search-field-alt-color: var(--color-blue-1);
    --search-field-text-color: var(--color-white-1);
    --search-field-overflow-color: var(--color-blue-1);
    --search-field-result-row-hover: var(--color-grey-8);
    --search-field-result-text-color: var(--color-white-1);
    --search-field-result-text-color-hover: var(--color-blue-1);
    --theme-switcher-background: var(--color-black-1);
    --theme-switcher-border: var(--color-grey-2);
    --theme-switcher-checker: var(--color-white-1);
    --theme-switcher-sun: var(--color-orange-1);
    --theme-switcher-moon: var(--color-blue-2);
    --section-title-text-color: var(--color-white-1);
    --section-title-before-line-color: var(--color-blue-1);
    --table-header-background-color: var(--color-grey-8);
    --table-header-text-color: var(--color-white-1);
    --table-row-name-color: var(--color-white-1);
    --table-row-name-hover-color: var(--color-blue-1);
    --table-row-border-color: var(--color-grey-2);
    --table-row-hover-color: var(--color-black-1);
    --table-row-text-color: var(--color-white-1);
    --crafted-section-title-color: var(--color-white-1);
    --crafted-section-type-color: var(--color-grey-9);
    --crafted-section-text-color: var(--color-white-1);
    --crafted-section-number-color: var(--color-blue-1);
    --default-border-color: var(--color-grey-2);
    --crafted-list-description-color: var(--color-grey-9);
    --crafted-list-count-color: var(--color-blue-1);
    --crafted-list-name-color: var(--color-white-1);
    --crafted-list-border-color: var(--color-grey-2);
    --crafted-list-row-icon-color: var(--color-blue-1);
    --input-background-color: var(--color-black-1);
    --input-text-color: var(--color-white-2);
    --input-focus-border-color: var(--color-blue-1);
    --craft-table-header-text-color: var(--color-white-1);
    --craft-table-body-text-color: var(--color-white-2);
    --craft-table-footer-text-color: var(--color-white-1);
    --select-language-dropdown-background: var(--color-black-1);
    --select-language-dropdown-background-selected: var(--color-grey-8);
    --select-language-dropdown-text: var(--color-white-1);
    --select-language-dropdown-arrow-color: var(--color-white-1);
    --two-types-switcher-background: var(--color-black-1);
    --two-types-switcher-label: var(--color-blue-2);
    --two-types-switcher-text-1: var(--color-white-1);
    --two-types-switcher-text-2: var(--color-white-1);
    --close-sidebar-button-background-color: var(--color-blue-1);
    --close-sidebar-button-icon-color: var(--color-white-1);
    --open-sidebar-button-icon-color: var(--color-white-1);
    --checkbox-switcher-background: var(--color-black-1);
    --checkbox-switcher-label: var(--color-blue-2);
    --filter-text-color: var(--color-white-1);
    --filter-icon-color: var(--color-white-1);
    --filter-icon-active-color: var(--color-blue-1);
    --filter-border-color: var(--color-grey-2);
    --filter-active-background-color: var(--color-grey-2);
    --filter-dropdown-background-color: var(--color-grey-8);
    --filter-dropdown-text-color: var(--color-white-1);
    --filter-dropdown-button-active-background-color: var(--color-blue-1);
    --filter-dropdown-button-active-text-color: var(--color-white-1);
    --checkbox-arrow-color: var(--color-blue-1);
    --checkbox-border-color: var(--color-grey-2);
    --notice-text-color: var(--color-white-2);
    --button-text-color: var(--color-white-1);
    --button-background-color: var(--color-blue-2);
    --button-background-hovered-color: var(--color-blue-1);
    --button-background-disabled-color: var(--color-grey-8);
    --button-text-disabled-color: var(--color-white-1);
    --delete-button-color: var(--color-grey-3);
    --delete-button-color-hover: var(--color-red-1);
    --addCraftItemButton-background-color: var(--color-black-1);
    --addCraftItemButton-icon-color: var(--color-white-1);
    --addCraftItemButton-icon-hover-color: var(--color-blue-1);
    --beta-background-color: var(--color-blue-1);
    --beta-text-color: var(--color-white-1);
    --round-button-color: var(--color-white-1);
    --round-button-hover-color: var(--color-blue-1);
    --round-button-hover-background: var(--color-grey-2);
    --round-button-border-color: var(--color-grey-2);
    --post-background-color: var(--color-grey-8);
    --post-border-color: var(--color-grey-2);
    --post-border-hover-color: var(--color-grey-2);
    --post-label-background-color: var(--color-blue-1);
    --post-label-text-color: var(--color-white-1);
    --post-title-color: var(--color-white-2);
    --post-title-hover-color: var(--color-white-1);
    --post-content-color: var(--color-white-2);
    --post-details-color: var(--color-white-2);
    --post-author-color: var(--color-blue-1);
    --post-statistic-color: var(--color-white-2);
    --auth-dropdown-background-color: var(--color-grey-8);
    --auth-dropdown-text-color: var(--color-white-2);
    --auth-dropdown-text-hover-color: var(--color-white-1);
    --auth-dropdown-border-color: var(--color-grey-2);
    --auth-dropdown-label-color: var(--color-blue-1);
    --auth-form-border-color: var(--color-grey-2);
    --auth-form-background-color: var(--color-grey-8);
    --auth-form-message-text-color: var(--color-white-2);
    --auth-form-message-link-color: var(--color-blue-1);
    --auth-form-message-link-hover-color: var(--color-blue-2);
    --form-input-text-color: var(--color-white-1);
    --form-input-border-color: var(--color-grey-2);
    --form-input-focus-border-color: var(--color-blue-1);
    --form-input-background-color: var(--color-black-1);
    --form-input-error-text-color: var(--color-red-1);
    --form-input-placeholder-text-color: var(--color-grey-4);
    --user-auth-dropdown-skeleton-circle: var(--color-grey-2);
    --logined-user-circle-background-color: var(--color-blue-2);
    --logined-user-circle-background-hover-color: var(--color-blue-1);
    --logined-user-circle-text-color: var(--color-white-1);
    --modal-background-color: var(--color-grey-8);
    --modal-border-color: var(--color-grey-2);
    --skeleton-stub-color: var(--color-grey-2);
    --range-slider-background-color: var(--color-grey-2);
    --range-slider-color: var(--color-blue-1);
    --range-slider-handle-border-color: var(--color-white-1);
    --post-page-container-color: var(--color-grey-8);
    --post-page-border-color: var(--color-grey-2);
    --post-page-text-color: var(--color-white-1);
    --post-page-actions-color: var(--color-white-2);
    --post-page-actions-color-active: var(--color-blue-1)
}

@font-face {
    font-family: Lato-Black;
    src: url(/static/media/Lato-Black.a3e40ff7.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothamSSm Medium;
    src: url(/static/media/GothamSSm-Medium.09963fd2.otf);
    src: local("GothamSSm Medium"), local("GothamSSm-Medium"), url(/static/media/GothamSSm-Medium.13896809.eot) format("embedded-opentype"), url(/static/media/GothamSSm-Medium.2c3f9322.woff) format("woff"), url(/static/media/GothamSSm-Medium.9611c939.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothamSSm Light;
    src: url(/static/media/GothamSSm-Light.1eaaf735.otf);
    src: local("GothamSSm Light"), local("GothamSSm-Light"), url(/static/media/GothamSSm-Light.e1094b77.eot) format("embedded-opentype"), url(/static/media/GothamSSm-Light.b1424994.woff) format("woff"), url(/static/media/GothamSSm-Light.78984e4b.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothamSSm Bold;
    src: url(/static/media/GothamSSm-Bold.a67c34c0.otf);
    src: local("GothamSSm Bold"), local("GothamSSm-Medium"), url(/static/media/GothamSSm-Bold.f43b3c02.eot) format("embedded-opentype"), url(/static/media/GothamSSm-Bold.85f5698d.woff) format("woff"), url(/static/media/GothamSSm-Bold.93d13dfe.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

*, :after, :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none
}

html {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--background-main-color) no-repeat;
    padding: 24px;
    font-family: GothamSSm Medium, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow-x: hidden
}

body.disabledScroll {
    overflow-y: hidden
}

@media screen and (max-width: 1024px) {
    body {
        padding: 0
    }
}

body::-webkit-scrollbar {
    width: 4px
}

body::-webkit-scrollbar, body::-webkit-scrollbar-track {
    background-color: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: var(--app-scroll-color);
    border-radius: 8px
}

body::-webkit-scrollbar-thumb:hover {
    background-color: transparent
}

body::-webkit-scrollbar-button {
    display: none
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

a {
    text-decoration: none
}

a, a:active, a:focus, a:visited {
    color: unset
}

#nprogress .spinner {
    display: none !important
}

#nprogress .peg {
    box-shadow: unset !important
}

.iconWrapper_icon__4nHuA {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease
}

.iconWrapper_icon__4nHuA svg {
    width: inherit;
    height: inherit
}

.sidebar_sidebar__s_3t_ {
    position: relative;
    width: 100%;
    max-width: 252px;
    min-width: 252px;
    border-right: 1px solid var(--aside-border-color);
    padding: 40px 0 60px;
    transition: border-right-color .3s
}

@media screen and (max-width: 1024px) {
    .sidebar_sidebar__s_3t_ {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--app-container-color);
        padding: 40px 0;
        transform: translateX(-252px);
        z-index: 1000;
        transition: .3s
    }

    .sidebar_sidebar__s_3t_.sidebar_displayed__RumRQ {
        transform: unset
    }
}

.sidebar_sidebar__s_3t_ .sidebar_logo__jNNsH {
    display: block;
    margin-bottom: 35px;
    padding: 0 5px 0 35px
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax {
    color: var(--aside-nav-color);
    font-family: GothamSSm Medium, sans-serif;
    font-weight: 400;
    font-style: normal
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax::-webkit-scrollbar {
    background-color: transparent;
    width: 2px
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax::-webkit-scrollbar-track {
    background-color: transparent
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 16px
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color)
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax::-webkit-scrollbar-button {
    display: none
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd {
    margin-bottom: 10px
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionTitle__ofmma {
    font-family: GothamSSm Bold, sans-serif;
    font-size: .8rem;
    padding: 0 5px 0 35px;
    margin-bottom: 20px
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px 0 45px;
    margin-bottom: 15px;
    cursor: pointer
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl h3 {
    font-size: .75rem;
    font-weight: 400;
    margin: 0 4px 0 12px;
    transition: .3s ease
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: var(--aside-nav-alt-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    content: "";
    opacity: 0;
    transition: .3s ease
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl:hover .sidebar_icon__WyC1y {
    color: var(--aside-nav-alt-color)
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl:hover h3 {
    color: var(--aside-nav-color-active)
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl:hover:before {
    opacity: 1
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl.sidebar_selected__dwyIf .sidebar_icon__WyC1y {
    color: var(--aside-nav-alt-color)
}

.sidebar_sidebar__s_3t_ .sidebar_section__TIJax .sidebar_sectionItemContainer__3E_bd .sidebar_sectionItem__ovVDl.sidebar_selected__dwyIf p {
    color: var(--aside-nav-color-active)
}

@media screen and (max-width: 1024px) {
    .sidebar_sidebar__s_3t_ .sidebar_section__TIJax {
        overflow-y: scroll;
        max-height: calc(100vh - 180px)
    }
}

.sidebar_closeSidebarButton__BWuag {
    position: absolute;
    top: 0;
    right: -37px;
    opacity: 0;
    z-index: -1;
    transition: .3s
}

.sidebar_closeSidebarButton__BWuag.sidebar_active__dxcFa {
    opacity: 1;
    z-index: unset
}

.logo_container__tQ5xT {
    display: block;
    font-family: Lato-Black, sans-serif;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: var(--logo-text-color);
    cursor: pointer
}

.logo_container__tQ5xT span {
    color: var(--logo-dot-color)
}

.MobileMenuButtons_button__3irH2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    color: var(--open-sidebar-button-icon-color);
    padding: 4px
}

.MobileMenuButtons_icon__39_YC {
    font-size: 1.5rem
}

.MobileMenuButtons_closeSidebarButton__PDyRx {
    background: var(--close-sidebar-button-background-color);
    color: var(--close-sidebar-button-icon-color)
}

.nightModeSwitcher_switch__OYUqE {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px
}

.nightModeSwitcher_switch__OYUqE input {
    opacity: 0;
    width: 0;
    height: 0
}

.nightModeSwitcher_switch__OYUqE input:checked + .nightModeSwitcher_slider__q30KM {
    background: var(--theme-switcher-background);
    border: 1px solid var(--theme-switcher-border)
}

.nightModeSwitcher_switch__OYUqE input:checked + .nightModeSwitcher_slider__q30KM:before {
    transform: translateX(24px)
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-switcher-background);
    border: 1px solid var(--theme-switcher-border);
    transition: .4s ease
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 1px;
    bottom: 1px;
    background-color: var(--theme-switcher-checker);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    transition: .3s ease
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM.nightModeSwitcher_round__4m8qx {
    border-radius: 34px
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM.nightModeSwitcher_round__4m8qx:before {
    border-radius: 50%
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM .nightModeSwitcher_icon__3w8hW {
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM .nightModeSwitcher_icon__3w8hW.nightModeSwitcher_dayMode__9FAPO {
    right: 6px;
    color: var(--theme-switcher-sun)
}

.nightModeSwitcher_switch__OYUqE .nightModeSwitcher_slider__q30KM .nightModeSwitcher_icon__3w8hW.nightModeSwitcher_nightMode__kxqhI {
    left: 6px;
    color: var(--theme-switcher-moon)
}

.loginedUserDefaultAvatar_button__4Rexk {
    font-family: GothamSSm Medium, sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: var(--logined-user-circle-text-color);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--logined-user-circle-background-color);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s
}

.loginedUserDefaultAvatar_button__4Rexk:hover {
    background: var(--logined-user-circle-background-hover-color)
}

.loginedUserDropdown_container__Hy50R {
    position: relative
}

.loginedUserDropdown_dropdown__LAOr2 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    font-family: GothamSSm Medium, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--auth-dropdown-text-color);
    background: var(--auth-dropdown-background-color);
    padding: 6px 0;
    border: 1px solid var(--auth-dropdown-border-color);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    z-index: -100;
    opacity: 0;
    transition: .3s ease
}

.loginedUserDropdown_dropdown__LAOr2.loginedUserDropdown_opened___J_cA {
    z-index: 100;
    opacity: 1
}

.loginedUserDropdown_dropdown__LAOr2 .loginedUserDropdown_row__TzW3r {
    white-space: nowrap
}

.loginedUserDropdown_dropdown__LAOr2 button {
    background: none;
    border: 0;
    font-family: GothamSSm Medium, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--auth-dropdown-text-color);
    text-align: left
}

.loginedUserDropdown_dropdown__LAOr2 p {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    padding: 8px 24px;
    cursor: pointer
}

.loginedUserDropdown_dropdown__LAOr2 p:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: var(--auth-dropdown-label-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    content: "";
    opacity: 0;
    transition: .3s ease
}

.loginedUserDropdown_dropdown__LAOr2 p:hover {
    color: var(--auth-dropdown-text-hover-color)
}

.loginedUserDropdown_dropdown__LAOr2 p:hover:before {
    opacity: 1
}

.loginedUserDropdown_dropdown__LAOr2 p:hover .loginedUserDropdown_icon__FrZhU {
    color: var(--aside-nav-alt-color)
}

.userAuthDropdown_container__AWsLA {
    position: relative
}

.userAuthDropdown_button__0q_HV {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--round-button-border-color);
    border-radius: 8px;
    padding: 8px;
    color: var(--round-button-color);
    cursor: pointer;
    transition: .3s ease
}

.userAuthDropdown_button__0q_HV:hover {
    background: var(--round-button-hover-background);
    color: var(--round-button-hover-color)
}

.userAuthDropdown_button__0q_HV:active {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

.userAuthDropdown_button__0q_HV .userAuthDropdown_icon__pkLjv {
    transition: unset
}

.userAuthDropdown_dropdown__LQOsN {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    font-family: GothamSSm Medium, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--auth-dropdown-text-color);
    background: var(--auth-dropdown-background-color);
    padding: 6px 0;
    border: 1px solid var(--auth-dropdown-border-color);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    z-index: -100;
    opacity: 0;
    transition: .3s ease
}

.userAuthDropdown_dropdown__LQOsN.userAuthDropdown_opened__Tr5LQ {
    z-index: 100;
    opacity: 1
}

.userAuthDropdown_dropdown__LQOsN p {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    padding: 8px 24px;
    cursor: pointer
}

.userAuthDropdown_dropdown__LQOsN p:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: var(--auth-dropdown-label-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    content: "";
    opacity: 0;
    transition: .3s ease
}

.userAuthDropdown_dropdown__LQOsN p:hover {
    color: var(--auth-dropdown-text-hover-color)
}

.userAuthDropdown_dropdown__LQOsN p:hover:before {
    opacity: 1
}

.userAuthDropdown_dropdown__LQOsN p:hover .userAuthDropdown_icon__pkLjv {
    color: var(--aside-nav-alt-color)
}

.userAuth_defaultAuthStub__0u2Ay {
    width: 36px;
    height: 36px;
    opacity: .5;
    border-radius: 8px;
    background-color: var(--user-auth-dropdown-skeleton-circle)
}

.pulse_pulse__6FPTI {
    animation: pulse_pulse__6FPTI 1.5s ease-in-out infinite
}

@keyframes pulse_pulse__6FPTI {
    0%, to {
        opacity: .5
    }
    50% {
        opacity: 1
    }
}

.selectLanguageDropdown_container__y4XH3 {
    position: relative
}

.selectLanguageDropdown_button__G7RA7 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--round-button-border-color);
    border-radius: 8px;
    padding: 8px;
    color: var(--round-button-color);
    cursor: pointer;
    transition: .3s ease
}

.selectLanguageDropdown_button__G7RA7:hover {
    background: var(--round-button-hover-background);
    color: var(--round-button-hover-color)
}

.selectLanguageDropdown_button__G7RA7:active {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

.selectLanguageDropdown_button__G7RA7 .selectLanguageDropdown_icon__JX_KX {
    transition: unset
}

.selectLanguageDropdown_button__G7RA7 .selectLanguageDropdown_icon__JX_KX svg {
    width: 20px;
    height: 12px
}

.selectLanguageDropdown_dropdown__Rvovm {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: var(--auth-dropdown-background-color);
    padding: 6px 0;
    border: 1px solid var(--auth-dropdown-border-color);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    z-index: -100;
    opacity: 0;
    transition: .3s ease
}

.selectLanguageDropdown_dropdown__Rvovm.selectLanguageDropdown_opened__rsMN8 {
    z-index: 100;
    opacity: 1
}

.selectLanguageDropdown_dropdown__Rvovm button {
    font-family: GothamSSm Medium, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--auth-dropdown-text-color);
    background: none;
    border: 0;
    cursor: pointer
}

.selectLanguageDropdown_dropdown__Rvovm p {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    padding: 8px 24px;
    cursor: pointer
}

.selectLanguageDropdown_dropdown__Rvovm p:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: var(--auth-dropdown-label-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    content: "";
    opacity: 0;
    transition: .3s ease
}

.selectLanguageDropdown_dropdown__Rvovm p:hover {
    color: var(--auth-dropdown-text-hover-color)
}

.selectLanguageDropdown_dropdown__Rvovm p:hover:before {
    opacity: 1
}

.selectLanguageDropdown_dropdown__Rvovm p:hover .selectLanguageDropdown_icon__JX_KX {
    color: var(--aside-nav-alt-color)
}

.searchButton_button__vTXIF {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--round-button-border-color);
    border-radius: 8px;
    padding: 8px;
    color: var(--round-button-color);
    cursor: pointer;
    transition: .3s ease
}

.searchButton_button__vTXIF:hover {
    background: var(--round-button-hover-background);
    color: var(--round-button-hover-color)
}

.searchButton_button__vTXIF:active {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

.searchButton_button__vTXIF .searchButton_icon__JhXss {
    transition: unset
}

.modal_overlay__u7Qny {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3)
}

.modal_wrapper__ckuK0 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    z-index: 1050;
    overflow: auto
}

.modal_wrapper__ckuK0::-webkit-scrollbar, .modal_wrapper__ckuK0:hover::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.modal_wrapper__ckuK0::-webkit-scrollbar-track, .modal_wrapper__ckuK0:hover::-webkit-scrollbar-thumb {
    background-color: transparent
}

.modal_wrapper__ckuK0::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 16px
}

.modal_wrapper__ckuK0::-webkit-scrollbar-button {
    display: none
}

.modal_modal__2PdHh {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--modal-border-color);
    border-radius: 4px;
    background: var(--modal-background-color);
    min-width: 380px;
    max-width: 430px;
    padding: 38px;
    z-index: 100
}

.fadeIn_fadeIn__L9com {
    animation: fadeIn_fadeIn__L9com .5s ease-in
}

.fadeIn_fadeIn200ms__NtgJK {
    animation: fadeIn_fadeIn__L9com .2s ease-in
}

.fadeIn_fadeIn300ms__uPurr {
    animation: fadeIn_fadeIn__L9com .3s ease-in
}

@keyframes fadeIn_fadeIn__L9com {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.SectionTitle_sectionTitle__z4eJd {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    font-family: GothamSSm Medium, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    color: var(--section-title-text-color);
    margin: 10px 0;
    padding: 0 0 0 15px
}

.SectionTitle_sectionTitle__z4eJd:before {
    position: absolute;
    display: block;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--section-title-before-line-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    content: ""
}

.grade_container__ThykL {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    max-width: 36px;
    height: 25px;
    font-size: .8rem;
    padding: 4px;
    background: var(--color-black-1);
    border: 1px solid var(--color-grey-2);
    border-radius: 4px;
    color: var(--color-white-1)
}

.searchResultDataRow_container__alNnE {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 12px;
    cursor: pointer;
    transition: .3s
}

.searchResultDataRow_container__alNnE:hover {
    background: var(--search-field-result-row-hover)
}

.searchResultDataRow_container__alNnE:hover .searchResultDataRow_about__7zc8j .searchResultDataRow_name__iV5EH {
    color: var(--search-field-result-text-color-hover)
}

.searchResultDataRow_container__alNnE .searchResultDataRow_about__7zc8j {
    display: flex;
    gap: 4px;
    align-items: center
}

.searchResultDataRow_container__alNnE .searchResultDataRow_about__7zc8j .searchResultDataRow_icon__9Txz_ {
    width: 40px;
    height: 40px;
    border-radius: 2px
}

.searchResultDataRow_container__alNnE .searchResultDataRow_about__7zc8j .searchResultDataRow_name__iV5EH {
    font-family: GothamSSm Medium, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.2px;
    color: var(--search-field-result-text-color);
    padding: 0 4px;
    transition: .3s
}

.searchResultDataRow_container__alNnE .searchResultDataRow_about__7zc8j .searchResultDataRow_defaultIcon__90JnG {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 2px
}

.searchField_searchField__Or2_K {
    display: flex;
    align-items: center;
    height: 36px;
    border: 1px solid var(--search-field-border-color);
    background: transparent;
    border-radius: 4px
}

.searchField_searchField__Or2_K:focus-within {
    border: 1px solid var(--search-field-border-color);
    background: var(--search-field-background-color);
    transition: .5s ease
}

.searchField_searchField__Or2_K:focus-within input {
    background: var(--search-field-background-color);
    transition: 1.5s ease
}

.searchField_searchField__Or2_K:focus-within .searchField_icon__zj0hm {
    color: var(--search-field-alt-color)
}

.searchField_searchField__Or2_K .searchField_icon__zj0hm {
    color: var(--search-field-color);
    margin: auto 10px;
    transition: .3s ease
}

.searchField_searchField__Or2_K input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    border-radius: 12px;
    padding: 0 5px;
    font-family: GothamSSm Light, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: var(--search-field-text-color)
}

.searchField_searchField__Or2_K input::placeholder {
    color: var(--search-field-placeholder-color)
}

.searchField_searchField__Or2_K .searchField_searchFieldClearButton__CttEy {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: transparent;
    margin: auto 10px
}

.searchField_searchField__Or2_K .searchField_searchFieldClearButton__CttEy:hover .searchField_buttonIcon__iffkG {
    color: var(--search-field-alt-color)
}

.searchField_searchField__Or2_K .searchField_searchFieldClearButton__CttEy .searchField_buttonIcon__iffkG {
    color: var(--search-field-button-color)
}

.searchStub_stubContainer__2RFrN {
    width: 100%;
    max-height: 410px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--search-field-background-color);
    border: 1px solid var(--search-field-border-color);
    border-radius: 4px;
    padding: 12px 0
}

.searchStub_stubContainer__2RFrN .searchStub_stubRow__UP0YY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 12px
}

.searchStub_stubContainer__2RFrN .searchStub_stubRow__UP0YY:nth-child(2n) .searchStub_stubAbout__4a_GV {
    width: 60%
}

.searchStub_stubContainer__2RFrN .searchStub_stubAbout__4a_GV {
    width: 50%;
    display: flex;
    gap: 8px;
    align-items: center
}

.searchStub_stubContainer__2RFrN .searchStub_stubAbout__4a_GV .searchStub_stubIcon__Zmee6 {
    min-width: 40px;
    height: 40px;
    border-radius: 2px;
    background: var(--skeleton-stub-color)
}

.searchStub_stubContainer__2RFrN .searchStub_stubAbout__4a_GV .searchStub_stubText__5YayU {
    width: 100%;
    height: 16px;
    border-radius: 2px;
    background: var(--skeleton-stub-color)
}

.searchStub_stubContainer__2RFrN .searchStub_stubGrade___Zxuo {
    width: 25px;
    height: 25px;
    border-radius: 2px;
    background: var(--skeleton-stub-color)
}

.searchModal_modal__W_0Ao {
    height: 600px;
    width: calc(100% - 32px);
    max-width: 600px !important
}

.searchModal_container__K2q3C {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.searchModal_searchResultContainer__9YZw9 {
    width: 100%;
    max-height: 410px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--search-field-background-color);
    border: 1px solid var(--search-field-border-color);
    border-radius: 4px;
    padding: 12px 0;
    overflow-y: scroll
}

.searchModal_searchResultContainer__9YZw9::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
}

.searchModal_searchResultContainer__9YZw9::-webkit-scrollbar-track {
    background-color: transparent
}

.searchModal_searchResultContainer__9YZw9::-webkit-scrollbar-thumb {
    background-color: var(--search-field-overflow-color);
    border-radius: 8px
}

.searchModal_searchResultContainer__9YZw9::-webkit-scrollbar-thumb:hover {
    background-color: var(--search-field-overflow-color)
}

.searchModal_searchResultContainer__9YZw9::-webkit-scrollbar-button {
    display: none
}

.searchModal_searchResultContainer__9YZw9 .searchModal_noResultMessage__pf_j8 {
    font-family: GothamSSm Medium, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.2px;
    color: var(--search-field-result-text-color);
    padding: 0 14px
}

.header_header__A5I_i {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    margin: 0 auto
}

@media screen and (max-width: 1980px) {
    .header_header__A5I_i {
        max-width: 1600px
    }
}

@media screen and (max-width: 2048px) {
    .header_header__A5I_i {
        max-width: 1700px
    }
}

.header_navigationContainer__Y9IQy {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    align-items: center
}

.header_openSidebarButton__cCmJ3 {
    display: none
}

@media screen and (max-width: 1024px) {
    .header_openSidebarButton__cCmJ3 {
        display: flex
    }
}

.header_userContainer__0xlRy {
    display: flex;
    align-items: center;
    gap: 12px
}

.layout_app__2_2Xi {
    display: flex;
    height: 100%;
    min-height: calc(100vh - 60px);
    margin: 0 auto;
    background: var(--app-container-color);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 1024px) {
    .layout_app__2_2Xi {
        border-radius: 0;
        box-shadow: unset
    }
}

.layout_container__6rKGf {
    width: 100%;
    padding: 10px 30px
}

.layout_container__6rKGf.layout_blockContainerWrapper__VZuDV:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    overflow-x: hidden;
    opacity: 0;
    z-index: -1;
    content: "";
    transition: .3s
}

.layout_container__6rKGf.layout_blockContainerWrapper__VZuDV.layout_openedSidebar__uO8vN:after {
    z-index: 200;
    opacity: 1
}

@media screen and (max-width: 440px) {
    .layout_container__6rKGf {
        padding: 10px 16px
    }
}