nav.pagination-container{justify-content:center;align-items:center;display:flex;gap:1rem;--arrow-color: var(--cleanroom-100);--text-color: var(--white);color:var(--text-color);container-type:inline-size;container-name:pagination}nav.pagination-container.white-on-space nav.pagination-container{--arrow-color: var(--space-100);--text-color: var(--white)}nav.pagination-container.space-on-gray{--arrow-color: var(--ultra-170);--text-color: var(--space-100)}nav.pagination-container.white-on-cleanroom{--arrow-color: var(--space-100);--text-color: var(--white)}nav.pagination-container .pagination-indicator.active{text-decoration:underline;font-weight:700}nav.pagination-container .pagination-indicator:first-child,nav.pagination-container .pagination-indicator:last-child{color:var(--arrow-color)}:is(nav.pagination-container .pagination-indicator:first-child,nav.pagination-container .pagination-indicator:last-child).disabled{opacity:.6}nav.pagination-container .separator-container{position:relative;display:flex}nav.pagination-container .separator-container .pagination-dictator{display:none}nav.pagination-container .separator-container .pagination-separator{position:relative}nav.pagination-container .separator-container .enhanced-navigation{background:transparent;width:2ch;height:1em;position:relative}@container pagination (min-width: 900px){nav.pagination-container .separator-container:has(:focus-within,.enhanced-navigation:not(:placeholder-shown)) .pagination-separator{opacity:0}nav.pagination-container .separator-container .pagination-dictator{display:inline}nav.pagination-container .separator-container .pagination-separator{position:absolute;top:0;left:50%;transform:translate(-50%);display:block;width:100%;text-align:center;height:100%}}
