/** Shopify CDN: Minification failed

Line 27:0 Unexpected "@media"

**/
.n6pg, .n6pg ul, .n6pg ol { display: flex; flex-wrap: wrap; }
.n6pg li.active a { color: inherit; }

#root .n6pg li.active a { text-decoration: none; }

.n6pg ol, .n6pg ul { list-style: none; margin-right: calc(0px - var(--dist)); margin-bottom: var(--main_mr); padding: 0; }
.n6pg li { margin-right: var(--dist); }

.n6pg li a { display: block; position: relative; z-index: 2; text-decoration: none; }
.n6pg li:not(.prev, .next) a:before { left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; }

.n6pg p { margin-right: auto; }
.n6pg .text-center { width: 100%; }

.l4ev + .n6pg { margin-top: calc(0px - var(--main_mr)); border-top-width: 0; }

.n6pg li.active a { cursor: default; }
[data-whatin="mouse"] .n6pg li a:hover { text-decoration: underline; }
.hover-inv #root .n6pg.inv a, .hover-inv #root .n6pg.inv a:after { transition-property: color, background-color, border-color, transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; }
.hover-inv[data-whatin="mouse"] 

@media only screen and (max-width: 1000px) {
    .l4cl.mobile-compact + .n6pg { margin-top: -17px; }
}
@media only screen and (max-width: 760px) {
    .l4cl + .n6pg { margin-top: -17px; }
    .n6pg { margin-bottom: 4px; }
    #root .n6pg p { width: 100%; margin: 0 0 10px; text-align: center; }
    .n6pg + .link-btn a { width: 100%; }
    .n6pg { flex-direction: column; }
    #root .n6pg.text-center-mobile { justify-content: center; }
}
@media only screen and (max-width: 500px) {
    .n6pg { --dist: 20px; }
}


.pagination--pages {
    justify-content: center;
}

.pagination--pages ol {
    gap: 10px;
    justify-content: center;
}

.pagination--pages ol li a, .pagination--pages ol li.active {
    color: #072835;
    font-size: 14px;
    font-weight: 500;

    @media screen and (min-width: 900px) {
        font-size: 15px;
    }
}

.pagination--pages ol li {
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 30px;
    margin-right: 0;

    @media screen and (min-width: 900px) {
        min-width: 40px;
        margin-right: 20px;
    }
}

.pagination--pages ol li.prev a i {
    margin-right: 10px;

}

.pagination--pages ol li a i {
    top: 0;

}


.pagination--pages ol li.active {
    background: #EDEDED;
    border-radius: 20px;
    height: 30px;

    @media screen and (min-width: 900px) {
        height: 40px;
    }

    

}