.Hover_hoverDelayWrapper__5vBUB {
    position: relative;
    display: flex
}

.Hover_hoverDelayWrapper__5vBUB.Hover_hoverDelayWrapperDisplayContent__82Xw1 {
    display: contents
}

.Hover_hoverInfoBox__2pxYm {
    text-align: left;
    background-color: var(--background-800);
    border: 1px solid var(--background-400);
    color: var(--grayscale-200);
    padding: .5rem 1rem;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 1rem;
    width: max-content;
    max-width: 150px;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 400;
    animation: Hover_appear__2JR1N .3s ease-in-out forwards;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: var(--z-hover-info-box);
    pointer-events: none
}

.Hover_hoverInfoBox__2pxYm.Hover_hoverInfoBoxLeft__J09cm {
    left: auto;
    right: 0
}

.Hover_hoverInfoBox__2pxYm.Hover_hoverInfoBoxTop__PS6zs {
    top: auto;
    bottom: 100%
}

@media(min-width:600px) {
    .Hover_hoverInfoBox__2pxYm {
        max-width: 300px
    }
}

@keyframes Hover_appear__2JR1N {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.EventCountdown_link__eX80J {
    display: contents
}

:not(.EventCountdown_countDownSmall___wB1C).EventCountdown_active___6f1J {
    box-shadow: 0 0 10px 0 var(--primary-700)
}

.EventCountdown_title__jd_VH {
    color: var(--grayscale-400);
    display: flex;
    align-items: center
}

.EventCountdown_countdown__4y0M6 {
    font-size: 1.25rem;
    display: flex;
    white-space: nowrap;
    color: var(--grayscale-400);
    font-family: inherit
}

.EventCountdown_countdown__4y0M6 .EventCountdown_digits__Qz_8G {
    min-width: 30px;
    display: flex;
    justify-content: center
}

.EventCountdown_countdown__4y0M6.EventCountdown_small__AA8By {
    font-size: .75rem
}

.EventCountdown_countdown__4y0M6.EventCountdown_small__AA8By .EventCountdown_digits__Qz_8G {
    min-width: 24px
}

.EventCountdown_noNextSpawn__AdGhR {
    color: var(--grayscale-500);
    font-size: .825rem;
    flex-shrink: 0;
    cursor: help;
    text-align: right
}

.EventCountdown_noNextSpawn__AdGhR.EventCountdown_small__AA8By {
    font-size: .5rem
}

.EventCountdown_spawnLocation__upH2u {
    font-size: .825rem
}

.EventCountdown_spawnLocation__upH2u .EventCountdown_spawnLocationLabel__7siP_ {
    color: var(--grayscale-500)
}

.EventCountdown_image__w64LK {
    opacity: .25;
    object-fit: contain;
    object-position: right
}

.EventCountdown_image__w64LK,
.EventCountdown_image__w64LK:after {
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%
}

.EventCountdown_image__w64LK:after {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(173, 32, 32, 0), #272831)
}

.EventCountdown_content__UxMio {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.EventCountdown_countDownSmall___wB1C {
    background-color: var(--background-750);
    padding: .25rem .5rem;
    border-radius: .5rem;
    min-width: 200px
}

.EventCountdown_countDownSmall___wB1C .EventCountdown_title__jd_VH {
    font-size: .75rem
}

.components_displayName__KAxaX {
    font-size: .75rem;
    opacity: .75
}

.components_displayName__KAxaX:hover {
    text-decoration: underline
}

.components_small__CmMqR,
.components_status__ImvsV {
    font-size: .75rem
}

.components_status__ImvsV.components_banned__WWQo2 {
    color: var(--primary-700)
}

.components_status__ImvsV.components_validated__GRdaJ {
    color: var(--green-500)
}

.components_status__ImvsV.components_warned__lEbEU {
    color: var(--orange-500)
}

.components_status__ImvsV.components_reported__cdp2a {
    color: var(--yellow-400)
}

.components_limit__mb0zl {
    text-align: center;
    font-size: .825rem;
    color: var(--grayscale-700)
}

.components_renown__zAC4L {
    filter: brightness(2);
    font-size: .75rem;
    cursor: help
}

.components_renown__zAC4L.components_negative__9yT6f {
    color: var(--primary-800)
}

.components_renown__zAC4L.components_positive__jE2yq {
    color: var(--green-700)
}

.components_highlight__1ik9s {
    color: var(--primary-700);
    background: none
}

.components_paragraph__v5kqa {
    max-width: 800px
}

.components_eventOverviewSmallWrapper__1x5C4 {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

.AdFree_banner__Pwr3X {
    border: 1px solid var(--background-800);
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    padding: .5rem .25rem;
    font-size: .75rem
}

.AdFree_banner__Pwr3X mark {
    color: var(--primary-700)
}

.AdFree_banner__Pwr3X:hover {
    border-style: dashed;
    border-color: var(--primary-700)
}

.AdFree_banner__Pwr3X.AdFree_stickyBottom__uNJoD {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.MiniProfile_miniProfile__aQsKO {
    right: calc(100% + 1rem);
    font-size: .75rem;
    width: 300px;
    padding: 1rem;
    border: 1px solid var(--background-700);
    border-radius: .25rem;
    position: absolute;
    background: var(--background-750);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .188);
    background: linear-gradient(to bottom, var(--background-750), var(--background-800))
}

.MiniProfile_miniProfile__aQsKO .MiniProfile_openToParty__FzmDn {
    color: var(--orange-400)
}

.SocialQuickAccess_container__YtmKQ {
    padding: 1rem;
    border-radius: .5rem;
    background: var(--background-800)
}

.SocialQuickAccess_message__23jJM {
    opacity: .75;
    font-size: .75rem;
    display: block
}

.Sidebar_sticky__4z5OT {
    position: -webkit-sticky;
    position: sticky;
    top: .5rem
}

.Sidebar_bannerAd__a48dA {
    border-radius: .5rem;
    overflow: hidden;
    margin-top: 1rem;
    border: 1px solid var(--background-600)
}

.Sidebar_sticky__H_BsX,
.Sidebar_sticky__rkbVp {
    position: -webkit-sticky;
    position: sticky;
    top: .5rem
}

.AdBanner_adPlaceholder__P6TnV {
    flex-shrink: 0;
    overflow: hidden
}

.Container_container__S8cIq {
    display: grid;
    grid-template-columns: minmax(1rem, 1fr) minmax(0, 1200px) minmax(1rem, 1fr)
}

.Container_container__S8cIq>* {
    grid-column: 2
}

.Chat_messageOverview__xcll_ {
    background-color: var(--background-900);
    border: 1px solid var(--background-700);
    border-bottom: none;
    width: 200px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    overflow: hidden;
    box-shadow: 8px 0 20px #000;
    transition: all .2s ease-out
}

.Chat_messageOverview__xcll_ .Chat_messageUser__ddRtB {
    background-color: #1f1f28;
    padding: .75rem .5rem;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto auto 1fr auto;
    grid-gap: .5rem;
    gap: .5rem;
    align-items: center;
    height: 40px;
    font-size: .825rem
}

.Chat_messageOverview__xcll_ .Chat_messageUser__ddRtB .Chat_username__GvEgX {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.Chat_messageOverview__xcll_ .Chat_messageUser__ddRtB .Chat_chevron__b5yBE {
    opacity: .75;
    transform: rotate(180deg)
}

.Chat_messageOverview__xcll_ .Chat_messageUser__ddRtB .Chat_chevron__b5yBE.Chat_open__b_zpy {
    transform: rotate(0deg)
}

.Chat_messageOverview__xcll_ .Chat_messageUser__ddRtB .Chat_notification__YnRab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--primary-700);
    color: var(--grayscale-100);
    font-size: .75rem;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.Chat_messageOverview__xcll_.Chat_open__b_zpy {
    width: 300px
}

.Chat_messageOverview__xcll_.Chat_open__b_zpy .Chat_username__GvEgX {
    max-width: 200px
}

@media (min-width:600px) {
    .Chat_messageOverview__xcll_.Chat_open__b_zpy {
        width: 400px
    }
}

.Chat_conversation__EsjhD {
    padding: .5rem;
    overflow: auto;
    border-top: 1px solid var(--background-750);
    display: flex;
    flex-direction: column-reverse;
    max-height: 0;
    min-height: 0;
    animation: Chat_open__b_zpy .2s ease-out forwards
}

@keyframes Chat_open__b_zpy {
    0% {
        max-height: 0;
        min-height: 0
    }

    to {
        max-height: 300px;
        min-height: 200px
    }
}

.Chat_conversation__EsjhD .Chat_conversationStart__7j_xk {
    font-size: .75rem;
    text-align: center;
    display: block
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9 {
    display: flex
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9 .Chat_conversationMessageDisplayName__d3vlq {
    font-size: .5rem;
    opacity: .75;
    margin-top: .5rem
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9 .Chat_conversationMessageTs__JdPEo {
    font-size: .5rem;
    opacity: .75;
    margin-top: .25rem
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9 .Chat_conversationMessageContent__AIKg2 {
    margin-top: .25rem;
    background-color: var(--background-800);
    border-radius: .25rem;
    font-size: .825rem;
    padding: .5rem .75rem;
    display: inline-block
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9.Chat_conversationMessageWrapperRight__o2Rec {
    justify-content: flex-end;
    text-align: right
}

.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9.Chat_conversationMessageWrapperRight__o2Rec .Chat_conversationMessageDisplayName__d3vlq,
.Chat_conversation__EsjhD .Chat_conversationMessageWrapper__jAKl9.Chat_conversationMessageWrapperRight__o2Rec .Chat_conversationMessageTs__JdPEo {
    text-align: right
}

.Chat_conversationNewMessage__pfekf {
    padding: .5rem;
    background-color: #1f1f28;
    border-top: 1px solid var(--background-750)
}

.Chat_conversations__mZm3Z {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: var(--z-chat)
}

.Chat_conversations__mZm3Z .Chat_conversationsWrapper__SrlEn {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end
}

.RichTextEditor_editor__waKAx {
    background: none;
    color: var(--grayscale-400);
    background-color: var(--background-800);
    border: 1px solid;
    border-color: var(--background-700);
    border-radius: .5rem;
    padding: .5rem .75rem;
    outline: none;
    max-width: 400px;
    min-height: 60px !important;
    font-size: .875rem
}

.RichTextEditor_editor__waKAx [data-slate-placeholder] {
    font-size: 1rem
}

.RichTextEditor_editor__waKAx.RichTextEditor_fullWidth__nWQhB {
    max-width: 100%
}

.RichTextEditor_editor__waKAx.RichTextEditor_focussed___2IMy {
    opacity: 1;
    border-color: var(--background-600)
}

.RichTextEditor_editor__waKAx p,
.RichTextEditor_editor__waKAx ul {
    margin-top: .5rem;
    line-height: 1.5rem;
    font-size: .875rem
}

.RichTextEditor_editor__waKAx ul {
    list-style: disc;
    padding-left: 1.5rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.RichTextEditor_editor__waKAx h1 {
    margin-top: 2rem
}

.RichTextEditor_editor__waKAx h2 {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.RichTextEditor_editor__waKAx :first-child {
    margin-top: 0
}

.RichTextEditor_toolbar__NZSTW {
    display: flex;
    gap: .5rem;
    justify-content: space-between
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_buttons__wU7V0 {
    display: flex;
    gap: .5rem
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_buttons__wU7V0.RichTextEditor_right__NunBe {
    justify-content: flex-end
}

.RichTextEditor_toolbar__NZSTW.RichTextEditor_sticky__pSFQS {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    z-index: 1
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_button__nkc2y {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
    border-radius: .25rem
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_button__nkc2y svg {
    width: 1rem;
    height: 1rem
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_button__nkc2y.RichTextEditor_active__gvxvL {
    background-color: var(--grayscale-200)
}

.RichTextEditor_toolbar__NZSTW .RichTextEditor_button__nkc2y.RichTextEditor_active__gvxvL svg path {
    stroke: var(--grayscale-900)
}

.ToggleTile_advancedCheckboxWrapper__vnwJP {
    color: var(--black-200);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: var(--background-900);
    padding: 1rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.ToggleTile_advancedCheckboxWrapper__vnwJP .ToggleTile_label__1spXI {
    text-align: center;
    width: 100%
}

.ToggleTile_advancedCheckboxWrapper__vnwJP.ToggleTile_active__bSZRi {
    background-color: var(--background-700)
}

.ToggleTile_advancedCheckboxWrapper__vnwJP.ToggleTile_disabled__6_THR {
    opacity: .5
}

.ToggleTile_advancedCheckboxWrapper__vnwJP input {
    display: none
}

.ToggleTile_advancedCheckboxWrapper__vnwJP .ToggleTile_advancedCheckbox__pFTsy {
    height: 1rem;
    width: 1rem;
    border: 1px solid var(--grayscale-500);
    border-radius: 2rem;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ToggleTile_advancedCheckboxWrapper__vnwJP .ToggleTile_advancedCheckbox__pFTsy .ToggleTile_advancedCheckboxInner__3alpt {
    height: .5rem;
    width: .5rem;
    border-radius: 50%
}

.ToggleTile_advancedCheckboxWrapper__vnwJP .ToggleTile_advancedCheckbox__pFTsy.ToggleTile_active__bSZRi .ToggleTile_advancedCheckboxInner__3alpt {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: var(--green-600)
}

.ToggleTile_advancedCheckboxWrapper__vnwJP.ToggleTile_advancedCheckboxWrapperThemed__SZ_vZ {
    color: var(--grayscale-500)
}

.ToggleTile_advancedCheckboxWrapper__vnwJP.ToggleTile_advancedCheckboxWrapperThemed__SZ_vZ .ToggleTile_advancedCheckbox__pFTsy {
    border: 1px solid var(--grayscale-500)
}

.ToggleTile_advancedCheckboxWrapper__vnwJP.ToggleTile_advancedCheckboxSmall__CHC8J {
    font-size: .75rem
}

.Onboarding_navigation__R_HiT {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .5rem;
    gap: .5rem
}

.Onboarding_navigation__R_HiT .Onboarding_navigationStep__WBv2K .Onboarding_bar__kjcGn {
    height: 6px;
    background-color: var(--background-800);
    border-radius: .25rem
}

.Onboarding_navigation__R_HiT .Onboarding_navigationStep__WBv2K .Onboarding_label__nuzBT {
    opacity: .75;
    font-size: .75rem
}

.Onboarding_navigation__R_HiT .Onboarding_navigationStep__WBv2K.Onboarding_active__yRy36 .Onboarding_bar__kjcGn {
    background-color: var(--primary-700)
}

.Onboarding_navigation__R_HiT .Onboarding_navigationStep__WBv2K.Onboarding_active__yRy36 .Onboarding_label__nuzBT {
    opacity: 1
}

.Onboarding_content__Jf5QR {
    padding: 1rem;
    background-color: var(--background-800);
    border-radius: .5rem
}

.Onboarding_description__igBuY {
    display: block;
    margin-top: .5rem;
    opacity: .75;
    font-size: .75rem
}

.Onboarding_lastOnline__STMvw {
    opacity: .75;
    font-size: .75rem
}

.Onboarding_resultRow__Oft5u {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    padding: .5rem;
    border-radius: .25rem
}

.Onboarding_resultRow__Oft5u .Onboarding_chatButton__udDhJ {
    visibility: hidden
}

.Onboarding_resultRow__Oft5u:hover {
    background-color: var(--background-800)
}

.Onboarding_resultRow__Oft5u:hover .Onboarding_chatButton__udDhJ {
    visibility: visible
}

.Logo_logo__8MIjy {
    height: 32px;
    width: 108px
}

.Logo_logo__8MIjy.Logo_large__gOPqF {
    height: 64px;
    width: 216px
}

.Logo_logoGroup__L9jHp {
    height: 48px;
    width: 48px
}

.Logo_logoGroup__L9jHp.Logo_large__gOPqF {
    height: 72px;
    width: 72px
}

.Logo_wrapper__6C1Ik {
    display: flex
}

.Logo_wrapper__6C1Ik img {
    height: 32px;
    float: left;
    left: 50px;
}

.LoginButton_loginModal__fnhWj {
    inset: 0;
    margin: auto
}

.LoginButton_buttons__Krzey {
    max-width: 200px;
    margin-inline: auto
}

.LoginButton_disclaimer__Ozcvw {
    font-size: .825rem;
    line-height: 1.4;
    text-align: center
}

.Comment_comment__u1Mp_ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: .75rem
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx .Comment_commentHeaderUsernameAdmin__oStG7 {
    color: var(--blue-600)
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx .Comment_commentHeaderUsernameMod__oIt1u {
    color: var(--green-600)
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx .Comment_commentHeaderImage__Y8N8O {
    background-color: var(--background-700);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx .Comment_commentHeaderImage__Y8N8O.Comment_commentHeaderImageResponse__rj3QF {
    width: 20px;
    height: 20px
}

.Comment_comment__u1Mp_ .Comment_commentHeader__a43Zx .Comment_commentHeaderTime__2RcK8 {
    opacity: .75;
    font-size: .75rem
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ {
    font-size: .875rem;
    padding: 0 9px;
    display: flex;
    justify-content: stretch;
    gap: .5rem
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentInput__mDFcc {
    margin-top: 0;
    padding: 2rem 1rem;
    border-radius: .25rem;
    flex-basis: 100%
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentBodyLine__AkyAt {
    width: 1px;
    background-color: var(--background-700);
    opacity: .5
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentBodyLine__AkyAt.Comment_hidden__e1Ub4 {
    visibility: hidden
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentContent__siXn_ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentText__fxGp4 {
    overflow-wrap: anywhere;
    margin: 0;
    line-height: 20px
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentText__fxGp4.Comment_hidden__e1Ub4 {
    font-style: italic;
    opacity: .5;
    cursor: pointer
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentText__fxGp4 p {
    margin-top: .5rem;
    line-height: 1.5rem
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentText__fxGp4 ul {
    margin-top: .5rem;
    list-style: disc;
    padding-left: 1.5rem;
    text-align: left;
    line-height: 1.25rem;
    color: var(--theme-text-color) !important
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentText__fxGp4 p:first-child {
    margin-top: 0
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentActions__6nBif {
    font-family: var(--font-normal);
    display: flex;
    gap: .5rem;
    color: var(--theme-text-color);
    align-items: center
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentActions__6nBif .Comment_commentAction__vZY95 {
    cursor: pointer;
    padding: .125rem .25rem;
    border-radius: .25rem;
    background-color: transparent;
    transition: background-color .3s ease-out
}

.Comment_comment__u1Mp_ .Comment_commentBody__t4yU_ .Comment_commentActions__6nBif .Comment_commentAction__vZY95:hover {
    background-color: var(--black-1100)
}

.Comment_upvotes__h1YBq {
    display: flex;
    align-items: center
}

.Comment_upvoteIcon__NUUAb {
    cursor: pointer;
    margin-right: .25rem;
    width: 1rem;
    height: 1rem
}

.Comment_upvoteIcon__NUUAb path {
    stroke: var(--theme-text-color);
    fill: transparent;
    transition: all .3s ease-in-out
}

.Comment_upvoteIcon__NUUAb.Comment_upvoteIconInactive__9h_PW {
    pointer-events: none
}

.Comment_upvoteIcon__NUUAb:hover path {
    fill: var(--theme-comment-icon-fill);
    stroke: var(--theme-comment-icon-fill)
}

.Comment_upvoteIcon__NUUAb.Comment_upvoteIconActive__QFea9 path {
    fill: var(--color-blue);
    stroke: var(--color-blue)
}

.Comment_upvoteIcon__NUUAb.Comment_downvoteIconActive__Vx_i6 path {
    fill: var(--color-orange);
    stroke: var(--color-orange)
}

.Breadcrumb_breadcrumb__8mI3f {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem
}

.Breadcrumb_breadcrumb__8mI3f.Breadcrumb_small__pwMpH {
    font-size: .625rem;
    opacity: .8
}

.Breadcrumb_breadcrumb__8mI3f .Breadcrumb_link__rOYqo {
    display: contents;
    text-wrap: nowrap
}

.Breadcrumb_breadcrumb__8mI3f .Breadcrumb_link__rOYqo:not(:last-child):after {
    content: ">";
    display: block;
    color: var(--grayscale-700)
}

.Breadcrumb_breadcrumb__8mI3f .Breadcrumb_link__rOYqo:last-child a {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--grayscale-100)
}

.Breadcrumb_breadcrumb__8mI3f a:hover {
    text-decoration: underline
}

.SearchBar_searchBar__h_ACz {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(100vw - 2rem - 0px)
}

@media (min-width:600px) {
    .SearchBar_searchBar__h_ACz {
        width: 100%;
        max-width: 300px
    }
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResultsWrapper__W4GEz {
    right: 0;
    border-radius: .5rem;
    position: absolute;
    z-index: 1;
    background-color: var(--background-800);
    width: 100%
}

@media (min-width:600px) {
    .SearchBar_searchBar__h_ACz .SearchBar_searchResultsWrapper__W4GEz {
        width: auto
    }
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW {
    --amount-to-show: 5;
    border-radius: .5rem;
    border: 1px solid var(--background-700);
    max-height: calc(53.5px*var(--amount-to-show) + 20px);
    overflow: auto;
    padding: 0;
    list-style: none;
    box-shadow: 0 0 20px var(--background-900)
}

@media (min-width:600px) {
    .SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW {
        --amount-to-show: 10
    }
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW::-webkit-scrollbar {
    width: .25rem
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW::-webkit-scrollbar-track {
    background: transparent
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW::-webkit-scrollbar-thumb {
    background: var(--primary-800);
    border-radius: 1rem
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 1rem;
    gap: 1rem;
    background-color: var(--background-800);
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--background-700);
    width: 100%;
    overflow: hidden
}

@media (min-width:600px) {
    .SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE {
        min-width: 350px
    }
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE li {
    overflow: hidden
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE:hover {
    background-color: var(--background-700)
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE:last-child {
    border-bottom: none
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE .SearchBar_resultTitle__0JGgQ {
    font-size: .825rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.SearchBar_searchBar__h_ACz .SearchBar_searchResults__U1yzW .SearchBar_searchResultItem__luNDE .SearchBar_resultTitle__0JGgQ .SearchBar_resultDescription__TgLs5 {
    opacity: .75;
    font-size: .625rem
}

.AbilityImage_image__waMW1 {
    background-color: var(--background-900);
    border-radius: .25rem;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--background-700);
    width: 100%;
    background-image: url(/last-epoch/skills/treeAtlas.webp);
    background-size: 1600%
}

.AbilityImage_image__waMW1 img {
    max-width: none;
    height: auto;
    position: absolute;
    transform: translate(-1px, -1px)
}

.SearchBar_searchBar__GlJbC {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(100vw - 2rem - 0px)
}

@media (min-width:600px) {
    .SearchBar_searchBar__GlJbC {
        width: 100%;
        max-width: 300px
    }
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResultsWrapper__hnYoR {
    right: 0;
    border-radius: .5rem;
    position: absolute;
    z-index: 1;
    background-color: var(--background-800);
    width: 100%
}

@media (min-width:600px) {
    .SearchBar_searchBar__GlJbC .SearchBar_searchResultsWrapper__hnYoR {
        width: auto
    }
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy {
    --amount-to-show: 5;
    border-radius: .5rem;
    border: 1px solid var(--background-700);
    max-height: calc(53.5px*var(--amount-to-show) + 20px);
    overflow: auto;
    padding: 0;
    list-style: none;
    box-shadow: 0 0 20px var(--background-900)
}

@media (min-width:600px) {
    .SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy {
        --amount-to-show: 10
    }
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy::-webkit-scrollbar {
    width: .25rem
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy::-webkit-scrollbar-track {
    background: transparent
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy::-webkit-scrollbar-thumb {
    background: var(--primary-800);
    border-radius: 1rem
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 1rem;
    gap: 1rem;
    background-color: var(--background-800);
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--background-700);
    width: 100%;
    overflow: hidden
}

@media (min-width:600px) {
    .SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur {
        min-width: 350px
    }
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur li {
    overflow: hidden
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur:hover {
    background-color: var(--background-700)
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur:last-child {
    border-bottom: none
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur .SearchBar_resultTitle__42z0a {
    font-size: .825rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.SearchBar_searchBar__GlJbC .SearchBar_searchResults__4nMhy .SearchBar_searchResultItem__Aslur .SearchBar_resultTitle__42z0a .SearchBar_resultDescription__W0bbO {
    opacity: .75;
    font-size: .625rem
}

.HideMobile_hideMobile__d5vL7 {
    display: none
}

@media(min-width:600px) {
    .HideMobile_hideMobile__d5vL7 {
        display: contents
    }
}

.MenuIcon_menuIconWrapper__781Wy {
    stroke: var(--black-200);
    cursor: pointer;
    position: relative
}

.MenuIcon_menuIconWrapper__781Wy .MenuIcon_profileDot__J8xr8 {
    transform: translateY(-.25rem)
}

.MenuIcon_menuIcon__xlWag {
    flex-direction: column;
    gap: .5rem;
    display: flex;
    cursor: pointer;
    padding-block: calc(.5rem - 2px);
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.MenuIcon_menuIconBottom__FDynv,
.MenuIcon_menuIconTop__c47M1 {
    width: 2rem;
    height: 2px;
    background-color: var(--background-100);
    transition: all .3s ease-out;
    transform-origin: center
}

.MenuIcon_menuOpen__GT8FE .MenuIcon_menuIcon__xlWag {
    position: relative;
    width: 2rem
}

.MenuIcon_menuOpen__GT8FE .MenuIcon_menuIconTop__c47M1 {
    width: 2rem
}

.MenuIcon_menuOpen__GT8FE .MenuIcon_menuIconBottom__FDynv {
    width: 1rem
}

.Card_card__CP_6M {
    background-color: var(--background-800);
    color: var(--grayscale-200);
    border-radius: .5rem;
    padding: 1rem;
    position: relative;
    overflow: hidden
}

.Card_card__CP_6M.Card_withBorder__NC1oj {
    border: 1px solid var(--background-700);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .188);
    border-radius: .25rem
}

.Card_card__CP_6M.Card_clickable__lI5oO {
    cursor: pointer
}

.Card_card__CP_6M.Card_highlighted__FrD0v {
    border: 1px solid var(--orange-400)
}

.Card_card__CP_6M .Card_tag__YQr_4 {
    position: absolute;
    background-color: var(--orange-400);
    top: 0;
    right: 0;
    color: var(--grayscale-900);
    padding: .1rem .5rem;
    font-size: .75rem;
    border-bottom-left-radius: .25rem
}

a .Card_card__CP_6M:hover {
    outline: 1px dashed var(--primary-700)
}

.Card_well__oyDzB {
    background-color: var(--background-900);
    padding: .5rem;
    border-radius: .25rem
}

.Card_mod__DITip {
    background-color: var(--background-750);
    border-radius: .25rem;
    padding: .25rem;
    font-size: .825rem
}

.Card_mod__DITip .Card_modAlt__D_w9v {
    display: block;
    color: var(--blue-600);
    font-weight: 500;
    margin-top: .5rem;
    font-style: italic
}

.Notifications_icon__fEykk {
    margin-top: 2px;
    cursor: pointer;
    display: flex
}

.Notifications_icon__fEykk:hover path {
    fill: var(--grayscale-200)
}

.Notifications_icon__fEykk svg {
    width: 20px;
    height: 20px
}

.Notifications_notifications__sFOXi {
    z-index: 1;
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    min-width: 300px
}

.Notifications_notificationsList__jxi7t {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 300px
}

.Notifications_notification__IITHk {
    overflow: hidden
}

.Notifications_notification__IITHk .Notifications_message__jCrCk {
    padding: .5rem;
    font-size: .825rem;
    border-radius: .25rem;
    cursor: pointer
}

.Notifications_notification__IITHk .Notifications_message__jCrCk.Notifications_unread__q0d1T,
.Notifications_notification__IITHk .Notifications_message__jCrCk:hover {
    background-color: var(--background-750)
}

.Notifications_notification__IITHk .Notifications_time__FZRzh {
    margin-top: .25rem;
    font-size: .625rem;
    opacity: .75;
    white-space: nowrap
}

.Notifications_noNotifications__gWjGI {
    text-align: center
}

.Notifications_header__fGz_a,
.Notifications_noNotifications__gWjGI {
    font-size: .75rem;
    color: var(--grayscale-500)
}

.Flyout_flyout__5cft_ {
    padding-top: 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 250px;
    z-index: 1
}

.Flyout_flyout__5cft_ .Flyout_link__iHwEf {
    color: var(--grayscale-400);
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between
}

.Flyout_flyout__5cft_ .Flyout_link__iHwEf:hover {
    color: var(--grayscale-100)
}

@media(max-width:599px) {
    .Header_container__UYjm4 {
        height: 100%;
        grid-template-rows: auto 1fr;
        padding: 10px;
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC {
        max-height: 100%;
        overflow: hidden !important
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy {
        grid-template-rows: auto 1fr auto;
        align-items: flex-start
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy .Header_scrollWrapper__WhtV1 {
        position: relative;
        height: 100%;
        overflow: hidden
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy .Header_scrollWrapper__WhtV1:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 25px;
        background: linear-gradient(to bottom, var(--background-800), transparent);
        width: 100%;
        z-index: 1
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy .Header_scrollWrapper__WhtV1:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 50px;
        background: linear-gradient(to top, var(--background-800), transparent);
        width: 100%
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy .Header_navigationWrapper__r29Tl {
        max-height: 100%;
        overflow: auto
    }

    .Header_container__UYjm4 .Header_gridWrapper__6LmeC .Header_grid__2Deiy .Header_navigationWrapper__r29Tl .Header_subSection__kM2ap {
        padding-top: 25px;
        padding-bottom: 50px
    }
}

.Header_header__nkDKv {
    position: relative;
    background-color: var(--background-800);
    color: var(--grayscale-100);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Header_header__nkDKv:hover {
    z-index: var(--z-header)
}

@media(min-width:600px) {
    .Header_header__nkDKv {
        padding-bottom: 0
    }
}

@media(max-width:599px) {
    .Header_header__nkDKv.Header_open__t6elf {
        height: 100vh;
        justify-content: flex-start
    }
}

.Header_header__nkDKv .Header_menuToggle__EmyU6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: .25rem
}

.Header_header__nkDKv .Header_gridWrapper__6LmeC {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: all .3s ease-out;
    opacity: 0
}

.Header_header__nkDKv .Header_gridWrapper__6LmeC.Header_open__t6elf {
    margin-top: 1rem;
    grid-template-rows: auto 1fr;
    opacity: 1;
    overflow: visible
}

.Header_header__nkDKv .Header_grid__2Deiy {
    display: grid;
    grid-template-columns: auto;
    overflow: hidden;
    align-items: center
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_userSection__KeF_r {
    margin-bottom: .5rem
}

@media (min-width:600px) {
    .Header_header__nkDKv .Header_grid__2Deiy {
        gap: 1rem
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_userSection__KeF_r {
        display: none
    }
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigationWrapper__r29Tl {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    grid-column: 1
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigationWrapper__r29Tl .Header_navigationRight__7iQqc {
    display: none
}

@media(min-width:800px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigationWrapper__r29Tl .Header_navigationRight__7iQqc {
        display: flex;
        align-items: center
    }
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_headerRight__dBbet {
    grid-row: 1;
    display: flex;
    justify-content: flex-end
}

@media (min-width:600px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_headerRight__dBbet {
        grid-column: 2;
        grid-row: 1;
        padding-bottom: 1vh
    }
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK {
    display: flex;
    flex-direction: column;
    margin-block: 1rem;
    grid-column: 1/3;
    align-items: flex-start;
    width: 100%;
    position: relative
}

@media (min-width:600px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK {
        align-items: center;
        width: auto
    }
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_back__exZ9r {
    background-color: var(--background-700);
    border-radius: .5rem;
    font-weight: 500;
    gap: .5rem;
    color: var(--grayscale-400);
    padding-inline: .5rem;
    display: flex;
    align-items: center;
    padding: .5rem 1rem .5rem .5rem;
    margin-bottom: 1rem;
    cursor: pointer
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_back__exZ9r .Header_chevron__vBg86 {
    width: 20px;
    height: 20px;
    rotate: 90deg;
    margin-top: 2px;
    margin-left: 4px;
    transition: transform .3s ease-out
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y {
    position: relative;
    font-size: 1rem
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY {
    padding: 1rem;
    padding-inline: .5rem;
    display: flex;
    align-items: center
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY .Header_chevron__vBg86 {
    width: 12px;
    height: 12px;
    margin-top: 2px;
    margin-left: 4px;
    transition: transform .3s ease-out
}

@media (max-width:599px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y {
        width: 100%
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY {
        justify-content: space-between;
        padding: .5rem
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY .Header_chevron__vBg86 {
        width: 20px;
        height: 20px;
        rotate: -90deg
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY.Header_active__XkyKM,
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY.Header_back__exZ9r,
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY:hover {
        background-color: var(--background-700);
        border-radius: .5rem;
        color: var(--grayscale-100);
        font-weight: 500
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY .Header_new__0B6ov {
        position: relative;
        margin-left: .5rem
    }
}

@media (min-width:600px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y {
        font-size: .75rem
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y:first-child>.Header_nav__VyAbY {
        padding-left: 0
    }
}

@media (min-width:800px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y {
        font-size: 1rem
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y>.Header_nav__VyAbY {
        padding-inline: 1rem
    }
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y .Header_navigationFlyout__Jpbc_ {
    display: none;
    position: absolute;
    background-color: var(--background-750);
    padding: 1rem;
    left: 0;
    top: 100%;
    border: 1px solid var(--background-600);
    white-space: nowrap;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y .Header_navigationFlyout__Jpbc_ .Header_nav__VyAbY:hover {
    opacity: 1
}

.Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y .Header_navigationFlyout__Jpbc_ span.Header_new__0B6ov {
    position: relative;
    top: -4px;
    left: auto;
    margin-left: .5rem;
    background-color: var(--background-900)
}

@media(min-width:600px) {
    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y:hover>.Header_nav__VyAbY {
        color: var(--grayscale-100);
        opacity: 1
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y:hover .Header_navigationFlyout__Jpbc_ {
        display: block
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK .Header_navigationItem__gF94y:hover .Header_chevron__vBg86 {
        transform: rotate(180deg)
    }
}

.Header_header__nkDKv .Header_nav__VyAbY {
    opacity: .75;
    position: relative
}

.Header_header__nkDKv .Header_nav__VyAbY.Header_new__0B6ov:not(.Header_active__XkyKM) {
    opacity: 1;
    filter: brightness(1.5)
}

.Header_header__nkDKv .Header_nav__VyAbY .Header_new__0B6ov {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .625rem;
    color: var(--primary-800);
    background-color: var(--background-800);
    padding: 0 .25rem;
    border-radius: .125rem;
    font-weight: 600
}

.Header_header__nkDKv .Header_nav__VyAbY.Header_active__XkyKM {
    opacity: 1;
    color: var(--primary-700);
    font-weight: 600
}

@media(min-width:1600px) {
    .Header_header__nkDKv .Header_nav__VyAbY {
        font-size: clamp(1rem, .5rem + .5vw, 1.5rem)
    }
}

@media(min-width:600px) {
    .Header_header__nkDKv {
        min-height: 64px
    }

    .Header_header__nkDKv .Header_gridWrapper__6LmeC {
        grid-template-rows: 1fr;
        opacity: 1;
        overflow: visible
    }

    .Header_header__nkDKv .Header_menuToggle__EmyU6 {
        display: none
    }

    .Header_header__nkDKv .Header_grid__2Deiy {
        grid-template-columns: auto auto;
        opacity: 1;
        overflow: visible
    }

    .Header_header__nkDKv .Header_grid__2Deiy .Header_navigation__5Q4BK {
        flex-direction: row;
        margin-block: 0
    }
}

.Header_discordButton__1TTPc,
.Header_userSection__KeF_r {
    display: flex;
    align-items: center
}

.Header_discordButton__1TTPc {
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: background-color .3s ease-out;
    background-color: #5864f2
}

.Header_discordButton__1TTPc:hover {
    background-color: #5864f2
}

.Header_headerLeft__c2oZ7 {
    display: flex;
    gap: 2rem
}

.Header_headerGroup__1Bgo1 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 2rem;
    gap: 2rem;
    padding-block: .25rem;
    min-height: 56px;
    align-items: center
}

.Header_brandNavigation__oz5xM {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: .75rem;
    font-weight: 500;
    color: var(--grayscale-400);
    padding-block: 2px
}

.Header_brandNavigation__oz5xM.Header_mobile__rYYVV {
    justify-content: center;
    margin-bottom: 1rem
}

.Header_brandNavigation__oz5xM.Header_mobile__rYYVV .Header_brandIcon__ScEST {
    width: 32px;
    height: 32px
}

@media(min-width:600px) {
    .Header_brandNavigation__oz5xM.Header_mobile__rYYVV {
        display: none
    }
}

.Header_brandNavigation__oz5xM.Header_mobile__rYYVV .Header_brandName__hUeVS {
    display: none
}

.Header_brandNavigation__oz5xM a {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Header_brandNavigation__oz5xM a .Header_brandIcon__ScEST {
    border-radius: 50%;
    outline: 1px solid var(--background-750);
    padding: 4px;
    width: 28px;
    height: 28px
}

.Header_brandNavigation__oz5xM a .Header_brandIcon__ScEST.Header_active__XkyKM,
.Header_brandNavigation__oz5xM a:hover .Header_brandIcon__ScEST {
    outline-color: var(--background-600);
    outline-width: 2px
}

.Header_brandNavigation__oz5xM a:hover {
    color: var(--grayscale-100)
}

@media (min-width:400px) {
    .Header_brandNavigation__oz5xM {
        justify-content: flex-start
    }
}

@media (min-width:1000px) {
    .Header_brandNavigation__oz5xM {
        font-size: 1rem;
        gap: 1rem
    }
}

@media (min-width:1200px) {
    .Header_brandNavigation__oz5xM {
        font-size: 1.125rem;
        gap: 2rem
    }
}

.Header_navDivider__d_ct7 {
    font-size: .625rem;
    opacity: .5;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

@media (max-width:599px) {
    .Header_navDivider__d_ct7 {
        width: 100%;
        margin-block: .75rem;
        padding-left: .5rem
    }
}

.Header_navDivider__d_ct7 .Header_line__nJgxP {
    height: 1px;
    background-color: var(--grayscale-500);
    opacity: .25
}

.Header_subSection__kM2ap {
    animation: Header_slide-in__MXeDK .3s ease-out forwards;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.Header_mainSection__RdiQq {
    display: contents
}

@media (max-width:599px) {
    .Header_mainSection__RdiQq {
        animation: Header_slide-in-left__HFEDn .3s ease-out forwards;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
}

@keyframes Header_slide-in__MXeDK {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes Header_slide-in-left__HFEDn {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.Footer_footer__m_NHj {
    padding-block: 2rem;
    position: relative;
    z-index: 1;
    min-height: 200px;
    background-color: var(--background-800);
    color: var(--grayscale-100)
}

.Footer_footer__m_NHj .Footer_layout__8YtQF {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem
}

.Footer_footer__m_NHj .Footer_layout__8YtQF .Footer_disclaimer__w3o_R {
    font-size: 1rem;
    line-height: 1.4
}

.Footer_footer__m_NHj .Footer_layout__8YtQF .Footer_link__rkpcQ {
    color: var(--grayscale-500);
    display: flex;
    align-items: center;
    gap: .5rem
}

.Footer_footer__m_NHj .Footer_layout__8YtQF .Footer_link__rkpcQ:hover {
    text-decoration: underline;
    color: var(--grayscale-100)
}

.Footer_footer__m_NHj .Footer_layout__8YtQF .Footer_link__rkpcQ .Footer_brandIcon__F74pE {
    /* border-radius: 50%; */
    /* outline: 1px solid var(--background-750); */
    padding: 4px;
    width: 32px;
    /* height: 32px; */
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: grid;
    position: relative;
    fill: currentColor;
}

@media (min-width:500px) {
    .Footer_footer__m_NHj .Footer_layout__8YtQF {
        grid-template-columns: 1fr 1fr
    }

    .Footer_footer__m_NHj .Footer_layout__8YtQF .Footer_columnOne__VpCbu {
        grid-column: 1/3
    }
}

@media (min-width:800px) {
    .Footer_footer__m_NHj .Footer_layout__8YtQF {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.layout_placeholder__BaErE {
    background-color: var(--grayscale-800);
    height: 100px;
    width: 900px;
    margin: 0 auto;
    visibility: hidden
}

.layout_disclaimer__qeXRw {
    font-size: .75rem;
    text-align: center;
    color: var(--primary-700)
}

.layout_banner__yhP0m {
    background-color: var(--primary-800);
    color: var(--grayscale-100);
    padding-block: .5rem;
    text-align: center;
    font-size: .625rem
}

@media (min-width:600px) {
    .layout_banner__yhP0m {
        font-size: .75rem
    }
}

.layout_mainGridWithSideBar__UnQGe {
    grid-template-columns: 1fr;
    gap: 1rem
}

.layout_mainGridWithSideBar__UnQGe .layout_sidebar__ZNyvu {
    display: none
}

@media (min-width:1200px) {
    .layout_mainGridWithSideBar__UnQGe {
        display: grid;
        grid-template-columns: calc(1000px - 1rem) 200px
    }

    .layout_mainGridWithSideBar__UnQGe .layout_sidebar__ZNyvu {
        display: block
    }
}

.Sidebar_sticky__VDlKU {
    position: -webkit-sticky;
    position: sticky;
    top: .5rem
}

.Snackbar_snackbar__N9n7R {
    z-index: var(--z-snackbar);
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 4rem;
    pointer-events: none;
    --countdown-color: var(--primary-600)
}

.Snackbar_snackbar__N9n7R .Snackbar_snackbarItem__fJE_v {
    pointer-events: auto;
    --duration: 3000ms;
    background-color: var(--grayscale-200);
    color: var(--grayscale-800);
    padding: .5rem 1rem .8rem;
    font-size: .75rem;
    border-radius: 4px;
    min-width: 200px;
    display: flex;
    gap: 1rem;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.Snackbar_snackbar__N9n7R .Snackbar_snackbarItem__fJE_v:after {
    content: "";
    display: block;
    position: absolute;
    height: .3rem;
    background-color: var(--countdown-color);
    width: 0;
    animation: Snackbar_countdown__D36nu var(--duration) linear forwards;
    bottom: 0;
    left: 0
}

@keyframes Snackbar_countdown__D36nu {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@font-face {
    font-family: __Montserrat_b1da2a;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Montserrat_b1da2a;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Montserrat_b1da2a;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") 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: __Montserrat_b1da2a;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, 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: __Montserrat_b1da2a;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") 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+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Montserrat_Fallback_b1da2a;
    src: local("Helvetica");
    ascent-override: 84.95%;
    descent-override: 22.03%;
    line-gap-override: 0.00%;
    size-adjust: 113.95%
}

.__className_b1da2a {
    font-family: __Montserrat_b1da2a, __Montserrat_Fallback_b1da2a;
    font-style: normal
}