.os-pagination{font-size:var(--os-pagination-font-size);display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.os-pagination .hd,.os-pagination .bd,.os-pagination .ft{display:inline-flex;align-items:center;padding:var(--os-space-xs) var(--os-space-none)}.os-pagination [class*=os-pagination-]+[class*=os-pagination-]{margin-left:var(--os-pagination-gap)}.os-pagination .os-dropdown.is-open .os-icon-down{transform:rotate(180deg);transform-origin:center}.os-pagination .os-dropdown-btn{color:var(--os-pagination-button-color);background-color:var(--os-pagination-button-background-color);height:2.2em;padding:.6em;min-width:2em}.os-pagination .os-dropdown-btn .os-icon-down{transition:.2s all;margin-left:var(--os-space-s)}.os-pagination-ul{list-style:none;padding:0;margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.os-pagination-ul li{border-radius:4px;list-style:none;line-height:1;height:2.2em;padding:.6em .3em;min-width:2em;margin:0 2px;text-align:center;cursor:pointer;color:var(--os-pagination-button-color);background-color:var(--os-pagination-button-background-color)}.os-pagination-ul li:hover{color:var(--os-pagination-button-hover-color);background-color:var(--os-pagination-button-hover-background-color)}.os-pagination-ul li.is-active{color:var(--os-pagination-button-active-color);background-color:var(--os-pagination-button-active-background-color)}.os-pagination-ul li[disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.4}.os-pagination-jump{margin:0 2px;display:inline-flex;align-items:center}.os-pagination-jump input{width:2.2em;padding-left:.5em;padding-right:.5em;margin-left:4px;text-align:center}.os-pagination{--os-pagination-font-size: var(--os-heading8);--os-pagination-button-color: var(--os-color-neutral-9);--os-pagination-button-background-color: var(--os-color-neutral-1);--os-pagination-button-hover-color: var(--os-color-primary);--os-pagination-button-hover-background-color: var(--os-color-neutral-1);--os-pagination-button-active-color: var(--os-color-neutral-1);--os-pagination-button-active-background-color: var(--os-color-primary);--os-pagination-gap: var(--os-space-base)}.os-pagination-large{--os-pagination-font-size: var(--os-heading7)}.os-pagination-mini{--os-pagination-font-size: var(--os-heading9)}