Fixed rendering issue for rotated annotation icons in Firefox (#5937)

Co-authored-by: Martin Donath <[email protected]>

Author: sisp

material/assets/stylesheets/main.f814a825.min.css

@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.43b9b3ee.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.f814a825.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85d0ee34.min.css' | url }}">

material/assets/stylesheets/main.f814a825.min.css.map

@@ -162,6 +162,12 @@
       transition: z-index 250ms;
     }
 
+    // Hack: Work around Firefox bug that renders a subpixel outline when
+    // rotating a mask image element.
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=1671784
+    overflow: hidden; // stylelint-disable-line order/properties-order
+    border-radius: 0.01px;
+
     // [screen]: Render annotation markers as icons
     @media screen {
       width: 2.2ch;