welcome-ui/dist/Pagination.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._condensed-range_134xt_3{display:inline}._list_134xt_6{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--pagination-gap-pages);align-items:center;flex-wrap:wrap}._item_134xt_16{color:var(--color, var(--pagination-color-icon-unchecked-pressed));background-color:var(--backgroundColor, var(--pagination-color-background-unchecked-default));font-size:var(--pagination-start-padding-inline-trailing-md);font-weight:var(--font-weight-semi-bold);border-radius:var(--pagination-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border-color:var(--borderColor, var(--pagination-color-border-unchecked-default));border-width:var(--borderWidth, var(--pagination-border-width-unchecked));border-style:solid;box-shadow:var(--elevation-10)}._item_134xt_16:not([disabled]):not([aria-current=true]):hover,._item_134xt_16:not([disabled]):not([aria-current=true]):focus-visible{background-color:var(--pagination-color-background-unchecked-hover);border-color:var(--pagination-color-border-unchecked-hover);box-shadow:var(--elevation-20);outline:none!important}._item_134xt_16:not([disabled]):not([aria-current=true]):active{background-color:var(--pagination-color-background-unchecked-pressed);border-color:var(--pagination-color-border-unchecked-pressed)}._item_134xt_16._disabled-arrow_134xt_46,._item_134xt_16[disabled]{cursor:not-allowed;color:var(--pagination-color-text-unchecked-disabled);background:repeating-linear-gradient(-45deg,var(--color-neutral-30),var(--color-neutral-30) 1.75px,var(--color-background-warm-stronger) 3.75px,var(--color-background-warm-stronger) 3.25px) padding-box;box-shadow:none;border-color:transparent}._page_134xt_55[aria-current=true]{background-color:var(--pagination-color-background-checked-default);border-color:var(--pagination-color-border-checked-default);border-width:var(--pagination-border-width-checked);color:var(--pagination-color-text-checked-default)}._page_134xt_55[aria-current=true]:hover,._page_134xt_55[aria-current=true]:focus-visible{background-color:var(--pagination-color-background-checked-hover);border-color:var(--pagination-color-border-checked-hover);color:var(--pagination-color-text-checked-hover);outline:none!important}._page_134xt_55[aria-current=true]:active{background-color:var(--pagination-color-background-checked-pressed);border-color:var(--pagination-color-border-checked-pressed);color:var(--pagination-color-text-checked-pressed)}._with-text-left_134xt_75,._with-text-right_134xt_76{gap:var(--pagination-gap-content)}._size-lg_134xt_79{font-size:var(--font-size-md);height:var(--pagination-size-max-height-lg);width:var(--pagination-size-min-height-lg)}._size-lg_134xt_79._with-text-right_134xt_76{padding-left:var(--pagination-start-padding-inline-leading-lg);padding-right:var(--pagination-end-padding-inline-leading-lg);width:auto}._size-lg_134xt_79._with-text-left_134xt_75{padding-left:var(--pagination-start-padding-inline-trailing-lg);padding-right:var(--pagination-end-padding-inline-trailing-lg);width:auto}._size-md_134xt_94{font-size:var(--font-size-sm);height:var(--pagination-size-max-height-md);width:var(--pagination-size-min-height-md)}._size-md_134xt_94._with-text-right_134xt_76{padding-left:var(--pagination-start-padding-inline-leading-md);padding-right:var(--pagination-end-padding-inline-leading-md);width:auto}._size-md_134xt_94._with-text-left_134xt_75{padding-left:var(--pagination-start-padding-inline-trailing-md);padding-right:var(--pagination-end-padding-inline-trailing-md);width:auto}}