/* Figma 667:2009. Shared by page numbers and every finite-slider arrow.
   All states retain the same border box; containers own their existing gaps. */
#main .pagination-button{
  --pagination-bg:transparent;--pagination-border:#cdd1d5;--pagination-ink:#39506c;
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 36px;
  width:36px;height:36px;min-width:36px;padding:0;margin:0;border:1px solid var(--pagination-border);
  border-radius:4px;background:var(--pagination-bg);color:var(--pagination-ink);
  font:400 16px/1.4 LINE,sans-serif;text-decoration:none;opacity:1;
  transition:background-color 300ms ease,border-color 300ms ease,color 300ms ease;
}
#main .pagination-button>img{display:block;flex:none;width:16px;height:16px;max-width:none}
#main :is(a,button).pagination-button{cursor:pointer}
#main .pagination-button:where(:focus-visible):not(:disabled):not([aria-disabled="true"]):not([aria-current="page"]):not([data-pagination-type="ellipsis"]){--pagination-bg:#f4f6fc;--pagination-border:#39506c}
@media(hover:hover) and (pointer:fine){
  #main .pagination-button:where(:hover):not(:disabled):not([aria-disabled="true"]):not([aria-current="page"]):not([data-pagination-type="ellipsis"]){--pagination-bg:#f4f6fc;--pagination-border:#39506c}
}
#main .pagination-button[aria-current="page"]{--pagination-bg:#39506c;--pagination-border:#39506c;--pagination-ink:#fff}
#main .pagination-button:where(:disabled,[aria-disabled="true"]){--pagination-bg:#f4f5f6;--pagination-border:#b1b8be;--pagination-ink:#b1b8be;cursor:default;pointer-events:none}
#main .pagination-button[data-pagination-type="ellipsis"]{cursor:default;line-height:1.8}
#main .pagination-button:focus-visible{outline:2px solid #27c1f8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#main .pagination-button{transition:none}}