.page-count-control { position: relative; display: block; width: 100%; min-width: 0; max-width: 100%; }
.page-count-control > input.page-count-input { display: block; width: 100%; box-sizing: border-box; padding-right: 25px; appearance: textfield; -moz-appearance: textfield; }
.page-count-control > input.page-count-input::-webkit-inner-spin-button,
.page-count-control > input.page-count-input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; }
.page-count-arrows { position: absolute; top: 1px; right: 1px; bottom: 1px; display: grid; grid-template-rows: 1fr 1fr; width: 21px; overflow: hidden; border-radius: 0 9px 9px 0; }
.page-count-step { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; border-left: 1px solid var(--en-line, rgba(35,137,211,.15)); border-radius: 0; color: color-mix(in srgb, var(--blue-700, #126daf) 68%, var(--sky, #dcefff)); background: transparent; line-height: 1; cursor: var(--site-cursor-pointer, pointer); touch-action: manipulation; }
.page-count-step + .page-count-step { border-top: 1px solid var(--en-line, rgba(35,137,211,.15)); }
.page-count-step > svg, #enterpriseModal .page-count-step > svg { width: 10px; height: 7px; color: inherit; pointer-events: none; }
.page-count-step:hover:not(:disabled), .page-count-step:active:not(:disabled) { color: var(--blue-700, #126daf); background: var(--surface-tint, rgba(35,137,211,.10)); }
.page-count-step:focus-visible { outline: 2px solid var(--blue-500, #1886d6); outline-offset: -2px; }
.page-count-step:disabled { opacity: .35; cursor: var(--site-cursor-default, default); }