Added fallback for Firefox for Sidenotes

src/components/Article/Content/MarkdocRenderer/MarkdocRenderer.module.css

@@ -7,6 +7,7 @@
 }
 
 .hasMargin {
+  @supports (anchor-name: --test) {
     @media screen and (--bp-margin) {
       @mixin px 0;
 
@@ -26,3 +27,4 @@
       }
     }
   }
+}

src/components/Content/Sidenote/Container/Container.module.css

@@ -4,11 +4,13 @@
 }
 
 .wrapper {
+  @supports (anchor-name: --test) {
     @media screen and (--bp-margin) {
       position: absolute;
       top: anchor(top);
     }
   }
+}
 
 .note {
   @mixin text-xs;
@@ -18,6 +20,7 @@
   padding-left: var(--size-12);
   font-family: var(--font-mono);
 
+  @supports (anchor-name: --test) {
     @media screen and (--bp-margin) {
       min-width: var(--size-64);
       margin-top: 0;
@@ -28,6 +31,7 @@
       box-shadow: 2px 2px 0 var(--color-palette-woodsmoke), 4px 4px 0 var(--color-palette-charcoal-gray);
     }
   }
+}
 
 .marker {
   position: absolute;