.pagination-wrapper{margin-top:50px}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}.pagination__list>li:not(:last-child){margin-right:10px}.pagination__list>li{flex:1 0 44px;max-width:44px}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;position:relative;height:44px;width:100%;padding:0;text-decoration:none;font-size:18px;font-weight:400}.pagination__item.pagination__item--current{cursor:not-allowed}.pagination__item--current:after,.pagination__item:hover:after{content:"";display:block;width:20px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:currentColor}a.pagination__item--current:hover:after,a.pagination__item--current:after{height:1px}.pagination__item--previous .icon{margin-left:-2px;transform:rotate(90deg)}.pagination__item--next .icon{margin-right:-2px;transform:rotate(-90deg)}.pagination-wrapper .svg-wrapper{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px}.pagination__item .icon-caret{height:6px}.pagination--squares{--pagination-square-rule: #e3e3e3;--pagination-square-ellipsis: #767676;--pagination-square-hover: #000000;margin-block-start:0}.pagination--squares .pagination__list{justify-content:flex-start;gap:8px}.pagination--squares .pagination__list>li{flex:0 0 auto;max-width:none;margin:0}.pagination--squares .pagination__item{box-sizing:border-box;inline-size:33px;block-size:33px;border:1px solid var(--pagination-square-rule);font-family:var(--font-brand-family);font-size:13px;line-height:16px;color:rgb(var(--color-foreground))}.pagination--squares .pagination__item:after{content:none}.pagination--squares .pagination__item--current{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pagination--squares .pagination__item--ellipsis{border-color:transparent;color:var(--pagination-square-ellipsis)}.pagination--squares .pagination__item--previous .icon-chevron-right{transform:rotate(180deg)}.pagination--squares a.pagination__item:not(.pagination__item--current):hover{border-color:rgb(var(--color-foreground));color:var(--pagination-square-hover)}
/*# sourceMappingURL=/cdn/shop/t/926/assets/component-pagination.css.map */
