.atom-pagination{box-sizing:border-box;margin:0;padding:0;color:var(--atom-color-text);font-size:var(--atom-font-size-md,14px);font-family:var(--atom-font-family);list-style:none;display:flex;align-items:center;gap:var(--atom-spacing-sm)}.atom-pagination-start{justify-content:flex-start}.atom-pagination-center{justify-content:center}.atom-pagination-end{justify-content:flex-end}.atom-pagination-item,.atom-pagination-jump-next,.atom-pagination-jump-prev,.atom-pagination-next,.atom-pagination-prev{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--atom-color-text);font-family:inherit;font-size:var(--atom-font-size-md,14px);text-align:center;vertical-align:middle;list-style:none;background-color:transparent;border:1px solid transparent;border-radius:var(--atom-border-radius);outline:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--atom-transition-base)}.atom-pagination-item a,.atom-pagination-jump-next a,.atom-pagination-jump-prev a,.atom-pagination-next a,.atom-pagination-prev a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.atom-pagination-item:hover,.atom-pagination-jump-next:hover,.atom-pagination-jump-prev:hover,.atom-pagination-next:hover,.atom-pagination-prev:hover{background-color:var(--atom-color-border-secondary)}.atom-pagination-item-active{font-weight:700;border-color:var(--atom-primary-color)}.atom-pagination-item-active a{color:var(--atom-primary-color)}.atom-pagination-item-active:hover{border-color:var(--atom-primary-color-hover);background-color:transparent}.atom-pagination-next .atom-pagination-item-link-icon,.atom-pagination-prev .atom-pagination-item-link-icon{display:flex;align-items:center;justify-content:center;color:var(--atom-color-text-secondary)}.atom-pagination-next-disabled,.atom-pagination-prev-disabled{cursor:not-allowed;color:var(--atom-color-text-quaternary)}.atom-pagination-next-disabled .atom-pagination-item-link-icon,.atom-pagination-prev-disabled .atom-pagination-item-link-icon{color:var(--atom-color-text-quaternary)}.atom-pagination-next-disabled:hover,.atom-pagination-prev-disabled:hover{background:transparent}.atom-pagination-jump-next .atom-pagination-item-container,.atom-pagination-jump-prev .atom-pagination-item-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.atom-pagination-jump-next .atom-pagination-item-link-icon,.atom-pagination-jump-prev .atom-pagination-item-link-icon{display:none;color:var(--atom-primary-color);letter-spacing:-1px;font-size:var(--atom-font-size-sm,14px)}.atom-pagination-jump-next .atom-pagination-item-ellipsis,.atom-pagination-jump-prev .atom-pagination-item-ellipsis{display:block;color:var(--atom-color-text-quaternary);letter-spacing:1px;font-size:var(--atom-font-size-sm,14px)}.atom-pagination-jump-next:hover .atom-pagination-item-ellipsis,.atom-pagination-jump-prev:hover .atom-pagination-item-ellipsis{display:none}.atom-pagination-jump-next:hover .atom-pagination-item-link-icon,.atom-pagination-jump-prev:hover .atom-pagination-item-link-icon{display:flex}.atom-pagination-small{gap:var(--atom-spacing-xs)}.atom-pagination-small .atom-pagination-item,.atom-pagination-small .atom-pagination-jump-next,.atom-pagination-small .atom-pagination-jump-prev,.atom-pagination-small .atom-pagination-next,.atom-pagination-small .atom-pagination-prev{min-width:24px;height:24px;font-size:var(--atom-font-size-sm,14px);border-radius:var(--atom-border-radius-sm)}.atom-pagination-simple .atom-pagination-simple-pager{display:inline-flex;align-items:center;gap:var(--atom-spacing-sm)}.atom-pagination-simple .atom-pagination-simple-pager input{box-sizing:border-box;width:32px;height:24px;padding:0 var(--atom-spacing-xs);text-align:center;background-color:var(--atom-color-bg-container);border:1px solid var(--atom-color-border);border-radius:var(--atom-border-radius);outline:none;transition:border-color var(--atom-transition-base)}.atom-pagination-simple .atom-pagination-simple-pager input:hover{border-color:var(--atom-primary-color)}.atom-pagination-simple .atom-pagination-simple-pager input:focus{border-color:var(--atom-primary-color);box-shadow:0 0 0 2px var(--atom-primary-color-outline)}