.pager__items {

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 700
}

.pager__item {

    display: inline-block;

    line-height: 1
}

.pager__item--ellipsis {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 0.25rem;

    padding-right: 0.25rem;

    --tw-text-opacity: 1;

    color: rgba(165, 177, 189, var(--tw-text-opacity))
}

._sm .pager__item--ellipsis {

    padding-left: 0.5rem;

    padding-right: 0.5rem
}

@media (min-width: 640px) {

    .pager__item--ellipsis {

        padding-left: 0.5rem;

        padding-right: 0.5rem
    }
}

.pager__item a {

    display: inline-block;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 0.5rem;

    padding-right: 0.5rem
}

._sm .pager__item a {

    padding-left: 0.75rem;

    padding-right: 0.75rem
}

@media (min-width: 640px) {

    .pager__item a {

        padding-left: 0.75rem;

        padding-right: 0.75rem
    }
}

.pager__item:not(.pager__item--previous):not(.pager__item--next) a:hover {

    --tw-bg-opacity: 1;

    background-color: rgba(97, 197, 184, var(--tw-bg-opacity))
}

.pager__item--previous a, .pager__item--next a {

    padding-left: 0px;

    padding-right: 0px
}

.pager__item--previous a:hover, .pager__item--next a:hover {

    --tw-text-opacity: 1;

    color: rgba(176, 36, 36, var(--tw-text-opacity))
}

.pager__item.is-active a {

    --tw-bg-opacity: 1;

    background-color: rgba(252, 214, 11, var(--tw-bg-opacity))
}

/* .pager__item:not(.is-active):not(.pager__item--ellipsis) a {
  @apply text-blue;
} */

/* .pager__item:not(.is-active):not(.pager__item--ellipsis) a:hover {
  @apply text-cyan-light;
} */

/* .pager__item:not(.is-active):not(.pager__item--ellipsis) span:not(.pager__arrow) {
  @apply underline;
} */

/* .pager__item.is-active a {
  @apply underline;
} */

/* .pager__item--ellipsis {
  @apply text-gray-600;
} */

.pager__item--previous span[aria-hidden], .pager__item--next span[aria-hidden] {

    display: none
}

._sm .pager__item--previous span[aria-hidden], ._sm .pager__item--next span[aria-hidden] {

    display: inline
}

._sm .pager__item--previous::after, ._sm .pager__item--next::before {

    padding-left: 0.5rem;

    padding-right: 0.5rem
}

._sm .pager__item--previous::after, ._sm .pager__item--next::before {

    --tw-text-opacity: 1;

    color: rgba(165, 177, 189, var(--tw-text-opacity))
}

._sm .pager__item--previous::after, ._sm .pager__item--next::before {

    content: "|"
}

@media (min-width: 640px) {

    .pager__item--previous span[aria-hidden], .pager__item--next span[aria-hidden] {

        display: inline
    }

    .pager__item--previous::after, .pager__item--next::before {

        padding-left: 0.5rem;

        padding-right: 0.5rem
    }

    .pager__item--previous::after, .pager__item--next::before {

        --tw-text-opacity: 1;

        color: rgba(165, 177, 189, var(--tw-text-opacity))
    }

    .pager__item--previous::after, .pager__item--next::before {

        content: "|"
    }
}

.pager__item--previous a::before {

    margin-right: 0.5rem;

    display: inline-block;

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    --tw-translate-y: -0.0625rem;

    --tw-rotate: 90deg;

    font-size: 0.75rem;

    line-height: 1rem;

    content: "▼"
}

._sm .pager__item--previous a::before {

    margin-right: 0.0625rem
}

._sm .pager__item--previous a::before {

    --tw-scale-x: .75;

    --tw-scale-y: .75
}

@media (min-width: 640px) {

    .pager__item--previous a::before {

        margin-right: 0.0625rem
    }

    .pager__item--previous a::before {

        --tw-scale-x: .75;

        --tw-scale-y: .75
    }
}

.pager__item--next a::after {

    margin-left: 0.5rem;

    display: inline-block;

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    --tw-translate-y: -0.03125rem;

    --tw-rotate: -90deg;

    font-size: 0.75rem;

    line-height: 1rem;

    content: "▼"
}

._sm .pager__item--next a::after {

    margin-left: 0.0625rem
}

._sm .pager__item--next a::after {

    --tw-scale-x: .75;

    --tw-scale-y: .75
}

@media (min-width: 640px) {

    .pager__item--next a::after {

        margin-left: 0.0625rem
    }

    .pager__item--next a::after {

        --tw-scale-x: .75;

        --tw-scale-y: .75
    }
}