@layer component{.loading-indicator[data-v-b9cd98a9]{--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-b9cd98a9]{flex-direction:row}.loading-indicator.--overlay[data-v-b9cd98a9]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.label[data-v-b9cd98a9]{text-align:center}.label.--hidden[data-v-b9cd98a9]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.grid[data-v-b9cd98a9]{--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-b9cd98a9]{--pixel-size:4px}.loading-indicator.--size-lg .grid[data-v-b9cd98a9]{--pixel-size:8px}.pixel[data-v-b9cd98a9]{background-color:var(--throbber-fg);block-size:var(--pixel-size);inline-size:var(--pixel-size);opacity:var(--pixel-unlit)}.pixel.--lit[data-v-b9cd98a9]{opacity:1}}