/*
 * Cascade layer order for Vuetify 4 (https://vuetifyjs.com/en/getting-started/upgrade-guide/#layers).
 * Vuetify 4 puts every rule in a named @layer. The order of layers is fixed by
 * their FIRST appearance in the document, and in this webpack build the
 * component stylesheets (chunk-vendors.css, or the dev-server style tags) are
 * loaded before Vuetify's own order declaration in the theme stylesheet. Without
 * this file "vuetify-core" (which holds the reset) is declared after
 * "vuetify-components" and the reset wins over component styles (all paddings
 * collapse to 0). This stylesheet is linked first from public/index.html so the
 * order is established before any Vuetify CSS is parsed.
 */
/* `app` holds the application's own CSS (wrapped by scripts/postcss-app-layer.js). */
@layer vuetify-core, vuetify-components, vuetify-overrides, app, vuetify-utilities, vuetify-final;
@layer vuetify-core {
  @layer reset, base;
}
@layer vuetify-utilities {
  @layer theme-base, typography, helpers, theme-background, theme-foreground;
}
@layer vuetify-final {
  @layer transitions, trumps;
}