.pagination-wrapper{margin-top:4rem!important;display:flex!important;justify-content:center!important}@media screen and (min-width: 990px){.pagination-wrapper{margin-top:5rem!important}}.pagination{background:rgba(var(--color-foreground),.02)!important;border-radius:12px!important;padding:8px!important;box-shadow:0 2px 8px rgba(var(--color-foreground),.08)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(var(--color-foreground),.06)!important}.pagination__list{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important}.pagination__list>li{flex:none!important;list-style:none!important}.pagination__item{display:inline-flex!important;justify-content:center!important;align-items:center!important;position:relative!important;height:40px!important;min-width:40px!important;padding:0 12px!important;text-decoration:none!important;border-radius:8px!important;border:none!important;color:var(--color-base-accent-2)!important;font-weight:500!important;font-size:14px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;cursor:pointer!important}.pagination__item:hover{background:rgba(var(--color-base-accent-1),.08)!important;color:var(--color-base-accent-1)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.15)!important}.pagination__item:active{transform:translateY(0)!important;box-shadow:0 2px 4px rgba(var(--color-base-accent-1),.2)!important}a.pagination__item:hover:after{display:none!important}.pagination__item .icon-caret{height:.6rem!important;width:.6rem!important;transition:transform .2s ease!important}.pagination__item--current{background:linear-gradient(135deg,var(--color-base-accent-1),var(--color-base-accent-2))!important;color:var(--color-button-text)!important;font-weight:600!important;box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.3)!important;transform:translateY(-1px)!important}.pagination__item--current:hover{background:linear-gradient(135deg,var(--color-base-accent-1),var(--color-base-accent-2))!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(var(--color-base-accent-1),.4)!important}.pagination__item-arrow{width:40px;padding:0;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.08)}.pagination__item-arrow:hover{background:var(--color-base-accent-1);color:var(--color-button-text);border-color:var(--color-base-accent-1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-base-accent-1),.25)}.pagination__item--next .icon{margin-left:-.2rem;transform:rotate(90deg);transition:transform .2s ease}.pagination__item--next:hover .icon{transform:rotate(90deg) scale(1.1)}.pagination__item--prev .icon{margin-right:-.2rem;transform:rotate(-90deg);transition:transform .2s ease}.pagination__item--prev:hover .icon{transform:rotate(-90deg) scale(1.1)}.pagination__item-arrow:hover:after{display:none}.pagination__item:not([href]):not(.pagination__item--current){color:rgba(var(--color-foreground),.4);cursor:default;background:transparent}.pagination__item:not([href]):not(.pagination__item--current):hover{background:transparent;transform:none;box-shadow:none;color:rgba(var(--color-foreground),.4)}@media screen and (max-width: 749px){.pagination{padding:6px;border-radius:10px}.pagination__item{height:36px;min-width:36px;padding:0 10px;font-size:13px}.pagination__item-arrow{width:36px}.pagination__list{gap:3px}}.pagination__item:focus-visible{outline:2px solid var(--color-base-accent-1);outline-offset:2px}.pagination-wrapper{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination__item{position:relative;overflow:hidden}.pagination__item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pagination__item:hover:before{left:100%}.pagination__item--current:before{display:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-pagination.css.map */