.practice-stats-bar{min-height:72px}.practice-counters{display:flex;align-items:center;justify-content:flex-end;gap:10px}.practice-counters .stat{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:48px;padding:8px;gap:9px;border:0;border-radius:14px;background:transparent;color:rgb(var(--content-primary));font-family:Poppins,sans-serif;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.practice-counters .stat:hover,.practice-counters .stat[aria-expanded=true]{background:rgb(var(--background-tertiary))}.practice-counters .stat:focus-visible{outline:2px solid rgb(var(--border-brand));outline-offset:2px}.practice-counters .stat>svg{width:26px;height:26px;flex-shrink:0}.practice-counters .course-streak .stat>div{height:auto;gap:9px}.practice-counters .course-streak svg{width:28px;height:28px}.practice-counters .course-streak .stat p{margin:0;font-size:16px;color:rgb(var(--content-primary))}.practice-counters .counter-flag{width:26px;height:21px;border-radius:5px;background-size:cover}.practice-counters .vocabulary-count{display:inline-flex;align-items:baseline;gap:4px}.practice-counters .vocabulary-count.is-rising{color:rgb(var(--content-alert-success));transition:color .2s ease-out}.practice-counters .vocabulary-label{font-family:var(--font-inter),sans-serif;font-size:13px;font-weight:400;color:rgb(var(--content-tertiary))}.practice-counters .vocabulary-divider{width:1px;height:20px;background:rgb(var(--border-input-disabled))}.practice-counters .vocabulary-gain{border-radius:9999px;padding:2px 8px;background:rgb(var(--content-alert-success) / .12);color:rgb(var(--content-alert-success));font-size:12px;font-weight:600;animation:vocabulary-gain-in .2s ease-out}.practice-counters .stat>svg.vocabulary-info{width:16px;height:16px;color:rgb(var(--content-tertiary))}@keyframes vocabulary-gain-in{0%{opacity:0;transform:translateY(4px)}}@media(max-width:767px){.practice-stats-bar{min-height:68px}.practice-counters{gap:6px}.practice-counters .stat{min-width:48px;height:44px;padding:4px;gap:6px;font-size:13px}.practice-counters .stat>svg,.practice-counters .course-streak svg{width:22px;height:22px}.practice-counters .course-streak .stat>div{gap:6px}.practice-counters .course-streak .stat p{font-size:13px}.practice-counters .counter-flag{width:22px;height:18px}.practice-counters .vocabulary-label,.practice-counters .stat>svg.vocabulary-info{display:none}}
