.scpg{display:inline-flex;align-items:center}.scpg__b,.scpg__n,.scpg__gap{min-width:38px;height:36px;padding:0 12px;display:inline-grid;place-items:center;margin-left:-1px;border:1px solid var(--c-border);background:var(--c-surface);font-family:var(--font);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-blue);font-variant-numeric:tabular-nums;white-space:nowrap}.scpg>:first-child{margin-left:0;border-radius:var(--r-sm) 0 0 var(--r-sm)}.scpg>:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.scpg__b,.scpg__n{cursor:pointer;transition:background-color .12s,color .12s}.scpg__b:hover:not(:disabled),.scpg__n:hover:not(.is-on){background:var(--c-blue-soft)}.scpg__n.is-on{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-surface);font-weight:var(--fw-semibold);position:relative;z-index:1;cursor:default}.scpg__b:disabled{color:var(--c-faint);cursor:default}.scpg__gap{color:var(--c-faint)}.scpg__chev{display:none;font-size:17px;line-height:1}@media (max-width: 640px){.scpg__lbl{display:none}.scpg__chev{display:block}.scpg__b,.scpg__n,.scpg__gap{min-width:34px;padding:0 6px}}@media (max-width: 400px){.scpg__b,.scpg__n,.scpg__gap{min-width:29px;height:34px;padding:0 4px;font-size:var(--fs-xxs)}}