:root{--pagination-color:var(--color-neutral-0);--pagination-contrast-color:var(--color-neutral-100);--pagination-button-size:32px;--pagination-button-icon-size:0.75em;--pagination-select-icon-size:1em;--pagination-select-icon-gap:8px}.pagination{display:flex;flex-wrap:wrap;gap:10px}.pagination,.pagination__button{align-items:center;justify-content:center}.pagination__button{border:1px solid var(--pagination-color);border-radius:50%;color:var(--pagination-color);display:inline-flex;flex-shrink:0;height:var(--pagination-button-size);position:relative;text-decoration:none;transition-duration:.2s;width:var(--pagination-button-size)}.pagination__button:before{background-color:currentColor;content:"";display:block;height:var(--pagination-button-icon-size);-webkit-mask:var(--icon-chevron) center center /contain no-repeat;mask:var(--icon-chevron) center center /contain no-repeat;width:var(--pagination-button-icon-size)}.pagination__button--previous:before{transform:rotate(90deg)}.pagination__button--next:before{transform:rotate(-90deg)}.pagination__button:is(a){cursor:pointer}.pagination__button:is(a):after{content:"";inset:calc((44px - var(--pagination-button-size))/-2);position:absolute}.pagination__button:is(a):is(:hover,:focus){background-color:var(--pagination-color);color:var(--pagination-contrast-color)}.pagination__button--disabled{--pagination-color:var(--color-neutral-70)}.pagination__current-page{background-color:var(--pagination-contrast-color);border:1px solid var(--pagination-color);border-radius:5px;color:var(--pagination-color);display:inline-block;font-size:var(--small-font-size);position:relative}.pagination__current-page:after{background-color:currentColor;content:"";height:var(--pagination-select-icon-size);-webkit-mask:var(--icon-chevron) center center /contain no-repeat;mask:var(--icon-chevron) center center /contain no-repeat;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:var(--pagination-select-icon-size)}.pagination__select{-webkit-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:5px calc(8px + var(--pagination-select-icon-gap) + var(--pagination-select-icon-size)) 5px 8px;text-align:left;width:100%}