@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bonus-card-skeleton{background-color:var(--gunmetal-1000);height:180px;border-radius:.5rem;overflow:hidden;position:relative;animation:fadeIn .1s ease-in,pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bonus-card-skeleton .bonus-card-skeleton-line{width:100%;height:200%;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;animation-name:shadow_moving;animation-duration:2s;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:forwards}.provider-card-skeleton{background-color:var(--gunmetal-1000);border-radius:.5rem;width:180px;height:80px;overflow:hidden;position:relative;animation:fadeIn .1s ease-in,pulse 2s cubic-bezier(.4,0,.6,1) infinite}.provider-card-skeleton .provider-card-skeleton-line{width:100%;height:200%;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);position:absolute;top:50%;transform:translateY(-50%);animation:shadow_moving 2s linear infinite}.notification-card-skeleton{height:70px;background-color:var(--gunmetal-1000);border-radius:.5rem;overflow:hidden;margin-bottom:.25rem;position:relative;animation:fadeIn .1s ease-in,pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.notification-card-skeleton .notification-card-skeleton-line{width:100%;height:200%;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;animation-name:shadow_moving;animation-duration:2s;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes shadow_moving{0%{left:-200%}to{left:200%}}@keyframes fsShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-box{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:fsShimmer 1.8s cubic-bezier(.4,0,.6,1) infinite}.tier-card-skeleton{position:relative;height:100%;min-height:520px;border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;background:#101014;display:flex;flex-direction:column;pointer-events:none;cursor:default}.tier-card-skeleton .tier-inner{padding:22px 20px 20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:430px){.tier-card-skeleton .tier-inner{padding:18px 14px 16px}}.tier-card-skeleton .tier-hero{position:relative;flex:1;min-height:250px;display:grid;place-items:center}.tier-card-skeleton .tier-hero .tier-mascot-skeleton{width:190px;height:190px;border-radius:50%;border:2px solid rgba(255,255,255,.04);position:relative}@media(max-width:430px){.tier-card-skeleton .tier-hero .tier-mascot-skeleton{width:150px;height:150px}}.tier-card-skeleton .tier-label-skeleton{width:120px;height:12px;border-radius:6px;margin:16px auto 6px}.tier-card-skeleton .tier-name-skeleton{width:150px;height:28px;border-radius:8px;margin:0 auto 16px}.tier-card-skeleton .card-foot{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:stretch;margin-top:14px}@media(max-width:430px){.tier-card-skeleton .card-foot{grid-template-columns:96px minmax(0,1fr);gap:8px}}.tier-card-skeleton .shield-box-skeleton{background:#15151a;border:1px solid rgba(255,255,255,.14);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:12px;overflow:hidden}.tier-card-skeleton .shield-box-skeleton .sb-shield-skeleton{width:48px;height:48px;border-radius:50%;margin:0 auto 6px}@media(max-width:430px){.tier-card-skeleton .shield-box-skeleton .sb-shield-skeleton{width:38px;height:38px}}.tier-card-skeleton .shield-box-skeleton .sb-rank-skeleton{width:60px;height:10px;border-radius:4px;margin-bottom:8px}.tier-card-skeleton .shield-box-skeleton .sb-tag-skeleton{width:100%;height:26px;border-radius:0 0 12px 12px}.tier-card-skeleton .xp-box-skeleton{border:1px solid rgba(255,183,55,.18);border-radius:13px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;background:#1a1812}@media(max-width:430px){.tier-card-skeleton .xp-box-skeleton{padding:12px 10px}}.tier-card-skeleton .xp-box-skeleton .xp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.tier-card-skeleton .xp-box-skeleton .xp-row .xp-title-skeleton{width:85px;height:12px;border-radius:4px}.tier-card-skeleton .xp-box-skeleton .xp-row .xp-pct-skeleton{width:42px;height:12px;border-radius:4px}.tier-card-skeleton .xp-box-skeleton .xp-track-skeleton{width:100%;height:8px;border-radius:99px;margin-bottom:8px}.tier-card-skeleton .xp-box-skeleton .xp-caption-skeleton{width:95px;height:11px;border-radius:4px;margin:0 auto}.bcard-skeleton{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0e0e12;padding:12px;cursor:default;pointer-events:none;min-height:285px;width:100%}.bcard-skeleton:hover{border-color:rgba(255,255,255,.07)!important;background:#0e0e12!important}.bcard-skeleton .bcard-art-skeleton{flex:1;min-height:148px;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden;background:#0a0a0d}.bcard-skeleton .bcard-art-skeleton .bcard-art-shimmer{width:88px;height:88px;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.bcard-skeleton .bcard-head-skeleton{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.bcard-skeleton .bcard-head-skeleton .bcard-title-skeleton{width:105px;height:16px;border-radius:4px}.bcard-skeleton .bcard-head-skeleton .bcard-badge-skeleton{width:54px;height:18px;border-radius:99px}.bcard-skeleton .bcard-sub-skeleton{width:160px;max-width:80%;height:12px;border-radius:4px;margin:8px 0 14px}.bcard-skeleton .bcard-btn-skeleton{width:100%;height:38px;border-radius:8px;background:linear-gradient(90deg,rgba(255,183,55,.08) 25%,rgba(255,183,55,.2) 50%,rgba(255,183,55,.08) 75%);background-size:200% 100%;animation:fsShimmer 1.8s cubic-bezier(.4,0,.6,1) infinite}.vip-card-skeleton{position:relative;aspect-ratio:3/4;width:100%;border-radius:12px;overflow:hidden;cursor:default;border:1px solid rgba(255,255,255,.08);background:#141419;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px 8px}.vip-card-skeleton .vip-level-art-skeleton{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}@media(max-width:560px){.vip-card-skeleton .vip-level-art-skeleton{width:45px;height:45px}}.vip-card-skeleton .vip-level-name-skeleton{width:65%;height:12px;border-radius:4px}.user-vip-card-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:3rem;animation:fadeIn .1s ease-in}@media(max-width:1024px){.user-vip-card-skeleton{grid-template-columns:1fr}}.user-vip-card-skeleton .vip-card-skeleton-left{background-color:var(--gunmetal-1000);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px;min-height:400px;position:relative;overflow:hidden}.user-vip-card-skeleton .vip-card-skeleton-left .vip-mascot-skeleton{width:200px;height:200px;border-radius:50%}.user-vip-card-skeleton .vip-card-skeleton-left .vip-current-rank-skeleton,.user-vip-card-skeleton .vip-card-skeleton-left .vip-mascot-skeleton{margin:0 auto;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite}.user-vip-card-skeleton .vip-card-skeleton-left .vip-current-rank-skeleton{width:150px;height:32px;border-radius:8px}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton{margin-top:auto;display:flex;flex-direction:column;gap:12px}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-header-skeleton{width:100%;height:20px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:6px}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-bar-skeleton{width:100%;height:8px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-footer-skeleton{width:100%;height:16px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:6px}.user-vip-card-skeleton .vip-card-skeleton-right{background-color:var(--gunmetal-1000);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-title-skeleton{width:120px;height:24px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:6px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton{display:flex;flex-direction:column;gap:12px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton{display:flex;gap:12px;align-items:center;padding:12px;background-color:rgba(255,255,255,.02);border-radius:12px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-icon-skeleton{width:48px;height:48px;flex-shrink:0;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:8px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton{flex:1;display:flex;flex-direction:column;gap:8px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton .rank-name-skeleton{width:80%;height:16px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton .rank-progress-skeleton{width:100%;height:8px;background:linear-gradient(to right,transparent,var(--white-50),var(--white-100),var(--white-50),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}