/* Start:/local/templates/funky/components/bitrix/system.pagenavigation/my_pagination/style.css?17546314902943*/
:root {
    --Black: #0D0D0D;
    --Black-80: rgba(13, 13, 13, 0.80);
    --Black-60: rgba(13, 13, 13, 0.60);
    --Black-40: rgba(13, 13, 13, 0.40);
    --Black-20: rgba(13, 13, 13, 0.20);
    --Black-10: rgba(13, 13, 13, 0.10);

    --White: #FFF;
    --White-80: rgba(255, 255, 255, 0.80);
    --White-60: rgba(255, 255, 255, 0.60);
    --White-40: rgba(255, 255, 255, 0.40);
    --White-30: rgba(255, 255, 255, 0.30);
    --White-10: rgba(255, 255, 255, 0.10);

    --Green-primary: #0A9971;
    --Green-secondary: #0CB485;
    --Light-green: #E0F2EC;

    --Gray-light: #F3F5F4;
    --Gray-light-2: #F7FAFA;

    --section-padding-lg: 80px 40px;
    --section-padding-sm: 60px 16px;

    --transition-time: 0.4s;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.pagination,
.pagination__inner {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
}

.pagination__btn,
.pagination__arr {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border: none;
    border-radius: 100px;
    background-color: var(--Gray-light, #F3F5F4);
    color: var(--Black-80, rgba(13, 13, 13, 0.80));
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    transition: background-color var(--transition-time, 0.4s), color var(--transition-time, 0.4s);
    cursor: pointer;
}

@media (hover:hover) {
    .pagination__btn:hover {
        background-color: var(--Light-green, #E0F2EC);
    }
}

@media (hover:hover) {
    .pagination__arr:hover {
        background-color: var(--Light-green, #E0F2EC);
    }
}

@media (hover:none) {
    .pagination__btn:active {
        background-color: var(--Light-green, #E0F2EC);
    }
}

.pagination__btn:active {
    background-color: var(--Light-green, #E0F2EC);
}

.pagination__btn_active {
    background-color: var(--Light-green, #E0F2EC);
}

.pagination__btn:disabled {
    background-color: var(--Gray-light, #F3F5F4);
    color: var(--Black-20, rgba(13, 13, 13, 0.20));
}

.pagination__btn svg path {
    stroke-opacity: 0.8;
    transition: stroke-opacity var(--transition-time, 0.4s);
}

.pagination__btn:disabled svg path {
    stroke-opacity: 0.2;
    transition: stroke-opacity var(--transition-time, 0.4s);
}

.pagination__arr:disabled {
    background-color: var(--Gray-light, #F3F5F4);
    color: var(--Black-20, rgba(13, 13, 13, 0.20));
}

.pagination__arr svg path {
    stroke-opacity: 0.8;
    transition: stroke-opacity var(--transition-time, 0.4s);
}

.pagination__arr:disabled svg path {
    stroke-opacity: 0.2;
    transition: stroke-opacity var(--transition-time, 0.4s);
}

.pagination__ellipsis {
    display: flex;
    width: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
}

.pagination_mob {
    width: 100%;
    justify-content: space-between;
    max-width: 400px;
}
/* End */
/* /local/templates/funky/components/bitrix/system.pagenavigation/my_pagination/style.css?17546314902943 */