.options-grid a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.35rem;margin:0;padding:.4rem;list-style:none;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-base-200));border:1px solid var(--color-item-border);border-radius:8px}.options-grid a{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;padding:.5rem .25rem .4rem;background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;color:var(--color-base-content);font-size:.78rem;line-height:1.2;text-align:center;text-decoration:none;transition:transform .15s ease-out,border-color .15s ease-out}.options-grid .sb-icon{font-size:1.35rem;color:var(--color-primary);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.options-grid small{font-size:.7rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-base-content) 65%,transparent)}.options-grid a:hover,.options-grid a:focus-visible{transform:translateY(-2px);border-color:var(--color-primary)}.options-grid a:hover .sb-icon,.options-grid a:focus-visible .sb-icon{transform:translateY(-2px) rotate(-8deg)}.options-grid a.is-farewell .sb-icon{color:var(--color-error)}.options-grid a.is-farewell:hover,.options-grid a.is-farewell:focus-visible{border-color:var(--color-error)}@media(prefers-reduced-motion:reduce){.options-grid a,.options-grid .sb-icon{transition:none}.options-grid a:hover,.options-grid a:focus-visible,.options-grid a:hover .sb-icon,.options-grid a:focus-visible .sb-icon{transform:none}}