.pagination[data-v-cbc4e420]{--default-color:var(--gray-80);--hover-color:var(--gray-20);--pressed-color:var(--gray-30);--active-color:#000;--active-text-color:#fff;--disabled-color:var(--gray-30);color:color-mix(in oklab,var(--default-color) var(--un-text-opacity),transparent)}.btn-page[data-v-cbc4e420]{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);font-family:var(--font-normal);padding-block:calc(var(--spacing) * .5);text-align:center;border-radius:.75rem;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 6)}@property --un-leading{syntax:"*";inherits:false;}.btn-page--active[data-v-cbc4e420]{color:color-mix(in oklab,var(--active-text-color) var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--active-color) var(--un-bg-opacity),transparent)}.btn-page[data-v-cbc4e420]:not(.btn-page--active):hover{background-color:color-mix(in oklab,var(--hover-color) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.btn-arrow[data-v-cbc4e420]{border-radius:50%;display:flex;width:calc(var(--spacing) * 7.5);height:calc(var(--spacing) * 7.5);min-width:calc(var(--spacing) * 7.5);align-items:center;justify-content:center}.btn-arrow[data-v-cbc4e420] path{stroke:currentColor}.btn-arrow--disabled[data-v-cbc4e420]{color:color-mix(in oklab,var(--disabled-color) var(--un-text-opacity),transparent);cursor:not-allowed}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.btn-arrow[data-v-cbc4e420]:not(.btn-arrow--disabled):hover{background-color:color-mix(in oklab,var(--hover-color) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.btn-arrow[data-v-cbc4e420]:not(.btn-arrow--disabled):active{background-color:color-mix(in oklab,var(--pressed-color) var(--un-bg-opacity),transparent)}