Merge master

public/css/index-tailwind-output.css

@@ -777,6 +777,10 @@ video {
   float: left;
 }
 
+.m-8 {
+  margin: 2rem;
+}
+
 .m-4 {
   margin: 1rem;
 }
@@ -789,10 +793,6 @@ video {
   margin: 0px;
 }
 
-.m-8 {
-  margin: 2rem;
-}
-
 .m-2 {
   margin: 0.5rem;
 }
@@ -1111,6 +1111,10 @@ video {
   height: fit-content;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-0 {
   height: 0px;
 }
@@ -1139,10 +1143,6 @@ video {
   height: 1.25rem;
 }
 
-.h-16 {
-  height: 4rem;
-}
-
 .h-48 {
   height: 12rem;
 }
@@ -1207,6 +1207,10 @@ video {
   width: 1.5rem;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-screen {
   width: 100vw;
 }
@@ -1241,10 +1245,6 @@ video {
   width: 2.75rem;
 }
 
-.w-16 {
-  width: 4rem;
-}
-
 .w-64 {
   width: 16rem;
 }
@@ -2254,6 +2254,9 @@ video {
   --catch-detail-foregroundcolor: white;
   --catch-detail-color-contrast: #fb3afb;
   --image-carousel-height: 350px;
+  /** Technical value, used by icon.svelte
+     */
+  --svg-color: #000000;
 }
 
 /***********************************************************************\
@@ -2799,6 +2802,10 @@ a.link-underline {
   overflow: visible !important;
 }
 
+svg.apply-fill path {
+  fill: var(--svg-color)
+}
+
 .compass_arrow {
   width: calc( 2.5rem - 1px ) ;
   height: calc( 2.5rem - 1px )