.lesson-duration-meter-topline{display:flex;justify-content:space-between;gap:1rem}.lesson-duration-meter-track{display:flex;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08);min-height:2rem}.lesson-duration-meter-segment{display:flex;align-items:center;justify-content:center;min-width:0;padding:.35rem .45rem;color:#0d0d0d;font-size:.72rem;font-weight:700;line-height:1.1;white-space:nowrap;border-right:1px solid rgba(18,15,11,.3)}.lesson-duration-meter-segment,.lesson-duration-meter-segment span{overflow:hidden;text-overflow:ellipsis}.lesson-duration-meter-segment-remaining{background:repeating-linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 10px,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 20px);color:rgba(255,248,232,.8);border-right:0}.lesson-duration-meter-status{display:inline-flex;align-items:center;justify-self:start;width:-moz-fit-content;width:fit-content;min-height:32px;padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,248,232,.86);font-size:.82rem;font-weight:800;line-height:1.2}html[data-theme=light] .lesson-duration-meter-track{background:rgba(138,90,31,.12)}html[data-theme=light] .lesson-duration-meter-segment-remaining{background:repeating-linear-gradient(135deg,rgba(138,90,31,.08),rgba(138,90,31,.08) 10px,rgba(138,90,31,.16) 0,rgba(138,90,31,.16) 20px);color:var(--color-muted)}html[data-theme=light] .lesson-duration-meter-status{border-color:rgba(138,90,31,.18);background:rgba(138,90,31,.08);color:var(--color-accent-strong)}html[data-theme=light] .lesson-duration-meter-status-complete{border-color:rgba(34,139,84,.32);background:rgba(34,139,84,.14);color:#16613d}html[data-theme=light] .lesson-duration-meter-status-over{border-color:rgba(185,28,28,.28);background:rgba(216,88,88,.14);color:#8b1a1a}