/* The app's cascade layer order, lowest first, and Google's Material Symbols
 * stylesheet in its `icons` layer. Linked first in index.html, before every
 * other stylesheet, and served as is (public/), because the bundler hoists a
 * remote @import above any @layer statement: from styles.css, `icons` would
 * become the LOWEST layer, and Tailwind's text-* utilities would then resize
 * every icon. In `icons`, Google's `.material-symbols-outlined` rule keeps the
 * precedence it had as an unlayered <link>: above Tailwind's utilities, below
 * the app's own stylesheets. The statement must stay identical to the one in
 * src/styles.css (src/styles.test.ts). */
@layer properties, theme, base, document-base, components, utilities, icons, document, app, editor;

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap")
layer(icons);
