.pagination--default
{
    text-align:center
}
.pagination--default>span
{
    display:inline-block;
    line-height:1
}
.pagination--default a
{
    display:block
}
.pagination--default .pagination-arrow a,
.pagination--default .pagination-number a
{
    color:var(--text-color)
}
.pagination--default .ellipsis,
.pagination--default .pagination-arrow,
.pagination--default .pagination-number
{
    display:inline-block;
    margin:0
}
.pagination--default .active.pagination-number a:before
{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:var(--text-color-transparent05);
    border-radius:var(--input-border-radius)
}
.pagination--default .ellipsis,
.pagination--default .pagination-number a
{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.pagination--default .pagination-arrow a
{
    position:relative;
    display:flex
}
.pagination--default .disabled
{
    display:none
}
.pagination--default ul
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin:0;
    padding:0
}
.pagination-loading:not(svg)
{
    text-align:center;
    margin-top:50px;
    margin-bottom:1em;
    height:64px
}
.pagination-loading:not(svg) i
{
    margin-top:24px
}
.pagination-loading.spin
{
    position:absolute;
    left:0
}
#paginate
{
    padding:20px 0
}
.pagination--load-more ul,
.pagination-infinite ul
{
    display:none
}
.pagination__load-more .progress-bar
{
    width:200px;
    height:4px;
    background:var(--text-color-transparent10);
    margin:0 auto 32px
}
.pagination__load-more .progress-bar .progress-bar__inner
{
    height:4px;
    background:var(--text-color)
}
.pagination__load-more .pagination__progress-text
{
    margin-bottom:16px
}