.pagination{align-items:center;gap:var(--spacing-8);display:flex}.pagination-align-left{justify-content:flex-start}.pagination-align-center{justify-content:center}.pagination-align-right{justify-content:flex-end}.pagination-button{cursor:pointer;width:16.667px;height:16.667px;transition:opacity var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-chevron{filter:brightness(0)saturate()invert(8%)sepia(45%)saturate(3621%)hue-rotate(188deg)brightness(95%)contrast(101%);width:100%;height:100%;transition:filter var(--transition-normal);display:block}@media (prefers-color-scheme:dark){:root:not(.light-mode) .pagination-chevron{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}}.dark-mode .pagination-chevron{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}.pagination-chevron-left{transform:rotate(180deg)}.pagination-chevron-right{transform:rotate(0)}.pagination-dots{align-items:center;gap:var(--spacing-8);display:flex}.pagination-dot{border-radius:var(--radius-2);cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;transition:all var(--transition-slow);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.pagination-dot:before{content:"";width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-2);background-color:var(--color-border-secondary);transition:all var(--transition-slow)}.pagination-dot.active{width:var(--spacing-48);min-width:var(--spacing-48);height:44px}.pagination-dot.active:before{width:var(--spacing-48);background-color:var(--color-icon-active)}.pagination-dot:hover:not(.active):before{background-color:var(--color-text-body-inactive)}@media (max-width:768px){.pagination{gap:var(--spacing-8)}.pagination-button{width:44px;height:44px}.pagination-chevron{width:var(--spacing-16);height:var(--spacing-16)}.pagination-dot{border-radius:var(--radius-2);width:44px;min-width:44px;height:44px;min-height:44px}.pagination-dot:before{width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--radius-1)}.pagination-dot.active{width:44px;min-width:44px;height:44px}.pagination-dot.active:before{width:var(--spacing-24)}}.pagination-button-left,.pagination-button-right{width:20px;height:20px}@media (max-width:768px){.pagination-button-left,.pagination-button-right{width:44px;height:44px}}