.rank-card.svelte-1uo8lnn{--tab-color: transparent;--reward-bg-color: transparent;--border-color: #d2a057;--active-border-color: rgba(255, 255, 255, .3);--active-shadow-color: transparent;--active-breathe-duration: 2.2s;--active-breathe-easing: ease-in-out;width:100%;position:relative;padding-right:1px;opacity:.8;transition:opacity .2s ease}.rank-card.edge-card-padding.svelte-1uo8lnn{padding-left:20px;padding-right:20px}.rank-card.svelte-1uo8lnn:hover,.rank-card.my.svelte-1uo8lnn,.rank-card.active.svelte-1uo8lnn{opacity:1}.rank-card.silver-rank.svelte-1uo8lnn{--tab-color: rgba(255, 255, 255, .4);--reward-bg-color: rgba(255, 255, 255, .5);--border-color: #fff;--active-border-color: #fff;--active-shadow-color: #fff}.rank-card.gold-rank.svelte-1uo8lnn{--tab-color: rgba(40, 154, 255, .4);--reward-bg-color: rgba(15, 80, 190, .5);--active-border-color: #d2a057;--active-shadow-color: #289aff}.rank-card.master-rank.svelte-1uo8lnn{--tab-color: rgba(186, 118, 255, .4);--reward-bg-color: rgba(186, 118, 255, .5);--active-border-color: #ba76ff;--active-shadow-color: #ba76ff}.rank-card.legendary-rank.svelte-1uo8lnn{--tab-color: rgba(255, 28, 172, .4);--reward-bg-color: rgba(255, 28, 172, .5);--active-border-color: #ff1cac;--active-shadow-color: #ff1cac}.rank-card.elite-rank.svelte-1uo8lnn{--tab-color: rgba(237, 21, 21, .4);--reward-bg-color: rgba(237, 21, 21, .5);--active-border-color: #d2a057;--active-shadow-color: #ff4949}.rank-card.svelte-1uo8lnn .badge-joined{display:none}.rank-card-top.svelte-1uo8lnn{display:flex;justify-content:center;align-items:center;padding:0 20px;gap:10px;height:208px;position:relative;z-index:2}.rank-card-top.svelte-1uo8lnn .badge-wrapper{position:absolute;top:-20px;width:170px;height:288px;transform-origin:50% 0%;will-change:transform}.rank-card-top.badge-swing-a.svelte-1uo8lnn .badge-wrapper{animation:svelte-1uo8lnn-badgePendulumA .82s cubic-bezier(.22,1,.36,1) both}.rank-card-top.badge-swing-b.svelte-1uo8lnn .badge-wrapper{animation:svelte-1uo8lnn-badgePendulumB .82s cubic-bezier(.22,1,.36,1) both}@media(max-width:460px){.rank-card-top.svelte-1uo8lnn{height:180px}.rank-card-top.svelte-1uo8lnn .badge-wrapper{width:136px;height:230px;top:-10px}}.rank-card-content.svelte-1uo8lnn{position:relative;display:flex;flex-direction:column;gap:16px;background-color:#17171700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:24px 20px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}@media(max-width:460px){.rank-card-content.svelte-1uo8lnn{padding:16px 8px}}.rank-card-content.svelte-1uo8lnn>:where(.svelte-1uo8lnn){position:relative;z-index:2}.rank-card-content.svelte-1uo8lnn .rank-card-bg:where(.svelte-1uo8lnn){position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn){display:flex;justify-content:space-between;align-items:center;gap:4px;padding:24px;border-radius:4px;background-color:#17171780}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn)>p:where(.svelte-1uo8lnn){font-size:14px;line-height:22px;color:var(--color-text-text-secondary);display:inline-flex;align-items:center;gap:4px}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn)>p.value:where(.svelte-1uo8lnn){font-size:16px;line-height:24px;font-weight:700;color:var(--color-text-text-primary)}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){width:16px;height:16px}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) .info-tooltip-button{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;padding:0;border:0;background:transparent;color:inherit;cursor:help}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) .info-tooltip-button .button__bg{display:none}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) .info-tooltip-button .button__content{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:inherit}.rank-card-content.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) .info-tooltip-button img{width:12px;height:12px}.rank-card-content.svelte-1uo8lnn .content-row:where(.svelte-1uo8lnn){grid-column:1/3;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.rank-card-content.svelte-1uo8lnn .content-row:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn){flex-direction:column;align-items:flex-start;padding:12px;text-transform:uppercase}.rank-card-content.svelte-1uo8lnn .content-row:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn):not(.value){font-size:12px;line-height:20px}.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn){width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn){display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:12px}@media(max-width:460px){.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn){padding:8px}}.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-rewards:where(.svelte-1uo8lnn){grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:178px}@media(max-width:460px){.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-rewards:where(.svelte-1uo8lnn){grid-template-columns:minmax(100px,450px);min-height:auto}}.rank-card-content.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-rewards:where(.svelte-1uo8lnn) .not-rewards:where(.svelte-1uo8lnn){font-size:14px;line-height:22px;color:var(--color-text-text-dark);text-align:center}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn){position:relative}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__bg:where(.svelte-1uo8lnn){position:absolute;top:0;left:0;width:100%;height:100%}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__bg:where(.svelte-1uo8lnn)>picture{display:contents}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__bg:where(.svelte-1uo8lnn){z-index:1;background:linear-gradient(0deg,var(--tab-color) 0%,rgba(0,0,0,0) 100%),#1717174d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){position:relative;z-index:2;display:flex;align-items:center;gap:6px;padding:10px}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){font-size:12px;line-height:20px;text-transform:uppercase}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) h2:where(.svelte-1uo8lnn){font-family:Paladins;font-size:18px;line-height:18px;color:var(--color-text-text-primary)}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) h2:where(.svelte-1uo8lnn) span:where(.svelte-1uo8lnn){font-family:Paladins;color:#ff1cac;text-shadow:0 2px 5px rgba(255,28,172,.4),0 -2px 8px rgba(77,31,241,.26)}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){position:absolute;right:0;bottom:0;z-index:1}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn)>picture{display:contents}.rank-card-content.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){object-fit:contain}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .banner__bg:where(.svelte-1uo8lnn){border-radius:4px;background:#171717b3;overflow:hidden}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-col:where(.svelte-1uo8lnn){position:relative;z-index:2}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__summary:where(.svelte-1uo8lnn){transition:opacity .2s ease,transform .2s ease}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__action:where(.svelte-1uo8lnn){position:absolute;top:50%;left:15px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__button{width:110px;min-width:110px;height:35px}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__button .button__content{display:flex;align-items:center;justify-content:center;width:100%;height:35px;min-height:35px;padding:0 12px;box-sizing:border-box;font-size:12px;line-height:14px;text-align:center;white-space:nowrap}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):hover .drum-banner__summary:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):focus-within .drum-banner__summary:where(.svelte-1uo8lnn){opacity:0;transform:translateY(-4px)}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):hover .drum-banner__action:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):focus-within .drum-banner__action:where(.svelte-1uo8lnn){opacity:1;pointer-events:auto;transform:translateY(-50%) translateY(-2px)}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):hover .content-img:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):focus-within .content-img:where(.svelte-1uo8lnn){animation:svelte-1uo8lnn-drumRevolverShoot .52s ease-in-out both}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:157px;transform-origin:74% 50%}.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn) .drum-revolver-base:where(.svelte-1uo8lnn){position:relative;z-index:2}@media(max-width:460px){.rank-card-content.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:140px}}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){padding:17px 10px}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__summary:where(.svelte-1uo8lnn){transition:opacity .2s ease,transform .2s ease}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__action:where(.svelte-1uo8lnn){position:absolute;top:50%;left:23px;z-index:2;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__button{width:180px;min-width:180px;height:35px}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__button .button__content{display:flex;align-items:center;justify-content:center;width:100%;height:35px;min-height:35px;padding:0 12px;box-sizing:border-box;font-size:12px;line-height:14px;text-align:center;white-space:nowrap}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):hover .avatar-banner__summary:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):focus-within .avatar-banner__summary:where(.svelte-1uo8lnn){opacity:0;transform:translateY(-4px)}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):hover .avatar-banner__action:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):focus-within .avatar-banner__action:where(.svelte-1uo8lnn){opacity:1;pointer-events:auto;transform:translateY(-50%) translateY(-2px)}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):hover .content-img:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn),.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):focus-within .content-img:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){animation:svelte-1uo8lnn-avatarBubblePop 1.5s ease-in-out both}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:88px;height:88px;top:auto;bottom:auto;right:8px}.rank-card-content.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){font-size:14px;line-height:19px;font-weight:600;max-width:188px}.rank-card.not-ranked.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn) .value:where(.svelte-1uo8lnn){color:var(--color-text-text-disabled)}.rank-card.my.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn),.rank-card.active.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn){transform:translateY(-12px);border-color:var(--active-border-color);box-shadow:0 0 16px 0 var(--active-shadow-color)}.rank-card.active.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn){animation:svelte-1uo8lnn-rankCardSoftBreathe var(--active-breathe-duration) var(--active-breathe-easing) infinite}.rank-card.active.svelte-1uo8lnn .rank-card-top:where(.svelte-1uo8lnn){animation:svelte-1uo8lnn-rankBadgeSoftBreathe var(--active-breathe-duration) var(--active-breathe-easing) infinite}.rank-card-content.svelte-1uo8lnn>picture,.content-img.svelte-1uo8lnn>picture{display:contents}@keyframes svelte-1uo8lnn-rankBadgeSoftBreathe{0%,to{transform:translateY(0) scale(1);filter:saturate(1)}50%{transform:translateY(-2px) scale(1.012);filter:saturate(1.18)}}@keyframes svelte-1uo8lnn-rankCardSoftBreathe{0%,to{transform:translateY(-12px) scale(1);filter:saturate(1)}50%{transform:translateY(-12px) scale(1.012);filter:saturate(1.18)}}@keyframes svelte-1uo8lnn-drumRevolverShoot{0%{transform:translate(0) rotate(0);filter:drop-shadow(0 0 0 rgba(255,28,172,0))}28%{transform:translate(-2px,-3px) rotate(5deg);filter:drop-shadow(0 0 10px rgba(255,28,172,.45))}42%{transform:translate(2px,1px) rotate(-1.5deg)}56%{transform:translate(-1px,-1px) rotate(1deg)}76%{transform:translate(1px) rotate(-.5deg)}to{transform:translate(0) rotate(0);filter:drop-shadow(0 0 0 rgba(255,28,172,0))}}@keyframes svelte-1uo8lnn-avatarBubblePop{0%{transform:translateY(0) scale(1);filter:saturate(1)}28%{transform:translateY(-4px) scale(1.1);filter:saturate(1.22)}42%{transform:translateY(4px) scale(.88)}58%{transform:translateY(-2px) scale(1.04)}76%{transform:translateY(1px) scale(.98)}to{transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes svelte-1uo8lnn-badgePendulumA{0%{transform:rotate(var(--badge-swing-start))}24%{transform:rotate(var(--badge-swing-rebound))}48%{transform:rotate(var(--badge-swing-settle))}72%{transform:rotate(var(--badge-swing-final))}to{transform:rotate(0)}}@keyframes svelte-1uo8lnn-badgePendulumB{0%{transform:rotate(var(--badge-swing-start))}24%{transform:rotate(var(--badge-swing-rebound))}48%{transform:rotate(var(--badge-swing-settle))}72%{transform:rotate(var(--badge-swing-final))}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rank-card-top.badge-swing-a.svelte-1uo8lnn .badge-wrapper,.rank-card-top.badge-swing-b.svelte-1uo8lnn .badge-wrapper{animation:none}.rank-card.active.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn){animation:none;transition:none}.rank-card.active.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn):after{animation:none}.rank-card.active.svelte-1uo8lnn .rank-card-top:where(.svelte-1uo8lnn){animation:none}.drum-banner.svelte-1uo8lnn:hover .content-img:where(.svelte-1uo8lnn),.drum-banner.svelte-1uo8lnn:focus-within .content-img:where(.svelte-1uo8lnn),.avatar-banner.svelte-1uo8lnn:hover .content-img:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn),.avatar-banner.svelte-1uo8lnn:focus-within .content-img:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){animation:none}}@media(max-height:820px)and (min-width:971px){.rank-card-top.svelte-1uo8lnn{height:148px}.rank-card-top.svelte-1uo8lnn .badge-wrapper{top:-14px;width:128px;height:216px}.rank-card-content.svelte-1uo8lnn{gap:8px;border-radius:16px;padding:12px;margin-bottom:6px}.rank-card.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn){padding:12px}.rank-card.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn)>p:where(.svelte-1uo8lnn){font-size:12px;line-height:18px}.rank-card.svelte-1uo8lnn .content-item:where(.svelte-1uo8lnn)>p.value:where(.svelte-1uo8lnn){font-size:14px;line-height:20px}.rank-card.svelte-1uo8lnn .content-row:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn){padding:8px}.rank-card.svelte-1uo8lnn .content-row:where(.svelte-1uo8lnn) .content-item:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn):not(.value){font-size:10px;line-height:16px}.rank-card.svelte-1uo8lnn .content-grid:where(.svelte-1uo8lnn) .content-rewards:where(.svelte-1uo8lnn){min-height:134px}.rank-card.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){padding:6px 10px}.rank-card.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){font-size:10px;line-height:16px}.rank-card.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) h2:where(.svelte-1uo8lnn){font-size:14px;line-height:14px}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:116px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){padding:10px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:58px;height:58px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){font-size:12px;line-height:16px;max-width:170px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn){gap:4px;padding:6px 8px 8px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:72px;height:72px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn){font-size:12px;line-height:18px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-title:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-description:where(.svelte-1uo8lnn){font-size:11px;line-height:16px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn){padding:8px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .skin-preview-top:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){font-size:9px;line-height:14px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){height:46px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .item-pattern:where(.svelte-1uo8lnn){font-size:12px;line-height:16px}.rank-card.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .item-price:where(.svelte-1uo8lnn){font-size:11px;line-height:16px}.rank-card.active.svelte-1uo8lnn .rank-card-content:where(.svelte-1uo8lnn){transform:translateY(-8px)}}.reward-item.svelte-1uo8lnn{width:100%;position:relative;border-radius:4px;overflow:hidden;background:radial-gradient(151.19% 151.19% at 50% 100%,var(--reward-bg-color) 0%,rgba(0,0,0,0) 100%),#171717cc;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px)}.reward-item.svelte-1uo8lnn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(100% 100% at 50.29% 0%,var(--reward-bg-color) 0%,rgba(0,0,0,0) 100%),#17171799;z-index:1;opacity:0;transition:opacity .3s ease}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px 12px 16px;overflow:hidden}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:104px;height:104px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,opacity .3s ease}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){object-fit:contain}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn) img.rank-reward-case-image,.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn) img.rank-reward-case-image{object-fit:contain}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){width:100%;display:flex;flex-direction:column;justify-content:center;gap:2px;transition:opacity .2s ease-in-out}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn){font-size:14px;line-height:20px;font-weight:600;color:var(--color-text-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;text-align:center;align-self:center;text-transform:uppercase}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn){width:100%;display:flex;justify-content:center;gap:4px}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-title:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-title:where(.svelte-1uo8lnn){font-size:12px;line-height:20px;flex:0 0 auto}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-description:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-description:where(.svelte-1uo8lnn){font-size:12px;line-height:20px;color:var(--color-text-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-description--price:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn) .item-value-description--price:where(.svelte-1uo8lnn){display:inline-flex;align-items:center;gap:4px;font-weight:600}@media(max-width:460px){.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn){flex-direction:row;justify-content:flex-start;gap:16px;padding:8px 12px}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:72px;height:72px;flex:0 0 72px}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn),.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){width:190px}}.reward-item.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn){position:relative;z-index:2;width:100%}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn){position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;justify-content:flex-start;gap:0;padding:10px 12px 12px;transition:opacity .4s ease}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .skin-preview-top:where(.svelte-1uo8lnn){width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .skin-preview-top:where(.svelte-1uo8lnn) p:where(.svelte-1uo8lnn){min-width:0;font-size:10px;line-height:20px;color:var(--color-text-text-secondary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn){font-size:12px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:100%;height:85px;margin-top:-7px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){align-items:center;text-align:center;gap:0;margin-top:2px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-pattern:where(.svelte-1uo8lnn){max-width:100%;font-size:13px;font-weight:700;color:var(--card-image-color);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-price:where(.svelte-1uo8lnn){font-size:12px;line-height:22px;font-weight:600;color:var(--color-text-text-primary)}@media(max-width:460px){.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn){flex-direction:column;justify-content:flex-start;gap:4px;padding:8px 12px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:100%;height:64px;flex:0 0 64px}.reward-item.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){width:100%}}.reward-item.svelte-1uo8lnn:hover{background:#17171799}.reward-item.svelte-1uo8lnn:hover:before{opacity:1}.reward-item.svelte-1uo8lnn:hover .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){opacity:.1;transform:scale(.95)}.reward-item.svelte-1uo8lnn:hover .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){opacity:0}.reward-item.svelte-1uo8lnn:hover .preview-content:where(.svelte-1uo8lnn){opacity:1}.reward-item.case-reward.svelte-1uo8lnn{display:block;color:inherit;text-decoration:none;cursor:pointer}.reward-item.case-reward.svelte-1uo8lnn:before{background:radial-gradient(100% 100% at 50.29% 0%,var(--card-bg-color) 0%,rgba(0,0,0,0) 100%),#17171799}.reward-item.case-reward.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn){color:var(--color-text-text-secondary)}.reward-item.case-reward.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .item-pattern:where(.svelte-1uo8lnn){color:var(--card-image-color)}.reward-item.case-creator-reward.svelte-1uo8lnn{background:radial-gradient(100% 100% at 50.29% 0%,var(--reward-bg-color) 0%,rgba(0,0,0,0) 100%),#17171799}.reward-item.case-creator-reward.svelte-1uo8lnn:before{background:radial-gradient(151.19% 151.19% at 50% 100%,var(--reward-bg-color) 0%,rgba(0,0,0,0) 100%),#171717cc}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .case-creator-image:where(.svelte-1uo8lnn){position:relative;width:132px;height:104px}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .case-creator-bonus:where(.svelte-1uo8lnn){position:absolute;top:0;right:-10px;width:72px;height:45px;display:flex;align-items:center;justify-content:center;pointer-events:none}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .case-creator-bonus:where(.svelte-1uo8lnn) img:where(.svelte-1uo8lnn){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .case-creator-bonus:where(.svelte-1uo8lnn) span:where(.svelte-1uo8lnn){position:relative;z-index:1;font-family:Paladins,sans-serif;font-size:24px;line-height:1;color:#fff;text-shadow:0 0 10px rgba(255,28,172,.8),0 0 20px rgba(255,28,172,.45);transform:translate(-1px,-1px) skew(-8deg)}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){opacity:1}.reward-item.case-creator-reward.svelte-1uo8lnn .default-content:where(.svelte-1uo8lnn) .item-value-description:where(.svelte-1uo8lnn){flex:0 0 auto}.reward-item.case-creator-reward.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn){justify-content:center;padding:12px}.reward-item.case-creator-reward.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .create-case-action{width:100%;max-width:132px;min-height:34px;transform:translateY(-28px);display:flex;text-decoration:none}.reward-item.case-creator-reward.svelte-1uo8lnn .preview-content:where(.svelte-1uo8lnn) .create-case-action .button__content{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;min-height:34px;padding:0 12px;box-sizing:border-box;font-size:12px;line-height:14px;text-align:center;white-space:nowrap}.reward-item.not-rewards.svelte-1uo8lnn{display:flex;justify-content:center;align-items:center;padding:12px}.reward-item.not-rewards.svelte-1uo8lnn:before{display:none}.reward-item.not-rewards.svelte-1uo8lnn p:where(.svelte-1uo8lnn){font-size:14px;line-height:24px;color:var(--color-text-text-secondary)}@media(max-width:460px){.reward-item.not-rewards.svelte-1uo8lnn{min-height:88px}}@media(max-width:460px){.rank-card.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){align-items:flex-start;min-height:88px}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-col:where(.svelte-1uo8lnn){max-width:calc(100% - 104px)}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__summary:where(.svelte-1uo8lnn){opacity:1;transform:none}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__action:where(.svelte-1uo8lnn){position:static;opacity:1;pointer-events:auto;transform:none;margin-top:6px}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .drum-banner__button{width:104px;min-width:104px}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:104px}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):hover .drum-banner__summary:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):focus-within .drum-banner__summary:where(.svelte-1uo8lnn){opacity:1;transform:none}.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):hover .drum-banner__action:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .content-banner.drum-banner:where(.svelte-1uo8lnn):focus-within .drum-banner__action:where(.svelte-1uo8lnn){transform:none}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn){padding-right:82px;flex-direction:column}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__summary:where(.svelte-1uo8lnn){opacity:1;transform:none}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__action:where(.svelte-1uo8lnn){position:static;opacity:1;pointer-events:auto;transform:none;margin-top:6px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .avatar-banner__button{width:200px;min-width:200px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn) .content-img:where(.svelte-1uo8lnn){width:72px;height:72px}.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):hover .avatar-banner__summary:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):hover .avatar-banner__action:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):focus-within .avatar-banner__summary:where(.svelte-1uo8lnn),.rank-card.svelte-1uo8lnn .content-banner.avatar-banner:where(.svelte-1uo8lnn):focus-within .avatar-banner__action:where(.svelte-1uo8lnn){opacity:1;transform:none}}@media(max-width:460px){.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn){height:80px;min-height:80px}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn){height:100%;gap:8px;padding:4px 8px}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){width:92px;height:72px;flex:0 0 92px}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){width:auto;min-width:0;flex:1;align-items:flex-start;text-align:left}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-name:where(.svelte-1uo8lnn){align-self:flex-start;text-align:left}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .item-value:where(.svelte-1uo8lnn){justify-content:flex-start}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn) .default-content:where(.svelte-1uo8lnn) .case-creator-image:where(.svelte-1uo8lnn){width:92px;height:72px;flex:0 0 92px}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn){align-items:center;justify-content:center;padding:0}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn) .preview-content:where(.svelte-1uo8lnn) .create-case-action{margin:0;transform:none}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn):focus-within:before{opacity:1}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn):focus-within .default-content:where(.svelte-1uo8lnn) .item-image:where(.svelte-1uo8lnn){opacity:.1;transform:scale(.95)}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn):focus-within .default-content:where(.svelte-1uo8lnn) .item-info:where(.svelte-1uo8lnn){opacity:0}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.case-creator-reward:where(.svelte-1uo8lnn):focus-within .preview-content:where(.svelte-1uo8lnn){opacity:1}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .reward-item.not-rewards:where(.svelte-1uo8lnn){height:80px;min-height:80px}.rank-card.compact-rewards-mobile.svelte-1uo8lnn .content-banner:where(.svelte-1uo8lnn) .banner__content:where(.svelte-1uo8lnn) h2:where(.svelte-1uo8lnn) span:where(.svelte-1uo8lnn){text-shadow:none}}.top-panel.svelte-zddacw{display:flex;flex-direction:column;align-items:center;padding:0 64px;gap:8px;-webkit-user-select:none;user-select:none;--tab-color: rgba(205, 42, 219, .5);--tab-light-color: transparent}.top-panel.svelte-zddacw .navigation-buttons:where(.svelte-zddacw){width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:60px;z-index:3}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw){width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:var(--radius-xs, 4px);padding:5px 16px;background:radial-gradient(151.19% 151.19% at 50% 100%,var(--tab-color) 0%,rgba(0,0,0,0) 100%),#1717174d;position:relative}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:3px;box-shadow:0 -1px 1px 0 var(--tab-light-color),0 -2px 4px 0 var(--tab-light-color),0 2px 4px 0 var(--tab-light-color),0 1px 1px 0 var(--tab-light-color);background:#fff;opacity:0;transition:opacity .2s ease-in-out}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw):hover:before{opacity:1}.top-panel.svelte-zddacw .navigation-button.current-tier:where(.svelte-zddacw):before{animation:svelte-zddacw-current-tier-pulse 1.7s ease-in-out infinite}.top-panel.svelte-zddacw .navigation-button.current-tier:where(.svelte-zddacw) span:where(.svelte-zddacw){color:var(--color-text-text-primary)}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) img:where(.svelte-zddacw){position:absolute;transform:translate(-50%);left:0;height:80px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) span:where(.svelte-zddacw){font-size:20px;font-weight:700;line-height:32px;letter-spacing:var(--selected-letter-spacing-lg);text-transform:uppercase;color:var(--color-text-text-secondary)}.top-panel.svelte-zddacw .navigation-button.silver-rank:where(.svelte-zddacw){--tab-color: rgba(255, 255, 255, .5);--tab-light-color: #fff}.top-panel.svelte-zddacw .navigation-button.gold-rank:where(.svelte-zddacw){--tab-color: rgba(40, 154, 255, .5);--tab-light-color: #289aff}.top-panel.svelte-zddacw .navigation-button.master-rank:where(.svelte-zddacw){--tab-color: rgba(186, 118, 255, .5);--tab-light-color: #ba76ff}.top-panel.svelte-zddacw .navigation-button.legendary-rank:where(.svelte-zddacw){--tab-color: rgba(205, 42, 219, .5);--tab-light-color: #cd2adb}.top-panel.svelte-zddacw .navigation-button.elite-rank:where(.svelte-zddacw){--tab-color: rgba(255, 73, 73, .5);--tab-light-color: #ed1515}.top-panel.svelte-zddacw .navigation-button.active:where(.svelte-zddacw){border:1px solid rgba(255,255,255,.3)}.top-panel.svelte-zddacw .navigation-button.active:where(.svelte-zddacw):before{opacity:1;animation:none}.top-panel.svelte-zddacw .navigation-button.active:where(.svelte-zddacw) span:where(.svelte-zddacw){color:var(--color-text-text-primary)}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw){width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#171717cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 16px;z-index:2}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw) .m-title:where(.svelte-zddacw){font-size:26px;line-height:48px;font-weight:700;letter-spacing:var(--selected-letter-spacing-lg);text-transform:uppercase;color:var(--color-text-text-primary)}@media(max-width:1150px){.top-panel.svelte-zddacw .navigation-buttons:where(.svelte-zddacw){gap:30px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) span:where(.svelte-zddacw){font-size:16px;line-height:22px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) img:where(.svelte-zddacw){height:40px}}@media(max-width:970px){.top-panel.svelte-zddacw{padding:0 5px 0 16px}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw) .m-title:where(.svelte-zddacw){font-size:24px;line-height:32px}}@media(max-width:600px){.top-panel.svelte-zddacw .navigation-buttons:where(.svelte-zddacw){gap:5px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw){padding:4px 10px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) span:where(.svelte-zddacw){font-size:12px;line-height:22px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) img:where(.svelte-zddacw){display:none}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw) .m-title:where(.svelte-zddacw){font-size:16px;line-height:22px}}@keyframes svelte-zddacw-current-tier-pulse{0%,to{opacity:1}50%{opacity:0}}.rank-slider.svelte-zddacw{width:100%;position:relative;display:flex;justify-content:center;align-items:center;padding-left:64px!important;padding-right:64px!important}.rank-slider__viewport.svelte-zddacw{width:calc(100% + 40px);margin:-70px -20px -36px;padding:70px 20px 36px;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.rank-slider__viewport.is-dragging.svelte-zddacw{cursor:grabbing}.rank-slider__list.svelte-zddacw{display:flex;align-items:stretch;width:max-content;margin:0;padding:0;list-style:none;transition:transform .4s ease;will-change:transform}.rank-slider__list.is-dragging.svelte-zddacw{transition:none}.rank-slider__slide.svelte-zddacw{flex:0 0 auto;min-width:0}.rank-slider__slide--spacer.svelte-zddacw{pointer-events:none}.rank-slider__arrows.svelte-zddacw{width:100%;position:absolute;top:-50px}.rank-slider__arrow.svelte-zddacw{width:32px;height:32px;transition:opacity .2s ease-in-out;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;padding:6px;background:transparent;position:absolute}.rank-slider__arrow.svelte-zddacw:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#262626;border:1px solid rgba(255,255,255,.1);transform:skew(var(--main-angle-value));z-index:1;transition:border .2s ease-in-out}.rank-slider__arrow.svelte-zddacw:hover:before{border:1px solid rgba(255,255,255,.3)}.rank-slider__arrow.svelte-zddacw .arrow-btn:where(.svelte-zddacw){position:relative;z-index:2;opacity:1;transition:opacity .2s ease-in-out}.rank-slider__arrow.svelte-zddacw:disabled .arrow-btn:where(.svelte-zddacw){opacity:.2}.rank-slider__arrow.svelte-zddacw:disabled{cursor:default;pointer-events:none}.rank-slider__arrow--prev.svelte-zddacw{left:80px;top:5px;z-index:3}.rank-slider__arrow--prev.svelte-zddacw:before{transform:skew(calc(-1 * var(--main-angle-value)))}.rank-slider__arrow--next.svelte-zddacw{right:80px;z-index:3;top:5px}@media(max-height:820px)and (min-width:971px){.rank-slider.svelte-zddacw{padding-left:48px!important;padding-right:48px!important}.rank-slider__arrows.svelte-zddacw{top:-39px}.rank-slider__arrow.svelte-zddacw{width:28px;height:28px;padding:5px}.rank-slider__arrow--prev.svelte-zddacw{left:64px;top:3px}.rank-slider__arrow--next.svelte-zddacw{right:64px;top:3px}}@media(max-width:970px){.rank-slider.svelte-zddacw{padding-left:12px!important;padding-right:0!important}.rank-slider__arrows.svelte-zddacw{display:none}.rank-slider__viewport.svelte-zddacw{width:calc(100% + 40px);margin:-70px -20px -36px;padding:70px 20px 36px}}@media(max-height:820px)and (min-width:971px){.top-panel.svelte-zddacw{padding:0 48px;gap:4px}.top-panel.svelte-zddacw .navigation-buttons:where(.svelte-zddacw){gap:42px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw){padding:2px 14px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) img:where(.svelte-zddacw){height:62px}.top-panel.svelte-zddacw .navigation-button:where(.svelte-zddacw) span:where(.svelte-zddacw){font-size:18px;line-height:28px}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw){padding:0 16px}.top-panel.svelte-zddacw .navigation-arrows:where(.svelte-zddacw) .m-title:where(.svelte-zddacw){font-size:22px;line-height:36px}}