.CardMine_card__hU9yj {
    --radius: var(--radius-2);
    --padding: calc(var(--main-padding) / 1.5);
    width: calc(50% - var(--gap)/2);
    background-color: var(--bg-opacity-1);
    border-radius: var(--radius);
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.CardMine_top__yc2Wl {
    justify-content: center
}

.CardMine_bottom__CGPt_, .CardMine_top__yc2Wl {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(var(--padding)/1.25);
    gap: calc(var(--padding)/2)
}

.CardMine_bottom__CGPt_ {
    --r: calc(var(--radius) / 1.25);
    justify-content: space-between;
    background-color: var(--bg-opacity-1);
    padding-bottom: calc(var(--padding)/1.25 - 1px);
    border-radius: var(--r) var(--r) 0 0;
    font-size: calc(12px + 6*(100vw - 320px)/1080)
}

.CardMine_bottom__CGPt_ .CardMine_left__5_GL5 {
    font-weight: 700;
    white-space: nowrap
}

.CardMine_bottom__CGPt_ .CardMine_right__4uauD {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .2em
}

.CardMine_bottom__CGPt_ .CardMine_right__4uauD small {
    color: var(--bg-opacity-2);
    font-weight: 500;
    font-size: .8em
}

.CardMine_bottom__CGPt_ .CardMine_right__4uauD strong {
    font-size: calc(10px + 6*(100vw - 320px)/1080);
    font-weight: 800;
    color: var(--pink);
    text-align: right
}

.CardMine_bottom__CGPt_ .CardMine_right__4uauD strong.CardMine_required__eG_WX {
    color: var(--danger)
}

.CardMine_bottom__CGPt_ .CardMine_right__4uauD img {
    width: 1em;
    top: -1px
}

.CardMine_illu__ILlbo {
    --size: calc(36px + 14 * (100vw - 320px) / 1080);
    width: var(--size);
    height: var(--size);
    background-color: var(--bg-opacity-1);
    border-radius: 50%;
    align-self: flex-start
}

.CardMine_bg__4jphG {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.CardMine_title__ngwLT {
    flex: 1 1;
    font-weight: 700;
    font-size: calc(12px + 10*(100vw - 320px)/1080);
    line-height: 1;
    padding-top: .2em
}

.CardMine_title__ngwLT span {
    display: block;
    font-size: calc(10px + 6*(100vw - 320px)/1080);
    margin-top: .5em;
    font-weight: 400;
    color: var(--success);
    opacity: .5
}

.CardMine_title__ngwLT strong {
    font-weight: 800;
    color: var(--success);
    font-size: 1.2em;
    display: flex;
    margin-top: .3em
}

.CardMine_title__ngwLT strong img {
    width: .9em;
    /* top: -.1em; */
    margin-left: .2em
}

.CardMine_lock__uMN9s {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--danger-rgb), .1);
    position: absolute;
    inset: 0;
    border-radius: 50%;
    font-size: calc(20px + 3*(100vw - 320px)/1080);
    color: var(--danger)
}

.CardMine_modal__20O_H {
    --modal-padding: calc(var(--main-padding) * 1.25)
}

.CardMine_modalTop__LI_Sx {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--modal-padding)
}

.CardMine_modalTop__LI_Sx .CardMine_illu__ILlbo {
    --size: calc(80px + 40 * (100vw - 320px) / 1080)
}

.CardMine_modalTop__LI_Sx .CardMine_right__4uauD {
    flex: 1 1
}

.CardMine_modalTop__LI_Sx .CardMine_right__4uauD .CardMine_title__ngwLT {
    font-size: calc(24px + 12*(100vw - 320px)/1080)
}

.CardMine_modalTop__LI_Sx .CardMine_right__4uauD .CardMine_title__ngwLT span {
    font-size: calc(14px + 2*(100vw - 320px)/1080)
}

.CardMine_modalBottom__dohYv {
    background-color: var(--bg-opacity-1);
    margin: calc(var(--modal-padding)*-1);
    margin-top: 0;
    padding: var(--modal-padding);
    border-radius: var(--radius-1) var(--radius-1) 0 0
}

.CardMine_modalBottom__dohYv .CardMine_btn__W5Aol {
    width: 100%
}

.CardMine_modalBottom__dohYv .CardMine_btn__W5Aol strong {
    color: var(--pink);
    font-weight: 800
}

.CardMine_modalBottom__dohYv .CardMine_btn__W5Aol strong img {
    width: 1em;
    top: -.1em;
    margin-left: .2em
}

.mine_coming__4HukA {
    text-align: center;
    background-color: var(--bg-opacity-1);
    border-radius: var(--radius-2);
    margin-top: var(--main-padding);
    padding: 1em
}

.mine_total__dS92h {
    top: .05em
}

.mine_tab__GrLEQ {
    margin-top: calc(var(--main-padding)*-.5);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.mine_tabNav__IhvFH {
    --padding: var(--size-1);
    background-color: var(--bg-opacity-1);
    padding: var(--padding);
    border-radius: 100px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: translateZ(0);
    box-shadow: 0 3px 25px rgba(var(--bg-rgb), .75)
}

.mine_tabNavItem__o_SCV, .mine_tabNav__IhvFH {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.mine_tabNavItem__o_SCV {
    transition: background-color var(--transition-link), color var(--transition-link);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .6em 0 .5em;
    font-size: calc(12px + 1*(100vw - 320px)/1080);
    flex: auto;
    font-weight: 500;
    border-radius: inherit;
    color: var(--grey)
}

.mine_tabNavItemActive__yVtYR {
    background-color: var(--pink);
    color: var(--white)
}

.mine_tabContent___w7a1 {
    --gap: calc(var(--main-padding) / 2.5);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    padding-top: var(--gap);
    gap: var(--gap);
    flex-wrap: wrap
}