npm - @swisspost/internet-header - Versions diffs - 1.5.4 → 1.5.6 - Mend

@swisspost/internet-header 1.5.4 → 1.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (230) hide show

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.css CHANGED Viewed

@@ -236,7 +236,7 @@
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .btn-link,
-.btn-tertiary {
+  .btn-tertiary {
     color: linktext;
     text-decoration: underline !important;
   }
@@ -475,11 +475,11 @@
 .btn-info {
   border-color: transparent;
-  background-color: #fc0;
+  background-color: #cce4ee;
   color: #000;
 }
 .btn-info:focus, .btn-info:not(:disabled):hover, .btn-info.pretend-hover {
-  background-color: #cca300;
+  background-color: #a6d0e1;
   color: #000;
 }
@@ -733,212 +733,168 @@
   .col-sm {
     flex: 1 0 0%;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-sm-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-sm-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-sm-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-sm-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-sm-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-sm-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-sm-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-sm-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-sm-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-sm-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-sm-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-sm-0 {
     margin-left: 0;
   }
   .offset-sm-1 {
     margin-left: 8.33333333%;
   }
   .offset-sm-2 {
     margin-left: 16.66666667%;
   }
   .offset-sm-3 {
     margin-left: 25%;
   }
   .offset-sm-4 {
     margin-left: 33.33333333%;
   }
   .offset-sm-5 {
     margin-left: 41.66666667%;
   }
   .offset-sm-6 {
     margin-left: 50%;
   }
   .offset-sm-7 {
     margin-left: 58.33333333%;
   }
   .offset-sm-8 {
     margin-left: 66.66666667%;
   }
   .offset-sm-9 {
     margin-left: 75%;
   }
   .offset-sm-10 {
     margin-left: 83.33333333%;
   }
   .offset-sm-11 {
     margin-left: 91.66666667%;
   }
   .g-sm-0,
-.gx-sm-0 {
+  .gx-sm-0 {
     --bs-gutter-x: 0;
   }
   .g-sm-0,
-.gy-sm-0 {
+  .gy-sm-0 {
     --bs-gutter-y: 0;
   }
   .g-sm-1,
-.gx-sm-1 {
+  .gx-sm-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-sm-1,
-.gy-sm-1 {
+  .gy-sm-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-sm-2,
-.gx-sm-2 {
+  .gx-sm-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-sm-2,
-.gy-sm-2 {
+  .gy-sm-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-sm-3,
-.gx-sm-3 {
+  .gx-sm-3 {
     --bs-gutter-x: 1rem;
   }
   .g-sm-3,
-.gy-sm-3 {
+  .gy-sm-3 {
     --bs-gutter-y: 1rem;
   }
   .g-sm-4,
-.gx-sm-4 {
+  .gx-sm-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-sm-4,
-.gy-sm-4 {
+  .gy-sm-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-sm-5,
-.gx-sm-5 {
+  .gx-sm-5 {
     --bs-gutter-x: 3rem;
   }
   .g-sm-5,
-.gy-sm-5 {
+  .gy-sm-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -946,212 +902,168 @@
   .col-rg {
     flex: 1 0 0%;
   }
   .row-cols-rg-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-rg-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-rg-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-rg-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-rg-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-rg-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-rg-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-rg-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-rg-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-rg-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-rg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-rg-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-rg-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-rg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-rg-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-rg-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-rg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-rg-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-rg-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-rg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-rg-0 {
     margin-left: 0;
   }
   .offset-rg-1 {
     margin-left: 8.33333333%;
   }
   .offset-rg-2 {
     margin-left: 16.66666667%;
   }
   .offset-rg-3 {
     margin-left: 25%;
   }
   .offset-rg-4 {
     margin-left: 33.33333333%;
   }
   .offset-rg-5 {
     margin-left: 41.66666667%;
   }
   .offset-rg-6 {
     margin-left: 50%;
   }
   .offset-rg-7 {
     margin-left: 58.33333333%;
   }
   .offset-rg-8 {
     margin-left: 66.66666667%;
   }
   .offset-rg-9 {
     margin-left: 75%;
   }
   .offset-rg-10 {
     margin-left: 83.33333333%;
   }
   .offset-rg-11 {
     margin-left: 91.66666667%;
   }
   .g-rg-0,
-.gx-rg-0 {
+  .gx-rg-0 {
     --bs-gutter-x: 0;
   }
   .g-rg-0,
-.gy-rg-0 {
+  .gy-rg-0 {
     --bs-gutter-y: 0;
   }
   .g-rg-1,
-.gx-rg-1 {
+  .gx-rg-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-rg-1,
-.gy-rg-1 {
+  .gy-rg-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-rg-2,
-.gx-rg-2 {
+  .gx-rg-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-rg-2,
-.gy-rg-2 {
+  .gy-rg-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-rg-3,
-.gx-rg-3 {
+  .gx-rg-3 {
     --bs-gutter-x: 1rem;
   }
   .g-rg-3,
-.gy-rg-3 {
+  .gy-rg-3 {
     --bs-gutter-y: 1rem;
   }
   .g-rg-4,
-.gx-rg-4 {
+  .gx-rg-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-rg-4,
-.gy-rg-4 {
+  .gy-rg-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-rg-5,
-.gx-rg-5 {
+  .gx-rg-5 {
     --bs-gutter-x: 3rem;
   }
   .g-rg-5,
-.gy-rg-5 {
+  .gy-rg-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1159,212 +1071,168 @@
   .col-md {
     flex: 1 0 0%;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-md-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-md-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-md-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-md-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-md-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-md-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-md-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-md-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-md-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-md-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-md-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-md-0 {
     margin-left: 0;
   }
   .offset-md-1 {
     margin-left: 8.33333333%;
   }
   .offset-md-2 {
     margin-left: 16.66666667%;
   }
   .offset-md-3 {
     margin-left: 25%;
   }
   .offset-md-4 {
     margin-left: 33.33333333%;
   }
   .offset-md-5 {
     margin-left: 41.66666667%;
   }
   .offset-md-6 {
     margin-left: 50%;
   }
   .offset-md-7 {
     margin-left: 58.33333333%;
   }
   .offset-md-8 {
     margin-left: 66.66666667%;
   }
   .offset-md-9 {
     margin-left: 75%;
   }
   .offset-md-10 {
     margin-left: 83.33333333%;
   }
   .offset-md-11 {
     margin-left: 91.66666667%;
   }
   .g-md-0,
-.gx-md-0 {
+  .gx-md-0 {
     --bs-gutter-x: 0;
   }
   .g-md-0,
-.gy-md-0 {
+  .gy-md-0 {
     --bs-gutter-y: 0;
   }
   .g-md-1,
-.gx-md-1 {
+  .gx-md-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-md-1,
-.gy-md-1 {
+  .gy-md-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-md-2,
-.gx-md-2 {
+  .gx-md-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-md-2,
-.gy-md-2 {
+  .gy-md-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-md-3,
-.gx-md-3 {
+  .gx-md-3 {
     --bs-gutter-x: 1rem;
   }
   .g-md-3,
-.gy-md-3 {
+  .gy-md-3 {
     --bs-gutter-y: 1rem;
   }
   .g-md-4,
-.gx-md-4 {
+  .gx-md-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-md-4,
-.gy-md-4 {
+  .gy-md-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-md-5,
-.gx-md-5 {
+  .gx-md-5 {
     --bs-gutter-x: 3rem;
   }
   .g-md-5,
-.gy-md-5 {
+  .gy-md-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1372,212 +1240,168 @@
   .col-lg {
     flex: 1 0 0%;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-lg-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-lg-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-lg-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-lg-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-lg-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-lg-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-lg-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-lg-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-lg-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-lg-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-lg-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-lg-0 {
     margin-left: 0;
   }
   .offset-lg-1 {
     margin-left: 8.33333333%;
   }
   .offset-lg-2 {
     margin-left: 16.66666667%;
   }
   .offset-lg-3 {
     margin-left: 25%;
   }
   .offset-lg-4 {
     margin-left: 33.33333333%;
   }
   .offset-lg-5 {
     margin-left: 41.66666667%;
   }
   .offset-lg-6 {
     margin-left: 50%;
   }
   .offset-lg-7 {
     margin-left: 58.33333333%;
   }
   .offset-lg-8 {
     margin-left: 66.66666667%;
   }
   .offset-lg-9 {
     margin-left: 75%;
   }
   .offset-lg-10 {
     margin-left: 83.33333333%;
   }
   .offset-lg-11 {
     margin-left: 91.66666667%;
   }
   .g-lg-0,
-.gx-lg-0 {
+  .gx-lg-0 {
     --bs-gutter-x: 0;
   }
   .g-lg-0,
-.gy-lg-0 {
+  .gy-lg-0 {
     --bs-gutter-y: 0;
   }
   .g-lg-1,
-.gx-lg-1 {
+  .gx-lg-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-lg-1,
-.gy-lg-1 {
+  .gy-lg-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-lg-2,
-.gx-lg-2 {
+  .gx-lg-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-lg-2,
-.gy-lg-2 {
+  .gy-lg-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-lg-3,
-.gx-lg-3 {
+  .gx-lg-3 {
     --bs-gutter-x: 1rem;
   }
   .g-lg-3,
-.gy-lg-3 {
+  .gy-lg-3 {
     --bs-gutter-y: 1rem;
   }
   .g-lg-4,
-.gx-lg-4 {
+  .gx-lg-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-lg-4,
-.gy-lg-4 {
+  .gy-lg-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-lg-5,
-.gx-lg-5 {
+  .gx-lg-5 {
     --bs-gutter-x: 3rem;
   }
   .g-lg-5,
-.gy-lg-5 {
+  .gy-lg-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1585,212 +1409,168 @@
   .col-xl {
     flex: 1 0 0%;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-xl-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-xl-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-xl-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-xl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-xl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-xl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-xl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-xl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-xl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-xl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-xl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-xl-0 {
     margin-left: 0;
   }
   .offset-xl-1 {
     margin-left: 8.33333333%;
   }
   .offset-xl-2 {
     margin-left: 16.66666667%;
   }
   .offset-xl-3 {
     margin-left: 25%;
   }
   .offset-xl-4 {
     margin-left: 33.33333333%;
   }
   .offset-xl-5 {
     margin-left: 41.66666667%;
   }
   .offset-xl-6 {
     margin-left: 50%;
   }
   .offset-xl-7 {
     margin-left: 58.33333333%;
   }
   .offset-xl-8 {
     margin-left: 66.66666667%;
   }
   .offset-xl-9 {
     margin-left: 75%;
   }
   .offset-xl-10 {
     margin-left: 83.33333333%;
   }
   .offset-xl-11 {
     margin-left: 91.66666667%;
   }
   .g-xl-0,
-.gx-xl-0 {
+  .gx-xl-0 {
     --bs-gutter-x: 0;
   }
   .g-xl-0,
-.gy-xl-0 {
+  .gy-xl-0 {
     --bs-gutter-y: 0;
   }
   .g-xl-1,
-.gx-xl-1 {
+  .gx-xl-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-xl-1,
-.gy-xl-1 {
+  .gy-xl-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-xl-2,
-.gx-xl-2 {
+  .gx-xl-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-xl-2,
-.gy-xl-2 {
+  .gy-xl-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-xl-3,
-.gx-xl-3 {
+  .gx-xl-3 {
     --bs-gutter-x: 1rem;
   }
   .g-xl-3,
-.gy-xl-3 {
+  .gy-xl-3 {
     --bs-gutter-y: 1rem;
   }
   .g-xl-4,
-.gx-xl-4 {
+  .gx-xl-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-xl-4,
-.gy-xl-4 {
+  .gy-xl-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-xl-5,
-.gx-xl-5 {
+  .gx-xl-5 {
     --bs-gutter-x: 3rem;
   }
   .g-xl-5,
-.gy-xl-5 {
+  .gy-xl-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1798,212 +1578,168 @@
   .col-xxl {
     flex: 1 0 0%;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
   .row-cols-xxl-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
   .row-cols-xxl-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
   .row-cols-xxl-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;
     width: auto;
   }
   .col-xxl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
   .col-xxl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
   .col-xxl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
   .col-xxl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
   .col-xxl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
   .col-xxl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
   .col-xxl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
   .col-xxl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
   .col-xxl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
   .col-xxl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
   .col-xxl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
   .col-xxl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
   .offset-xxl-0 {
     margin-left: 0;
   }
   .offset-xxl-1 {
     margin-left: 8.33333333%;
   }
   .offset-xxl-2 {
     margin-left: 16.66666667%;
   }
   .offset-xxl-3 {
     margin-left: 25%;
   }
   .offset-xxl-4 {
     margin-left: 33.33333333%;
   }
   .offset-xxl-5 {
     margin-left: 41.66666667%;
   }
   .offset-xxl-6 {
     margin-left: 50%;
   }
   .offset-xxl-7 {
     margin-left: 58.33333333%;
   }
   .offset-xxl-8 {
     margin-left: 66.66666667%;
   }
   .offset-xxl-9 {
     margin-left: 75%;
   }
   .offset-xxl-10 {
     margin-left: 83.33333333%;
   }
   .offset-xxl-11 {
     margin-left: 91.66666667%;
   }
   .g-xxl-0,
-.gx-xxl-0 {
+  .gx-xxl-0 {
     --bs-gutter-x: 0;
   }
   .g-xxl-0,
-.gy-xxl-0 {
+  .gy-xxl-0 {
     --bs-gutter-y: 0;
   }
   .g-xxl-1,
-.gx-xxl-1 {
+  .gx-xxl-1 {
     --bs-gutter-x: 0.25rem;
   }
   .g-xxl-1,
-.gy-xxl-1 {
+  .gy-xxl-1 {
     --bs-gutter-y: 0.25rem;
   }
   .g-xxl-2,
-.gx-xxl-2 {
+  .gx-xxl-2 {
     --bs-gutter-x: 0.5rem;
   }
   .g-xxl-2,
-.gy-xxl-2 {
+  .gy-xxl-2 {
     --bs-gutter-y: 0.5rem;
   }
   .g-xxl-3,
-.gx-xxl-3 {
+  .gx-xxl-3 {
     --bs-gutter-x: 1rem;
   }
   .g-xxl-3,
-.gy-xxl-3 {
+  .gy-xxl-3 {
     --bs-gutter-y: 1rem;
   }
   .g-xxl-4,
-.gx-xxl-4 {
+  .gx-xxl-4 {
     --bs-gutter-x: 1.5rem;
   }
   .g-xxl-4,
-.gy-xxl-4 {
+  .gy-xxl-4 {
     --bs-gutter-y: 1.5rem;
   }
   .g-xxl-5,
-.gx-xxl-5 {
+  .gx-xxl-5 {
     --bs-gutter-x: 3rem;
   }
   .g-xxl-5,
-.gy-xxl-5 {
+  .gy-xxl-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -2222,11 +1958,11 @@
 .progress {
   --bs-progress-height: 1rem;
   --bs-progress-font-size: 0.75rem;
-  --bs-progress-bg: #cccccc;
+  --bs-progress-bg: hsl(0, 0%, 80%);
   --bs-progress-border-radius: 3px;
   --bs-progress-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
   --bs-progress-bar-color: #fff;
-  --bs-progress-bar-bg: #333333;
+  --bs-progress-bar-bg: hsl(0, 0%, 20%);
   --bs-progress-bar-transition: width 0.6s ease;
   display: flex;
   height: var(--bs-progress-height);
@@ -2301,7 +2037,7 @@
   border: 6px solid #fc0;
   border-radius: 50%;
   border-right-color: transparent;
-  border-bottom-color: #e6e6e6;
+  border-bottom-color: hsl(0, 0%, 90%);
 }
 .loader.loader-sm {
   width: 2rem;
@@ -2623,7 +2359,7 @@ svg {
   top: 100%;
   left: 0;
   background: white;
-  border: 1px solid #e6e6e6;
+  border: 1px solid hsl(0, 0%, 90%);
   padding: 0.5rem 0;
   z-index: 1;
 }
@@ -2632,7 +2368,7 @@ svg {
   transition: color 200ms;
 }
 .middle-dropdown .nav-link:hover {
-  background-color: #e6e6e6;
+  background-color: hsl(0, 0%, 90%);
 }
 .middle-dropdown-button {