.pagination-wrapper{margin-top:4rem}@media screen and (min-width:990px){.pagination-wrapper{margin-top:5rem}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.pagination__list>li{flex:0 0 auto}.pagination__item{display:inline-flex;justify-content:center;align-items:center;position:relative;height:4.4rem;min-width:4.4rem;padding:0 .6rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--ch-radius-pill, 62.5rem);color:rgb(var(--color-foreground));font-family:var(--ch-font-utility, inherit);font-size:var(--ch-fs-sm, 1rem);letter-spacing:var(--ch-tracking-wide, .08em);font-variant-numeric:tabular-nums;text-decoration:none;transition:border-color var(--ch-duration-fast, .15s) var(--ch-ease-expo, ease),color var(--ch-duration-fast, .15s) var(--ch-ease-expo, ease),background-color var(--ch-duration-fast, .15s) var(--ch-ease-expo, ease)}a.pagination__item:hover{border-color:var(--ch-ember, #0b4d2c);color:var(--ch-ember, #0b4d2c)}.pagination__item--current{border-color:var(--ch-ember, #0b4d2c);background-color:var(--ch-ember, #0b4d2c);color:var(--ch-bone, #f7f5f0)}.pagination__item--current:hover{border-color:var(--ch-ember, #0b4d2c);color:var(--ch-bone, #f7f5f0)}.pagination__item .icon-caret{height:.7rem}.pagination__item-arrow{border:0;min-width:4.4rem;color:rgba(var(--color-foreground),.85)}a.pagination__item-arrow:hover{border:0;color:var(--ch-ember, #0b4d2c)}.pagination__item--next .icon{margin-left:-.2rem;transform:rotate(90deg)}.pagination__item--next:hover .icon{transform:rotate(90deg) scale(1.07)}.pagination__item--prev .icon{margin-right:-.2rem;transform:rotate(-90deg)}.pagination__item--prev:hover .icon{transform:rotate(-90deg) scale(1.07)}.pagination__item-arrow:hover .icon{color:var(--ch-ember, #0b4d2c)}.pagination__item:focus-visible{outline:var(--ch-focus-ring, .2rem solid #c8452b);outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.pagination__item{transition:none}.pagination__item--next:hover .icon,.pagination__item--prev:hover .icon{transform:rotate(90deg)}.pagination__item--prev:hover .icon{transform:rotate(-90deg)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-pagination.css.map */
