@media (hover: hover) and (pointer:fine) {
}

@media (min-width: 768px) {
}

.header-registration_vQ6l7 {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media (min-width: 768px) {
    .header-registration_vQ6l7 {
        gap:16px
    }
}

html.app__layout--desktop .horizontal-navigation-button_pCc-z {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .4px;
    position: relative;
    display: flex;
    column-gap: 4px;
    align-items: center;
    height: 40px;
    padding: 20px 12px;
    margin: 8px 2px;
    color: var(--TextPrimary);
    white-space: nowrap;
    text-decoration: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 20px
}

@media (min-width: 1280px) {
    html.app__layout--desktop .horizontal-navigation-button_pCc-z {
        height:40px
    }
}

html.app__layout--desktop .horizontal-navigation-button--active_Ord9j {
    color: var(--TextDefault);
    background-color: var(--HeaderDesktopLayer)
}

html.app__layout--desktop .horizontal-navigation-button_pCc-z:hover {
    background-color: var(--Highlight)
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes slide-in-from-top_vfBAW {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-out-to-top_a8V0N {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slide-right-to-left_khmKn {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes vanish-in_bAI2b {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: translate(-50%,-50%) scale(2);
        transform-origin: 50% 50%
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        transform-origin: 50% 50%
    }
}

@keyframes text-scale_RnsxY {
    50% {
        transform: scale(1.2)
    }
}

@keyframes ripple_p-Jhz {
    0% {
        transform: translate(-50%,-50%) scale(0)
    }

    40% {
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes opacity-in_MxRsu {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-out_19--O {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes overlay_QrMuH {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1
    }
}

@keyframes explosion-pop_hNXpl {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

.horizontal-navigation_8KEo0 {
    display: flex;
    flex: 1;
    height: 56px
}

@media (min-width: 1280px) {
    .horizontal-navigation_8KEo0 {
        height:56px
    }
}

.horizontal-navigation--hide-overflow_7ZAvZ {
    overflow: hidden
}

.horizontal-navigation__base_1kJBS {
    display: flex;
    flex: none;
    padding: 0;
    margin: 0;
    list-style: none
}

.horizontal-navigation__list-item_kXRrS {
    flex: none;
    padding: 0;
    margin: 0
}

@media (min-width: 1280px) {
}

@keyframes squid_faV2Q {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    33%,66% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes triangle-back_EK96p {
    0% {
        opacity: 0;
        transform: rotate(-30deg)
    }

    33%,66% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes triangle-front_-pgqC {
    0% {
        opacity: 0;
        transform: rotate(-20deg)
    }

    33%,66% {
        opacity: 1;
        transform: rotate(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes logo-back_U-UzX {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    33%,66% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes logo-front_3mi5B {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    33%,to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes logo-outline_KWuVR {
    80% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

html.app__layout--desktop .header__logo_Gj83t {
    display: flex;
    align-items: center;
    margin-right: 16px
}

@media (min-width: 1024px) {
    html.app__layout--desktop .header__logo_Gj83t {
        margin-right:16px
    }
}

.header-bar_c8x-f {
    width: 100%;
    height: 56px;
    background-color: var(--HeaderDesktop);
    box-shadow: none
}

@media (min-width: 1280px) {
    .header-bar_c8x-f {
        height:56px
    }
}

.header-bar__inner_DDHWd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 700px;
    max-width: 1440px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto
}

@media (min-width: 1280px) {
    .header-bar__inner_DDHWd {
        padding:0 16px
    }
}

.header-bar__left_sul-h {
    display: flex;
    flex: 1;
    align-items: center
}

.header-bar__left--overflow-hidden_Dqxtz {
    overflow: hidden
}

.header-bar__right_JWSFM {
    display: flex;
    flex: none;
    align-items: center
}

@media (min-width: 768px) {
    .header-bar__right_JWSFM {
        gap:16px
    }
}

@media (min-width: 1151px) {
}

.header-bar__info_9sv6r {
    position: relative;
    display: flex;
    align-items: center
}

.header-bar__theme-switcher_VtxkC {
    padding-right: 8px;
    padding-left: 8px
}

.header-bar__search_7cuQt {
    margin: 0 10px
}

.header__content_OyMoo {
    position: relative;
    top: 0;
    left: 0;
    order: 1;
    width: 100%;
    background-color: var(--Layer1);
    will-change: transform
}

html.app__layout--desktop .header__content_OyMoo {
    z-index: 67;
    border-bottom-color: #0000
}

.content-wrap_4hnB5 {
    order: 2;
    width: 100%;
    min-width: 1024px;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.column_lfDN8 {
    display: flex;
    flex: 1;
    height: 100%
}

.column__main_Oo4PZ {
    flex: 1;
    order: 2;
    overflow: hidden
}

.content_XrQyE {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 8px;
    padding-right: 16px;
    padding-left: 16px;
    overflow: hidden auto;
    background-color: var(--BodyBackgroundColor)
}

html.app__os--windows .content_XrQyE {
    scrollbar-width: thin
}

html.app__os--windows .content_XrQyE::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: 4px solid #0000
}

@media (min-width: 1280px) {
    .content_XrQyE {
        padding-top:8px;
        padding-right: 16px;
        padding-left: 16px
    }
}

.main-component_c1Fe3 {
    position: relative
}

.footer_bS9tR {
    margin-top: 0
}

@media (min-width: 1280px) {
    .footer_bS9tR {
        margin-top:0
    }
}

html.app__os--windows .column__main_Oo4PZ {
    overflow-y: auto
}

html.app__os--windows .content_XrQyE {
    scrollbar-color: var(--Highlight) var(--Layer0)
}

html.app__os--windows .content_XrQyE::-webkit-scrollbar {
    width: 16px
}

html.app__os--windows .content_XrQyE::-webkit-scrollbar-track {
    background-color: var(--Layer0)
}

html.app__os--windows .content_XrQyE::-webkit-scrollbar-thumb {
    min-height: 30px;
    background-color: var(--Highlight);
    border: 4px solid var(--Layer0);
    border-radius: 8px
}

@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}

.column__left_IZdgM {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    order: 1;
    min-width: 252px;
    max-width: 252px;
    overflow-x: hidden;
    background-color: var(--BodyBackgroundColor)
}

.column__left_IZdgM::-webkit-scrollbar {
    display: none
}

@media (max-width: 1150px) {
    .column__left_IZdgM {
        position:absolute;
        top: 56px;
        left: 0;
        z-index: 65;
        height: 100%;
        overflow-y: visible;
        transform: translate(calc(-100% - 16px));
        transition: transform .15s ease-in-out
    }
}

.left-side-bar__content_wLiKH {
    padding: 8px 16px 40px
}