@clayui/css 3.60.0 → 3.61.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.60.0
+ * Clay 3.61.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -17189,14 +17189,17 @@ a.sheet-subtitle:hover {
   z-index: 1035;
 }
 
+.sidenav-end > .sidenav-content,
 .sidenav-right > .sidenav-content {
   left: auto;
   right: 0;
 }
+.sidenav-end > .sidenav-menu-slider,
 .sidenav-right > .sidenav-menu-slider {
   left: auto;
   right: 0;
 }
+.sidenav-end > .sidenav-menu-slider .sidenav-menu,
 .sidenav-right > .sidenav-menu-slider .sidenav-menu {
   right: 0;
 }
@@ -17235,11 +17238,11 @@ a.sheet-subtitle:hover {
 .sidenav-menu-slider .sidenav-menu {
   width: 320px;
 }
-.sidenav-menu-slider.sidenav-right {
+.sidenav-menu-slider.sidenav-end, .sidenav-menu-slider.sidenav-right {
   left: auto;
   right: 0;
 }
-.sidenav-menu-slider.sidenav-right .sidenav-menu {
+.sidenav-menu-slider.sidenav-end .sidenav-menu, .sidenav-menu-slider.sidenav-right .sidenav-menu {
   right: 0;
 }
 
@@ -17359,10 +17362,7 @@ a.sheet-subtitle:hover {
 .sidebar-light {
   background-color: #f8f9fa;
   border-color: #dee2e6;
-  border-bottom-width: 0;
   border-left-width: 1px;
-  border-right-width: 0;
-  border-top-width: 0;
   color: #212529;
 }
 .sidebar-light .sidebar-list-group .list-group-title {
@@ -17429,10 +17429,6 @@ a.sheet-subtitle:hover {
 }
 .sidebar-dark {
   background-color: #343a40;
-  border-bottom-width: 0;
-  border-left-width: 0;
-  border-right-width: 0;
-  border-top-width: 0;
   color: #fff;
 }
 .sidebar-dark .close {
@@ -17489,6 +17485,64 @@ a.sheet-subtitle:hover {
 .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
   color: #fff;
 }
+.sidebar-dark-l2 {
+  background-color: #828e9a;
+  color: #fff;
+}
+.sidebar-dark-l2 .close {
+  color: #a9afb5;
+}
+.sidebar-dark-l2 .close:hover {
+  color: #fff;
+}
+.sidebar-dark-l2 .sidebar-header .component-title {
+  color: inherit;
+}
+.sidebar-dark-l2 .sidebar-header .component-title[href],
+.sidebar-dark-l2 .sidebar-header .component-title [href] {
+  color: inherit;
+}
+.sidebar-dark-l2 .sidebar-header .component-subtitle {
+  color: inherit;
+}
+.sidebar-dark-l2 .sidebar-header .component-subtitle[href],
+.sidebar-dark-l2 .sidebar-header .component-subtitle [href] {
+  color: inherit;
+}
+.sidebar-dark-l2 .nav-nested .nav-link {
+  border-radius: 0.25rem;
+  color: #a9afb5;
+  transition: box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-dark-l2 .nav-nested .nav-link {
+    transition: none;
+  }
+}
+.sidebar-dark-l2 .nav-nested .nav-link:hover {
+  color: #fff;
+}
+.sidebar-dark-l2 .nav-nested .nav-link:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
+}
+.sidebar-dark-l2 .nav-nested .nav-link:active {
+  color: #fff;
+}
+.sidebar-dark-l2 .nav-nested .nav-link.active {
+  color: #fff;
+}
+.sidebar-dark-l2 .nav-nested .nav-link:disabled, .sidebar-dark-l2 .nav-nested .nav-link.disabled {
+  box-shadow: none;
+  color: #a9afb5;
+  opacity: 0.65;
+}
+.sidebar-dark-l2 .nav-nested .nav-link:disabled:active, .sidebar-dark-l2 .nav-nested .nav-link.disabled:active {
+  pointer-events: none;
+}
+.sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], .sidebar-dark-l2 .nav-nested .nav-link.show {
+  color: #fff;
+}
 .c-slideout-transition-in {
   transition: all 0.3s ease-in-out;
 }
@@ -20946,6 +21000,54 @@ ul.autofit-row {
   padding-left: 7.5rem;
 }
 
+.c-m-n1 {
+  margin: -0.25rem;
+}
+
+.c-mt-n1,
+.c-my-n1 {
+  margin-top: -0.25rem;
+}
+
+.c-mr-n1,
+.c-mx-n1 {
+  margin-right: -0.25rem;
+}
+
+.c-mb-n1,
+.c-my-n1 {
+  margin-bottom: -0.25rem;
+}
+
+.c-ml-n1,
+.c-mx-n1 {
+  margin-left: -0.25rem;
+}
+
+.c-m-n2 {
+  margin: -0.5rem;
+}
+
+.c-mt-n2,
+.c-my-n2 {
+  margin-top: -0.5rem;
+}
+
+.c-mr-n2,
+.c-mx-n2 {
+  margin-right: -0.5rem;
+}
+
+.c-mb-n2,
+.c-my-n2 {
+  margin-bottom: -0.5rem;
+}
+
+.c-ml-n2,
+.c-mx-n2 {
+  margin-left: -0.5rem;
+}
+
 .c-m-n3 {
   margin: -1rem;
 }
@@ -20970,6 +21072,126 @@ ul.autofit-row {
   margin-left: -1rem;
 }
 
+.c-m-n4 {
+  margin: -1.5rem;
+}
+
+.c-mt-n4,
+.c-my-n4 {
+  margin-top: -1.5rem;
+}
+
+.c-mr-n4,
+.c-mx-n4 {
+  margin-right: -1.5rem;
+}
+
+.c-mb-n4,
+.c-my-n4 {
+  margin-bottom: -1.5rem;
+}
+
+.c-ml-n4,
+.c-mx-n4 {
+  margin-left: -1.5rem;
+}
+
+.c-m-n5 {
+  margin: -3rem;
+}
+
+.c-mt-n5,
+.c-my-n5 {
+  margin-top: -3rem;
+}
+
+.c-mr-n5,
+.c-mx-n5 {
+  margin-right: -3rem;
+}
+
+.c-mb-n5,
+.c-my-n5 {
+  margin-bottom: -3rem;
+}
+
+.c-ml-n5,
+.c-mx-n5 {
+  margin-left: -3rem;
+}
+
+.c-m-n6 {
+  margin: -4.5rem;
+}
+
+.c-mt-n6,
+.c-my-n6 {
+  margin-top: -4.5rem;
+}
+
+.c-mr-n6,
+.c-mx-n6 {
+  margin-right: -4.5rem;
+}
+
+.c-mb-n6,
+.c-my-n6 {
+  margin-bottom: -4.5rem;
+}
+
+.c-ml-n6,
+.c-mx-n6 {
+  margin-left: -4.5rem;
+}
+
+.c-m-n7 {
+  margin: -6rem;
+}
+
+.c-mt-n7,
+.c-my-n7 {
+  margin-top: -6rem;
+}
+
+.c-mr-n7,
+.c-mx-n7 {
+  margin-right: -6rem;
+}
+
+.c-mb-n7,
+.c-my-n7 {
+  margin-bottom: -6rem;
+}
+
+.c-ml-n7,
+.c-mx-n7 {
+  margin-left: -6rem;
+}
+
+.c-m-n8 {
+  margin: -7.5rem;
+}
+
+.c-mt-n8,
+.c-my-n8 {
+  margin-top: -7.5rem;
+}
+
+.c-mr-n8,
+.c-mx-n8 {
+  margin-right: -7.5rem;
+}
+
+.c-mb-n8,
+.c-my-n8 {
+  margin-bottom: -7.5rem;
+}
+
+.c-ml-n8,
+.c-mx-n8 {
+  margin-left: -7.5rem;
+}
+
 .c-m-auto {
   margin: auto;
 }
@@ -21427,6 +21649,54 @@ ul.autofit-row {
     padding-left: 7.5rem;
   }
 
+  .c-m-sm-n1 {
+    margin: -0.25rem;
+  }
+
+  .c-mt-sm-n1,
+.c-my-sm-n1 {
+    margin-top: -0.25rem;
+  }
+
+  .c-mr-sm-n1,
+.c-mx-sm-n1 {
+    margin-right: -0.25rem;
+  }
+
+  .c-mb-sm-n1,
+.c-my-sm-n1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .c-ml-sm-n1,
+.c-mx-sm-n1 {
+    margin-left: -0.25rem;
+  }
+
+  .c-m-sm-n2 {
+    margin: -0.5rem;
+  }
+
+  .c-mt-sm-n2,
+.c-my-sm-n2 {
+    margin-top: -0.5rem;
+  }
+
+  .c-mr-sm-n2,
+.c-mx-sm-n2 {
+    margin-right: -0.5rem;
+  }
+
+  .c-mb-sm-n2,
+.c-my-sm-n2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .c-ml-sm-n2,
+.c-mx-sm-n2 {
+    margin-left: -0.5rem;
+  }
+
   .c-m-sm-n3 {
     margin: -1rem;
   }
@@ -21451,6 +21721,126 @@ ul.autofit-row {
     margin-left: -1rem;
   }
 
+  .c-m-sm-n4 {
+    margin: -1.5rem;
+  }
+
+  .c-mt-sm-n4,
+.c-my-sm-n4 {
+    margin-top: -1.5rem;
+  }
+
+  .c-mr-sm-n4,
+.c-mx-sm-n4 {
+    margin-right: -1.5rem;
+  }
+
+  .c-mb-sm-n4,
+.c-my-sm-n4 {
+    margin-bottom: -1.5rem;
+  }
+
+  .c-ml-sm-n4,
+.c-mx-sm-n4 {
+    margin-left: -1.5rem;
+  }
+
+  .c-m-sm-n5 {
+    margin: -3rem;
+  }
+
+  .c-mt-sm-n5,
+.c-my-sm-n5 {
+    margin-top: -3rem;
+  }
+
+  .c-mr-sm-n5,
+.c-mx-sm-n5 {
+    margin-right: -3rem;
+  }
+
+  .c-mb-sm-n5,
+.c-my-sm-n5 {
+    margin-bottom: -3rem;
+  }
+
+  .c-ml-sm-n5,
+.c-mx-sm-n5 {
+    margin-left: -3rem;
+  }
+
+  .c-m-sm-n6 {
+    margin: -4.5rem;
+  }
+
+  .c-mt-sm-n6,
+.c-my-sm-n6 {
+    margin-top: -4.5rem;
+  }
+
+  .c-mr-sm-n6,
+.c-mx-sm-n6 {
+    margin-right: -4.5rem;
+  }
+
+  .c-mb-sm-n6,
+.c-my-sm-n6 {
+    margin-bottom: -4.5rem;
+  }
+
+  .c-ml-sm-n6,
+.c-mx-sm-n6 {
+    margin-left: -4.5rem;
+  }
+
+  .c-m-sm-n7 {
+    margin: -6rem;
+  }
+
+  .c-mt-sm-n7,
+.c-my-sm-n7 {
+    margin-top: -6rem;
+  }
+
+  .c-mr-sm-n7,
+.c-mx-sm-n7 {
+    margin-right: -6rem;
+  }
+
+  .c-mb-sm-n7,
+.c-my-sm-n7 {
+    margin-bottom: -6rem;
+  }
+
+  .c-ml-sm-n7,
+.c-mx-sm-n7 {
+    margin-left: -6rem;
+  }
+
+  .c-m-sm-n8 {
+    margin: -7.5rem;
+  }
+
+  .c-mt-sm-n8,
+.c-my-sm-n8 {
+    margin-top: -7.5rem;
+  }
+
+  .c-mr-sm-n8,
+.c-mx-sm-n8 {
+    margin-right: -7.5rem;
+  }
+
+  .c-mb-sm-n8,
+.c-my-sm-n8 {
+    margin-bottom: -7.5rem;
+  }
+
+  .c-ml-sm-n8,
+.c-mx-sm-n8 {
+    margin-left: -7.5rem;
+  }
+
   .c-m-sm-auto {
     margin: auto;
   }
@@ -21908,6 +22298,54 @@ ul.autofit-row {
     padding-left: 7.5rem;
   }
 
+  .c-m-md-n1 {
+    margin: -0.25rem;
+  }
+
+  .c-mt-md-n1,
+.c-my-md-n1 {
+    margin-top: -0.25rem;
+  }
+
+  .c-mr-md-n1,
+.c-mx-md-n1 {
+    margin-right: -0.25rem;
+  }
+
+  .c-mb-md-n1,
+.c-my-md-n1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .c-ml-md-n1,
+.c-mx-md-n1 {
+    margin-left: -0.25rem;
+  }
+
+  .c-m-md-n2 {
+    margin: -0.5rem;
+  }
+
+  .c-mt-md-n2,
+.c-my-md-n2 {
+    margin-top: -0.5rem;
+  }
+
+  .c-mr-md-n2,
+.c-mx-md-n2 {
+    margin-right: -0.5rem;
+  }
+
+  .c-mb-md-n2,
+.c-my-md-n2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .c-ml-md-n2,
+.c-mx-md-n2 {
+    margin-left: -0.5rem;
+  }
+
   .c-m-md-n3 {
     margin: -1rem;
   }
@@ -21932,6 +22370,126 @@ ul.autofit-row {
     margin-left: -1rem;
   }
 
+  .c-m-md-n4 {
+    margin: -1.5rem;
+  }
+
+  .c-mt-md-n4,
+.c-my-md-n4 {
+    margin-top: -1.5rem;
+  }
+
+  .c-mr-md-n4,
+.c-mx-md-n4 {
+    margin-right: -1.5rem;
+  }
+
+  .c-mb-md-n4,
+.c-my-md-n4 {
+    margin-bottom: -1.5rem;
+  }
+
+  .c-ml-md-n4,
+.c-mx-md-n4 {
+    margin-left: -1.5rem;
+  }
+
+  .c-m-md-n5 {
+    margin: -3rem;
+  }
+
+  .c-mt-md-n5,
+.c-my-md-n5 {
+    margin-top: -3rem;
+  }
+
+  .c-mr-md-n5,
+.c-mx-md-n5 {
+    margin-right: -3rem;
+  }
+
+  .c-mb-md-n5,
+.c-my-md-n5 {
+    margin-bottom: -3rem;
+  }
+
+  .c-ml-md-n5,
+.c-mx-md-n5 {
+    margin-left: -3rem;
+  }
+
+  .c-m-md-n6 {
+    margin: -4.5rem;
+  }
+
+  .c-mt-md-n6,
+.c-my-md-n6 {
+    margin-top: -4.5rem;
+  }
+
+  .c-mr-md-n6,
+.c-mx-md-n6 {
+    margin-right: -4.5rem;
+  }
+
+  .c-mb-md-n6,
+.c-my-md-n6 {
+    margin-bottom: -4.5rem;
+  }
+
+  .c-ml-md-n6,
+.c-mx-md-n6 {
+    margin-left: -4.5rem;
+  }
+
+  .c-m-md-n7 {
+    margin: -6rem;
+  }
+
+  .c-mt-md-n7,
+.c-my-md-n7 {
+    margin-top: -6rem;
+  }
+
+  .c-mr-md-n7,
+.c-mx-md-n7 {
+    margin-right: -6rem;
+  }
+
+  .c-mb-md-n7,
+.c-my-md-n7 {
+    margin-bottom: -6rem;
+  }
+
+  .c-ml-md-n7,
+.c-mx-md-n7 {
+    margin-left: -6rem;
+  }
+
+  .c-m-md-n8 {
+    margin: -7.5rem;
+  }
+
+  .c-mt-md-n8,
+.c-my-md-n8 {
+    margin-top: -7.5rem;
+  }
+
+  .c-mr-md-n8,
+.c-mx-md-n8 {
+    margin-right: -7.5rem;
+  }
+
+  .c-mb-md-n8,
+.c-my-md-n8 {
+    margin-bottom: -7.5rem;
+  }
+
+  .c-ml-md-n8,
+.c-mx-md-n8 {
+    margin-left: -7.5rem;
+  }
+
   .c-m-md-auto {
     margin: auto;
   }
@@ -22389,6 +22947,54 @@ ul.autofit-row {
     padding-left: 7.5rem;
   }
 
+  .c-m-lg-n1 {
+    margin: -0.25rem;
+  }
+
+  .c-mt-lg-n1,
+.c-my-lg-n1 {
+    margin-top: -0.25rem;
+  }
+
+  .c-mr-lg-n1,
+.c-mx-lg-n1 {
+    margin-right: -0.25rem;
+  }
+
+  .c-mb-lg-n1,
+.c-my-lg-n1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .c-ml-lg-n1,
+.c-mx-lg-n1 {
+    margin-left: -0.25rem;
+  }
+
+  .c-m-lg-n2 {
+    margin: -0.5rem;
+  }
+
+  .c-mt-lg-n2,
+.c-my-lg-n2 {
+    margin-top: -0.5rem;
+  }
+
+  .c-mr-lg-n2,
+.c-mx-lg-n2 {
+    margin-right: -0.5rem;
+  }
+
+  .c-mb-lg-n2,
+.c-my-lg-n2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .c-ml-lg-n2,
+.c-mx-lg-n2 {
+    margin-left: -0.5rem;
+  }
+
   .c-m-lg-n3 {
     margin: -1rem;
   }
@@ -22413,6 +23019,126 @@ ul.autofit-row {
     margin-left: -1rem;
   }
 
+  .c-m-lg-n4 {
+    margin: -1.5rem;
+  }
+
+  .c-mt-lg-n4,
+.c-my-lg-n4 {
+    margin-top: -1.5rem;
+  }
+
+  .c-mr-lg-n4,
+.c-mx-lg-n4 {
+    margin-right: -1.5rem;
+  }
+
+  .c-mb-lg-n4,
+.c-my-lg-n4 {
+    margin-bottom: -1.5rem;
+  }
+
+  .c-ml-lg-n4,
+.c-mx-lg-n4 {
+    margin-left: -1.5rem;
+  }
+
+  .c-m-lg-n5 {
+    margin: -3rem;
+  }
+
+  .c-mt-lg-n5,
+.c-my-lg-n5 {
+    margin-top: -3rem;
+  }
+
+  .c-mr-lg-n5,
+.c-mx-lg-n5 {
+    margin-right: -3rem;
+  }
+
+  .c-mb-lg-n5,
+.c-my-lg-n5 {
+    margin-bottom: -3rem;
+  }
+
+  .c-ml-lg-n5,
+.c-mx-lg-n5 {
+    margin-left: -3rem;
+  }
+
+  .c-m-lg-n6 {
+    margin: -4.5rem;
+  }
+
+  .c-mt-lg-n6,
+.c-my-lg-n6 {
+    margin-top: -4.5rem;
+  }
+
+  .c-mr-lg-n6,
+.c-mx-lg-n6 {
+    margin-right: -4.5rem;
+  }
+
+  .c-mb-lg-n6,
+.c-my-lg-n6 {
+    margin-bottom: -4.5rem;
+  }
+
+  .c-ml-lg-n6,
+.c-mx-lg-n6 {
+    margin-left: -4.5rem;
+  }
+
+  .c-m-lg-n7 {
+    margin: -6rem;
+  }
+
+  .c-mt-lg-n7,
+.c-my-lg-n7 {
+    margin-top: -6rem;
+  }
+
+  .c-mr-lg-n7,
+.c-mx-lg-n7 {
+    margin-right: -6rem;
+  }
+
+  .c-mb-lg-n7,
+.c-my-lg-n7 {
+    margin-bottom: -6rem;
+  }
+
+  .c-ml-lg-n7,
+.c-mx-lg-n7 {
+    margin-left: -6rem;
+  }
+
+  .c-m-lg-n8 {
+    margin: -7.5rem;
+  }
+
+  .c-mt-lg-n8,
+.c-my-lg-n8 {
+    margin-top: -7.5rem;
+  }
+
+  .c-mr-lg-n8,
+.c-mx-lg-n8 {
+    margin-right: -7.5rem;
+  }
+
+  .c-mb-lg-n8,
+.c-my-lg-n8 {
+    margin-bottom: -7.5rem;
+  }
+
+  .c-ml-lg-n8,
+.c-mx-lg-n8 {
+    margin-left: -7.5rem;
+  }
+
   .c-m-lg-auto {
     margin: auto;
   }
@@ -22870,6 +23596,54 @@ ul.autofit-row {
     padding-left: 7.5rem;
   }
 
+  .c-m-xl-n1 {
+    margin: -0.25rem;
+  }
+
+  .c-mt-xl-n1,
+.c-my-xl-n1 {
+    margin-top: -0.25rem;
+  }
+
+  .c-mr-xl-n1,
+.c-mx-xl-n1 {
+    margin-right: -0.25rem;
+  }
+
+  .c-mb-xl-n1,
+.c-my-xl-n1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .c-ml-xl-n1,
+.c-mx-xl-n1 {
+    margin-left: -0.25rem;
+  }
+
+  .c-m-xl-n2 {
+    margin: -0.5rem;
+  }
+
+  .c-mt-xl-n2,
+.c-my-xl-n2 {
+    margin-top: -0.5rem;
+  }
+
+  .c-mr-xl-n2,
+.c-mx-xl-n2 {
+    margin-right: -0.5rem;
+  }
+
+  .c-mb-xl-n2,
+.c-my-xl-n2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .c-ml-xl-n2,
+.c-mx-xl-n2 {
+    margin-left: -0.5rem;
+  }
+
   .c-m-xl-n3 {
     margin: -1rem;
   }
@@ -22894,6 +23668,126 @@ ul.autofit-row {
     margin-left: -1rem;
   }
 
+  .c-m-xl-n4 {
+    margin: -1.5rem;
+  }
+
+  .c-mt-xl-n4,
+.c-my-xl-n4 {
+    margin-top: -1.5rem;
+  }
+
+  .c-mr-xl-n4,
+.c-mx-xl-n4 {
+    margin-right: -1.5rem;
+  }
+
+  .c-mb-xl-n4,
+.c-my-xl-n4 {
+    margin-bottom: -1.5rem;
+  }
+
+  .c-ml-xl-n4,
+.c-mx-xl-n4 {
+    margin-left: -1.5rem;
+  }
+
+  .c-m-xl-n5 {
+    margin: -3rem;
+  }
+
+  .c-mt-xl-n5,
+.c-my-xl-n5 {
+    margin-top: -3rem;
+  }
+
+  .c-mr-xl-n5,
+.c-mx-xl-n5 {
+    margin-right: -3rem;
+  }
+
+  .c-mb-xl-n5,
+.c-my-xl-n5 {
+    margin-bottom: -3rem;
+  }
+
+  .c-ml-xl-n5,
+.c-mx-xl-n5 {
+    margin-left: -3rem;
+  }
+
+  .c-m-xl-n6 {
+    margin: -4.5rem;
+  }
+
+  .c-mt-xl-n6,
+.c-my-xl-n6 {
+    margin-top: -4.5rem;
+  }
+
+  .c-mr-xl-n6,
+.c-mx-xl-n6 {
+    margin-right: -4.5rem;
+  }
+
+  .c-mb-xl-n6,
+.c-my-xl-n6 {
+    margin-bottom: -4.5rem;
+  }
+
+  .c-ml-xl-n6,
+.c-mx-xl-n6 {
+    margin-left: -4.5rem;
+  }
+
+  .c-m-xl-n7 {
+    margin: -6rem;
+  }
+
+  .c-mt-xl-n7,
+.c-my-xl-n7 {
+    margin-top: -6rem;
+  }
+
+  .c-mr-xl-n7,
+.c-mx-xl-n7 {
+    margin-right: -6rem;
+  }
+
+  .c-mb-xl-n7,
+.c-my-xl-n7 {
+    margin-bottom: -6rem;
+  }
+
+  .c-ml-xl-n7,
+.c-mx-xl-n7 {
+    margin-left: -6rem;
+  }
+
+  .c-m-xl-n8 {
+    margin: -7.5rem;
+  }
+
+  .c-mt-xl-n8,
+.c-my-xl-n8 {
+    margin-top: -7.5rem;
+  }
+
+  .c-mr-xl-n8,
+.c-mx-xl-n8 {
+    margin-right: -7.5rem;
+  }
+
+  .c-mb-xl-n8,
+.c-my-xl-n8 {
+    margin-bottom: -7.5rem;
+  }
+
+  .c-ml-xl-n8,
+.c-mx-xl-n8 {
+    margin-left: -7.5rem;
+  }
+
   .c-m-xl-auto {
     margin: auto;
   }
@@ -24777,51 +25671,51 @@ button.bg-dark:focus {
 }
 
 .m-n1 {
-  margin: !important;
+  margin: -0.25rem !important;
 }
 
 .mt-n1,
 .my-n1 {
-  margin-top: !important;
+  margin-top: -0.25rem !important;
 }
 
 .mr-n1,
 .mx-n1 {
-  margin-right: !important;
+  margin-right: -0.25rem !important;
 }
 
 .mb-n1,
 .my-n1 {
-  margin-bottom: !important;
+  margin-bottom: -0.25rem !important;
 }
 
 .ml-n1,
 .mx-n1 {
-  margin-left: !important;
+  margin-left: -0.25rem !important;
 }
 
 .m-n2 {
-  margin: !important;
+  margin: -0.5rem !important;
 }
 
 .mt-n2,
 .my-n2 {
-  margin-top: !important;
+  margin-top: -0.5rem !important;
 }
 
 .mr-n2,
 .mx-n2 {
-  margin-right: !important;
+  margin-right: -0.5rem !important;
 }
 
 .mb-n2,
 .my-n2 {
-  margin-bottom: !important;
+  margin-bottom: -0.5rem !important;
 }
 
 .ml-n2,
 .mx-n2 {
-  margin-left: !important;
+  margin-left: -0.5rem !important;
 }
 
 .m-n3 {
@@ -24849,123 +25743,123 @@ button.bg-dark:focus {
 }
 
 .m-n4 {
-  margin: !important;
+  margin: -1.5rem !important;
 }
 
 .mt-n4,
 .my-n4 {
-  margin-top: !important;
+  margin-top: -1.5rem !important;
 }
 
 .mr-n4,
 .mx-n4 {
-  margin-right: !important;
+  margin-right: -1.5rem !important;
 }
 
 .mb-n4,
 .my-n4 {
-  margin-bottom: !important;
+  margin-bottom: -1.5rem !important;
 }
 
 .ml-n4,
 .mx-n4 {
-  margin-left: !important;
+  margin-left: -1.5rem !important;
 }
 
 .m-n5 {
-  margin: !important;
+  margin: -3rem !important;
 }
 
 .mt-n5,
 .my-n5 {
-  margin-top: !important;
+  margin-top: -3rem !important;
 }
 
 .mr-n5,
 .mx-n5 {
-  margin-right: !important;
+  margin-right: -3rem !important;
 }
 
 .mb-n5,
 .my-n5 {
-  margin-bottom: !important;
+  margin-bottom: -3rem !important;
 }
 
 .ml-n5,
 .mx-n5 {
-  margin-left: !important;
+  margin-left: -3rem !important;
 }
 
 .m-n6 {
-  margin: !important;
+  margin: -4.5rem !important;
 }
 
 .mt-n6,
 .my-n6 {
-  margin-top: !important;
+  margin-top: -4.5rem !important;
 }
 
 .mr-n6,
 .mx-n6 {
-  margin-right: !important;
+  margin-right: -4.5rem !important;
 }
 
 .mb-n6,
 .my-n6 {
-  margin-bottom: !important;
+  margin-bottom: -4.5rem !important;
 }
 
 .ml-n6,
 .mx-n6 {
-  margin-left: !important;
+  margin-left: -4.5rem !important;
 }
 
 .m-n7 {
-  margin: !important;
+  margin: -6rem !important;
 }
 
 .mt-n7,
 .my-n7 {
-  margin-top: !important;
+  margin-top: -6rem !important;
 }
 
 .mr-n7,
 .mx-n7 {
-  margin-right: !important;
+  margin-right: -6rem !important;
 }
 
 .mb-n7,
 .my-n7 {
-  margin-bottom: !important;
+  margin-bottom: -6rem !important;
 }
 
 .ml-n7,
 .mx-n7 {
-  margin-left: !important;
+  margin-left: -6rem !important;
 }
 
 .m-n8 {
-  margin: !important;
+  margin: -7.5rem !important;
 }
 
 .mt-n8,
 .my-n8 {
-  margin-top: !important;
+  margin-top: -7.5rem !important;
 }
 
 .mr-n8,
 .mx-n8 {
-  margin-right: !important;
+  margin-right: -7.5rem !important;
 }
 
 .mb-n8,
 .my-n8 {
-  margin-bottom: !important;
+  margin-bottom: -7.5rem !important;
 }
 
 .ml-n8,
 .mx-n8 {
-  margin-left: !important;
+  margin-left: -7.5rem !important;
 }
 
 .m-auto {
@@ -25426,51 +26320,51 @@ button.bg-dark:focus {
   }
 
   .m-sm-n1 {
-    margin: !important;
+    margin: -0.25rem !important;
   }
 
   .mt-sm-n1,
 .my-sm-n1 {
-    margin-top: !important;
+    margin-top: -0.25rem !important;
   }
 
   .mr-sm-n1,
 .mx-sm-n1 {
-    margin-right: !important;
+    margin-right: -0.25rem !important;
   }
 
   .mb-sm-n1,
 .my-sm-n1 {
-    margin-bottom: !important;
+    margin-bottom: -0.25rem !important;
   }
 
   .ml-sm-n1,
 .mx-sm-n1 {
-    margin-left: !important;
+    margin-left: -0.25rem !important;
   }
 
   .m-sm-n2 {
-    margin: !important;
+    margin: -0.5rem !important;
   }
 
   .mt-sm-n2,
 .my-sm-n2 {
-    margin-top: !important;
+    margin-top: -0.5rem !important;
   }
 
   .mr-sm-n2,
 .mx-sm-n2 {
-    margin-right: !important;
+    margin-right: -0.5rem !important;
   }
 
   .mb-sm-n2,
 .my-sm-n2 {
-    margin-bottom: !important;
+    margin-bottom: -0.5rem !important;
   }
 
   .ml-sm-n2,
 .mx-sm-n2 {
-    margin-left: !important;
+    margin-left: -0.5rem !important;
   }
 
   .m-sm-n3 {
@@ -25498,123 +26392,123 @@ button.bg-dark:focus {
   }
 
   .m-sm-n4 {
-    margin: !important;
+    margin: -1.5rem !important;
   }
 
   .mt-sm-n4,
 .my-sm-n4 {
-    margin-top: !important;
+    margin-top: -1.5rem !important;
   }
 
   .mr-sm-n4,
 .mx-sm-n4 {
-    margin-right: !important;
+    margin-right: -1.5rem !important;
   }
 
   .mb-sm-n4,
 .my-sm-n4 {
-    margin-bottom: !important;
+    margin-bottom: -1.5rem !important;
   }
 
   .ml-sm-n4,
 .mx-sm-n4 {
-    margin-left: !important;
+    margin-left: -1.5rem !important;
   }
 
   .m-sm-n5 {
-    margin: !important;
+    margin: -3rem !important;
   }
 
   .mt-sm-n5,
 .my-sm-n5 {
-    margin-top: !important;
+    margin-top: -3rem !important;
   }
 
   .mr-sm-n5,
 .mx-sm-n5 {
-    margin-right: !important;
+    margin-right: -3rem !important;
   }
 
   .mb-sm-n5,
 .my-sm-n5 {
-    margin-bottom: !important;
+    margin-bottom: -3rem !important;
   }
 
   .ml-sm-n5,
 .mx-sm-n5 {
-    margin-left: !important;
+    margin-left: -3rem !important;
   }
 
   .m-sm-n6 {
-    margin: !important;
+    margin: -4.5rem !important;
   }
 
   .mt-sm-n6,
 .my-sm-n6 {
-    margin-top: !important;
+    margin-top: -4.5rem !important;
   }
 
   .mr-sm-n6,
 .mx-sm-n6 {
-    margin-right: !important;
+    margin-right: -4.5rem !important;
   }
 
   .mb-sm-n6,
 .my-sm-n6 {
-    margin-bottom: !important;
+    margin-bottom: -4.5rem !important;
   }
 
   .ml-sm-n6,
 .mx-sm-n6 {
-    margin-left: !important;
+    margin-left: -4.5rem !important;
   }
 
   .m-sm-n7 {
-    margin: !important;
+    margin: -6rem !important;
   }
 
   .mt-sm-n7,
 .my-sm-n7 {
-    margin-top: !important;
+    margin-top: -6rem !important;
   }
 
   .mr-sm-n7,
 .mx-sm-n7 {
-    margin-right: !important;
+    margin-right: -6rem !important;
   }
 
   .mb-sm-n7,
 .my-sm-n7 {
-    margin-bottom: !important;
+    margin-bottom: -6rem !important;
   }
 
   .ml-sm-n7,
 .mx-sm-n7 {
-    margin-left: !important;
+    margin-left: -6rem !important;
   }
 
   .m-sm-n8 {
-    margin: !important;
+    margin: -7.5rem !important;
   }
 
   .mt-sm-n8,
 .my-sm-n8 {
-    margin-top: !important;
+    margin-top: -7.5rem !important;
   }
 
   .mr-sm-n8,
 .mx-sm-n8 {
-    margin-right: !important;
+    margin-right: -7.5rem !important;
   }
 
   .mb-sm-n8,
 .my-sm-n8 {
-    margin-bottom: !important;
+    margin-bottom: -7.5rem !important;
   }
 
   .ml-sm-n8,
 .mx-sm-n8 {
-    margin-left: !important;
+    margin-left: -7.5rem !important;
   }
 
   .m-sm-auto {
@@ -26075,51 +26969,51 @@ button.bg-dark:focus {
   }
 
   .m-md-n1 {
-    margin: !important;
+    margin: -0.25rem !important;
   }
 
   .mt-md-n1,
 .my-md-n1 {
-    margin-top: !important;
+    margin-top: -0.25rem !important;
   }
 
   .mr-md-n1,
 .mx-md-n1 {
-    margin-right: !important;
+    margin-right: -0.25rem !important;
   }
 
   .mb-md-n1,
 .my-md-n1 {
-    margin-bottom: !important;
+    margin-bottom: -0.25rem !important;
   }
 
   .ml-md-n1,
 .mx-md-n1 {
-    margin-left: !important;
+    margin-left: -0.25rem !important;
   }
 
   .m-md-n2 {
-    margin: !important;
+    margin: -0.5rem !important;
   }
 
   .mt-md-n2,
 .my-md-n2 {
-    margin-top: !important;
+    margin-top: -0.5rem !important;
   }
 
   .mr-md-n2,
 .mx-md-n2 {
-    margin-right: !important;
+    margin-right: -0.5rem !important;
   }
 
   .mb-md-n2,
 .my-md-n2 {
-    margin-bottom: !important;
+    margin-bottom: -0.5rem !important;
   }
 
   .ml-md-n2,
 .mx-md-n2 {
-    margin-left: !important;
+    margin-left: -0.5rem !important;
   }
 
   .m-md-n3 {
@@ -26147,123 +27041,123 @@ button.bg-dark:focus {
   }
 
   .m-md-n4 {
-    margin: !important;
+    margin: -1.5rem !important;
   }
 
   .mt-md-n4,
 .my-md-n4 {
-    margin-top: !important;
+    margin-top: -1.5rem !important;
   }
 
   .mr-md-n4,
 .mx-md-n4 {
-    margin-right: !important;
+    margin-right: -1.5rem !important;
   }
 
   .mb-md-n4,
 .my-md-n4 {
-    margin-bottom: !important;
+    margin-bottom: -1.5rem !important;
   }
 
   .ml-md-n4,
 .mx-md-n4 {
-    margin-left: !important;
+    margin-left: -1.5rem !important;
   }
 
   .m-md-n5 {
-    margin: !important;
+    margin: -3rem !important;
   }
 
   .mt-md-n5,
 .my-md-n5 {
-    margin-top: !important;
+    margin-top: -3rem !important;
   }
 
   .mr-md-n5,
 .mx-md-n5 {
-    margin-right: !important;
+    margin-right: -3rem !important;
   }
 
   .mb-md-n5,
 .my-md-n5 {
-    margin-bottom: !important;
+    margin-bottom: -3rem !important;
   }
 
   .ml-md-n5,
 .mx-md-n5 {
-    margin-left: !important;
+    margin-left: -3rem !important;
   }
 
   .m-md-n6 {
-    margin: !important;
+    margin: -4.5rem !important;
   }
 
   .mt-md-n6,
 .my-md-n6 {
-    margin-top: !important;
+    margin-top: -4.5rem !important;
   }
 
   .mr-md-n6,
 .mx-md-n6 {
-    margin-right: !important;
+    margin-right: -4.5rem !important;
   }
 
   .mb-md-n6,
 .my-md-n6 {
-    margin-bottom: !important;
+    margin-bottom: -4.5rem !important;
   }
 
   .ml-md-n6,
 .mx-md-n6 {
-    margin-left: !important;
+    margin-left: -4.5rem !important;
   }
 
   .m-md-n7 {
-    margin: !important;
+    margin: -6rem !important;
   }
 
   .mt-md-n7,
 .my-md-n7 {
-    margin-top: !important;
+    margin-top: -6rem !important;
   }
 
   .mr-md-n7,
 .mx-md-n7 {
-    margin-right: !important;
+    margin-right: -6rem !important;
   }
 
   .mb-md-n7,
 .my-md-n7 {
-    margin-bottom: !important;
+    margin-bottom: -6rem !important;
   }
 
   .ml-md-n7,
 .mx-md-n7 {
-    margin-left: !important;
+    margin-left: -6rem !important;
   }
 
   .m-md-n8 {
-    margin: !important;
+    margin: -7.5rem !important;
   }
 
   .mt-md-n8,
 .my-md-n8 {
-    margin-top: !important;
+    margin-top: -7.5rem !important;
   }
 
   .mr-md-n8,
 .mx-md-n8 {
-    margin-right: !important;
+    margin-right: -7.5rem !important;
   }
 
   .mb-md-n8,
 .my-md-n8 {
-    margin-bottom: !important;
+    margin-bottom: -7.5rem !important;
   }
 
   .ml-md-n8,
 .mx-md-n8 {
-    margin-left: !important;
+    margin-left: -7.5rem !important;
   }
 
   .m-md-auto {
@@ -26724,51 +27618,51 @@ button.bg-dark:focus {
   }
 
   .m-lg-n1 {
-    margin: !important;
+    margin: -0.25rem !important;
   }
 
   .mt-lg-n1,
 .my-lg-n1 {
-    margin-top: !important;
+    margin-top: -0.25rem !important;
   }
 
   .mr-lg-n1,
 .mx-lg-n1 {
-    margin-right: !important;
+    margin-right: -0.25rem !important;
   }
 
   .mb-lg-n1,
 .my-lg-n1 {
-    margin-bottom: !important;
+    margin-bottom: -0.25rem !important;
   }
 
   .ml-lg-n1,
 .mx-lg-n1 {
-    margin-left: !important;
+    margin-left: -0.25rem !important;
   }
 
   .m-lg-n2 {
-    margin: !important;
+    margin: -0.5rem !important;
   }
 
   .mt-lg-n2,
 .my-lg-n2 {
-    margin-top: !important;
+    margin-top: -0.5rem !important;
   }
 
   .mr-lg-n2,
 .mx-lg-n2 {
-    margin-right: !important;
+    margin-right: -0.5rem !important;
   }
 
   .mb-lg-n2,
 .my-lg-n2 {
-    margin-bottom: !important;
+    margin-bottom: -0.5rem !important;
   }
 
   .ml-lg-n2,
 .mx-lg-n2 {
-    margin-left: !important;
+    margin-left: -0.5rem !important;
   }
 
   .m-lg-n3 {
@@ -26796,123 +27690,123 @@ button.bg-dark:focus {
   }
 
   .m-lg-n4 {
-    margin: !important;
+    margin: -1.5rem !important;
   }
 
   .mt-lg-n4,
 .my-lg-n4 {
-    margin-top: !important;
+    margin-top: -1.5rem !important;
   }
 
   .mr-lg-n4,
 .mx-lg-n4 {
-    margin-right: !important;
+    margin-right: -1.5rem !important;
   }
 
   .mb-lg-n4,
 .my-lg-n4 {
-    margin-bottom: !important;
+    margin-bottom: -1.5rem !important;
   }
 
   .ml-lg-n4,
 .mx-lg-n4 {
-    margin-left: !important;
+    margin-left: -1.5rem !important;
   }
 
   .m-lg-n5 {
-    margin: !important;
+    margin: -3rem !important;
   }
 
   .mt-lg-n5,
 .my-lg-n5 {
-    margin-top: !important;
+    margin-top: -3rem !important;
   }
 
   .mr-lg-n5,
 .mx-lg-n5 {
-    margin-right: !important;
+    margin-right: -3rem !important;
   }
 
   .mb-lg-n5,
 .my-lg-n5 {
-    margin-bottom: !important;
+    margin-bottom: -3rem !important;
   }
 
   .ml-lg-n5,
 .mx-lg-n5 {
-    margin-left: !important;
+    margin-left: -3rem !important;
   }
 
   .m-lg-n6 {
-    margin: !important;
+    margin: -4.5rem !important;
   }
 
   .mt-lg-n6,
 .my-lg-n6 {
-    margin-top: !important;
+    margin-top: -4.5rem !important;
   }
 
   .mr-lg-n6,
 .mx-lg-n6 {
-    margin-right: !important;
+    margin-right: -4.5rem !important;
   }
 
   .mb-lg-n6,
 .my-lg-n6 {
-    margin-bottom: !important;
+    margin-bottom: -4.5rem !important;
   }
 
   .ml-lg-n6,
 .mx-lg-n6 {
-    margin-left: !important;
+    margin-left: -4.5rem !important;
   }
 
   .m-lg-n7 {
-    margin: !important;
+    margin: -6rem !important;
   }
 
   .mt-lg-n7,
 .my-lg-n7 {
-    margin-top: !important;
+    margin-top: -6rem !important;
   }
 
   .mr-lg-n7,
 .mx-lg-n7 {
-    margin-right: !important;
+    margin-right: -6rem !important;
   }
 
   .mb-lg-n7,
 .my-lg-n7 {
-    margin-bottom: !important;
+    margin-bottom: -6rem !important;
   }
 
   .ml-lg-n7,
 .mx-lg-n7 {
-    margin-left: !important;
+    margin-left: -6rem !important;
   }
 
   .m-lg-n8 {
-    margin: !important;
+    margin: -7.5rem !important;
   }
 
   .mt-lg-n8,
 .my-lg-n8 {
-    margin-top: !important;
+    margin-top: -7.5rem !important;
   }
 
   .mr-lg-n8,
 .mx-lg-n8 {
-    margin-right: !important;
+    margin-right: -7.5rem !important;
   }
 
   .mb-lg-n8,
 .my-lg-n8 {
-    margin-bottom: !important;
+    margin-bottom: -7.5rem !important;
   }
 
   .ml-lg-n8,
 .mx-lg-n8 {
-    margin-left: !important;
+    margin-left: -7.5rem !important;
   }
 
   .m-lg-auto {
@@ -27373,51 +28267,51 @@ button.bg-dark:focus {
   }
 
   .m-xl-n1 {
-    margin: !important;
+    margin: -0.25rem !important;
   }
 
   .mt-xl-n1,
 .my-xl-n1 {
-    margin-top: !important;
+    margin-top: -0.25rem !important;
   }
 
   .mr-xl-n1,
 .mx-xl-n1 {
-    margin-right: !important;
+    margin-right: -0.25rem !important;
   }
 
   .mb-xl-n1,
 .my-xl-n1 {
-    margin-bottom: !important;
+    margin-bottom: -0.25rem !important;
   }
 
   .ml-xl-n1,
 .mx-xl-n1 {
-    margin-left: !important;
+    margin-left: -0.25rem !important;
   }
 
   .m-xl-n2 {
-    margin: !important;
+    margin: -0.5rem !important;
   }
 
   .mt-xl-n2,
 .my-xl-n2 {
-    margin-top: !important;
+    margin-top: -0.5rem !important;
   }
 
   .mr-xl-n2,
 .mx-xl-n2 {
-    margin-right: !important;
+    margin-right: -0.5rem !important;
   }
 
   .mb-xl-n2,
 .my-xl-n2 {
-    margin-bottom: !important;
+    margin-bottom: -0.5rem !important;
   }
 
   .ml-xl-n2,
 .mx-xl-n2 {
-    margin-left: !important;
+    margin-left: -0.5rem !important;
   }
 
   .m-xl-n3 {
@@ -27445,123 +28339,123 @@ button.bg-dark:focus {
   }
 
   .m-xl-n4 {
-    margin: !important;
+    margin: -1.5rem !important;
   }
 
   .mt-xl-n4,
 .my-xl-n4 {
-    margin-top: !important;
+    margin-top: -1.5rem !important;
   }
 
   .mr-xl-n4,
 .mx-xl-n4 {
-    margin-right: !important;
+    margin-right: -1.5rem !important;
   }
 
   .mb-xl-n4,
 .my-xl-n4 {
-    margin-bottom: !important;
+    margin-bottom: -1.5rem !important;
   }
 
   .ml-xl-n4,
 .mx-xl-n4 {
-    margin-left: !important;
+    margin-left: -1.5rem !important;
   }
 
   .m-xl-n5 {
-    margin: !important;
+    margin: -3rem !important;
   }
 
   .mt-xl-n5,
 .my-xl-n5 {
-    margin-top: !important;
+    margin-top: -3rem !important;
   }
 
   .mr-xl-n5,
 .mx-xl-n5 {
-    margin-right: !important;
+    margin-right: -3rem !important;
   }
 
   .mb-xl-n5,
 .my-xl-n5 {
-    margin-bottom: !important;
+    margin-bottom: -3rem !important;
   }
 
   .ml-xl-n5,
 .mx-xl-n5 {
-    margin-left: !important;
+    margin-left: -3rem !important;
   }
 
   .m-xl-n6 {
-    margin: !important;
+    margin: -4.5rem !important;
   }
 
   .mt-xl-n6,
 .my-xl-n6 {
-    margin-top: !important;
+    margin-top: -4.5rem !important;
   }
 
   .mr-xl-n6,
 .mx-xl-n6 {
-    margin-right: !important;
+    margin-right: -4.5rem !important;
   }
 
   .mb-xl-n6,
 .my-xl-n6 {
-    margin-bottom: !important;
+    margin-bottom: -4.5rem !important;
   }
 
   .ml-xl-n6,
 .mx-xl-n6 {
-    margin-left: !important;
+    margin-left: -4.5rem !important;
   }
 
   .m-xl-n7 {
-    margin: !important;
+    margin: -6rem !important;
   }
 
   .mt-xl-n7,
 .my-xl-n7 {
-    margin-top: !important;
+    margin-top: -6rem !important;
   }
 
   .mr-xl-n7,
 .mx-xl-n7 {
-    margin-right: !important;
+    margin-right: -6rem !important;
   }
 
   .mb-xl-n7,
 .my-xl-n7 {
-    margin-bottom: !important;
+    margin-bottom: -6rem !important;
   }
 
   .ml-xl-n7,
 .mx-xl-n7 {
-    margin-left: !important;
+    margin-left: -6rem !important;
   }
 
   .m-xl-n8 {
-    margin: !important;
+    margin: -7.5rem !important;
   }
 
   .mt-xl-n8,
 .my-xl-n8 {
-    margin-top: !important;
+    margin-top: -7.5rem !important;
   }
 
   .mr-xl-n8,
 .mx-xl-n8 {
-    margin-right: !important;
+    margin-right: -7.5rem !important;
   }
 
   .mb-xl-n8,
 .my-xl-n8 {
-    margin-bottom: !important;
+    margin-bottom: -7.5rem !important;
   }
 
   .ml-xl-n8,
 .mx-xl-n8 {
-    margin-left: !important;
+    margin-left: -7.5rem !important;
   }
 
   .m-xl-auto {
@@ -27896,28 +28790,31 @@ a.text-dark:hover, a.text-dark:focus {
   }
 }
 .loading-animation {
-  animation: loading-animation-circle 1s linear infinite;
   display: block;
   height: 1em;
   margin-left: auto;
   margin-right: auto;
+  overflow: hidden;
   position: relative;
   text-align: left;
   vertical-align: middle;
   width: 1em;
 }
 .loading-animation::before {
+  animation: loading-animation-circle 1s linear infinite;
   border-radius: 50%;
   box-shadow: -0.03125em -0.375em 0 0 currentColor;
   content: "";
   height: 0.25em;
   left: 50%;
+  margin-left: -0.125em;
+  margin-top: -0.125em;
   position: absolute;
   top: 50%;
-  transform: translate(-50%, -50%);
   width: 0.25em;
 }
 .loading-animation::after {
+  animation: loading-animation-circle 1s linear infinite;
   background-color: currentColor;
   border-radius: 50%;
   content: "";