.pagination{background:var(--item-color);border:1px solid var(--main-border-color);border-radius:12px;box-shadow:var(--main-box-shadow);gap:15px;height:50px;margin-bottom:10px;margin-top:30px;max-width:100%;padding:5px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.pagination,.pagination__page{align-items:center;display:flex}.pagination__page{gap:8px}.pagination__page a{align-items:center;border-radius:8px;color:var(--main-text-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;text-decoration:none;transition:all .3s ease}.pagination__page a:hover{background:rgba(var(--pagination-color-rgb),.1);color:var(--pagination-color)}.pagination__page a.active{background:var(--pagination-color);box-shadow:0 4px 10px rgba(var(--pagination-color-rgb),.3);color:#fff}.pagination__nav{border-radius:8px;color:var(--main-text-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.pagination__nav:hover{background:rgba(var(--pagination-color-rgb),.1);color:var(--pagination-color)}.pagination__ellipsis{color:var(--main-text-color-light);font-weight:700;padding:0 5px}
