/* Dark mode variant: activated when #burst-statistics has the .dark class. */
@custom-variant dark (&:is(#burst-statistics.dark *));

@import "./theme/tokens.css";
@import "./theme/dark-scope-tokens.css";
@import "./theme/tooltip.css";

/* Tailwind v4 successor to tailwindcss-animate: provides animate-in/out,
	fade-in-*, slide-in-from-*, zoom-in-* enter/exit utilities. Must be imported
	at the top level because it defines `@utility` rules, which Tailwind v4 does
	not allow nested inside a selector (e.g. the #burst-statistics scope). */
@import "tw-animate-css";

@theme {
	--container-xxs: 576px;
	--container-sm: 640px;
	--container-md: 768px;
	--container-lg: 1024px;
	--container-xl: 1280px;
	--container-2xl: 1600px;
}

#burst-statistics {
	@import "tailwindcss";
	@import "./base/index.css";
}
#burst-statistics.burst {
	container-type: inline-size;
}
.mainwp-ui #burst-statistics {
	margin-left: 0 !important;
}
@import "./utilities/index.css";
@import "./components/index.css";
/* @import "./theme/dark-component-overrides.css"; */
@import "./shell/wrapper.css";
