/* The loading layer uses the shared typography settings. */
#app-loading{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(244,249,249,.92);cursor:wait;padding:24px}
#app-loading[hidden]{display:none}
#app-loading.is-startup{background:#f4f9f9}
.app-loading-card{display:grid;justify-items:center;gap:16px;box-sizing:border-box;width:min(440px,100%);height:320px;max-height:calc(100dvh - 48px);grid-template-rows:40px auto minmax(0,1fr)40px;align-items:center;padding:32px;text-align:center;color:#385963;border:1px solid #d6e8e8;border-radius:24px;background:#fff;box-shadow:0 16px 50px #164c5410}
.app-loading-ring{width:40px;height:40px;border:4px solid #e1efed;border-top-color:#258b80;border-radius:50%;animation:tacithub-loading-spin 1.5s linear infinite}
.tacithub-image-pending{visibility:hidden}
@keyframes tacithub-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.app-loading-ring{animation:none}}

.usage-loading.is-compact{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:0;padding:4px 0;border:0;background:transparent;box-shadow:none;text-align:left}
.ui-navigation-spinner{display:inline-block;flex:0 0 auto;width:16px;height:16px;margin-inline-start:auto;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:tacithub-loading-spin 1s linear infinite;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.ui-navigation-spinner{animation:none;border-style:dotted}}

.usage-loading.is-pagination{width:100%;min-height:84px;padding:12px;margin:0}

.app-loading-card [data-loading-message]{min-height:0;max-height:100%;overflow:auto;overflow-wrap:anywhere;width:100%}