.points-container{background-color:var(--background);border:1px solid var(--medium-gray);width:100%}@media (min-width:640px){.points-container{width:50%}}.points-container .points-content{padding:12px}:is(:is(.points-container .points-content) .day-column) .day{width:120px}:is(.points-container .year-month-points) .move-year{color:var(--color-main);cursor:pointer}:is(.points-container .how-points-work) h2{margin-bottom:8px}:is(.points-container .points-leaderboard-container) .points-toggle-container{width:100%;height:var(--nav-menu-height);border-bottom:1px solid var(--border_gray);flex-direction:row;align-items:center;padding-left:16px;display:flex}@media (min-width:640px){:is(.points-container .points-leaderboard-container) .points-toggle-container{height:var(--md-nav-menu-height)}}:is(:is(.points-container .points-leaderboard-container) .points-toggle-container) p{margin-right:16px}:is(.points-container .points-leaderboard-container) .points-leaderboard{max-height:500px;margin:16px;overflow-y:auto}@media (min-width:640px){:is(.points-container .points-leaderboard-container) .points-leaderboard{margin:24px}}:is(:is(.points-container .points-leaderboard-container) .points-leaderboard) .person{text-align:left;width:300px;padding-right:36px}:is(:is(.points-container .points-leaderboard-container) .points-leaderboard) .position{width:40px;padding-right:36px}:is(:is(.points-container .points-leaderboard-container) .points-leaderboard) .points{text-align:center;width:60px}