.friend-leaderboard-grid.svelte-yv4b9y{grid-template-columns:minmax(0, 1.55fr) minmax(0, var(--friend-stat-ratio));align-items:center;column-gap:0;display:grid}.friend-stat-grid.svelte-yv4b9y{grid-template-columns:repeat(var(--friend-stat-count), minmax(2.75rem, .7fr));align-items:center;column-gap:.5rem;display:grid}.stats-swipe-viewport.svelte-yv4b9y{--stats-swipe-gutter:1rem;--stats-swipe-pane-width:calc(100dvw - (var(--stats-swipe-gutter) * 2));margin-inline:calc(var(--stats-swipe-gutter) * -1);overscroll-behavior-x:contain;scroll-padding-inline:var(--stats-swipe-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.stats-swipe-viewport.svelte-yv4b9y::-webkit-scrollbar{display:none}.avatar-picker-scroll.svelte-yv4b9y{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-color:#17171738 transparent;scrollbar-width:thin}.avatar-picker-grid.svelte-yv4b9y{--avatar-picker-size:clamp(3.5rem, 17vw, 4.5rem);grid-template-columns:repeat(4, var(--avatar-picker-size));justify-content:space-between;align-items:start;gap:.625rem;display:grid}.avatar-picker-option.svelte-yv4b9y{width:var(--avatar-picker-size);height:var(--avatar-picker-size);min-width:var(--avatar-picker-size);min-height:var(--avatar-picker-size);max-width:var(--avatar-picker-size);max-height:var(--avatar-picker-size);appearance:none;box-sizing:border-box;border-radius:9999px;flex:none;line-height:0;overflow:hidden}.avatar-picker-option-inner.svelte-yv4b9y,.avatar-picker-option-image.svelte-yv4b9y{border-radius:9999px;width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;display:block;overflow:hidden}.avatar-picker-option-image.svelte-yv4b9y{object-fit:cover}.avatar-picker-scroll.svelte-yv4b9y::-webkit-scrollbar{width:.375rem}.avatar-picker-scroll.svelte-yv4b9y::-webkit-scrollbar-track{background:0 0}.avatar-picker-scroll.svelte-yv4b9y::-webkit-scrollbar-thumb{background-color:#17171738;background-clip:content-box;border:.125rem solid #0000;border-radius:9999px;min-height:2.5rem}.avatar-picker-scroll.svelte-yv4b9y::-webkit-scrollbar-thumb:hover{background-color:#17171752}.stats-swipe-track.svelte-yv4b9y{gap:var(--stats-swipe-gutter);padding-inline:var(--stats-swipe-gutter);display:flex}.stats-swipe-track.svelte-yv4b9y:after{content:"";flex:0 0 var(--stats-swipe-gutter)}.stats-swipe-pane.svelte-yv4b9y{min-width:0;width:var(--stats-swipe-pane-width);flex:0 0 var(--stats-swipe-pane-width);scroll-snap-align:start;scroll-snap-stop:always;transform-origin:top;flex-direction:column;gap:1.5rem;display:flex}.stats-swipe-viewport[data-switch-phase=out].svelte-yv4b9y .stats-swipe-pane[data-active=true]:where(.svelte-yv4b9y){animation:.11s ease-in forwards svelte-yv4b9y-stats-pane-out}.stats-swipe-viewport[data-switch-phase=in].svelte-yv4b9y .stats-swipe-pane[data-active=true]:where(.svelte-yv4b9y){animation:.22s cubic-bezier(.22,1,.36,1) both svelte-yv4b9y-stats-pane-in}@keyframes svelte-yv4b9y-stats-pane-out{to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes svelte-yv4b9y-stats-pane-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.stats-swipe-viewport[data-switch-phase=out].svelte-yv4b9y .stats-swipe-pane[data-active=true]:where(.svelte-yv4b9y),.stats-swipe-viewport[data-switch-phase=in].svelte-yv4b9y .stats-swipe-pane[data-active=true]:where(.svelte-yv4b9y){animation-duration:1ms}}@media (width<=376px){.friend-stat-heading.svelte-yv4b9y{font-size:13px}}@media (width>=640px){.friend-leaderboard-grid.svelte-yv4b9y{grid-template-columns:minmax(0, 1.6fr) minmax(0, var(--friend-stat-ratio))}.friend-stat-grid.svelte-yv4b9y{grid-template-columns:repeat(var(--friend-stat-count), minmax(5rem, .7fr));column-gap:1rem}}
