.pagination{padding:24px;display:flex;align-items:center;justify-content:space-between;background-color:var(--surface-primary);width:100%;height:fit-content;min-width:600px;transition:all .3s ease}.pagination__info{font-size:14px;color:var(--content-secondary);transition:all .3s ease;width:fit-content;display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.pagination__controls{display:flex;align-items:center;width:100%;gap:4px;justify-content:flex-end}.pagination__button{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background-color:transparent;color:var(--accent-primary-content);transition:all .3s ease}.pagination__button:hover:not(:disabled){background-color:var(--action-secondary-hover)}.pagination__button:active:not(:disabled){transform:scale(.98);background-color:var(--action-secondary-press)}.pagination__button:disabled{color:var(--content-muted);cursor:not-allowed}.pagination__button:disabled:hover{background-color:transparent}.pagination__button-icon{width:24px;height:24px}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;color:var(--accent-primary-content);-webkit-user-select:none;user-select:none;font-size:16px;width:40px;height:40px;border-radius:12px;transition:all .3s ease}.pagination__page{-webkit-user-select:none;user-select:none;font-size:16px}.pagination__page[data-selected]{background-color:var(--accent-primary-content)!important;color:var(--content-inversed)!important}