.pagination-wrapper{--btn-from: #9F8CFF;--btn-to: #5B4BFF;--glow-rgb: 166,140,255;--ink: rgba(231,231,234,.9);margin-top:28px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.pagination-wrapper{--btn-from: #9F8CFF;--btn-to: #5B4BFF;--glow-rgb: 166,140,255;--ink: rgba(231,231,234,.9);margin-top:28px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);opacity:0;animation:fadeInPagination .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInPagination{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin:0;padding:0;list-style:none}.pagination__item{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);height:38px;padding:0 8px;font-weight:600;font-size:15px;letter-spacing:.03em;text-decoration:none;border-radius:8px;transition:color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1)}a.pagination__item:hover{color:#fff;transform:translateY(-1px);background:linear-gradient(90deg,#9f8cff14,#5b4bff14);box-shadow:0 0 12px -4px rgba(var(--glow-rgb),.35)}.pagination__item--current{color:#fff}.pagination__item--current:after,a.pagination__item:hover:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--btn-from),var(--btn-to));box-shadow:0 0 6px rgba(var(--glow-rgb),.55)}.pagination__item .icon-caret{height:.6rem}.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--prev,.pagination__item--next{opacity:.75}.pagination__item--prev:hover,.pagination__item--next:hover{opacity:1}.pagination__item-arrow:hover:after{display:none}.pagination__item:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--glow-rgb),.4)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-pagination.css.map */