.pagination{align-items:center;gap:8px;display:inline-flex}.pagination__dot{appearance:none;cursor:pointer;background-color:#ccc;border:none;border-radius:4px;flex-shrink:0;width:12px;height:6px;padding:0;transition:width .2s,background-color .2s}.pagination__dot--active{background-color:#101010;width:18px}.pagination__dot--dark{background-color:#fff6}.pagination__dot--dark.pagination__dot--active{background-color:#fff}.pagination__dot:hover:not(.pagination__dot--active){background-color:#b3b3b3}.pagination__dot--dark:hover:not(.pagination__dot--active){background-color:#fff9}