.ui-pagegrid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-items:start;display:grid}.ui-page{gap:var(--space-2);min-width:0;color:var(--ink-700);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.ui-page:focus-visible,.ui-page[data-state=focus]{outline:2px solid var(--ink-900);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.ui-page__sheet{width:100%;aspect-ratio:var(--ratio,.7071);border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--white);transition:border-color var(--duration) var(--ease-out);display:block;position:relative;overflow:hidden}.ui-page__sheet img{object-fit:contain;width:100%;height:100%;display:block}.ui-page:hover .ui-page__sheet,.ui-page[data-state=hover] .ui-page__sheet{border-color:var(--ink-500)}.ui-page__sheet[data-state=loading]{background:var(--ink-100);animation:1.4s ease-in-out infinite ui-pulse}.ui-page__check{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);background:var(--ink-900);width:24px;height:24px;color:var(--on-ink);place-items:center;display:none;position:absolute}.ui-page__check svg{width:16px;height:16px}.ui-page__label{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ui-page[aria-checked=true] .ui-page__sheet{outline:calc(var(--line) * 2) solid var(--ink-900);border-color:var(--ink-900)}.ui-page[aria-checked=true] .ui-page__check{display:grid}.ui-page[aria-checked=true] .ui-page__label{color:var(--ink-900);font-weight:var(--weight-bold)}.ui-page:disabled{cursor:not-allowed}.ui-page:disabled .ui-page__sheet{opacity:.5}.ui-page:disabled .ui-page__label{color:var(--ink-500)}@media (prefers-reduced-motion:reduce){.ui-page__sheet[data-state=loading]{animation:none}}