.pagination{--pagination-font-size:1.313rem}@media (max-width:767px){.pagination{--pagination-font-size:var(--font-size-sm)}}.pagination{width:100%;font-family:var(--font-family-base);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}@media (min-width:768px){.pagination{gap:var(--spacing-lg);flex-direction:row}}.pagination__nav-button{color:var(--color-text-primary);font-size:var(--pagination-font-size);font-weight:var(--font-weight-regular);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.563rem;padding:0;line-height:1.3;display:flex}.pagination__nav-button:hover:not(.pagination__nav-button--disabled){opacity:var(--opacity-hover)}.pagination__nav-button--disabled{opacity:var(--opacity-muted);color:var(--color-text-disabled);cursor:not-allowed}.pagination__nav-button--disabled .pagination__nav-icon{opacity:var(--opacity-muted);color:var(--color-text-disabled)}.pagination__nav-icon{width:1.5rem;height:1.5rem;color:var(--color-text-ternary);padding:.375rem 0}.pagination__nav-text{align-items:center;display:inline-flex}.pagination__center{gap:var(--spacing-md);display:flex}@media (min-width:768px){.pagination__center{gap:var(--spacing-2xl)}}.pagination__items-selector{font-size:var(--pagination-font-size);font-weight:var(--font-weight-regular);color:var(--color-text-primary);align-items:center;gap:0;display:flex}@media (min-width:768px){.pagination__items-selector{gap:.563rem}}.pagination__items-label{line-height:1.3}.pagination__items-dropdown{align-items:center;display:flex;position:relative}.pagination__items-trigger{padding:0 var(--spacing-xs);background:var(--bg-page);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-primary);cursor:pointer;min-width:3rem;height:2rem;transition:all var(--transition-fast);box-shadow:var(--shadow-dropdown);border:none;grid-template-columns:1fr auto;align-items:center;display:grid}.pagination__items-trigger span:first-child{text-align:center}.pagination__items-trigger:hover{border-color:var(--border-strong)}.pagination__items-list{z-index:var(--z-index-dropdown);min-width:100%;padding:var(--spacing-2xs);background:var(--bg-page);border:1px solid var(--brand-neutral-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);margin:0;list-style:none;position:absolute;left:0}.pagination__items-list--bottom{top:calc(100% + var(--spacing-2xs))}.pagination__items-list--top{bottom:calc(100% + var(--spacing-2xs))}.pagination__items-list:hover .pagination__items-option--active:not(:hover){color:var(--color-text-primary);background-color:#0000}.pagination__items-option{padding:0 var(--spacing-xs);border-radius:var(--radius-md);height:2.75rem;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination__items-option:hover{background-color:var(--primary-color);color:var(--color-text-inverse)}.pagination__items-option--active{background-color:var(--primary-color);color:var(--color-text-inverse);border-radius:var(--radius-md)}.pagination__items-dropdown-icon{pointer-events:none;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.pagination__pages{gap:var(--spacing-xs);display:none}@media (min-width:768px){.pagination__pages{display:flex}}.pagination__page-button{background:var(--bg-page-500);border-radius:var(--radius-sm);min-width:1.5rem;font-family:var(--font-family-base);font-size:var(--pagination-font-size);font-weight:var(--font-weight-regular);color:var(--color-text-primary);cursor:pointer;opacity:var(--opacity-select);transition:all var(--transition-fast);border:1px solid #0000;line-height:1.3}.pagination__page-button--active{background:var(--action-primary-bg);border-color:var(--border-strong);color:var(--color-text-inverse);opacity:var(--opacity-reset)}.pagination__ellipsis{background:var(--bg-page-500);border-radius:var(--radius-sm);min-width:1.5rem;font-size:var(--pagination-font-size);font-weight:var(--font-weight-regular);color:var(--color-text-primary);opacity:var(--opacity-select);line-height:1.3}
