.pagination-wrapper{margin-top:3.5rem;margin-bottom:.5rem}.pagination__status{margin:0 0 1rem;text-align:center;color:rgba(var(--color-foreground),.62);font-weight:500;letter-spacing:.04em}.pagination__status-sep{margin:0 .35em;opacity:.55}@media screen and (min-width:990px){.pagination-wrapper{margin-top:4.5rem}}.pagination__list{align-items:center;justify-content:center;gap:.45rem}.pagination__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.55em .95em;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;border:1px solid rgba(var(--color-foreground),.16);border-radius:999px;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.78);overflow:hidden;box-shadow:0 1px 2px rgba(var(--color-foreground),.04)}.pagination__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.04);opacity:0;transition:opacity .2s ease}.pagination__item--current{color:#fff;background-color:rgba(var(--color-foreground),.92);border-color:transparent;box-shadow:0 8px 18px -10px rgba(var(--color-foreground),.55);font-weight:700}.pagination__list li:first-child .pagination__item,.pagination__list li:last-child .pagination__item,.pagination__list li:not(:first-child) .pagination__item{border-radius:999px;border-inline-start:1px solid rgba(var(--color-foreground),.16)}.pagination__list li:not(:first-child) .pagination__item--current{border-inline-start-color:transparent}a[href].pagination__item:hover:before{opacity:1}a[href].pagination__item:hover{color:rgba(var(--color-foreground),1);border-color:rgba(var(--color-foreground),.32);transform:translateY(-1px);box-shadow:0 6px 14px -10px rgba(var(--color-foreground),.35)}a[href].pagination__item:focus-visible{outline:2px solid rgba(var(--color-foreground),.35);outline-offset:2px}.pagination__item-arrow{padding-inline-start:.85em;padding-inline-end:.85em}.pagination__item-arrow svg{width:1em;height:1em}.pagination__item--next svg{transform:rotate(calc(270deg * var(--direction-multiplier)))}.pagination__item--prev svg{transform:rotate(calc(90deg * var(--direction-multiplier)))}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-pagination.css.map */