.pagination{align-items:center;display:flex;gap:.25rem;justify-content:center;margin:calc(1.04rem + 3.26667vw) 0;position:relative;z-index:0}@media (min-width:1200px){.pagination{margin:3rem 0}}.pagination-button{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;position:relative;transition:background-color .2s}.pagination-button-active,.pagination-button:hover{background-color:rgba(var(--accent-color),.05);border-color:var(--accent-color);border-radius:50%}.pagination-arrow{align-items:center;background-color:transparent;border:1px solid var(--pagination-accent-color);border-radius:50%;cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;padding:0;position:relative;transition:background-color .2s;width:2.5rem}.pagination-arrow:hover{background-color:rgba(var(--accent-color),.05)}.pagination-arrow .pagination-icon{background-color:var(--accent-color);height:1rem;-webkit-mask-image:url(../icons/arrow.svg);mask-image:url(../icons/arrow.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:rotate(180deg);width:1rem}.pagination-arrow.pagination-prev .pagination-icon{transform:rotate(0)}.background-light .pagination{--pagination-accent-color:#1b1b23}