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;
 
@@ -25,4 +26,5 @@
         max-width: 75ch;
       }
     }
+  }
 }

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

@@ -4,10 +4,12 @@
 }
 
 .wrapper {
+  @supports (anchor-name: --test) {
     @media screen and (--bp-margin) {
       position: absolute;
       top: anchor(top);
     }
+  }
 }
 
 .note {
@@ -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;
@@ -27,6 +30,7 @@
       background: var(--color-surface-elevated-1);
       box-shadow: 2px 2px 0 var(--color-palette-woodsmoke), 4px 4px 0 var(--color-palette-charcoal-gray);
     }
+  }
 }
 
 .marker {