/**
 * phantom-ui SSR pre-hydration styles
 *
 * GENERATED by scripts/generate-ssr-css.ts from SSR_CSS in src/hiding-css.ts.
 * Do not edit by hand; run `bun run build:ssr` instead.
 *
 * Import this file in your SSR layout/entry file to prevent content flash
 * before the Web Component hydrates:
 *
 *   import "@aejkatappaja/phantom-ui/ssr.css";
 *
 * These rules mirror the styles phantom-ui adopts at runtime, so content inside
 * <phantom-ui loading> is hidden even before JavaScript executes.
 */

phantom-ui[loading]:not([mode="overlay"]) * {
	-webkit-text-fill-color: transparent !important;
	pointer-events: none;
	user-select: none;
}
phantom-ui[loading]:not([mode="overlay"]) img,
phantom-ui[loading]:not([mode="overlay"]) svg,
phantom-ui[loading]:not([mode="overlay"]) video,
phantom-ui[loading]:not([mode="overlay"]) canvas,
phantom-ui[loading]:not([mode="overlay"]) button,
phantom-ui[loading]:not([mode="overlay"]) [role="button"] {
	opacity: 0 !important;
}
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore],
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] * {
	-webkit-text-fill-color: initial !important;
	pointer-events: auto;
	user-select: auto;
}
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] img,
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] svg,
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] video,
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] canvas,
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] button,
phantom-ui[loading]:not([mode="overlay"]) [data-shimmer-ignore] [role="button"] {
	opacity: 1 !important;
}