.api-state{text-align:center;height:100%;min-height:120px;font:600 17px var(--font,system-ui);color:color-mix(in srgb, var(--text,var(--text,#1a1a1f)) 50%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.api-state p{margin:0}.api-retry{background:color-mix(in srgb, var(--text,var(--text,#1a1a1f)) 8%, transparent);color:var(--text,#1a1a1f);font:600 15px var(--font,system-ui);cursor:pointer;border:0;border-radius:999px;padding:8px 18px}.api-retry:active{background:color-mix(in srgb, var(--text,var(--text,#1a1a1f)) 16%, transparent)}.api-spinner{border:3px solid color-mix(in srgb, var(--text,var(--text,#1a1a1f)) 15%, transparent);border-top-color:color-mix(in srgb, var(--text,var(--text,#1a1a1f)) 50%, transparent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite api-spin}@keyframes api-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.api-spinner{animation-duration:2.4s}}.api-more{text-align:center;font:600 14px var(--font,system-ui);color:inherit;opacity:.7;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;display:flex}.api-more p{margin:0}.api-more .api-spinner{border-color:color-mix(in srgb, currentColor 20%, transparent);border-top-color:currentColor}.api-more .api-retry{background:color-mix(in srgb, currentColor 12%, transparent);color:inherit}