@layer component{.loading-indicator[data-v-6f3c3bcc]{--throbber-bg:transparent;--throbber-fg:var(--fg-down);--pixel-unlit:0;align-items:center;background-color:var(--throbber-bg);color:var(--throbber-fg);display:flex;flex-direction:column;gap:.25em .5em;justify-content:center}.loading-indicator.--horizontal[data-v-6f3c3bcc]{flex-direction:row}.loading-indicator.--overlay[data-v-6f3c3bcc]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.label[data-v-6f3c3bcc]{text-align:center}.grid[data-v-6f3c3bcc]{--pixel-size:6px;--pixel-gutter:0;display:grid;gap:var(--pixel-gutter);grid-template-columns:repeat(var(--pixel-count),var(--pixel-size))}.loading-indicator.--size-sm .grid[data-v-6f3c3bcc]{--pixel-size:4px}.loading-indicator.--size-lg .grid[data-v-6f3c3bcc]{--pixel-size:8px}.pixel[data-v-6f3c3bcc]{background-color:var(--throbber-fg);block-size:var(--pixel-size);inline-size:var(--pixel-size);opacity:var(--pixel-unlit)}.pixel.--lit[data-v-6f3c3bcc]{opacity:1}}