.hapio-lhp-xdc{flex-wrap:nowrap;flex-shrink:0;gap:1px;padding:3px 4px;border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-surface,#ffffff);border:1px solid var(--learner-color-border,#e2e8f0);white-space:nowrap;vertical-align:middle}.hapio-lhp-xdc,.hapio-lhp-xdc__btn{display:inline-flex;align-items:center;line-height:1}.hapio-lhp-xdc__btn{justify-content:center;flex:0 0 auto;min-width:30px;height:27px;padding:0 7px;margin:0;border:0;border-radius:var(--learner-radius-pill,999px);background:transparent;color:var(--learner-color-text-muted,#64748b);font-size:13px;font-weight:700;cursor:pointer;transition:background .12s ease,color .12s ease}.hapio-lhp-xdc__btn:hover:not(:disabled){background:var(--learner-color-surface-soft,#f1f5f9);color:var(--learner-color-text,#0f172a)}.hapio-lhp-xdc__btn:disabled{opacity:.38;cursor:default}.hapio-lhp-xdc__btn--theme{color:var(--learner-color-brand,#2563eb)}.hapio-lhp-xdc__btn--theme[aria-pressed=true]{background:var(--learner-color-brand,#2563eb);color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-xdc__btn--theme[aria-pressed=true]:hover:not(:disabled){background:var(--learner-color-brand-strong,#1d4ed8);color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-xdc__pct{min-width:40px;padding:0 4px;border:0;background:transparent;text-align:center;font-size:12px;font-weight:600;color:var(--learner-color-text-subtle,#94a3b8);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:var(--learner-radius-pill,999px);transition:background .12s ease,color .12s ease}.hapio-lhp-xdc__pct:hover{color:var(--learner-color-text,#0f172a);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-xdc__pctinput{width:46px;height:24px;padding:0 4px;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--learner-color-text,#0f172a);background:var(--learner-color-surface,#ffffff);border:1px solid var(--learner-color-brand,#2563eb);border-radius:var(--learner-radius-pill,999px);outline:none}.hapio-lhp-xdc__sep{width:1px;height:16px;margin:0 4px;background:var(--learner-color-border,#e2e8f0)}@media (max-width:720px){.hapio-lhp-xdc__pct{display:none}}