.neo-pagination{font-variant-numeric:tabular-nums;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:14px;display:flex}.neo-pagination.top{padding-bottom:12px}.neo-pagination.bottom{padding-top:12px}.neo-pagination .metadata{color:#ffffffc7;min-width:0;font-weight:400}.neo-pagination .page-selector{color:#ffffffc7;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;font-weight:400;display:flex}@container neo-pager (max-width:399px){.neo-pagination{flex-direction:column;align-items:stretch;gap:8px}.neo-pagination .page-selector{justify-content:space-between}}.neo-pagination .neo-pagination-skeleton-range{align-items:center;min-height:1lh;display:flex}.neo-pagination .pagination-step .neo-icon{color:var(--icon-neutral)}.neo-pagination .page-field{white-space:nowrap;align-items:center;gap:8px;display:flex}.neo-pagination .page-field-input{box-sizing:content-box;width:calc(var(--page-field-chars,1)*1ch);background:var(--surface-input);min-width:2ch;height:32px;box-shadow:var(--shadow-input-compact);font:inherit;color:#fff;text-align:center;font-variant-numeric:tabular-nums;transition:background var(--dur-hover) var(--ease-micro),box-shadow var(--dur-hover) var(--ease-micro);border:0;border-radius:8px;margin:0;padding:0 12px;font-weight:500}@media (hover:hover) and (pointer:fine){.neo-pagination .page-field-input:hover:not(:focus){background:var(--surface-input-hover);box-shadow:var(--shadow-input-compact-hover)}}.neo-pagination .page-field-input:focus{outline-offset:2px;box-shadow:var(--shadow-input-compact-open);outline:2px solid #0000}@media only screen and (max-width:899px){.neo-pagination .page-field-input{font-size:16px}}.neo-pagination .pagination-button{appearance:none;min-width:32px;height:32px;font:inherit;color:inherit;transition:background-color var(--dur-press) var(--ease-micro),box-shadow var(--dur-press) var(--ease-micro),transform var(--dur-press) var(--ease-micro);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding-inline:8px;display:flex;position:relative}@media (hover:none){.neo-pagination .pagination-button{position:relative}.neo-pagination .pagination-button:before{content:"";block-size:max(100%,44px);inline-size:max(100%,44px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine){.neo-pagination .pagination-button:hover{cursor:pointer;background:#ffffff0f}}.neo-pagination .pagination-button:active{transform:scale(var(--press-scale));background:#ffffff1f}.neo-pagination .pagination-button:after{content:"";border-radius:var(--radius-inset);background:var(--brand-1000);transform-origin:50%;height:2px;transition:transform var(--dur-base) var(--ease-spring);position:absolute;bottom:3px;left:8px;right:8px;transform:scaleX(0)}.neo-pagination .pagination-button.selected{box-shadow:var(--shadow-control-hover);color:#fff;cursor:default;background:#ffffff1f;transform:none}.neo-pagination .pagination-button.selected:after{transform:scaleX(1)}