/*
 * The two rules that hide, outside every layer.
 *
 * A layered rule always loses to an unlayered one, and no rule without `!important` beats one with
 * it, so these two sit outside the layers and carry `!important`: whatever `display` a component
 * gives its root, `hidden` on it hides it, and an application can pass `hidden` to any component.
 * `hidden="until-found"` is left to the browser, which keeps such content searchable.
 * `[x-cloak]` hides what Alpine has not started yet; Alpine removes the attribute when it has.
 *
 * Only a layered `!important` could outrank these, and the package writes none. The file is apart
 * from reset.css because these two rules are unlayered while reset.css's are in `material.reset`;
 * foundation.css is the only file that imports it, so every entry — `all.css` and an application's
 * own — reaches it once, through the foundation.
 */

@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

[hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}

[x-cloak] {
    display: none !important;
}