Fixed Mermaid text boxes incorrectly computed (9.0.13 regression)

Author: squidfunk

material/assets/stylesheets/main.402914a4.min.css renamed to material/assets/stylesheets/main.7bf56d0a.min.css

@@ -40,7 +40,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.402914a4.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.7bf56d0a.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}">

material/assets/stylesheets/main.402914a4.min.css.map renamed to material/assets/stylesheets/main.7bf56d0a.min.css.map

@@ -24,8 +24,8 @@
 // Rules
 // ----------------------------------------------------------------------------
 
-// All definitions
-.mermaid {
+// Mermaid variables
+:root > * {
   --md-mermaid-font-family:            var(--md-text-font-family), sans-serif;
 
   // Colors
@@ -34,8 +34,12 @@
   --md-mermaid-node-fg-color:          var(--md-accent-fg-color);
   --md-mermaid-label-bg-color:         var(--md-default-bg-color);
   --md-mermaid-label-fg-color:         var(--md-code-fg-color);
+}
 
-  // Mermaid container
+// ----------------------------------------------------------------------------
+
+// Mermaid container
+.mermaid {
   margin: 1em 0;
   line-height: normal;
 }