@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-card-skeleton{background-color:var(--gunmetal-1000);aspect-ratio:3/4;border-radius:.5rem;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}@keyframes pulse{50%{opacity:.5}}.game-card-skeleton .game-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;transition:all .2s ease-in-out;animation-name:shadow_moving;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;position:absolute;top:50%;transform:translateY(-50%)}@keyframes shadow_moving{0%{left:-200%}to{left:200%}}.bonus-card-skeleton{background-color:var(--gunmetal-1000);border-radius:.5rem;height:180px;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.bonus-card-skeleton .bonus-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;transition:all .2s ease-in-out;animation-name:shadow_moving;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;position:absolute;top:50%;transform:translateY(-50%)}.game-slider-skeleton{margin-top:2rem;animation:.1s ease-in fadeIn}.game-slider-skeleton .slider-skeleton-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.game-slider-skeleton .slider-skeleton-header .skeleton-title{background-color:var(--gunmetal-1000);border-radius:.5rem;width:200px;height:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.game-slider-skeleton .slider-skeleton-header .skeleton-title:after{content:"";background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:100%;animation:2s linear infinite shadow_moving;position:absolute;top:0;left:-200%}.game-slider-skeleton .slider-skeleton-header .skeleton-actions{align-items:center;gap:1rem;display:flex}.game-slider-skeleton .slider-skeleton-header .skeleton-actions .skeleton-arrows{background-color:var(--gunmetal-1000);border-radius:.5rem;width:80px;height:36px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.game-slider-skeleton .slider-skeleton-header .skeleton-actions .skeleton-view-all{background-color:var(--gunmetal-1000);border-radius:.5rem;width:100px;height:36px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.game-slider-skeleton .slider-skeleton-cards{gap:1rem;display:flex;overflow:hidden}.game-slider-skeleton .slider-skeleton-cards .slider-card-skeleton{aspect-ratio:300/396.94;background-color:var(--gunmetal-1000);border-radius:.5rem;flex-shrink:0;width:193px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.game-slider-skeleton .slider-skeleton-cards .slider-card-skeleton .slider-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;animation:2s linear infinite shadow_moving;position:absolute;top:50%;transform:translateY(-50%)}.provider-card-skeleton{background-color:var(--gunmetal-1000);border-radius:.5rem;width:180px;height:80px;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.provider-card-skeleton .provider-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;animation:2s linear infinite shadow_moving;position:absolute;top:50%;transform:translateY(-50%)}.notification-card-skeleton{background-color:var(--gunmetal-1000);border-radius:.5rem;height:70px;margin-bottom:.25rem;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.notification-card-skeleton .notification-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;transition:all .2s ease-in-out;animation-name:shadow_moving;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;position:absolute;top:50%;transform:translateY(-50%)}.reward-card-skeleton{background-color:var(--gunmetal-1000);border-radius:1rem;flex:none;width:200px;min-width:200px;height:290px;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.reward-card-skeleton .reward-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;animation:2s linear infinite shadow_moving;position:absolute;top:50%;transform:translateY(-50%)}.vip-level-card-skeleton{background-color:var(--gunmetal-1000);border-radius:1rem;flex:none;width:180px;min-width:180px;height:250px;animation:.1s ease-in fadeIn,2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative;overflow:hidden}.vip-level-card-skeleton .vip-level-card-skeleton-line{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);width:100%;height:200%;animation:2s linear infinite shadow_moving;position:absolute;top:50%;transform:translateY(-50%)}.user-vip-card-skeleton{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:3rem;animation:.1s ease-in fadeIn;display:grid}@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;flex-direction:column;gap:20px;min-height:400px;padding:20px;display:flex;position:relative;overflow:hidden}.user-vip-card-skeleton .vip-card-skeleton-left .vip-mascot-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:50%;width:200px;height:200px;margin:0 auto;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-left .vip-current-rank-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:8px;width:150px;height:32px;margin:0 auto;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton{flex-direction:column;gap:12px;margin-top:auto;display:flex}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-header-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:6px;width:100%;height:20px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-bar-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:4px;width:100%;height:8px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-left .vip-progress-skeleton .vip-progress-footer-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:6px;width:100%;height:16px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-right{background-color:var(--gunmetal-1000);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-title-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:6px;width:120px;height:24px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton{flex-direction:column;gap:12px;display:flex}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton{background-color:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-icon-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:8px;flex-shrink:0;width:48px;height:48px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton{flex-direction:column;flex:1;gap:8px;display:flex}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton .rank-name-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:4px;width:80%;height:16px;animation:2s linear infinite shimmer}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-details-skeleton .rank-progress-skeleton{background:linear-gradient(to right, transparent, var(--white-50), var(--white-100), var(--white-50), transparent);background-size:200% 100%;border-radius:4px;width:100%;height:8px;animation:2s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.user-vip-card-skeleton{gap:12px;margin-bottom:1.25rem}.user-vip-card-skeleton .vip-card-skeleton-left{aspect-ratio:390/462;border-radius:16px;gap:12px;min-height:0;padding:12px}.user-vip-card-skeleton .vip-card-skeleton-left .vip-mascot-skeleton{width:120px;height:120px}.user-vip-card-skeleton .vip-card-skeleton-right{border-radius:16px;gap:10px;padding:12px 10px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton{padding:8px}.user-vip-card-skeleton .vip-card-skeleton-right .next-ranks-list-skeleton .next-rank-item-skeleton .rank-icon-skeleton{width:34px;height:34px}}