.pagy {
    isolation: isolate;
    display: inline-flex;
    margin-right: -1px; /* -space-x-px: negative horizontal spacing between children */
    border-radius: 0.375rem; /* rounded-md */
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* shadow-xs */
}
.pagy > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1px; /* -space-x-px: negative horizontal spacing between children */
}
.pagy a.gap {
    color: #9ca3af;
    pointer-events: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    color: #111827; /* gray-900 */
    box-shadow: 0 0 0 1px #d1d5db inset; /* inset-ring-gray-300 */
    transition: background 0.2s;
    z-index: auto;
    outline-offset: 0;
}
.pagy a:not(.gap) {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    color: #111827; /* gray-900 */
    box-shadow: 0 0 0 1px #d1d5db inset; /* inset-ring-gray-300 */
    transition: background 0.2s;
    z-index: auto;
    outline-offset: 0;
}
.pagy a:not(.gap):hover {
    background-color: #f9fafb; /* gray-50 */
}
.pagy a:not(.gap):focus {
    z-index: 20;
    outline-offset: 0;
}
.pagy a:not(.gap):not([href]) { /* disabled links */
    cursor: default;
    background-color: #f3f4f6;
    color: #d1d5db;
}
.pagy a:not(.gap).current {
    position: relative;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    background-color: #4f46e5; /* bg-indigo-600 */
    padding: 0.5rem 1rem;      /* px-4 py-2 */
    font-size: 0.875rem;       /* text-sm */
    font-weight: 600;          /* font-semibold */
    color: #fff;               /* text-white */
    transition: background 0.2s;
}
.pagy a:not(.gap).current:focus-visible {
    z-index: 20;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: #4f46e5;
    outline-style: solid;
}
.pagy label {
    white-space: nowrap;
    display: inline-block;
    border-radius: 0.5rem;
    background-color: #e5e7eb;
    padding: 0.125rem 0.75rem;
}
.pagy label input {
    line-height: 1.5rem;
    border-radius: 0.375rem;
    border-style: none;
    background-color: #f3f4f6;
}
/* Styling for disabled Previous */
/* Pending */
.pagy a:not([href]):first-child {
}
.pagy a:first-child {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-top-left-radius: 0.375rem;   /* rounded-l-md */
    border-bottom-left-radius: 0.375rem;
    color: #9ca3af;                     /* text-gray-400 */
    box-shadow: 0 0 0 1px #d1d5db inset;/* inset-ring-gray-300 */
    transition: background 0.2s;
    z-index: auto;
    outline-offset: 0;
}
.pagy a:first-child:hover {
    background-color: #f9fafb;          /* hover:bg-gray-50 */
}
.pagy a:first-child:focus {
    z-index: 20;
    outline-offset: 0;
}
.pagy a:last-child {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-top-right-radius: 0.375rem;   /* rounded-l-md */
    border-bottom-right-radius: 0.375rem;
    color: #9ca3af;                     /* text-gray-400 */
    box-shadow: 0 0 0 1px #d1d5db inset;/* inset-ring-gray-300 */
    transition: background 0.2s;
    z-index: auto;
    outline-offset: 0;
}
.pagy a:last-child:hover {
    background-color: #f9fafb;          /* hover:bg-gray-50 */
}
.pagy a:last-child:focus {
    z-index: 20;
    outline-offset: 0;
}