.RankCard{box-sizing:border-box;color:#333;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:12px;flex-grow:1;align-items:center;width:100%;min-height:96px;padding:18px 20px;font-size:1rem;font-weight:400;transition:transform .12s,box-shadow .12s,background-color .12s;display:flex;box-shadow:0 0 0 1px #3f3f440d,0 1px 3px #22215126}@media (hover:hover){.RankCard:hover{box-shadow:0 0 0 2px var(--color-blue-500), 0 6px 16px #2221512e;transform:translateY(-2px)}}.RankCard:focus-visible{box-shadow:0 0 0 2px var(--color-blue-500), 0 6px 16px #2221512e;transform:translateY(-2px)}.RankCard:active{background-color:var(--color-blue-50);transform:scale(.98)}.RankCard--fill{justify-content:center;min-height:0;padding:12px 16px;overflow:hidden}.RankPair{animation:.16s ease-out rank-pair-in}@keyframes rank-pair-in{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.RankPair,.RankCard{transition:none;animation:none}}