.app-user-rank{--rank-base-size: var(--rank-base-size-in-list, 3.5em);--rank-size: var(--rank-base-size);position:relative;display:flex;gap:.5em;align-items:center;padding-right:2em;color:var(--theme-font-black);font-weight:700}.app-user-rank::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;margin:auto 1em;margin-left:calc(.5*max(var(--rank-size),var(--rank-max-size-in-list, var(--rank-size))));height:2.5em;background-color:var(--theme-bg-leaderboard-light-green);border-radius:var(--radius-pill)}.app-user-rank:has([data-rank="1"])::before{background-color:var(--theme-bg-leaderboard-gold)}.app-user-rank:has([data-rank="2"])::before{background-color:var(--theme-bg-leaderboard-blue)}.app-user-rank:has([data-rank="3"])::before{background-color:var(--theme-bg-leaderboard-light-orange)}.app-user-rank .rank{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:0 auto;width:var(--rank-size);height:var(--rank-size);background-color:var(--theme-bg-leaderboard-green);border-radius:var(--radius-circle)}.app-user-rank .rank::before{content:attr(data-rank);font-size:1.5em}.app-user-rank .rank[data-rank="1"]{transform:scale(1.2);background-color:rgba(0,0,0,0) !important}.app-user-rank .rank[data-rank="1"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-1.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .rank[data-rank="2"]{transform:scale(1.2);background-color:rgba(0,0,0,0) !important}.app-user-rank .rank[data-rank="2"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-2.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .rank[data-rank="3"]{transform:scale(1.2);background-color:rgba(0,0,0,0) !important}.app-user-rank .rank[data-rank="3"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-3.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .user{display:block;min-width:3em;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-rank .score-wrapper{--icon-size: 1.5em;display:flex;gap:.5em;align-items:center;min-width:calc(var(--icon-size) + 3em)}.app-user-rank .score-wrapper .score-icon{width:var(--icon-size);height:var(--icon-size)}.app-user-rank .score-wrapper .score{display:block;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-rank[data-rank=fill]::before{content:"?";display:flex;justify-content:center;align-items:center}.app-user-rank[data-rank=fill] .user{visibility:hidden}.app-user-rank[data-rank=fill] .score-wrapper{visibility:hidden}
.app-users-ranking{overflow-y:auto;position:relative;display:grid;grid-template-columns:auto 1fr 1fr;gap:.5em;padding:.5em;padding-right:0}@media(max-width: 576px){.app-users-ranking{gap:.75em}}.app-users-ranking .app-user-rank{display:grid;grid-column:1/-1;grid-template-columns:subgrid}@media(max-width: 576px){.app-users-ranking .app-user-rank{padding-top:.5em;padding-bottom:.5em}}@media(max-width: 576px){.app-users-ranking .app-user-rank::before{margin-right:.5em;height:100%}}@media(max-width: 576px){.app-users-ranking .app-user-rank .rank{grid-row:1/span 2}}@media(max-width: 576px){.app-users-ranking .app-user-rank .user{grid-column:span 2;grid-row:1;margin-top:auto}}@media(max-width: 576px){.app-users-ranking .app-user-rank .score-wrapper{grid-column:span 2;grid-row:2;margin-bottom:auto}}.app-users-ranking .app-user-rank.sticky{position:sticky;top:0;bottom:0;z-index:2147483646}.app-users-ranking .app-user-rank.sticky::before{background-color:var(--theme-bg-leaderboard-orange)}.app-users-ranking .app-user-rank.sticky .rank{background-color:var(--theme-bg-leaderboard-dark-orange)}
.popup-app-users-ranking .popup-title{--gap: 1em;display:flex;gap:var(--gap);align-items:center;justify-content:center;padding:.5em;border:.125em solid var(--theme-border-leaderboard-orange);border-radius:var(--radius-xxl);font-size:1em}.popup-app-users-ranking .popup-title .app-item{flex-direction:row}.popup-app-users-ranking .popup-title .app-item-container{display:flex;gap:var(--gap);align-items:center}.popup-app-users-ranking .popup-title .app-icon{width:3em}.popup-app-users-ranking .popup-title .btn-to-play{padding:.25em 1em;height:max-content;border-radius:var(--radius-pill)}@media(max-width: 576px){.popup-app-users-ranking .popup-title .btn-to-play .normal{display:none}}@media not (max-width: 576px){.popup-app-users-ranking .popup-title .btn-to-play .mobile{display:none}}.popup-app-users-ranking .popup-content{gap:.75em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols{margin:0 .25em}}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper{display:flex;gap:.5em;justify-content:center}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper:not(.active){display:none}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .btn{display:flex;margin:auto 0;border-radius:var(--radius-circle)}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .btn:disabled{filter:grayscale(1)}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol{position:relative}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .icon{padding:0 7.5% 13.25%;width:20em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .icon{padding-bottom:.75em}}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .date-range{aspect-ratio:500/87;position:absolute;left:0;right:0;bottom:0;padding-top:2%;background-image:url(/img/leaderboard/date-range-bg.svg);background-repeat:no-repeat;background-size:contain;background-position:center;color:var(--theme-font-black);font-size:1.25em;font-weight:bold;text-align:center}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .date-range{aspect-ratio:revert;position:relative;padding:.125em .25em;background-image:none;background-color:var(--theme-bg-leaderboard-green);border-radius:var(--radius-m);font-size:2em}}.popup-app-users-ranking .popup-content .notice-update-timezone{text-align:center;font-size:75%}@media(max-width: 576px){.popup-app-users-ranking .popup-content .notice-update-timezone{font-size:100%}}.popup-app-users-ranking .popup-content .range-nav-menu{overflow-x:auto;flex:0 0 auto;display:flex;justify-content:center;gap:1em;padding-bottom:.25em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-menu{justify-content:start}}.popup-app-users-ranking .popup-content .range-nav-menu .btn{padding:.25em 1em;border-radius:var(--radius-pill);word-break:keep-all}.popup-app-users-ranking .popup-content .range-nav-menu .btn.active{background-color:var(--theme-btn-bg-primary)}.popup-app-users-ranking .popup-content .app-users-ranking{--rank-base-size-in-list: 3.5em}@media not (max-width: 576px){.popup-app-users-ranking .popup-content .app-users-ranking{--rank-max-size-in-list: calc(1.75 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="1"]){--rank-size: calc(1.75 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="2"]){--rank-size: calc(1 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="3"]){--rank-size: calc(1 * var(--rank-base-size-in-list))}}.popup-app-users-ranking .popup-footer{padding:0 var(--popup-content-gap)}.popup-app-users-ranking .popup-footer .login-bar{display:flex;align-items:center;justify-content:space-between;margin:0 .5em;padding:1em 2em;background-color:var(--theme-bg-leaderboard-orange);border-radius:3em;font-weight:bold}.popup-app-users-ranking .popup-footer .login-bar .btn{color:var(--theme-font-black)}
.btn-app-rankings{display:flex;align-items:center;gap:.5em}.btn-app-rankings.is-mini .text{display:none}

/*# sourceMappingURL=9445.8c192b67.css.map*/