.pagination-scope{--base-pagination-item-margin:.125rem;--base-pagination-item-size:2.25rem;--base-pagination-item-radius:24%;--base-pagination-transition:var(--base-transition-slow)}.pagination-scope .pagination-item{margin:0 var(--base-pagination-item-margin);box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;cursor:pointer;font-weight:var(--pagination-item-font-weight);font-size:var(--base-pagination-font-size);height:var(--base-pagination-item-size);min-width:var(--base-pagination-item-size);border-radius:var(--base-pagination-item-radius);color:var(--base-pagination-item-color);background:var(--base-pagination-item-background);transition:background var(--base-pagination-transition) ease,color var(--base-pagination-transition) ease;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.pagination-scope .pagination-item:hover{background:var(--base-pagination-item-hover-background)}.pagination-scope .pagination-item:disabled{color:var(--base-pagination-item-disabled-color);cursor:not-allowed;opacity:var(--base-pagination-item-disabled-opacity,.75)}.pagination-scope .pagination-item:disabled:hover{background:var(--base-pagination-item-disabled-background)}.pagination-scope .pagination-item-icon{font-size:1.2rem}.pagination-scope .pagination-item-dot{position:relative}.pagination-scope .pagination-item-dot:before{content:"";z-index:1;opacity:0;visibility:hidden;transition:visibility var(--base-pagination-transition) ease,opacity var(--base-pagination-transition) ease;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagination-scope .pagination-item-dot:hover .pagination-item-3dot{opacity:0;visibility:hidden}.pagination-scope .pagination-item-dot:hover:before{opacity:1;visibility:visible}.pagination-scope .pagination-item-dot--prev:hover:before{content:"«"}.pagination-scope .pagination-item-dot--next:hover:before{content:"»"}.pagination-scope .pagination-item--number.active{font-weight:var(--pagination-item-active-font-weight,700);background:var(--pagination-item-active-background)}