@layer components{.ranking-position-label{color:var(--site-ink-soft)}.ranking-position-rate{color:var(--site-ink)}.ranking-position-percent{color:var(--site-accent)}.ranking-position-outline{stroke:var(--site-ink)}.ranking-position-shadow{fill:var(--site-ink)}.ranking-position-band{stroke:var(--site-ink)}.ranking-position-boundary-tick{stroke:var(--site-ink-soft)}.ranking-position-boundary-label{fill:var(--site-ink-soft);font-size:30px}.ranking-position-marker-label-text{fill:var(--site-on-accent);font-size:30px}@media (min-width:40rem){.ranking-position-boundary-label{font-size:21px}.ranking-position-marker-label-text{font-size:22px}}.ranking-position-band-tier-1{fill:var(--site-warn)}.ranking-position-band-tier-2{fill:var(--site-accent)}.ranking-position-band-tier-3{fill:var(--site-tile-3)}.ranking-position-band-tier-4{fill:var(--site-tile-2)}.ranking-position-band-tier-5{fill:var(--site-tile-1)}.ranking-position-band-tier-6{fill:var(--site-sky-pale)}.ranking-position-marker-line{stroke:var(--site-ink)}.ranking-position-marker-dot{fill:var(--site-surface);stroke:var(--site-ink)}.ranking-position-marker-label{fill:var(--site-accent);stroke:var(--site-ink)}.ranking-position-marker-label-shadow{fill:var(--site-ink)}.ranking-position-summary{animation:.36s cubic-bezier(.2,.8,.2,1) both ranking-position-summary-in}.ranking-position-band{transform-box:fill-box;transform-origin:50%;animation:.46s cubic-bezier(.2,.8,.2,1) both ranking-position-band-in}.ranking-position-marker{transform-box:view-box;transform-origin:50%;animation:.7s cubic-bezier(.16,1,.3,1) .44s both ranking-position-marker-in}.ranking-position-marker-dot{transform-box:fill-box;transform-origin:50%;animation:.38s cubic-bezier(.2,1.6,.4,1) .85s both ranking-position-dot-in}.ranking-position-shadow{animation:.3s ease-out .42s both ranking-position-shadow-in}.ranking-position-rank,.ranking-position-goal{animation:.36s ease-out 1s both ranking-position-rank-in}@keyframes ranking-position-summary-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes ranking-position-band-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes ranking-position-marker-in{0%{opacity:0;transform:translateY(var(--ranking-marker-rise))}}@keyframes ranking-position-dot-in{0%{opacity:0;transform:scale(.25)}}@keyframes ranking-position-shadow-in{0%{opacity:0}}@keyframes ranking-position-rank-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.ranking-position-summary,.ranking-position-band,.ranking-position-marker,.ranking-position-marker-dot,.ranking-position-shadow,.ranking-position-rank,.ranking-position-goal{opacity:1;animation:none;transform:none}}}