﻿.vp-block-pagination
{
    font-size: var(--wp--preset--font-size--medium,1rem);
    font-weight: 500;
}
.vp-block-pagination-next-arrow
{
    display: inline-block;
    margin-left: .6ch;
}
.vp-block-pagination-previous-arrow
{
    display: inline-block;
    margin-right: .6ch;
}
.vp-block-pagination-infinite-loading, .vp-block-pagination-load-more-loading
{
    display: none;
}
.vp-portfolio__loading .vp-block-pagination-infinite-loading, .vp-portfolio__loading .vp-block-pagination-load-more-loading
{
    display: block;
}
.vp-portfolio__loading .vp-block-pagination-infinite>:first-child, .vp-portfolio__loading .vp-block-pagination-load-more>:first-child
{
    display: none;
}
.vp-block-pagination-numbers
{
    display: flex;
    flex-wrap: wrap;
    gap: .4ch;
}
.is-style-fill .vp-block-pagination-next, .is-style-fill .vp-block-pagination-previous
{
    background-color: color-mix(in srgb,currentColor 7%,transparent);
    border-radius: 9999px;
    font-weight: 400;
    padding: .3em .8em;
    text-decoration: none;
}
.is-style-fill .vp-block-pagination-next:focus, .is-style-fill .vp-block-pagination-next:hover, .is-style-fill .vp-block-pagination-previous:focus, .is-style-fill .vp-block-pagination-previous:hover
{
    background-color: color-mix(in srgb,currentColor 10%,transparent);
}
.is-style-fill .vp-block-pagination-numbers
{
    align-items: center;
    font-weight: 400;
    gap: .6ch;
}
.is-style-fill .vp-block-pagination-numbers a
{
    text-decoration: none;
}
.is-style-fill .vp-block-pagination-numbers a:focus, .is-style-fill .vp-block-pagination-numbers a:hover
{
    opacity: .6;
}
.is-style-fill .vp-block-pagination-numbers .is-active
{
    background-color: color-mix(in srgb,currentColor 7%,transparent);
    border-radius: 9999px;
    padding: .3em .8em;
    text-decoration: none;
}