@keyframes styles-module-scss-module__FhF5-a__skeleton-animation{0%{transform:translate(-100%)}30%{transform:translate(-100%)}to{transform:translate(100%)}}.styles-module-scss-module__FhF5-a__container{border-radius:8px;flex-flow:wrap;gap:4px;width:100%;display:flex;overflow:hidden}.styles-module-scss-module__FhF5-a__container__wrapper{border-radius:8px;flex-flow:column wrap;flex:1 0 500px;justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}@media (max-width:1054px){.styles-module-scss-module__FhF5-a__container__wrapper{flex:1 0 300px}}.styles-module-scss-module__FhF5-a__container__card{pointer-events:none;background-color:var(--background-default-color);border-radius:8px;flex-direction:column;flex:1;align-items:center;width:100%;min-width:300px;min-height:100%;padding:4px 12px 12px;display:flex;position:relative;overflow:hidden}@media (max-width:1054px){.styles-module-scss-module__FhF5-a__container__card{min-width:400px}}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card{min-width:100%;max-height:none;padding-bottom:40px}}.styles-module-scss-module__FhF5-a__container__card:before{background:linear-gradient(360deg, var(--background-paper-color) 30%, transparent 100%);content:"";z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.styles-module-scss-module__FhF5-a__container__card:after{content:"";border:1px solid;border-image:linear-gradient(to top, var(--divider-color) 20%, transparent 80%);z-index:2;pointer-events:none;border-image-slice:1;position:absolute;inset:0}.styles-module-scss-module__FhF5-a__container__card__background{z-index:0;object-fit:cover;object-position:center;border-radius:8px;width:100%;height:90%;position:absolute;inset:0}.styles-module-scss-module__FhF5-a__container__card__wrapper{z-index:2;flex-direction:column;justify-content:space-between;gap:12px;width:100%;display:flex;position:relative}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper{gap:8px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__header{z-index:2;align-items:center;gap:8px;width:100%;padding-block:12px;display:flex;position:relative}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header{gap:12px;padding-block:16px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__header__image{max-width:60px;height:auto}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header__image{max-width:84px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content{flex-direction:column;justify-content:start;align-items:start;gap:0;display:flex}.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__label{color:var(--text-primary-color);font-size:16px;font-weight:500}@media (max-width:1054px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__label{font-size:24px}}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__label{font-size:22px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__badge{background-color:var(--card-color);border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding:6px 12px;display:flex}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__badge{padding:8px 14px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__badge__xp{color:var(--success-color);font-size:14px;font-weight:500}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__header__content__badge__xp{font-size:16px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress{z-index:4;background-color:var(--background-default-color);border-radius:5px;width:100%;height:12px;position:relative}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__progress{height:16px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__bar{width:var(--data-vip-club-rank-progress);background-color:var(--data-vip-club-rank-progress-background-color);border-radius:5px;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__marker{aspect-ratio:1;background-color:var(--data-vip-club-progress-marker-background-color);z-index:3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:20px;padding:1px;font-size:8px;display:flex;position:absolute;top:-4px;right:-10px}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__marker{width:40px;height:26px;font-size:10px;top:-6px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__shadow{background:var(--background-default-color);z-index:2;filter:blur(4px);border-radius:8px;width:36px;height:26px;position:absolute;top:-7px;right:-12px}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__shadow{width:44px;height:32px;top:-9px}}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__footer{flex-direction:row;justify-content:flex-end;gap:8px;width:100%;margin-top:8px;display:flex}.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__label{color:var(--text-primary-color);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}@media (max-width:768px){.styles-module-scss-module__FhF5-a__container__card__wrapper__progress__label{font-size:14px}}
.styles-module-scss-module__W0-jzW__image,.styles-module-scss-module__W0-jzW__title{background-color:var(--background-paper-color);position:relative;overflow:hidden!important}.styles-module-scss-module__W0-jzW__image:after,.styles-module-scss-module__W0-jzW__title:after{content:"";background:linear-gradient(.25turn, transparent, var(--background-default-color), transparent);pointer-events:none;opacity:.8;width:100%;height:100%;animation:2s infinite styles-module-scss-module__W0-jzW__skeleton-animation;position:absolute;top:0;left:0;transform:translate(-100%);overflow:hidden!important}@keyframes styles-module-scss-module__W0-jzW__skeleton-animation{0%{transform:translate(-100%)}30%{transform:translate(-100%)}to{transform:translate(100%)}}.styles-module-scss-module__W0-jzW__image,.styles-module-scss-module__W0-jzW__title{background-color:var(--background-default-color)!important}.styles-module-scss-module__W0-jzW__image:after,.styles-module-scss-module__W0-jzW__title:after{background:linear-gradient(.25turn, transparent, var(--background-paper-color), transparent)!important}.styles-module-scss-module__W0-jzW__title{border-radius:var(--shape-borderRadius);width:80px;height:14px}.styles-module-scss-module__W0-jzW__image{border-radius:var(--shape-borderRadius);border-radius:50%;width:80px;height:80px}
@keyframes styles-module-scss-module__zfGiKq__skeleton-animation{0%{transform:translate(-100%)}30%{transform:translate(-100%)}to{transform:translate(100%)}}.styles-module-scss-module__zfGiKq__container{align-items:center;gap:4px;display:flex}.styles-module-scss-module__zfGiKq__container__label{color:var(--text-primary-color);font-size:12px;font-weight:500}@media (max-width:768px){.styles-module-scss-module__zfGiKq__container__label{font-size:14px}}