@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');

body, button, input, select, textarea {
    font-family: 'Lexend', sans-serif !important;
}

.has-error .ts-control,
.has-error .form-select {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity));
}

.pagination {
    margin-right: inherit;
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 10px;
    margin: 0 2px;
}

.pagination > li > a {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary)/var(--tw-text-opacity));
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 20px 3px 20px #0000000b;
}

.ts-control {
    --tw-border-opacity: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity));
    border-radius: .375rem;
}