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