body {
    font-family: 'Open Sans', sans-serif;
}


.pagination-wrapper nav > div:first-child {
    @apply flex items-center gap-1;
}

.pagination-wrapper nav .flex a,
.pagination-wrapper nav .flex span {
    @apply px-3 py-1.5 rounded-lg border text-sm font-medium transition;
}

.pagination-wrapper nav .flex a {
    @apply bg-white border-slate-300 text-slate-700 hover:bg-slate-100 hover:border-slate-400;
}

.pagination-wrapper nav .flex span[aria-current="page"] {
    @apply bg-emerald-600 text-white border-emerald-600;
}

.pagination-wrapper nav .flex span {
    @apply bg-slate-100 text-slate-500 border-slate-300;
}


[x-cloak]{display:none!important}

.bg-dark {
    background-color: black;
}

.w-7rem {
    width: 7rem;
}