@shohojdhara/atomix 0.6.7 → 0.6.9

package/dist/atomix.css

@@ -12973,6 +12973,11 @@ body.is-open-photoviewer {
   color: rgba(63.75, 73.1, 88.4, var(--atomix-u-link-opacity, 1)) !important;
   text-decoration-color: rgba(63.75, 73.1, 88.4, var(--atomix-u-link-underline-opacity, 1)) !important;
 }
+.u-text-gradient {
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
 .u-visually-hidden {
   border: 0;
   clip: rect(0 0 0 0);
@@ -14340,104 +14345,104 @@ body.is-open-photoviewer {
 }
 @media (min-width: 0) {
   .u-border-opacity-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 576px) {
   .u-border-opacity-sm-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-sm-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-sm-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-sm-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-sm-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 768px) {
   .u-border-opacity-md-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-md-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-md-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-md-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-md-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 992px) {
   .u-border-opacity-lg-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-lg-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-lg-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-lg-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-lg-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 1200px) {
   .u-border-opacity-xl-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-xl-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-xl-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-xl-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-xl-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 1440px) {
   .u-border-opacity-xxl-10 {
-    --atomix-u-u-border-opacity-10: 0.1;
+    --atomix-u-u-border-opacity: 0.1;
   }
   .u-border-opacity-xxl-25 {
-    --atomix-u-u-border-opacity-25: 0.25;
+    --atomix-u-u-border-opacity: 0.25;
   }
   .u-border-opacity-xxl-50 {
-    --atomix-u-u-border-opacity-50: 0.5;
+    --atomix-u-u-border-opacity: 0.5;
   }
   .u-border-opacity-xxl-75 {
-    --atomix-u-u-border-opacity-75: 0.75;
+    --atomix-u-u-border-opacity: 0.75;
   }
   .u-border-opacity-xxl-100 {
-    --atomix-u-u-border-opacity-100: 1;
+    --atomix-u-u-border-opacity: 1;
   }
 }
 @media (min-width: 0) {
@@ -16822,170 +16827,170 @@ body.is-open-photoviewer {
   }
 }
 @media (min-width: 0) {
-  .u-link-opacityhover-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 576px) {
-  .u-link-opacityhover-sm-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-sm-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-sm-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-sm-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-sm-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-sm-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-sm-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-sm-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-sm-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-sm-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 768px) {
-  .u-link-opacityhover-md-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-md-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-md-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-md-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-md-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-md-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-md-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-md-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-md-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-md-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 992px) {
-  .u-link-opacityhover-lg-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-lg-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-lg-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-lg-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-lg-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-lg-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-lg-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-lg-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-lg-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-lg-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 1200px) {
-  .u-link-opacityhover-xl-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-xl-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-xl-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-xl-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-xl-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-xl-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-xl-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-xl-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-xl-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-xl-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 1440px) {
-  .u-link-opacityhover-xxl-10 {
-    --atomix-u-u-link-opacity-10: 0.1;
+  .u-link-opacity-xxl-10:hover {
+    --atomix-u-u-link-opacity: 0.1;
   }
-  .u-link-opacityhover-xxl-25 {
-    --atomix-u-u-link-opacity-25: 0.25;
+  .u-link-opacity-xxl-25:hover {
+    --atomix-u-u-link-opacity: 0.25;
   }
-  .u-link-opacityhover-xxl-50 {
-    --atomix-u-u-link-opacity-50: 0.5;
+  .u-link-opacity-xxl-50:hover {
+    --atomix-u-u-link-opacity: 0.5;
   }
-  .u-link-opacityhover-xxl-75 {
-    --atomix-u-u-link-opacity-75: 0.75;
+  .u-link-opacity-xxl-75:hover {
+    --atomix-u-u-link-opacity: 0.75;
   }
-  .u-link-opacityhover-xxl-100 {
-    --atomix-u-u-link-opacity-100: 1;
+  .u-link-opacity-xxl-100:hover {
+    --atomix-u-u-link-opacity: 1;
   }
 }
 @media (min-width: 0) {
-  .u-link-offsethover-1 {
+  .u-link-offset-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-2 {
+  .u-link-offset-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-3 {
+  .u-link-offset-3:hover {
     text-underline-offset: 0.375em;
   }
 }
 @media (min-width: 576px) {
-  .u-link-offsethover-sm-1 {
+  .u-link-offset-sm-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-sm-2 {
+  .u-link-offset-sm-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-sm-3 {
+  .u-link-offset-sm-3:hover {
     text-underline-offset: 0.375em;
   }
 }
 @media (min-width: 768px) {
-  .u-link-offsethover-md-1 {
+  .u-link-offset-md-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-md-2 {
+  .u-link-offset-md-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-md-3 {
+  .u-link-offset-md-3:hover {
     text-underline-offset: 0.375em;
   }
 }
 @media (min-width: 992px) {
-  .u-link-offsethover-lg-1 {
+  .u-link-offset-lg-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-lg-2 {
+  .u-link-offset-lg-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-lg-3 {
+  .u-link-offset-lg-3:hover {
     text-underline-offset: 0.375em;
   }
 }
 @media (min-width: 1200px) {
-  .u-link-offsethover-xl-1 {
+  .u-link-offset-xl-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-xl-2 {
+  .u-link-offset-xl-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-xl-3 {
+  .u-link-offset-xl-3:hover {
     text-underline-offset: 0.375em;
   }
 }
 @media (min-width: 1440px) {
-  .u-link-offsethover-xxl-1 {
+  .u-link-offset-xxl-1:hover {
     text-underline-offset: 0.125em;
   }
-  .u-link-offsethover-xxl-2 {
+  .u-link-offset-xxl-2:hover {
     text-underline-offset: 0.25em;
   }
-  .u-link-offsethover-xxl-3 {
+  .u-link-offset-xxl-3:hover {
     text-underline-offset: 0.375em;
   }
 }
@@ -17266,123 +17271,123 @@ body.is-open-photoviewer {
   }
 }
 @media (min-width: 0) {
-  .u-link-underline-opacityhover-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 576px) {
-  .u-link-underline-opacityhover-sm-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-sm-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-sm-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-sm-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-sm-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-sm-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-sm-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-sm-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-sm-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-sm-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-sm-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-sm-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 768px) {
-  .u-link-underline-opacityhover-md-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-md-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-md-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-md-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-md-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-md-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-md-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-md-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-md-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-md-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-md-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-md-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 992px) {
-  .u-link-underline-opacityhover-lg-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-lg-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-lg-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-lg-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-lg-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-lg-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-lg-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-lg-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-lg-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-lg-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-lg-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-lg-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 1200px) {
-  .u-link-underline-opacityhover-xl-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-xl-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-xl-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-xl-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-xl-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-xl-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-xl-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-xl-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-xl-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-xl-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-xl-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-xl-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 1440px) {
-  .u-link-underline-opacityhover-xxl-0 {
-    --atomix-u-u-link-underline-opacity-0: 0;
+  .u-link-underline-opacity-xxl-0:hover {
+    --atomix-u-u-link-underline-opacity: 0;
   }
-  .u-link-underline-opacityhover-xxl-10 {
-    --atomix-u-u-link-underline-opacity-10: 0.1;
+  .u-link-underline-opacity-xxl-10:hover {
+    --atomix-u-u-link-underline-opacity: 0.1;
   }
-  .u-link-underline-opacityhover-xxl-25 {
-    --atomix-u-u-link-underline-opacity-25: 0.25;
+  .u-link-underline-opacity-xxl-25:hover {
+    --atomix-u-u-link-underline-opacity: 0.25;
   }
-  .u-link-underline-opacityhover-xxl-50 {
-    --atomix-u-u-link-underline-opacity-50: 0.5;
+  .u-link-underline-opacity-xxl-50:hover {
+    --atomix-u-u-link-underline-opacity: 0.5;
   }
-  .u-link-underline-opacityhover-xxl-75 {
-    --atomix-u-u-link-underline-opacity-75: 0.75;
+  .u-link-underline-opacity-xxl-75:hover {
+    --atomix-u-u-link-underline-opacity: 0.75;
   }
-  .u-link-underline-opacityhover-xxl-100 {
-    --atomix-u-u-link-underline-opacity-100: 1;
+  .u-link-underline-opacity-xxl-100:hover {
+    --atomix-u-u-link-underline-opacity: 1;
   }
 }
 @media (min-width: 0) {
@@ -18561,6 +18566,312 @@ body.is-open-photoviewer {
     inset-inline-end: 100%;
   }
 }
+@media (min-width: 0) {
+  .u-inset-0 {
+    inset: 0;
+  }
+  .u-inset-25 {
+    inset: 25%;
+  }
+  .u-inset-50 {
+    inset: 50%;
+  }
+  .u-inset-75 {
+    inset: 75%;
+  }
+  .u-inset-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 576px) {
+  .u-inset-sm-0 {
+    inset: 0;
+  }
+  .u-inset-sm-25 {
+    inset: 25%;
+  }
+  .u-inset-sm-50 {
+    inset: 50%;
+  }
+  .u-inset-sm-75 {
+    inset: 75%;
+  }
+  .u-inset-sm-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .u-inset-md-0 {
+    inset: 0;
+  }
+  .u-inset-md-25 {
+    inset: 25%;
+  }
+  .u-inset-md-50 {
+    inset: 50%;
+  }
+  .u-inset-md-75 {
+    inset: 75%;
+  }
+  .u-inset-md-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 992px) {
+  .u-inset-lg-0 {
+    inset: 0;
+  }
+  .u-inset-lg-25 {
+    inset: 25%;
+  }
+  .u-inset-lg-50 {
+    inset: 50%;
+  }
+  .u-inset-lg-75 {
+    inset: 75%;
+  }
+  .u-inset-lg-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .u-inset-xl-0 {
+    inset: 0;
+  }
+  .u-inset-xl-25 {
+    inset: 25%;
+  }
+  .u-inset-xl-50 {
+    inset: 50%;
+  }
+  .u-inset-xl-75 {
+    inset: 75%;
+  }
+  .u-inset-xl-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 1440px) {
+  .u-inset-xxl-0 {
+    inset: 0;
+  }
+  .u-inset-xxl-25 {
+    inset: 25%;
+  }
+  .u-inset-xxl-50 {
+    inset: 50%;
+  }
+  .u-inset-xxl-75 {
+    inset: 75%;
+  }
+  .u-inset-xxl-100 {
+    inset: 100%;
+  }
+}
+@media (min-width: 0) {
+  .u-inset-x-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 576px) {
+  .u-inset-x-sm-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-sm-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-sm-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-sm-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-sm-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .u-inset-x-md-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-md-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-md-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-md-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-md-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 992px) {
+  .u-inset-x-lg-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-lg-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-lg-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-lg-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-lg-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .u-inset-x-xl-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-xl-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-xl-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-xl-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-xl-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 1440px) {
+  .u-inset-x-xxl-0 {
+    inset-inline: 0;
+  }
+  .u-inset-x-xxl-25 {
+    inset-inline: 25%;
+  }
+  .u-inset-x-xxl-50 {
+    inset-inline: 50%;
+  }
+  .u-inset-x-xxl-75 {
+    inset-inline: 75%;
+  }
+  .u-inset-x-xxl-100 {
+    inset-inline: 100%;
+  }
+}
+@media (min-width: 0) {
+  .u-inset-y-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-100 {
+    inset-block: 100%;
+  }
+}
+@media (min-width: 576px) {
+  .u-inset-y-sm-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-sm-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-sm-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-sm-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-sm-100 {
+    inset-block: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .u-inset-y-md-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-md-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-md-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-md-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-md-100 {
+    inset-block: 100%;
+  }
+}
+@media (min-width: 992px) {
+  .u-inset-y-lg-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-lg-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-lg-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-lg-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-lg-100 {
+    inset-block: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .u-inset-y-xl-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-xl-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-xl-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-xl-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-xl-100 {
+    inset-block: 100%;
+  }
+}
+@media (min-width: 1440px) {
+  .u-inset-y-xxl-0 {
+    inset-block: 0;
+  }
+  .u-inset-y-xxl-25 {
+    inset-block: 25%;
+  }
+  .u-inset-y-xxl-50 {
+    inset-block: 50%;
+  }
+  .u-inset-y-xxl-75 {
+    inset-block: 75%;
+  }
+  .u-inset-y-xxl-100 {
+    inset-block: 100%;
+  }
+}
 @media (min-width: 0) {
   .u-translate-middle {
     transform: translate(-50%, -50%);
@@ -18791,7 +19102,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-px-22 {
     width: 1.375rem;
@@ -18812,7 +19123,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-11 {
     width: 2.75rem;
@@ -18919,7 +19230,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-sm-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-sm-px-22 {
     width: 1.375rem;
@@ -18940,7 +19251,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-sm-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-sm-11 {
     width: 2.75rem;
@@ -19047,7 +19358,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-md-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-md-px-22 {
     width: 1.375rem;
@@ -19068,7 +19379,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-md-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-md-11 {
     width: 2.75rem;
@@ -19175,7 +19486,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-lg-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-lg-px-22 {
     width: 1.375rem;
@@ -19196,7 +19507,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-lg-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-lg-11 {
     width: 2.75rem;
@@ -19303,7 +19614,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-xl-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-xl-px-22 {
     width: 1.375rem;
@@ -19324,7 +19635,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-xl-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-xl-11 {
     width: 2.75rem;
@@ -19431,7 +19742,7 @@ body.is-open-photoviewer {
     width: 1rem;
   }
   .u-w-xxl-5 {
-    width: 5%;
+    width: 1.25rem;
   }
   .u-w-xxl-px-22 {
     width: 1.375rem;
@@ -19452,7 +19763,7 @@ body.is-open-photoviewer {
     width: 2.25rem;
   }
   .u-w-xxl-10 {
-    width: 10%;
+    width: 2.5rem;
   }
   .u-w-xxl-11 {
     width: 2.75rem;
@@ -19733,7 +20044,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-px-22 {
     height: 1.375rem;
@@ -19754,7 +20065,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-11 {
     height: 2.75rem;
@@ -19861,7 +20172,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-sm-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-sm-px-22 {
     height: 1.375rem;
@@ -19882,7 +20193,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-sm-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-sm-11 {
     height: 2.75rem;
@@ -19989,7 +20300,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-md-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-md-px-22 {
     height: 1.375rem;
@@ -20010,7 +20321,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-md-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-md-11 {
     height: 2.75rem;
@@ -20117,7 +20428,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-lg-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-lg-px-22 {
     height: 1.375rem;
@@ -20138,7 +20449,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-lg-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-lg-11 {
     height: 2.75rem;
@@ -20245,7 +20556,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-xl-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-xl-px-22 {
     height: 1.375rem;
@@ -20266,7 +20577,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-xl-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-xl-11 {
     height: 2.75rem;
@@ -20373,7 +20684,7 @@ body.is-open-photoviewer {
     height: 1rem;
   }
   .u-h-xxl-5 {
-    height: 5%;
+    height: 1.25rem;
   }
   .u-h-xxl-px-22 {
     height: 1.375rem;
@@ -20394,7 +20705,7 @@ body.is-open-photoviewer {
     height: 2.25rem;
   }
   .u-h-xxl-10 {
-    height: 10%;
+    height: 2.5rem;
   }
   .u-h-xxl-11 {
     height: 2.75rem;
@@ -30088,6 +30399,21 @@ body.is-open-photoviewer {
   .u-gap-200 {
     gap: 50rem;
   }
+  .u-gap-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-md {
+    gap: 1rem;
+  }
+  .u-gap-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 576px) {
   .u-gap-sm-0 {
@@ -30198,6 +30524,21 @@ body.is-open-photoviewer {
   .u-gap-sm-200 {
     gap: 50rem;
   }
+  .u-gap-sm-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-sm-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-sm-md {
+    gap: 1rem;
+  }
+  .u-gap-sm-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-sm-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 768px) {
   .u-gap-md-0 {
@@ -30308,6 +30649,21 @@ body.is-open-photoviewer {
   .u-gap-md-200 {
     gap: 50rem;
   }
+  .u-gap-md-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-md-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-md-md {
+    gap: 1rem;
+  }
+  .u-gap-md-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-md-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 992px) {
   .u-gap-lg-0 {
@@ -30418,6 +30774,21 @@ body.is-open-photoviewer {
   .u-gap-lg-200 {
     gap: 50rem;
   }
+  .u-gap-lg-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-lg-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-lg-md {
+    gap: 1rem;
+  }
+  .u-gap-lg-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-lg-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 1200px) {
   .u-gap-xl-0 {
@@ -30528,6 +30899,21 @@ body.is-open-photoviewer {
   .u-gap-xl-200 {
     gap: 50rem;
   }
+  .u-gap-xl-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-xl-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-xl-md {
+    gap: 1rem;
+  }
+  .u-gap-xl-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-xl-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 1440px) {
   .u-gap-xxl-0 {
@@ -30638,6 +31024,21 @@ body.is-open-photoviewer {
   .u-gap-xxl-200 {
     gap: 50rem;
   }
+  .u-gap-xxl-xs {
+    gap: 0.25rem;
+  }
+  .u-gap-xxl-sm {
+    gap: 0.5rem;
+  }
+  .u-gap-xxl-md {
+    gap: 1rem;
+  }
+  .u-gap-xxl-lg {
+    gap: 1.5rem;
+  }
+  .u-gap-xxl-xl {
+    gap: 2rem;
+  }
 }
 @media (min-width: 0) {
   .u-row-gap-0 {
@@ -30748,6 +31149,21 @@ body.is-open-photoviewer {
   .u-row-gap-200 {
     row-gap: 50rem;
   }
+  .u-row-gap-xs {
+    row-gap: 0.25rem;
+  }
+  .u-row-gap-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-xl {
+    row-gap: 2rem;
+  }
 }
 @media (min-width: 576px) {
   .u-row-gap-sm-0 {
@@ -30858,6 +31274,21 @@ body.is-open-photoviewer {
   .u-row-gap-sm-200 {
     row-gap: 50rem;
   }
+  .u-row-gap-sm-xs {
+    row-gap: 0.25rem;
+  }
+  .u-row-gap-sm-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-sm-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-sm-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-sm-xl {
+    row-gap: 2rem;
+  }
 }
 @media (min-width: 768px) {
   .u-row-gap-md-0 {
@@ -30968,6 +31399,21 @@ body.is-open-photoviewer {
   .u-row-gap-md-200 {
     row-gap: 50rem;
   }
+  .u-row-gap-md-xs {
+    row-gap: 0.25rem;
+  }
+  .u-row-gap-md-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-md-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-md-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-md-xl {
+    row-gap: 2rem;
+  }
 }
 @media (min-width: 992px) {
   .u-row-gap-lg-0 {
@@ -31078,6 +31524,21 @@ body.is-open-photoviewer {
   .u-row-gap-lg-200 {
     row-gap: 50rem;
   }
+  .u-row-gap-lg-xs {
+    row-gap: 0.25rem;
+  }
+  .u-row-gap-lg-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-lg-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-lg-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-lg-xl {
+    row-gap: 2rem;
+  }
 }
 @media (min-width: 1200px) {
   .u-row-gap-xl-0 {
@@ -31188,6 +31649,21 @@ body.is-open-photoviewer {
   .u-row-gap-xl-200 {
     row-gap: 50rem;
   }
+  .u-row-gap-xl-xs {
+    row-gap: 0.25rem;
+  }
+  .u-row-gap-xl-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-xl-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-xl-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-xl-xl {
+    row-gap: 2rem;
+  }
 }
 @media (min-width: 1440px) {
   .u-row-gap-xxl-0 {
@@ -31298,13 +31774,28 @@ body.is-open-photoviewer {
   .u-row-gap-xxl-200 {
     row-gap: 50rem;
   }
-}
-@media (min-width: 0) {
-  .u-column-gap-0 {
-    -moz-column-gap: 0rem;
-         column-gap: 0rem;
+  .u-row-gap-xxl-xs {
+    row-gap: 0.25rem;
   }
-  .u-column-gap-1 {
+  .u-row-gap-xxl-sm {
+    row-gap: 0.5rem;
+  }
+  .u-row-gap-xxl-md {
+    row-gap: 1rem;
+  }
+  .u-row-gap-xxl-lg {
+    row-gap: 1.5rem;
+  }
+  .u-row-gap-xxl-xl {
+    row-gap: 2rem;
+  }
+}
+@media (min-width: 0) {
+  .u-column-gap-0 {
+    -moz-column-gap: 0rem;
+         column-gap: 0rem;
+  }
+  .u-column-gap-1 {
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
   }
@@ -31444,6 +31935,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 576px) {
   .u-column-gap-sm-0 {
@@ -31590,6 +32101,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-sm-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-sm-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-sm-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-sm-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-sm-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 768px) {
   .u-column-gap-md-0 {
@@ -31736,6 +32267,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-md-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-md-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-md-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-md-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-md-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 992px) {
   .u-column-gap-lg-0 {
@@ -31882,6 +32433,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-lg-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-lg-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-lg-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-lg-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-lg-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 1200px) {
   .u-column-gap-xl-0 {
@@ -32028,6 +32599,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-xl-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-xl-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-xl-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-xl-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-xl-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 1440px) {
   .u-column-gap-xxl-0 {
@@ -32174,6 +32765,26 @@ body.is-open-photoviewer {
     -moz-column-gap: 50rem;
          column-gap: 50rem;
   }
+  .u-column-gap-xxl-xs {
+    -moz-column-gap: 0.25rem;
+         column-gap: 0.25rem;
+  }
+  .u-column-gap-xxl-sm {
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+  .u-column-gap-xxl-md {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+  .u-column-gap-xxl-lg {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+  .u-column-gap-xxl-xl {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
 }
 @media (min-width: 0) {
   .u-text-xs {
@@ -32197,6 +32808,18 @@ body.is-open-photoviewer {
   .u-text-2xl {
     font-size: 2rem;
   }
+  .u-text-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-5xl {
+    font-size: 3rem;
+  }
+  .u-text-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-h1 {
     font-size: 2.5rem;
   }
@@ -32259,6 +32882,18 @@ body.is-open-photoviewer {
   .u-text-sm-2xl {
     font-size: 2rem;
   }
+  .u-text-sm-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-sm-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-sm-5xl {
+    font-size: 3rem;
+  }
+  .u-text-sm-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-sm-h1 {
     font-size: 2.5rem;
   }
@@ -32321,6 +32956,18 @@ body.is-open-photoviewer {
   .u-text-md-2xl {
     font-size: 2rem;
   }
+  .u-text-md-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-md-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-md-5xl {
+    font-size: 3rem;
+  }
+  .u-text-md-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-md-h1 {
     font-size: 2.5rem;
   }
@@ -32383,6 +33030,18 @@ body.is-open-photoviewer {
   .u-text-lg-2xl {
     font-size: 2rem;
   }
+  .u-text-lg-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-lg-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-lg-5xl {
+    font-size: 3rem;
+  }
+  .u-text-lg-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-lg-h1 {
     font-size: 2.5rem;
   }
@@ -32445,6 +33104,18 @@ body.is-open-photoviewer {
   .u-text-xl-2xl {
     font-size: 2rem;
   }
+  .u-text-xl-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-xl-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-xl-5xl {
+    font-size: 3rem;
+  }
+  .u-text-xl-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-xl-h1 {
     font-size: 2.5rem;
   }
@@ -32507,6 +33178,18 @@ body.is-open-photoviewer {
   .u-text-xxl-2xl {
     font-size: 2rem;
   }
+  .u-text-xxl-3xl {
+    font-size: 2.25rem;
+  }
+  .u-text-xxl-4xl {
+    font-size: 2.5rem;
+  }
+  .u-text-xxl-5xl {
+    font-size: 3rem;
+  }
+  .u-text-xxl-6xl {
+    font-size: 3.75rem;
+  }
   .u-text-xxl-h1 {
     font-size: 2.5rem;
   }
@@ -33957,48 +34640,6 @@ body.is-open-photoviewer {
     z-index: 1070;
   }
 }
-@media (min-width: 0) {
-  .u-text-gradient {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
-@media (min-width: 576px) {
-  .u-text-gradient-sm {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
-@media (min-width: 768px) {
-  .u-text-gradient-md {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
-@media (min-width: 992px) {
-  .u-text-gradient-lg {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
-@media (min-width: 1200px) {
-  .u-text-gradient-xl {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
-@media (min-width: 1440px) {
-  .u-text-gradient-xxl {
-    --background-clip: text;
-    ---webkit-background-clip: text;
-    ---webkit-text-fill-color: transparent;
-  }
-}
 @media (min-width: 0) {
   .u-text-gradient-primary {
     background-image: var(--atomix-primary-gradient);
@@ -34299,4 +34940,2113 @@ body.is-open-photoviewer {
     ---webkit-text-fill-color: transparent;
   }
 }
+@media (min-width: 0) {
+  .u-grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 576px) {
+  .u-grid-cols-sm-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-sm-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 768px) {
+  .u-grid-cols-md-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-md-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 992px) {
+  .u-grid-cols-lg-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-lg-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1200px) {
+  .u-grid-cols-xl-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-xl-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1440px) {
+  .u-grid-cols-xxl-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .u-grid-cols-xxl-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+}
+@media (min-width: 0) {
+  .u-grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 576px) {
+  .u-grid-rows-sm-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-sm-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-sm-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-sm-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-sm-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-sm-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 768px) {
+  .u-grid-rows-md-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-md-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-md-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-md-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-md-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-md-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 992px) {
+  .u-grid-rows-lg-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-lg-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-lg-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-lg-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-lg-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-lg-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1200px) {
+  .u-grid-rows-xl-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-xl-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-xl-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-xl-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-xl-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-xl-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1440px) {
+  .u-grid-rows-xxl-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .u-grid-rows-xxl-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .u-grid-rows-xxl-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .u-grid-rows-xxl-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .u-grid-rows-xxl-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .u-grid-rows-xxl-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 0) {
+  .u-col-span-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 576px) {
+  .u-col-span-sm-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-sm-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-sm-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-sm-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-sm-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-sm-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-sm-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-sm-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-sm-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-sm-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-sm-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-sm-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-sm-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 768px) {
+  .u-col-span-md-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-md-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-md-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-md-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-md-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-md-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-md-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-md-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-md-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-md-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-md-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-md-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-md-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 992px) {
+  .u-col-span-lg-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-lg-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-lg-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-lg-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-lg-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-lg-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-lg-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-lg-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-lg-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-lg-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-lg-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-lg-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-lg-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 1200px) {
+  .u-col-span-xl-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-xl-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-xl-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-xl-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-xl-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-xl-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-xl-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-xl-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-xl-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-xl-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-xl-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-xl-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-xl-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 1440px) {
+  .u-col-span-xxl-1 {
+    grid-column: span 1/span 1;
+  }
+  .u-col-span-xxl-2 {
+    grid-column: span 2/span 2;
+  }
+  .u-col-span-xxl-3 {
+    grid-column: span 3/span 3;
+  }
+  .u-col-span-xxl-4 {
+    grid-column: span 4/span 4;
+  }
+  .u-col-span-xxl-5 {
+    grid-column: span 5/span 5;
+  }
+  .u-col-span-xxl-6 {
+    grid-column: span 6/span 6;
+  }
+  .u-col-span-xxl-7 {
+    grid-column: span 7/span 7;
+  }
+  .u-col-span-xxl-8 {
+    grid-column: span 8/span 8;
+  }
+  .u-col-span-xxl-9 {
+    grid-column: span 9/span 9;
+  }
+  .u-col-span-xxl-10 {
+    grid-column: span 10/span 10;
+  }
+  .u-col-span-xxl-11 {
+    grid-column: span 11/span 11;
+  }
+  .u-col-span-xxl-12 {
+    grid-column: span 12/span 12;
+  }
+  .u-col-span-xxl-full {
+    grid-column: 1 / -1;
+  }
+}
+@media (min-width: 0) {
+  .u-row-span-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 576px) {
+  .u-row-span-sm-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-sm-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-sm-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-sm-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-sm-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-sm-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-sm-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 768px) {
+  .u-row-span-md-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-md-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-md-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-md-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-md-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-md-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-md-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 992px) {
+  .u-row-span-lg-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-lg-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-lg-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-lg-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-lg-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-lg-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-lg-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 1200px) {
+  .u-row-span-xl-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-xl-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-xl-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-xl-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-xl-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-xl-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-xl-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 1440px) {
+  .u-row-span-xxl-1 {
+    grid-row: span 1/span 1;
+  }
+  .u-row-span-xxl-2 {
+    grid-row: span 2/span 2;
+  }
+  .u-row-span-xxl-3 {
+    grid-row: span 3/span 3;
+  }
+  .u-row-span-xxl-4 {
+    grid-row: span 4/span 4;
+  }
+  .u-row-span-xxl-5 {
+    grid-row: span 5/span 5;
+  }
+  .u-row-span-xxl-6 {
+    grid-row: span 6/span 6;
+  }
+  .u-row-span-xxl-full {
+    grid-row: 1 / -1;
+  }
+}
+@media (min-width: 0) {
+  .u-place-items-start {
+    place-items: start;
+  }
+  .u-place-items-end {
+    place-items: end;
+  }
+  .u-place-items-center {
+    place-items: center;
+  }
+  .u-place-items-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 576px) {
+  .u-place-items-sm-start {
+    place-items: start;
+  }
+  .u-place-items-sm-end {
+    place-items: end;
+  }
+  .u-place-items-sm-center {
+    place-items: center;
+  }
+  .u-place-items-sm-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-sm-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .u-place-items-md-start {
+    place-items: start;
+  }
+  .u-place-items-md-end {
+    place-items: end;
+  }
+  .u-place-items-md-center {
+    place-items: center;
+  }
+  .u-place-items-md-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-md-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 992px) {
+  .u-place-items-lg-start {
+    place-items: start;
+  }
+  .u-place-items-lg-end {
+    place-items: end;
+  }
+  .u-place-items-lg-center {
+    place-items: center;
+  }
+  .u-place-items-lg-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-lg-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 1200px) {
+  .u-place-items-xl-start {
+    place-items: start;
+  }
+  .u-place-items-xl-end {
+    place-items: end;
+  }
+  .u-place-items-xl-center {
+    place-items: center;
+  }
+  .u-place-items-xl-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-xl-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 1440px) {
+  .u-place-items-xxl-start {
+    place-items: start;
+  }
+  .u-place-items-xxl-end {
+    place-items: end;
+  }
+  .u-place-items-xxl-center {
+    place-items: center;
+  }
+  .u-place-items-xxl-baseline {
+    place-items: baseline;
+  }
+  .u-place-items-xxl-stretch {
+    place-items: stretch;
+  }
+}
+@media (min-width: 0) {
+  .u-place-content-start {
+    place-content: start;
+  }
+  .u-place-content-end {
+    place-content: end;
+  }
+  .u-place-content-center {
+    place-content: center;
+  }
+  .u-place-content-between {
+    place-content: space-between;
+  }
+  .u-place-content-around {
+    place-content: space-around;
+  }
+  .u-place-content-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 576px) {
+  .u-place-content-sm-start {
+    place-content: start;
+  }
+  .u-place-content-sm-end {
+    place-content: end;
+  }
+  .u-place-content-sm-center {
+    place-content: center;
+  }
+  .u-place-content-sm-between {
+    place-content: space-between;
+  }
+  .u-place-content-sm-around {
+    place-content: space-around;
+  }
+  .u-place-content-sm-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-sm-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .u-place-content-md-start {
+    place-content: start;
+  }
+  .u-place-content-md-end {
+    place-content: end;
+  }
+  .u-place-content-md-center {
+    place-content: center;
+  }
+  .u-place-content-md-between {
+    place-content: space-between;
+  }
+  .u-place-content-md-around {
+    place-content: space-around;
+  }
+  .u-place-content-md-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-md-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 992px) {
+  .u-place-content-lg-start {
+    place-content: start;
+  }
+  .u-place-content-lg-end {
+    place-content: end;
+  }
+  .u-place-content-lg-center {
+    place-content: center;
+  }
+  .u-place-content-lg-between {
+    place-content: space-between;
+  }
+  .u-place-content-lg-around {
+    place-content: space-around;
+  }
+  .u-place-content-lg-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-lg-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 1200px) {
+  .u-place-content-xl-start {
+    place-content: start;
+  }
+  .u-place-content-xl-end {
+    place-content: end;
+  }
+  .u-place-content-xl-center {
+    place-content: center;
+  }
+  .u-place-content-xl-between {
+    place-content: space-between;
+  }
+  .u-place-content-xl-around {
+    place-content: space-around;
+  }
+  .u-place-content-xl-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-xl-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 1440px) {
+  .u-place-content-xxl-start {
+    place-content: start;
+  }
+  .u-place-content-xxl-end {
+    place-content: end;
+  }
+  .u-place-content-xxl-center {
+    place-content: center;
+  }
+  .u-place-content-xxl-between {
+    place-content: space-between;
+  }
+  .u-place-content-xxl-around {
+    place-content: space-around;
+  }
+  .u-place-content-xxl-evenly {
+    place-content: space-evenly;
+  }
+  .u-place-content-xxl-stretch {
+    place-content: stretch;
+  }
+}
+@media (min-width: 0) {
+  .u-cursor-auto {
+    cursor: auto;
+  }
+  .u-cursor-default {
+    cursor: default;
+  }
+  .u-cursor-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-wait {
+    cursor: wait;
+  }
+  .u-cursor-text {
+    cursor: text;
+  }
+  .u-cursor-move {
+    cursor: move;
+  }
+  .u-cursor-help {
+    cursor: help;
+  }
+  .u-cursor-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 576px) {
+  .u-cursor-sm-auto {
+    cursor: auto;
+  }
+  .u-cursor-sm-default {
+    cursor: default;
+  }
+  .u-cursor-sm-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-sm-wait {
+    cursor: wait;
+  }
+  .u-cursor-sm-text {
+    cursor: text;
+  }
+  .u-cursor-sm-move {
+    cursor: move;
+  }
+  .u-cursor-sm-help {
+    cursor: help;
+  }
+  .u-cursor-sm-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 768px) {
+  .u-cursor-md-auto {
+    cursor: auto;
+  }
+  .u-cursor-md-default {
+    cursor: default;
+  }
+  .u-cursor-md-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-md-wait {
+    cursor: wait;
+  }
+  .u-cursor-md-text {
+    cursor: text;
+  }
+  .u-cursor-md-move {
+    cursor: move;
+  }
+  .u-cursor-md-help {
+    cursor: help;
+  }
+  .u-cursor-md-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 992px) {
+  .u-cursor-lg-auto {
+    cursor: auto;
+  }
+  .u-cursor-lg-default {
+    cursor: default;
+  }
+  .u-cursor-lg-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-lg-wait {
+    cursor: wait;
+  }
+  .u-cursor-lg-text {
+    cursor: text;
+  }
+  .u-cursor-lg-move {
+    cursor: move;
+  }
+  .u-cursor-lg-help {
+    cursor: help;
+  }
+  .u-cursor-lg-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 1200px) {
+  .u-cursor-xl-auto {
+    cursor: auto;
+  }
+  .u-cursor-xl-default {
+    cursor: default;
+  }
+  .u-cursor-xl-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-xl-wait {
+    cursor: wait;
+  }
+  .u-cursor-xl-text {
+    cursor: text;
+  }
+  .u-cursor-xl-move {
+    cursor: move;
+  }
+  .u-cursor-xl-help {
+    cursor: help;
+  }
+  .u-cursor-xl-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 1440px) {
+  .u-cursor-xxl-auto {
+    cursor: auto;
+  }
+  .u-cursor-xxl-default {
+    cursor: default;
+  }
+  .u-cursor-xxl-pointer {
+    cursor: pointer;
+  }
+  .u-cursor-xxl-wait {
+    cursor: wait;
+  }
+  .u-cursor-xxl-text {
+    cursor: text;
+  }
+  .u-cursor-xxl-move {
+    cursor: move;
+  }
+  .u-cursor-xxl-help {
+    cursor: help;
+  }
+  .u-cursor-xxl-not-allowed {
+    cursor: not-allowed;
+  }
+}
+@media (min-width: 0) {
+  .u-pointer-events-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 576px) {
+  .u-pointer-events-sm-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-sm-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 768px) {
+  .u-pointer-events-md-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-md-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 992px) {
+  .u-pointer-events-lg-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-lg-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .u-pointer-events-xl-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-xl-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 1440px) {
+  .u-pointer-events-xxl-none {
+    pointer-events: none;
+  }
+  .u-pointer-events-xxl-auto {
+    pointer-events: auto;
+  }
+}
+@media (min-width: 0) {
+  .u-select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 576px) {
+  .u-select-sm-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-sm-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-sm-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-sm-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 768px) {
+  .u-select-md-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-md-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-md-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-md-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 992px) {
+  .u-select-lg-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-lg-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-lg-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-lg-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .u-select-xl-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-xl-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-xl-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-xl-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 1440px) {
+  .u-select-xxl-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .u-select-xxl-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }
+  .u-select-xxl-all {
+    -webkit-user-select: all;
+       -moz-user-select: all;
+            user-select: all;
+  }
+  .u-select-xxl-auto {
+    -webkit-user-select: auto;
+       -moz-user-select: auto;
+            user-select: auto;
+  }
+}
+@media (min-width: 0) {
+  .u-touch-action-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-none {
+    touch-action: none;
+  }
+  .u-touch-action-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 576px) {
+  .u-touch-action-sm-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-sm-none {
+    touch-action: none;
+  }
+  .u-touch-action-sm-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 768px) {
+  .u-touch-action-md-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-md-none {
+    touch-action: none;
+  }
+  .u-touch-action-md-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 992px) {
+  .u-touch-action-lg-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-lg-none {
+    touch-action: none;
+  }
+  .u-touch-action-lg-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 1200px) {
+  .u-touch-action-xl-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-xl-none {
+    touch-action: none;
+  }
+  .u-touch-action-xl-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 1440px) {
+  .u-touch-action-xxl-auto {
+    touch-action: auto;
+  }
+  .u-touch-action-xxl-none {
+    touch-action: none;
+  }
+  .u-touch-action-xxl-manipulation {
+    touch-action: manipulation;
+  }
+}
+@media (min-width: 0) {
+  .u-transition-none {
+    transition-property: none;
+  }
+  .u-transition-all {
+    transition-property: all;
+  }
+  .u-transition-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 576px) {
+  .u-transition-sm-none {
+    transition-property: none;
+  }
+  .u-transition-sm-all {
+    transition-property: all;
+  }
+  .u-transition-sm-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-sm-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-sm-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-sm-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 768px) {
+  .u-transition-md-none {
+    transition-property: none;
+  }
+  .u-transition-md-all {
+    transition-property: all;
+  }
+  .u-transition-md-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-md-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-md-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-md-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 992px) {
+  .u-transition-lg-none {
+    transition-property: none;
+  }
+  .u-transition-lg-all {
+    transition-property: all;
+  }
+  .u-transition-lg-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-lg-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-lg-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-lg-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 1200px) {
+  .u-transition-xl-none {
+    transition-property: none;
+  }
+  .u-transition-xl-all {
+    transition-property: all;
+  }
+  .u-transition-xl-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-xl-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-xl-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-xl-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 1440px) {
+  .u-transition-xxl-none {
+    transition-property: none;
+  }
+  .u-transition-xxl-all {
+    transition-property: all;
+  }
+  .u-transition-xxl-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+  .u-transition-xxl-opacity {
+    transition-property: opacity;
+  }
+  .u-transition-xxl-shadow {
+    transition-property: box-shadow;
+  }
+  .u-transition-xxl-transform {
+    transition-property: transform;
+  }
+}
+@media (min-width: 0) {
+  .u-duration-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 576px) {
+  .u-duration-sm-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-sm-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-sm-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-sm-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-sm-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-sm-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-sm-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-sm-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 768px) {
+  .u-duration-md-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-md-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-md-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-md-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-md-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-md-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-md-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-md-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 992px) {
+  .u-duration-lg-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-lg-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-lg-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-lg-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-lg-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-lg-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-lg-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-lg-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 1200px) {
+  .u-duration-xl-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-xl-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-xl-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-xl-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-xl-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-xl-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-xl-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-xl-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 1440px) {
+  .u-duration-xxl-75 {
+    transition-duration: 75ms;
+  }
+  .u-duration-xxl-100 {
+    transition-duration: 100ms;
+  }
+  .u-duration-xxl-150 {
+    transition-duration: 150ms;
+  }
+  .u-duration-xxl-200 {
+    transition-duration: 200ms;
+  }
+  .u-duration-xxl-300 {
+    transition-duration: 300ms;
+  }
+  .u-duration-xxl-500 {
+    transition-duration: 500ms;
+  }
+  .u-duration-xxl-700 {
+    transition-duration: 700ms;
+  }
+  .u-duration-xxl-1000 {
+    transition-duration: 1000ms;
+  }
+}
+@media (min-width: 0) {
+  .u-ease-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 576px) {
+  .u-ease-sm-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-sm-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-sm-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-sm-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 768px) {
+  .u-ease-md-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-md-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-md-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-md-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 992px) {
+  .u-ease-lg-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-lg-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-lg-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-lg-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 1200px) {
+  .u-ease-xl-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-xl-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-xl-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-xl-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 1440px) {
+  .u-ease-xxl-linear {
+    transition-timing-function: linear;
+  }
+  .u-ease-xxl-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+  .u-ease-xxl-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .u-ease-xxl-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@media (min-width: 0) {
+  .u-scale-0 {
+    transform: scale(0);
+  }
+  .u-scale-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-100 {
+    transform: scale(1);
+  }
+  .u-scale-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 576px) {
+  .u-scale-sm-0 {
+    transform: scale(0);
+  }
+  .u-scale-sm-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-sm-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-sm-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-sm-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-sm-100 {
+    transform: scale(1);
+  }
+  .u-scale-sm-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-sm-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-sm-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-sm-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 768px) {
+  .u-scale-md-0 {
+    transform: scale(0);
+  }
+  .u-scale-md-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-md-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-md-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-md-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-md-100 {
+    transform: scale(1);
+  }
+  .u-scale-md-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-md-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-md-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-md-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 992px) {
+  .u-scale-lg-0 {
+    transform: scale(0);
+  }
+  .u-scale-lg-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-lg-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-lg-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-lg-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-lg-100 {
+    transform: scale(1);
+  }
+  .u-scale-lg-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-lg-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-lg-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-lg-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 1200px) {
+  .u-scale-xl-0 {
+    transform: scale(0);
+  }
+  .u-scale-xl-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-xl-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-xl-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-xl-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-xl-100 {
+    transform: scale(1);
+  }
+  .u-scale-xl-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-xl-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-xl-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-xl-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 1440px) {
+  .u-scale-xxl-0 {
+    transform: scale(0);
+  }
+  .u-scale-xxl-50 {
+    transform: scale(0.5);
+  }
+  .u-scale-xxl-75 {
+    transform: scale(0.75);
+  }
+  .u-scale-xxl-90 {
+    transform: scale(0.9);
+  }
+  .u-scale-xxl-95 {
+    transform: scale(0.95);
+  }
+  .u-scale-xxl-100 {
+    transform: scale(1);
+  }
+  .u-scale-xxl-105 {
+    transform: scale(1.05);
+  }
+  .u-scale-xxl-110 {
+    transform: scale(1.1);
+  }
+  .u-scale-xxl-125 {
+    transform: scale(1.25);
+  }
+  .u-scale-xxl-150 {
+    transform: scale(1.5);
+  }
+}
+@media (min-width: 0) {
+  .u-rotate-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-180 {
+    transform: rotate(180deg);
+  }
+}
+@media (min-width: 576px) {
+  .u-rotate-sm-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-sm-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-sm-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-sm-180 {
+    transform: rotate(180deg);
+  }
+}
+@media (min-width: 768px) {
+  .u-rotate-md-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-md-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-md-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-md-180 {
+    transform: rotate(180deg);
+  }
+}
+@media (min-width: 992px) {
+  .u-rotate-lg-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-lg-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-lg-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-lg-180 {
+    transform: rotate(180deg);
+  }
+}
+@media (min-width: 1200px) {
+  .u-rotate-xl-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-xl-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-xl-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-xl-180 {
+    transform: rotate(180deg);
+  }
+}
+@media (min-width: 1440px) {
+  .u-rotate-xxl-0 {
+    transform: rotate(0deg);
+  }
+  .u-rotate-xxl-45 {
+    transform: rotate(45deg);
+  }
+  .u-rotate-xxl-90 {
+    transform: rotate(90deg);
+  }
+  .u-rotate-xxl-180 {
+    transform: rotate(180deg);
+  }
+}
+.u-hover-bg-primary:hover {
+  background-color: #7c4dff;
+}
+.u-hover-bg-secondary:hover {
+  background-color: #f1f5f9;
+}
+.u-hover-bg-success:hover {
+  background-color: #10b981;
+}
+.u-hover-bg-info:hover {
+  background-color: #2f80ed;
+}
+.u-hover-bg-warning:hover {
+  background-color: #f59e0b;
+}
+.u-hover-bg-error:hover {
+  background-color: #f43f5e;
+}
+.u-hover-bg-light:hover {
+  background-color: #f8fafc;
+}
+.u-hover-bg-dark:hover {
+  background-color: #1e293b;
+}
+.u-hover-bg-black:hover {
+  background-color: #000000;
+}
+.u-hover-bg-white:hover {
+  background-color: #ffffff;
+}
+.u-hover-bg-body:hover {
+  background-color: var(--atomix-body-bg);
+}
+.u-hover-text-primary:hover {
+  color: #7c4dff;
+}
+.u-hover-text-secondary:hover {
+  color: #f1f5f9;
+}
+.u-hover-text-success:hover {
+  color: #10b981;
+}
+.u-hover-text-info:hover {
+  color: #2f80ed;
+}
+.u-hover-text-warning:hover {
+  color: #f59e0b;
+}
+.u-hover-text-error:hover {
+  color: #f43f5e;
+}
+.u-hover-text-light:hover {
+  color: #f8fafc;
+}
+.u-hover-text-dark:hover {
+  color: #1e293b;
+}
+.u-hover-text-black:hover {
+  color: #000000;
+}
+.u-hover-text-white:hover {
+  color: #ffffff;
+}
+.u-hover-text-body:hover {
+  color: #0f172a;
+}
+.u-hover-shadow-sm:hover {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+}
+.u-hover-shadow-md:hover {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+.u-hover-shadow-lg:hover {
+  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+}
+.u-hover-shadow-xl:hover {
+  box-shadow: 0px 16px 64px -8px rgba(45, 54, 67, 0.14);
+}
+.u-hover-scale-95:hover {
+  transform: scale(0.95);
+}
+.u-hover-scale-100:hover {
+  transform: scale(1);
+}
+.u-hover-scale-105:hover {
+  transform: scale(1.05);
+}
+.u-hover-scale-110:hover {
+  transform: scale(1.1);
+}
+.u-active-scale-95:active {
+  transform: scale(0.95);
+}
+.u-active-scale-100:active {
+  transform: scale(1);
+}
+.u-focus-outline-none:focus-visible {
+  outline: none;
+}
 /*# sourceMappingURL=atomix.css.map */