.pagination{--pagination-padding-x:0rem;--pagination-padding-top:4.5rem;--pagination-padding-bottom:3.9375rem;--pagination-gap:.9375rem;--pagination-size:2.1875rem;--pagination-active-background-color:var(--youxiang-color-primary-600);--pagination-active-font-color:var(--youxiang-color-primary-50);--pagination-font-color:var(--youxiang-color-primary-600);--pagination-font-size:var(--youxiang-fontSize-h6);--pagination-font-weight:700;--pagination-icon-size:2.1875rem;--pagination-icon-color:var(--youxiang-color-secondary-400);--pagination-icon-disabled-color:var(--youxiang-color-secondary-200);display:flex;align-items:center;justify-content:center;background-color:var(--youxiang-color-secondary-50);padding-left:var(--pagination-padding-left, --pagination-padding-x);padding-right:var(--pagination-padding-right, --pagination-padding-x);padding-top:var(--pagination-padding-top, --pagination-padding-y);padding-bottom:var(--pagination-padding-bottom, --pagination-padding-y)}.pagination>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:.4375rem;gap:.4375rem}@media (min-width:768px){.pagination>div{grid-gap:var(--pagination-gap, 1rem);gap:var(--pagination-gap, 1rem)}}.pagination-item{display:flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);width:var(--pagination-size, 1.25rem);height:var(--pagination-size, 1.25rem);color:var(--pagination-font-color);font-weight:var(--pagination-font-weight);font-size:var(--pagination-font-size);line-height:1}.pagination-item:not(.pagination-item-arrow){border-radius:1.875rem;border:.0625rem solid var(--pagination-active-background-color)}.pagination-item:not(.pagination-item-arrow):hover{color:var(--pagination-active-font-color);background:var(--pagination-active-background-color)}.pagination-item.pagination-item-active{color:var(--pagination-active-font-color);background:var(--pagination-active-background-color)}.pagination-item i{--un-translate-y:.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));width:var(--pagination-icon-size, 1.25rem);font-size:var(--pagination-icon-size, 1.25rem);color:var(--pagination-icon-color)}.pagination-item.pagination-item-disabled,.pagination-item.pagination-item-disabled i{color:var(--pagination-icon-disabled-color)}