/* Shared by Flutter bootstrap and server-rendered business websites. */
:root{--skeleton-base:#e4e6e9;--skeleton-light:#f3f4f5}
@media(prefers-color-scheme:dark){:root{--skeleton-base:#34383e;--skeleton-light:#454b53}}
body.dark{--skeleton-base:#34383e;--skeleton-light:#454b53}
.myotgo-skeleton,.myotgo-photo-loading{background:linear-gradient(100deg,var(--skeleton-base) 25%,var(--skeleton-light) 45%,var(--skeleton-base) 65%);background-size:240% 100%;animation:myotgo-shimmer 1.8s ease-in-out infinite}
.myotgo-skeleton{border-radius:8px;pointer-events:none}
@keyframes myotgo-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.myotgo-skeleton,.myotgo-photo-loading{animation:none;background:var(--skeleton-base)}}
#myotgo-loading{position:fixed;inset:0;z-index:1;overflow:auto;background:#fff;color:#34383e;padding:24px;box-sizing:border-box;font:16px system-ui}
@media(prefers-color-scheme:dark){#myotgo-loading{background:#16191e;color:#e4e6e9}}
#myotgo-loading .loading-layout{max-width:1100px;margin:auto}
#myotgo-loading .loading-heading{width:45%;height:28px;margin:16px 0 32px}
#myotgo-loading .loading-rows{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
#myotgo-loading .loading-card{height:240px}
#myotgo-loading .loading-line{height:18px;margin:18px 0;width:65%}
#myotgo-loading .loading-retry{margin-top:24px}

.loading-area{box-sizing:border-box;width:100%;min-width:0;padding:16px;display:grid;gap:16px;align-content:start}
.boot:has(>.loading-area){display:block;width:100%}
.loading-placeholder{height:56px;min-width:0}
.loading-chart{height:288px;grid-template-columns:repeat(6,1fr);align-items:end}
.loading-chart .loading-placeholder{height:120px}
.loading-chart .loading-placeholder:nth-child(2n){height:180px}
.loading-floor{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));height:288px}
.loading-floor .loading-placeholder{height:64px;border-radius:18px}
.loading-chat .loading-placeholder{width:70%;height:48px}
.loading-chat .loading-placeholder:nth-child(2n){width:55%;justify-self:end}
