.ucs-page-num-wrapper {
    width: fit-content;
    margin: 10px auto;
    display: flex;
    padding: 0;
}

.ucs-page-num-wrapper li {
    list-style-type: none;
}

.ucs-page-num {
    padding: 10px;
    border: 1px solid #dee2e6;
}

.ucs-page-num:hover {
    cursor: pointer;
    background-color: #d7dcdf;
}

.ucs-page-num-sel {
    color: #ffffff;
    background-color: #476a85 !important;
    font-weight: 700;
}

.ucs-page-spreader {
    margin: 16px 10px 0 10px;
    letter-spacing: 3px;
    font-weight: 800;
}

.spinner {
    border: 2px solid rgba(50, 50, 50, 0.1);
    border-top: 2px solid #476a85;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}