.Loading_loading__1Myjp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    gap: .25rem;
    align-items: center;
    justify-content: center
}

.Loading_loading__1Myjp.Loading_relative__73_2Y {
    position: relative
}

.Loading_loading__1Myjp .Loading_dot__B2bVz {
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: currentColor;
    position: relative
}

.Loading_loading__1Myjp .Loading_dot__B2bVz:first-child {
    animation: Loading_loadingDot__WQ_8X .6s ease-in-out infinite alternate
}

.Loading_loading__1Myjp .Loading_dot__B2bVz:nth-child(2) {
    animation: Loading_loadingDot__WQ_8X .6s ease-in-out .2s infinite alternate
}

.Loading_loading__1Myjp .Loading_dot__B2bVz:nth-child(3) {
    animation: Loading_loadingDot__WQ_8X .6s ease-in-out .4s infinite alternate
}

@keyframes Loading_loadingDot__WQ_8X {
    0% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.button_button__tgtQk {
    color: var(--grayscale-300);
    background: none;
    padding: .5rem 1rem;
    font-size: .825rem;
    line-height: 14px;
    cursor: pointer;
    transition: color .15s ease-out, background-color .15s ease-out, transform .3s ease-out, box-shadow .3s ease-out;
    border: none;
    border-radius: .5rem;
    text-align: center;
    box-shadow: 0 8px 15px 0 transparent;
    display: flex;
    gap: .5rem;
    align-items: center;
    position: relative;
    background-color: var(--background-700)
}

.button_button__tgtQk.button_withChevron__0cWOk {
    padding-right: .5rem
}

.button_button__tgtQk.button_iconRight__1_hVq {
    flex-direction: row-reverse
}

.button_button__tgtQk svg {
    height: 14px;
    width: 14px;
    opacity: .75
}

.button_button__tgtQk svg path[stroke] {
    stroke: currentColor
}

.button_button__tgtQk svg path[fill] {
    fill: currentColor
}

.button_button__tgtQk .button_content__zFS5B {
    display: contents;
    text-align: center
}

.button_button__tgtQk .button_content__zFS5B.button_hidden__yqdfB {
    visibility: hidden
}

.button_button__tgtQk:disabled {
    opacity: .5;
    pointer-events: none
}

.button_button__tgtQk.button_fill__YfX8F {
    background-color: var(--theme-button-hover-background);
    border-color: var(--theme-button-hover-background);
    color: var(--theme-button-hover-color);
    box-shadow: 0 8px 15px 0 hsla(0, 0%, 100%, .188)
}

.button_button__tgtQk:hover {
    background-color: var(--background-500)
}

.button_button__tgtQk:active {
    background-color: var(--theme-button-hover-background);
    color: var(--theme-button-hover-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 15px 0 hsla(0, 0%, 100%, .188)
}

.button_button__tgtQk.button_disabled__gJP_P {
    opacity: .5;
    cursor: default;
    box-shadow: none
}

.button_button__tgtQk.button_warn__RRCb4 {
    background-color: var(--primary-700)
}

.button_button__tgtQk.button_accent__EShMT {
    background-color: var(--primary-800)
}

.button_button__tgtQk.button_accent__EShMT:hover {
    background-color: var(--primary-700)
}

.button_shadowButton__9QFFW {
    text-decoration: underline;
    cursor: pointer;
    padding: .125rem .25rem;
    border-radius: .25rem;
    background: none;
    background-color: transparent;
    transition: background-color .3s ease-out;
    color: var(--grayscale-200);
    border: none;
    position: relative
}

.button_shadowButton__9QFFW.button_disabled__gJP_P,
.button_shadowButton__9QFFW:disabled {
    pointer-events: none;
    opacity: .3
}

.button_shadowButton__9QFFW.button_small__8sPf_ {
    font-size: .625rem
}

.button_shadowButton__9QFFW.button_accent__EShMT {
    color: var(--theme-accent)
}

.button_shadowButton__9QFFW:hover {
    background-color: var(--background-750);
    color: var(--grayscale-100)
}

.button_fileInput__Sh3xY {
    display: none
}

.button_splitButtonWrapper__NsWwy {
    position: relative
}

.button_splitButtonWrapper__NsWwy:not(.button_singleButton__HPK7F):hover>.button_button__tgtQk {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.button_splitButtonWrapper__NsWwy:not(.button_singleButton__HPK7F) .button_splitButtonOptions__9DtP_ {
    z-index: 1;
    position: absolute;
    top: 100%;
    min-width: 100%;
    flex-direction: column;
    display: none
}

.button_splitButtonWrapper__NsWwy:not(.button_singleButton__HPK7F) .button_splitButtonOptions__9DtP_ .button_button__tgtQk {
    border-radius: 0;
    width: 100%
}

.button_splitButtonWrapper__NsWwy:not(.button_singleButton__HPK7F) .button_splitButtonOptions__9DtP_ .button_button__tgtQk:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.button_splitButtonWrapper__NsWwy:not(.button_singleButton__HPK7F):hover .button_splitButtonOptions__9DtP_ {
    display: flex
}

.Row_row__pCY9o {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.Row_row__pCY9of {
    display: flex;
    gap: 1.5rem;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%
}

.Row_row__pCY9o.Row_relative__LuVeh {
    position: relative
}

.Row_row__pCY9o.Row_space0__HuHWn {
    gap: 0
}

.Row_row__pCY9o.Row_space1__ZaRNT {
    gap: .5rem
}

.Row_row__pCY9o.Row_space2__4yGNL {
    gap: 1rem
}

.Row_row__pCY9o.Row_space3__e2pLw {
    gap: 1.5rem
}

.Row_row__pCY9o.Row_space4___eWhL {
    gap: 2rem
}

.Row_row__pCY9o.Row_space5__EMw2r {
    gap: 3rem
}

.Row_row__pCY9o.Row_spaceSmall__bimAV {
    gap: .5rem
}

.Row_row__pCY9o.Row_center__FY_91 {
    align-items: center
}

.Row_row__pCY9o.Row_alignRight__CUt0l {
    justify-content: flex-end
}

.Row_row__pCY9o.Row_inline___Ij_0 {
    width: auto
}

.Row_row__pCY9o.Row_rowScroll__CyDE0 {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    width: auto
}

.Row_row__pCY9o.Row_rowScroll__CyDE0>* {
    scroll-snap-align: start
}

.Row_alignCenter__l9Yl_ {
    align-items: center
}

.Row_alignStart__DiY6A {
    align-items: flex-start
}

.Row_alignEnd__QbLME {
    align-items: flex-end
}

.Row_justifyCenter__uTCG9 {
    justify-content: center
}

.Row_justifySpace__ZgWe5 {
    justify-content: space-between
}

.Row_noWrap__ONW1q {
    flex-wrap: nowrap
}

.Row_reverse__J9bK6 {
    flex-direction: row-reverse
}

.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
    }
}

.Col_col__hW4Pj {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
}

.Col_col__hW4Pj.Col_space0__fz2G0 {
    gap: 0
}

.Col_col__hW4Pj.Col_space1__ciKTJ {
    gap: .5rem
}

/* Add CSS to ensure smooth transition within the container */
.Col_space1__ciKTJ {
    overflow: hidden; /* Hide any content that overflows the container */
    width: 100%; /* Set a fixed width for the collectibles section */
    max-width: 265px; /* Set a maximum width for the collectibles section */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

@media(max-width:599px) {
    .Col_space1__ciKTJ {
        max-width: none;
    }
    
}


.Col_col__hW4Pj.Col_space2__eNf1t {
    gap: 1rem
}

.Col_col__hW4Pj.Col_space3__iT25T {
    gap: 1.5rem
}

.Col_col__hW4Pj.Col_space4__xz8Go {
    gap: 2rem
}

.Col_col__hW4Pj.Col_space5__kszmY {
    gap: 3rem
}

.Col_col__hW4Pj.Col_spaceSmall__H6q_Z {
    gap: .5rem
}

.Col_col__hW4Pj.Col_center__4L70t {
    align-items: center
}

.Col_col__hW4Pj.Col_alignRight__ntV79 {
    justify-content: flex-end
}

.Col_col__hW4Pj.Col_rowScroll__wYiWO {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    width: auto
}

.Col_col__hW4Pj.Col_rowScroll__wYiWO>* {
    scroll-snap-align: start
}

.Col_alignCenter__01XBv {
    align-items: center
}

.Col_alignStart__HVovN {
    align-items: flex-start
}

.Col_alignEnd__CKu7V {
    align-items: flex-end
}

.Col_justifyCenter__J74Bc {
    justify-content: center
}

.Col_justifySpace__48mHR {
    justify-content: space-between
}

.Col_noWrap__pydJA {
    flex-wrap: nowrap
}

.Col_fullHeight__F2SIa {
    height: 100%
}

.Spacer_spacer__Cbimr {
    --horizontal: 0;
    --size: 1rem;
    height: calc(var(--size)*(1 - var(--horizontal)));
    width: calc(var(--size)*var(--horizontal))
}

.Spacer_spacer__Cbimr.Spacer_horizontal___4AX0 {
    --horizontal: 1
}

.Spacer_spacer__Cbimr.Spacer_size1__qedJa {
    --size: 0.25rem
}

.Spacer_spacer__Cbimr.Spacer_size2__uz8Mf {
    --size: 0.5rem
}

.Spacer_spacer__Cbimr.Spacer_size3__kSvJk {
    --size: 1rem
}

.Spacer_spacer__Cbimr.Spacer_size35__j61MH {
    --size: 1.5rem
}

.Spacer_spacer__Cbimr.Spacer_size4__kUQbC {
    --size: 2rem
}

.Spacer_spacer__Cbimr.Spacer_size5__S8RSo {
    --size: 3rem
}

.Spacer_spacer__Cbimr.Spacer_size6__O5hsA {
    --size: 4rem
}

.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
}

.Divider_divider__KyEJh {
    height: 1px;
    background-color: var(--background-600);
    margin-block: 2rem
}

.Divider_divider__KyEJh.Divider_noMargin___M0_q {
    margin: 0
}

.InputField_textFieldWrapper__z2zFJ {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative
}

.InputField_textFieldWrapper__z2zFJ .InputField_icon__nQrH_ {
    position: absolute;
    right: .5rem;
    top: 8px;
    opacity: .75
}

.InputField_textFieldWrapper__z2zFJ.InputField_maxWidth__vzHzd {
    width: 100%
}

.InputField_textFieldWrapper__z2zFJ span {
    font-size: .75rem;
    line-height: 14px
}

.InputField_textFieldWrapper__z2zFJ .InputField_labelInfo__l8Yum {
    opacity: .75;
    font-size: .75rem
}

.InputField_textFieldWrapper__z2zFJ input {
    width: 100%
}

.InputField_textFieldWrapper__z2zFJ input::-webkit-inner-spin-button,
.InputField_textFieldWrapper__z2zFJ input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.InputField_errorMessage__EUOUu {
    color: var(--primary-700)
}

.InputField_textField__TJQ2g {
    color-scheme: var(--color-scheme);
    background: none;
    color: var(--grayscale-100);
    background-color: var(--background-800);
    border: 1px solid;
    border-color: var(--background-700);
    border-radius: .5rem;
    padding: .5rem .75rem;
    outline: none;
    resize: vertical;
    font-family: inherit
}

.InputField_textField__TJQ2g::placeholder {
    color: var(--grayscale-600)
}

.InputField_textField__TJQ2g.InputField_error__m2Tpc {
    border-color: var(--primary-700);
    opacity: 1
}

.InputField_textField__TJQ2g:focus {
    border-color: var(--background-400)
}

.HighlightTag_tag__60k19 {
    font-size: .625rem;
    background-color: var(--primary-700);
    border-radius: .25rem;
    padding: .125rem .5rem;
    font-weight: 400;
    color: var(--grayscale-100);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.HighlightTag_tag__60k19.HighlightTag_clickable__8vGBk {
    cursor: pointer
}

.HighlightTag_tag__60k19.HighlightTag_red__GgnFa {
    background-color: var(--primary-700)
}

.HighlightTag_tag__60k19.HighlightTag_green__LZjL9 {
    background-color: var(--green-600);
    font-weight: 600;
    color: var(--grayscale-900)
}

.HighlightTag_tag__60k19.HighlightTag_blue__8_xNI {
    background-color: var(--blue-700)
}

.HighlightTag_tag__60k19.HighlightTag_grey__ig5Tl {
    background-color: var(--background-700)
}

.HighlightTag_tag__60k19.HighlightTag_gold__wPQyH {
    background-color: var(--orange-400);
    color: var(--grayscale-900)
}

.Toggle_advancedCheckboxWrapper__pxAee {
    color: var(--black-200);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperDisabled___rIFi {
    opacity: .5;
    pointer-events: none
}

.Toggle_advancedCheckboxWrapper__pxAee input {
    display: none
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_subText__2eiQ6 {
    font-size: .625rem;
    opacity: .75
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X {
    height: 1rem;
    width: 2rem;
    border: 1px solid var(--grayscale-500);
    border-radius: 2rem;
    position: relative;
    flex-shrink: 0
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X .Toggle_advancedCheckboxInner__EI0n5 {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: var(--grayscale-500);
    position: absolute;
    right: calc(100% - .25rem - .5rem);
    top: calc(.25rem - 1px);
    transition: right .3s ease-out
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X.Toggle_active__BwrGu .Toggle_advancedCheckboxInner__EI0n5 {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: var(--green-600);
    position: absolute;
    right: .25rem;
    top: calc(.25rem - 1px)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperThemed__e9inU {
    color: var(--grayscale-500)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperThemed__e9inU .Toggle_advancedCheckbox__K3w5X {
    border: 1px solid var(--grayscale-500)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxSmall__zzsPk {
    font-size: .75rem
}

.InteractiveMap_filterPane__dt8tP {
    padding: 1rem;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--background-900);
    z-index: var(--z-map-filter-pane);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .51);
    overflow-y: auto;
    display: none
}

@media (min-width:600px) {
    .InteractiveMap_filterPane__dt8tP {
        display: block;
        position: relative
    }
}

.InteractiveMap_filterPane__dt8tP::-webkit-scrollbar {
    width: .25rem
}

.InteractiveMap_filterPane__dt8tP::-webkit-scrollbar-track {
    background: transparent
}

.InteractiveMap_filterPane__dt8tP::-webkit-scrollbar-thumb {
    background: var(--primary-800);
    border-radius: 1rem
}

.InteractiveMap_filterPane__dt8tP .InteractiveMap_filterRight__otZIR {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem
}

.InteractiveMap_filterPane__dt8tP .InteractiveMap_filterRight__otZIR.InteractiveMap_filterDisabled__QKo8X {
    opacity: .5
}

.InteractiveMap_mapWrapper__F6DUB {
    height: 100%;
    width: 100%;
    background-color: var(--background-750);
    position: relative;
    overflow: hidden;
    display: grid
}

@media (min-width:600px) {
    .InteractiveMap_mapWrapper__F6DUB.InteractiveMap_withFilterPane__JnNdp {
        grid-template-columns: auto 1fr
    }
}

.InteractiveMap_mapWrapper__F6DUB.InteractiveMap_showFilters__XZfbt .InteractiveMap_filterPane__dt8tP {
    display: block
}

.InteractiveMap_mapWrapper__F6DUB .InteractiveMap_innerMapWrapper__dMpub {
    position: relative
}

.InteractiveMap_tooltip__5UY9L {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.InteractiveMap_tooltip__5UY9L:before {
    display: none !important
}

.InteractiveMap_controls__S6QZe {
    position: absolute;
    right: 0;
    top: 0;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    z-index: var(--z-map-controls)
}

.InteractiveMap_controls__S6QZe .InteractiveMap_controlButton__dQvGw {
    padding: .5rem;
    display: flex;
    cursor: pointer;
    background-color: var(--background-800);
    border: 1px solid var(--background-700);
    border-radius: .5rem;
    opacity: 1
}

.InteractiveMap_controls__S6QZe .InteractiveMap_controlButton__dQvGw.InteractiveMap_disabled__KWA0b {
    pointer-events: none;
    opacity: .5
}

.InteractiveMap_controls__S6QZe .InteractiveMap_controlButton__dQvGw:hover {
    opacity: 1
}

@media (min-width:600px) {
    .InteractiveMap_controls__S6QZe .InteractiveMap_controlButton__dQvGw.InteractiveMap_filterControl__SyH__ {
        display: none
    }
}

.InteractiveMap_controls__S6QZe .InteractiveMap_icon__9lVNj {
    width: 24px;
    height: 24px
}

.InteractiveMap_controls__S6QZe .InteractiveMap_icon__9lVNj path {
    stroke-width: 1px
}

.InteractiveMap_lore__XxbvB {
    font-style: italic;
    opacity: .8
}

.InteractiveMap_currentTarget__caTLb {
    font-size: .75rem;
    background-color: var(--background-800);
    padding: .5rem 1rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .25rem;
    position: absolute;
    bottom: 1rem;
    z-index: var(--z-map-current-target)
}

.InteractiveMap_currentTarget__caTLb .InteractiveMap_close__C1RZO {
    padding: .25rem;
    border-radius: .25rem;
    display: flex;
    cursor: pointer
}

.InteractiveMap_currentTarget__caTLb .InteractiveMap_close__C1RZO:hover {
    background-color: var(--background-750)
}

.Tooltip_tooltipContent__CgGsx {
    z-index: var(--z-tooltip);
    background-color: var(--background-800);
}

@media(hover:none)and (pointer:coarse) {
    .Tooltip_tooltipContent__CgGsx {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important
    }
}

.Tooltip_hoverInfoBox___YzUb {
    white-space: break-spaces;
    text-align: left;
    background-color: var(--background-800);
    border: 1px solid var(--background-700);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .188);
    color: var(--grayscale-200);
    padding: 1rem;
    margin-top: 1rem;
    width: max-content;
    max-width: 300px;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 400;
    animation: Tooltip_appear__p_6e4 .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
}

.Popup_hoverInfoBox___YzUb {
    white-space: break-spaces;
    text-align: left;
    background-color: var(--background-700);
    border: 1px solid var(--background-800);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .188);
    color: var(--grayscale-200);
    padding: 1rem;
    margin-top: 1rem;
    width: max-content;
    max-width: 300px;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 400;
    animation: Tooltip_appear__p_6e4 .3s ease-in-out forwards;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: none;
    z-index: var(--z-hover-info-box);
    pointer-events: visible
}

.Tooltip_hoverInfoBox___YzUb.Tooltip_clickable__xqSRI {
    pointer-events: all
}

.Tooltip_hoverInfoBox___YzUb.Tooltip_hoverInfoBoxLeft__DLszr {
    left: auto;
    right: 0
}

.Tooltip_hoverInfoBox___YzUb.Tooltip_hoverInfoBoxTop__ZkmKp {
    top: auto;
    bottom: auto;
}

@media(min-width:700px) {
    .Tooltip_hoverInfoBox___YzUb {
        max-width: 400px
    }
}

@keyframes Tooltip_appear__p_6e4 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ClassIcon_icon__yMcik {
    filter: brightness(1.5)
}

.PactRequirements_pact__IWW4b {
    display: flex;
    align-items: center;
    gap: .25rem
}

.PactRequirements_pact__IWW4b.PactRequirements_disabled__IktAr {
    filter: saturate(0);
    opacity: .25
}

.PactRequirements_pact__IWW4b span {
    width: 8px
}

.ItemTile_label__nQUH7 {
    color: var(--grayscale-600)
}

.ItemTile_name__5SHo3 {
    font-size: 1rem
}

.ItemTile_image__0TN2I {
    flex-basis: 40px
}

.ItemTile_attributes__1LHFs {
    line-height: normal
}

.ItemTile_description__1elqY p {
    font-size: .825rem;
    line-height: 1.5
}

.ItemTile_description__1elqY p:not(:first-child) {
    margin-top: .5rem
}

.ItemTile_description__1elqY p i {
    color: var(--primary-750)
}

.ItemTile_description__1elqY.ItemTile_effect__GbEwE p {
    color: var(--orange-400)
}

.ItemTile_description__1elqY.ItemTile_effect__GbEwE p i {
    color: var(--blue-600)
}

.ItemTile_extraLabel__3BrdV {
    text-align: right;
    font-size: .75rem
}

.ItemTile_extraLabel__3BrdV mark {
    color: var(--primary-750)
}

.ItemTile_attributeLabel__VCDpq {
    font-size: .75rem;
    color: var(--grayscale-500)
}

.ItemTile_attributeLabel__VCDpq i,
.ItemTile_attributeLabel__VCDpq mark {
    color: var(--grayscale-100)
}

.ItemTile_hoverContent__J_qG_ {
    background-color: var(--background-800);
    border: 1px solid var(--background-700);
    color: var(--grayscale-200);
    padding: .5rem 1rem;
    z-index: 5;
    pointer-events: none;
    width: max-content;
    width: 300px;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: left !important
}

.ItemTile_hoverContent__J_qG_.ItemTile_top__D5_0U {
    transform: translateY(100%)
}

.ItemTile_hoverContent__J_qG_.ItemTile_left__muUWU {
    right: 0
}

@media(min-width:600px) {
    .ItemTile_hoverContent__J_qG_ {
        width: 300px
    }
}

.ItemTile_itemTileInnerWrapper__7n_0D {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_withLabel__c3Y6I {
    width: 68px
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_noMaxWidth__xGkXc {
    width: auto;
    max-width: 100px
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA {
    display: inline;
    padding-left: calc(28px + .125rem);
    position: relative
}

.ItemTile_itemTileInnerWrapper__7n_0D .ItemTile_label__nQUH7 {
    font-size: .625rem;
    color: var(--grayscale-500);
    text-align: center
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA {
    display: inline-flex;
    justify-content: center;
    width: auto
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7 {
    font-size: inherit;
    cursor: help;
    text-align: left
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_withLink__E8pZf {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    text-underline-offset: 4px;
    cursor: pointer
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_unique__9sQnL {
    color: var(--orange-400)
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_legendary__mVcft {
    color: var(--orange-500)
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_rare__BxlSN {
    color: var(--yellow-400)
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_magic__nu5n_ {
    color: var(--blue-700)
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_normal__h29o9 {
    color: var(--grayscale-100)
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA .ItemTile_label__nQUH7.ItemTile_quest__J6G2d {
    color: #64a1b9
}

.ItemTile_itemTileInnerWrapper__7n_0D.ItemTile_inline__KZqKA img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-block: 0
}

.ItemTile_itemTileLink__0pds9 {
    cursor: pointer
}