.bl-pick-foot { display: none; }

.is-js > * > .bl-pick-foot { display: flex; justify-content: space-between; align-items: center; padding-top: var(--sp-16); border-top: 1px solid var(--bl-line); }

.bl-pick-count { font: 500 12px/1 var(--_font-mono); color: var(--t-medium); }

.bl-pick-count b { color: var(--t-bright); font-weight: 500; }

.bl-pick-pager { display: flex; gap: var(--sp-8); }

.bl-pick-pager button { width: 44px; height: 44px; border: 1px solid var(--bl-line); border-radius: 999px; background: none; color: var(--t-bright); cursor: pointer; }

.bl-pick-pager button:hover { border-color: var(--accent); }

.bl-pick-pager button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.bl-wd .bl-pick-foot { display: none; } /* exception: web design's picker (.bl-wd, bones-look/04) hides the pager foot; that rule won over the .is-js rule above before this move */