/* Start:/local/templates/redesign/components/bitrix/system.pagenavigation/.default/style.css?17724526411596*/
.main-ui-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.main-ui-pagination-pages-list {
    display: flex;
    gap: 12px;
}
.main-ui-pagination-page {
    --size: 50px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    font-weight: 600;
    font-size: 14px;
    border: 1px solid var(--color-gray-light);
    border-radius: var(--border-radius-small);
    background-color: var(--color-gray-light);
    color: var(--color-dark-accent);
    transition: var(--trn-default);
}
.main-ui-pagination-page:not(.main-ui-pagination-active) .main-ui-pagination-page-number {
    opacity: .4;
    transition: inherit;
}
.main-ui-pagination-page:not(.main-ui-pagination-active):active .main-ui-pagination-page-number {
    opacity: 1;
}
.main-ui-pagination-page:not(.main-ui-pagination-active):active {
    border-color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .main-ui-pagination-page:not(.main-ui-pagination-active):hover .main-ui-pagination-page-number {
        opacity: 1;
    }
    .main-ui-pagination-page:not(.main-ui-pagination-active):hover {
        border-color: var(--color-blue);
    }
}
@media (max-width: 768px) {
    .main-ui-pagination {
        flex-direction: column;
    }
}
@media (max-width: 580px) {
    .main-ui-pagination-page {
        --size: 35px;
    }
}
@media (max-width: 460px) {
    .main-ui-pagination-pages-list {
        gap: 6px;
    }
    .main-ui-pagination-page {
        --size: 30px;
    }
}
/* End */
/* /local/templates/redesign/components/bitrix/system.pagenavigation/.default/style.css?17724526411596 */