/** Shopify CDN: Minification failed

Line 18:14 Expected ":"
Line 24:10 Unterminated string token
Line 38:12 Expected ":"
Line 44:10 Unterminated string token
Line 62:12 Expected identifier but found whitespace
Line 62:13 Unexpected "("

**/
.pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination__item--current, .pagination__item:hover {
    background
Shorthand property for setting most background properties at the same place in the style sheet.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
}

.pagination__item--current {
    font-weight: 600;
}

.pagination__item {
    color: rgb(var(--color-foreground));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position
The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: relative;
    height: 50px;
    width: 50px;
    padding: 0;
    text-decoration: none;
    background: bottom;
    border-radius: 50%;
    background: rgb(var(--color-foreground), .05);
}

:root {
    --duration-short: .1s;
    --duration-default: .2s;
    --duration-long: .5s;
}

:root
Specificity: (0,1,0)
 {
    --alpha-button-background: 1;
    --alpha-button-border: 1;
    --alpha-link: .85;
    --alpha-badge-border: .1;
}

.pagination__list>li:not(:last-child) {
    margin-right: 5px;
}

.pagination__item--prev .icon {
    margin-right: -.2rem;
    transform: rotate(-90deg);
}

.pagination__item .icon-caret {
    height: auto;
    width: 1.6rem;
}

.pagination__item {
    color: rgb(var(--color-foreground));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 50px;
    width: 50px;
    padding: 0;
    text-decoration: none;
    background: bottom;
    border-radius: 50%;
    background: rgb(var(--color-foreground), .05);
}

.pagination__item--current, .pagination__item:hover {
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
}

.pagination__item--next .icon {
    margin-left: -.2rem;
    transform: rotate(90deg);
}