@shohojdhara/atomix 0.3.1 → 0.3.3

package/dist/atomix.css

@@ -365,7 +365,7 @@ summary {
  */
 :root,
 [data-atomix-color-mode=light] {
-  --atomix-primary: #7c3aed;
+  --atomix-primary: #ffb800;
   --atomix-secondary: #f3f4f6;
   --atomix-success: #22c55e;
   --atomix-info: #3b82f6;
@@ -373,7 +373,7 @@ summary {
   --atomix-error: #ef4444;
   --atomix-light: #f9fafb;
   --atomix-dark: #1f2937;
-  --atomix-primary-rgb: 124, 58, 237;
+  --atomix-primary-rgb: 255, 184, 0;
   --atomix-secondary-rgb: 243, 244, 246;
   --atomix-success-rgb: 34, 197, 94;
   --atomix-info-rgb: 59, 130, 246;
@@ -391,22 +391,22 @@ summary {
   --atomix-gray-8: #374151;
   --atomix-gray-9: #1f2937;
   --atomix-gray-10: #111827;
-  --atomix-primary-1: #f2e8fd;
-  --atomix-primary-2: #e4d0fa;
-  --atomix-primary-3: #d0b2f5;
-  --atomix-primary-4: #b88cef;
-  --atomix-primary-5: #9c63e9;
-  --atomix-primary-6: #7c3aed;
-  --atomix-primary-7: #6425ca;
-  --atomix-primary-8: #501ba6;
-  --atomix-primary-9: #3c1583;
-  --atomix-primary-10: #2a0e60;
+  --atomix-primary-1: #fff9e6;
+  --atomix-primary-2: #fff4cc;
+  --atomix-primary-3: #ffe699;
+  --atomix-primary-4: #ffd966;
+  --atomix-primary-5: #ffcc33;
+  --atomix-primary-6: #ffb800;
+  --atomix-primary-7: #e6a600;
+  --atomix-primary-8: #cc9400;
+  --atomix-primary-9: #b38200;
+  --atomix-primary-10: #997000;
   --atomix-primary-text-emphasis: #111827;
   --atomix-secondary-text-emphasis: #374151;
   --atomix-tertiary-text-emphasis: #6b7280;
   --atomix-disabled-text-emphasis: #9ca3af;
   --atomix-invert-text-emphasis: #111827;
-  --atomix-brand-text-emphasis: #7c3aed;
+  --atomix-brand-text-emphasis: #ffb800;
   --atomix-error-text-emphasis: #ef4444;
   --atomix-success-text-emphasis: #22c55e;
   --atomix-warning-text-emphasis: #eab308;
@@ -417,7 +417,7 @@ summary {
   --atomix-secondary-bg-subtle: #e5e7eb;
   --atomix-tertiary-bg-subtle: #d1d5db;
   --atomix-invert-bg-subtle: #111827;
-  --atomix-brand-bg-subtle: #e4d0fa;
+  --atomix-brand-bg-subtle: #fff4cc;
   --atomix-error-bg-subtle: #fee2e2;
   --atomix-success-bg-subtle: #dcfce7;
   --atomix-warning-bg-subtle: #fef9c3;
@@ -430,10 +430,10 @@ summary {
   --atomix-error-border-subtle: #ef4444;
   --atomix-warning-border-subtle: #eab308;
   --atomix-info-border-subtle: #3b82f6;
-  --atomix-brand-border-subtle: #7c3aed;
+  --atomix-brand-border-subtle: #ffb800;
   --atomix-light-border-subtle: #f9fafb;
   --atomix-dark-border-subtle: #1f2937;
-  --atomix-primary-hover: #7c3aed;
+  --atomix-primary-hover: #ffb800;
   --atomix-secondary-hover: #e5e7eb;
   --atomix-light-hover: #f3f4f6;
   --atomix-dark-hover: #4b5563;
@@ -441,7 +441,7 @@ summary {
   --atomix-success-hover: #15803d;
   --atomix-warning-hover: #a16207;
   --atomix-info-hover: #1d4ed8;
-  --atomix-primary-gradient: linear-gradient(135deg, #e4d0fa, #d0b2f5, #b88cef);
+  --atomix-primary-gradient: linear-gradient(135deg, #fff4cc, #ffe699, #ffd966);
   --atomix-secondary-gradient: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
   --atomix-light-gradient: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
   --atomix-dark-gradient: linear-gradient(135deg, #4b5563, #1f2937, #000000);
@@ -459,11 +459,11 @@ summary {
   --atomix-body-color: #111827;
   --atomix-body-bg: #ffffff;
   --atomix-heading-color: #111827;
-  --atomix-link-color: #7c3aed;
-  --atomix-link-color-rgb: 124, 58, 237;
+  --atomix-link-color: #ffb800;
+  --atomix-link-color-rgb: 255, 184, 0;
   --atomix-link-decoration: none;
-  --atomix-link-hover-color: rgb(85.3674418605, 18.2930232558, 200.2069767442);
-  --atomix-link-hover-color-rgb: 85.3674418605, 18.2930232558, 200.2069767442;
+  --atomix-link-hover-color: rgb(178.5, 128.8, 0);
+  --atomix-link-hover-color-rgb: 178.5, 128.8, 0;
   --atomix-highlight-bg: #fef08a;
   --atomix-border-width: 1px;
   --atomix-border-style: solid;
@@ -484,7 +484,7 @@ summary {
   --atomix-box-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.175);
   --atomix-box-shadow-xl: 0px 16px 64px -8px rgba(45, 54, 67, 0.14);
   --atomix-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-  --atomix-focus-border-color: #9c63e9;
+  --atomix-focus-border-color: #ffcc33;
   --atomix-form-valid-color: #22c55e;
   --atomix-form-valid-border-color: #22c55e;
   --atomix-form-invalid-color: #ef4444;
@@ -624,7 +624,7 @@ summary {
   color-scheme: dark;
   --atomix-body-color: #ffffff;
   --atomix-body-bg: #1f2937;
-  --atomix-primary: #7c3aed;
+  --atomix-primary: #ffb800;
   --atomix-secondary: #4b5563;
   --atomix-light: #f9fafb;
   --atomix-dark: #374151;
@@ -632,7 +632,7 @@ summary {
   --atomix-success: #22c55e;
   --atomix-warning: #eab308;
   --atomix-info: #3b82f6;
-  --atomix-primary-rgb: 124, 58, 237;
+  --atomix-primary-rgb: 255, 184, 0;
   --atomix-secondary-rgb: 75, 85, 99;
   --atomix-light-rgb: 249, 250, 251;
   --atomix-dark-rgb: 55, 65, 81;
@@ -645,7 +645,7 @@ summary {
   --atomix-tertiary-text-emphasis: #d1d5db;
   --atomix-disabled-text-emphasis: #9ca3af;
   --atomix-invert-text-emphasis: #f9fafb;
-  --atomix-brand-text-emphasis: #e4d0fa;
+  --atomix-brand-text-emphasis: #fff4cc;
   --atomix-error-text-emphasis: #fecaca;
   --atomix-success-text-emphasis: #bbf7d0;
   --atomix-warning-text-emphasis: #fef08a;
@@ -656,7 +656,7 @@ summary {
   --atomix-secondary-bg-subtle: #4b5563;
   --atomix-tertiary-bg-subtle: #6b7280;
   --atomix-invert-bg-subtle: #ffffff;
-  --atomix-brand-bg-subtle: #501ba6;
+  --atomix-brand-bg-subtle: #cc9400;
   --atomix-error-bg-subtle: #7f1d1d;
   --atomix-success-bg-subtle: #166534;
   --atomix-warning-bg-subtle: #713f12;
@@ -669,10 +669,10 @@ summary {
   --atomix-error-border-subtle: #ef4444;
   --atomix-warning-border-subtle: #eab308;
   --atomix-info-border-subtle: #3b82f6;
-  --atomix-brand-border-subtle: #7c3aed;
+  --atomix-brand-border-subtle: #ffb800;
   --atomix-light-border-subtle: #f9fafb;
   --atomix-dark-border-subtle: #374151;
-  --atomix-primary-hover: #7c3aed;
+  --atomix-primary-hover: #ffb800;
   --atomix-secondary-hover: #6b7280;
   --atomix-light-hover: #9ca3af;
   --atomix-dark-hover: #4b5563;
@@ -680,7 +680,7 @@ summary {
   --atomix-success-hover: #86efac;
   --atomix-warning-hover: #facc15;
   --atomix-info-hover: #93c5fd;
-  --atomix-primary-gradient: linear-gradient(135deg, #2a0e60, #3c1583, #501ba6);
+  --atomix-primary-gradient: linear-gradient(135deg, #997000, #b38200, #cc9400);
   --atomix-secondary-gradient: linear-gradient(135deg, #374151, #6b7280, #d1d5db);
   --atomix-light-gradient: linear-gradient(135deg, #9ca3af, #6b7280, #9ca3af);
   --atomix-dark-gradient: linear-gradient(135deg, #000000, #4b5563, #1f2937);
@@ -695,33 +695,33 @@ summary {
   --atomix-box-shadow-lg: 0px 8px 18px -2px rgba(30, 30, 30, 0.5), 0px 8px 24px -2px rgba(30, 30, 30, 0.5);
   --atomix-box-shadow-xl: 0px 33px 61px -8px rgba(30, 30, 30, 0.9), 0px 8px 10px 0px rgba(30, 30, 30, 0.9);
   --atomix-heading-color: #e5e7eb;
-  --atomix-link-color: #b88cef;
-  --atomix-link-color-rgb: 184, 140, 239;
-  --atomix-link-hover-color: rgb(142.5381679389, 72.8435114504, 229.6564885496);
-  --atomix-link-hover-color-rgb: 142.5381679389, 72.8435114504, 229.6564885496;
+  --atomix-link-color: #ffd966;
+  --atomix-link-color-rgb: 255, 217, 102;
+  --atomix-link-hover-color: rgb(255, 198, 25.5);
+  --atomix-link-hover-color-rgb: 255, 198, 25.5;
   --atomix-code-color: #f87171;
   --atomix-border-color: #374151;
   --atomix-border-color-translucent: rgba(255, 255, 255, 0.15);
-  --atomix-focus-border-color: #b88cef;
+  --atomix-focus-border-color: #ffd966;
   --atomix-form-valid-color: #4ade80;
   --atomix-form-valid-border-color: #4ade80;
   --atomix-form-invalid-color: #f87171;
   --atomix-form-invalid-border-color: #f87171;
 }
 ::-moz-selection {
-  background: #7c3aed;
-  background: rgba(124, 58, 237, 0.3);
+  background: #ffb800;
+  background: rgba(255, 184, 0, 0.3);
 }
 ::selection {
-  background: #7c3aed;
-  background: rgba(124, 58, 237, 0.3);
+  background: #ffb800;
+  background: rgba(255, 184, 0, 0.3);
 }
 ::-moz-selection {
-  background: #7c3aed;
-  background: rgba(124, 58, 237, 0.3);
+  background: #ffb800;
+  background: rgba(255, 184, 0, 0.3);
 }
 * {
-  -webkit-tap-highlight-color: rgba(124, 58, 237, 0.2);
+  -webkit-tap-highlight-color: rgba(255, 184, 0, 0.2);
 }
 *,
 *:before,
@@ -2054,7 +2054,7 @@ a, a:hover {
   --atomix-tag-border-radius: 50rem;
   --atomix-tag-bg-color: var(--atomix-body-bg);
   --atomix-tag-icon-size: 1rem;
-  --atomix-tag-inner-items-gap: ;
+  --atomix-tag-inner-items-gap: 0.375rem;
   display: inline-flex;
   align-items: center;
   gap: var(--atomix-tag-inner-items-gap);
@@ -2252,17 +2252,17 @@ a, a:hover {
 }
 .c-btn--primary {
   --atomix-btn-color: #ffffff;
-  --atomix-btn-bg: #7c3aed;
-  --atomix-btn-border-color: #7c3aed;
+  --atomix-btn-bg: #ffb800;
+  --atomix-btn-border-color: #ffb800;
   --atomix-btn-hover-color: #ffffff;
-  --atomix-btn-hover-bg: rgb(97.9674418605, 20.9930232558, 229.7569767442);
-  --atomix-btn-hover-border-color: rgb(106.0255813953, 30.9697674419, 234.5302325581);
+  --atomix-btn-hover-bg: rgb(216.75, 156.4, 0);
+  --atomix-btn-hover-border-color: rgb(229.5, 165.6, 0);
   --atomix-btn-active-color: #ffffff;
-  --atomix-btn-active-bg: rgb(92.2046511628, 19.7581395349, 216.2418604651);
-  --atomix-btn-active-border-color: rgb(86.4418604651, 18.523255814, 202.726744186);
+  --atomix-btn-active-bg: rgb(204, 147.2, 0);
+  --atomix-btn-active-border-color: rgb(191.25, 138, 0);
   --atomix-btn-disabled-color: #ffffff;
-  --atomix-btn-disabled-bg: #7c3aed;
-  --atomix-btn-disabled-border-color: #7c3aed;
+  --atomix-btn-disabled-bg: #ffb800;
+  --atomix-btn-disabled-border-color: #ffb800;
 }
 .c-btn--secondary {
   --atomix-btn-color: var(--atomix-dark-text-emphasis);
@@ -3049,7 +3049,7 @@ a, a:hover {
   --atomix-card-bg: var(--atomix-primary-bg-subtle);
   --atomix-card-bg-hover: var(--atomix-secondary-bg-subtle);
   --atomix-card-icon-size: 1.25rem;
-  --atomix-card-icon-padding: ;
+  --atomix-card-icon-padding: 0.625rem;
   --atomix-card-icon-bg: var(--atomix-brand-bg-subtle);
   --atomix-card-icon-color: var(--atomix-brand-text-emphasis);
   --atomix-card-width: 100%;
@@ -3636,6 +3636,7 @@ a, a:hover {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
   overflow: hidden;
+  font-size: 0.875rem;
 }
 .c-chart__action::before {
   content: "";
@@ -3795,7 +3796,7 @@ a, a:hover {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0;
+  padding: 0.375rem 0;
   gap: 0.75rem;
 }
 .c-chart__settings-menu-item--info {
@@ -6947,7 +6948,7 @@ a, a:hover {
   --atomix-input-font-size: 0.875rem;
   --atomix-input-line-height: 20px;
   --atomix-input-padding-x: 0.75rem;
-  --atomix-input-padding-y: ;
+  --atomix-input-padding-y: 0.625rem;
   --atomix-input-border-color: var(--atomix-primary-border-subtle);
   --atomix-input-border-width: var(--atomix-border-width);
   --atomix-input-border-radius: 0.75rem;
@@ -7008,7 +7009,7 @@ a, a:hover {
   --atomix-input-textarea-height: 120px;
 }
 .c-input--primary {
-  --atomix-input-border-color: var(--atomix-primary-border-subtle, #7c3aed);
+  --atomix-input-border-color: var(--atomix-primary-border-subtle, #ffb800);
 }
 .c-input--success {
   --atomix-input-border-color: var(--atomix-success-border-subtle, #22c55e);
@@ -7381,7 +7382,7 @@ a, a:hover {
   --atomix-messages-file-text-color: var(--atomix-body-color);
   --atomix-messages-file-icon-size: 2.5rem;
   --atomix-messages-file-icon-margin-right: 0.5rem;
-  --atomix-messages-file-icon-bg: #e4d0fa;
+  --atomix-messages-file-icon-bg: #fff4cc;
   --atomix-messages-file-info-font-size: 0.75rem;
   --atomix-messages-file-info-color: var(--atomix-tertiary-text-emphasis);
   --atomix-messages-file-bg: var(--atomix-tertiary-bg-subtle);
@@ -7526,7 +7527,7 @@ a, a:hover {
   border-radius: var(--atomix-messages-file-border-radius) 0.25rem 0.25rem var(--atomix-messages-file-border-radius);
 }
 .c-messages__content--self .c-messages__file [data-atomix-color-mode=dark] {
-  --atomix-messages-file-icon-bg: #6425ca;
+  --atomix-messages-file-icon-bg: #e6a600;
 }
 .c-messages__content--self .c-messages__image {
   border-radius: var(--atomix-messages-image-border-radius) 0.25rem 0.25rem var(--atomix-messages-image-border-radius);
@@ -7536,7 +7537,7 @@ a, a:hover {
   background-color: var(--atomix-messages-file-icon-bg);
 }
 .c-messages__content--self .c-messages__file-icon [data-atomix-color-mode=dark] {
-  --atomix-messages-file-icon-bg: #6425ca;
+  --atomix-messages-file-icon-bg: #e6a600;
 }
 .c-messages__form {
   display: flex;
@@ -8011,7 +8012,7 @@ a, a:hover {
   --atomix-navbar-border-width: var(--atomix-border-width);
   --atomix-navbar-border-color: var(--atomix-primary-border-subtle);
   --atomix-navbar-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  --atomix-navbar-brand-margin-end: ;
+  --atomix-navbar-brand-margin-end: 1.875rem;
   --atomix-navbar-brand-font-size: 1.25rem;
   --atomix-navbar-brand-font-weight: 700;
   --atomix-navbar-brand-color: var(--atomix-body-color);
@@ -8381,7 +8382,7 @@ a, a:hover {
   --atomix-callout-title-font-size: 1rem;
   --atomix-callout-title-font-weight: 600;
   --atomix-callout-title-color: var(--atomix-body-color);
-  --atomix-callout-text-font-size: ;
+  --atomix-callout-text-font-size: 0.875rem;
   --atomix-callout-text-font-weight: 400;
   --atomix-callout-text-color: var(--atomix-body-color);
   --atomix-callout-message-spacer: 0.75rem;
@@ -9045,7 +9046,7 @@ a, a:hover {
   display: block;
 }
 .c-rating__star--primary {
-  --atomix-rating-star-bg: #7c3aed;
+  --atomix-rating-star-bg: #ffb800;
 }
 .c-rating__star--secondary {
   --atomix-rating-star-bg: #f3f4f6;
@@ -9115,7 +9116,7 @@ a, a:hover {
   flex-direction: column;
 }
 .c-rating--primary {
-  --atomix-rating-star-bg: #7c3aed;
+  --atomix-rating-star-bg: #ffb800;
 }
 .c-rating--secondary {
   --atomix-rating-star-bg: #f3f4f6;
@@ -10576,13 +10577,14 @@ a, a:hover {
   --atomix-tooltip-bg: var(--atomix-invert-bg-subtle);
   --atomix-tooltip-font-size: 0.75rem;
   --atomix-tooltip-font-weight: 400;
-  --atomix-tooltip-color: var(--atomix-invert-text);
+  --atomix-tooltip-color: var(--atomix-body-bg);
   --atomix-tooltip-border-radius: 0.5rem;
   --atomix-tooltip-border-width: ;
   --atomix-tooltip-border-color: ;
   --atomix-tooltip-box-shadow: ;
   --atomix-tooltip-arrow-size: 0.75rem;
   --atomix-tooltip-offset: 0.75rem;
+  --atomix-z-index-tooltip: 1060;
   position: absolute;
   width: -moz-max-content;
   width: max-content;
@@ -10590,37 +10592,7 @@ a, a:hover {
   height: max-content;
   max-width: var(--atomix-tooltip-max-width);
   pointer-events: none;
-  z-index: 1000;
-}
-.c-tooltip--top, .c-tooltip--top-left, .c-tooltip--top-right {
-  bottom: calc(100% + var(--atomix-tooltip-offset));
-  transform-origin: bottom center;
-}
-.c-tooltip--bottom, .c-tooltip--bottom-left, .c-tooltip--bottom-right {
-  top: calc(100% + var(--atomix-tooltip-offset));
-  transform-origin: top center;
-}
-.c-tooltip--left {
-  right: calc(100% + var(--atomix-tooltip-offset));
-  top: 50%;
-  transform: translateY(-50%);
-  transform-origin: right center;
-}
-.c-tooltip--right {
-  left: calc(100% + var(--atomix-tooltip-offset));
-  top: 50%;
-  transform: translateY(-50%);
-  transform-origin: left center;
-}
-.c-tooltip--top, .c-tooltip--bottom {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.c-tooltip--top-left, .c-tooltip--bottom-left {
-  left: 0;
-}
-.c-tooltip--top-right, .c-tooltip--bottom-right {
-  right: 0;
+  z-index: var(--atomix-z-index-tooltip);
 }
 .c-tooltip__content {
   position: relative;
@@ -10645,35 +10617,32 @@ a, a:hover {
   position: absolute;
   width: var(--atomix-tooltip-arrow-size);
   height: var(--atomix-tooltip-arrow-size);
+  border-radius: calc((var(--atomix-tooltip-arrow-size) - var(--atomix-tooltip-border-radius)) / 2);
   background-color: var(--atomix-tooltip-bg);
   z-index: 1;
   transform: rotate(45deg);
 }
-.c-tooltip--top .c-tooltip__arrow, .c-tooltip--top-left .c-tooltip__arrow, .c-tooltip--top-right .c-tooltip__arrow {
-  bottom: calc(var(--atomix-tooltip-arrow-size) / -2);
-}
-.c-tooltip--bottom .c-tooltip__arrow, .c-tooltip--bottom-left .c-tooltip__arrow, .c-tooltip--bottom-right .c-tooltip__arrow {
-  top: calc(var(--atomix-tooltip-arrow-size) / -2);
+.c-tooltip--left .c-tooltip__arrow, .c-tooltip--right .c-tooltip__arrow {
+  transform: rotate(45deg);
 }
-.c-tooltip--left .c-tooltip__arrow {
-  right: calc(var(--atomix-tooltip-arrow-size) / -2);
-  top: 50%;
-  transform: translateY(-50%) rotate(45deg);
+.c-tooltip--top .c-tooltip__arrow {
+  transform: rotate(45deg);
 }
-.c-tooltip--right .c-tooltip__arrow {
-  left: calc(var(--atomix-tooltip-arrow-size) / -2);
-  top: 50%;
-  transform: translateY(-50%) rotate(45deg);
+.c-tooltip--bottom .c-tooltip__arrow {
+  transform: rotate(225deg);
 }
-.c-tooltip--top .c-tooltip__arrow, .c-tooltip--bottom .c-tooltip__arrow {
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
+.c-tooltip--glass {
+  z-index: auto;
+  z-index: initial;
 }
-.c-tooltip--top-left .c-tooltip__arrow, .c-tooltip--bottom-left .c-tooltip__arrow {
-  left: var(--atomix-tooltip-arrow-size);
+.c-tooltip--glass .c-tooltip__content {
+  background-color: color-mix(in srgb, var(--atomix-tooltip-bg) 40%, transparent);
 }
-.c-tooltip--top-right .c-tooltip__arrow, .c-tooltip--bottom-right .c-tooltip__arrow {
-  right: var(--atomix-tooltip-arrow-size);
+.c-tooltip--glass .c-tooltip__arrow {
+  background-color: color-mix(in srgb, var(--atomix-tooltip-bg) 40%, transparent);
+  clip-path: polygon(0 100%, 100% 100%, 100% 0);
+  -webkit-backdrop-filter: var(--atomix-glass-container-backdrop);
+          backdrop-filter: var(--atomix-glass-container-backdrop);
 }
 .c-upload {
   --atomix-upload-width: 31.25rem;
@@ -10717,7 +10686,7 @@ a, a:hover {
   --atomix-upload-loader-text-margin-top: 0.3125rem;
   --atomix-upload-loader-color: var(--atomix-primary);
   --atomix-upload-loader-bar-height: 0.625rem;
-  --atomix-upload-loader-bar-margin-top: ;
+  --atomix-upload-loader-bar-margin-top: 0.625rem;
   --atomix-upload-loader-bg-opacity: 1;
   --atomix-upload-loader-progress: 39%;
   --atomix-upload-content-margin-left: 1rem;
@@ -12321,7 +12290,7 @@ body.is-open-photoviewer {
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 .c-image-gallery__item:hover .c-image-gallery__card {
-  border-color: #9c63e9;
+  border-color: #ffcc33;
 }
 .c-image-gallery__card {
   height: 100%;
@@ -12384,8 +12353,8 @@ body.is-open-photoviewer {
   text-decoration-color: RGBA(var(--atomix-primary-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
 }
 .u-link-primary:hover, .u-link-primary:focus {
-  color: RGBA(143.65, 87.55, 239.7, var(--atomix-u-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(143.65, 87.55, 239.7, var(--atomix-u-link-underline-opacity, 1)) !important;
+  color: RGBA(255, 194.65, 38.25, var(--atomix-u-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(255, 194.65, 38.25, var(--atomix-u-link-underline-opacity, 1)) !important;
 }
 .u-link-secondary {
   color: RGBA(var(--atomix-secondary-rgb), var(--atomix-u-link-opacity, 1)) !important;
@@ -12455,7 +12424,7 @@ body.is-open-photoviewer {
   white-space: nowrap;
 }
 .u-bg-primary {
-  background-color: #7c3aed;
+  background-color: #ffb800;
 }
 .u-bg-secondary {
   background-color: #f3f4f6;
@@ -12539,10 +12508,10 @@ body.is-open-photoviewer {
   border-top: 0;
 }
 .u-border-e {
-  border-right: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color);
+  border-inline-end: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color);
 }
 .u-border-e-0 {
-  border-right: 0;
+  border-inline-end: 0;
 }
 .u-border-b {
   border-bottom: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color);
@@ -12551,13 +12520,13 @@ body.is-open-photoviewer {
   border-bottom: 0;
 }
 .u-border-s {
-  border-left: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color);
+  border-inline-start: var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color);
 }
 .u-border-s-0 {
-  border-left: 0;
+  border-inline-start: 0;
 }
 .u-border-primary {
-  border-color: #7c3aed;
+  border-color: #ffb800;
 }
 .u-border-secondary {
   border-color: #f3f4f6;
@@ -12671,148 +12640,148 @@ body.is-open-photoviewer {
   border-radius: var(--atomix-border-radius-pill);
 }
 .u-rounded-top {
-  border-top-left-radius: var(--atomix-border-radius);
-  border-top-right-radius: var(--atomix-border-radius);
+  border-start-start-radius: var(--atomix-border-radius);
+  border-start-end-radius: var(--atomix-border-radius);
 }
 .u-rounded-top-0 {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
 .u-rounded-top-sm {
-  border-top-left-radius: var(--atomix-border-radius-sm);
-  border-top-right-radius: var(--atomix-border-radius-sm);
+  border-start-start-radius: var(--atomix-border-radius-sm);
+  border-start-end-radius: var(--atomix-border-radius-sm);
 }
 .u-rounded-top-md {
-  border-top-left-radius: var(--atomix-border-radius);
-  border-top-right-radius: var(--atomix-border-radius);
+  border-start-start-radius: var(--atomix-border-radius);
+  border-start-end-radius: var(--atomix-border-radius);
 }
 .u-rounded-top-lg {
-  border-top-left-radius: var(--atomix-border-radius-lg);
-  border-top-right-radius: var(--atomix-border-radius-lg);
+  border-start-start-radius: var(--atomix-border-radius-lg);
+  border-start-end-radius: var(--atomix-border-radius-lg);
 }
 .u-rounded-top-xl {
-  border-top-left-radius: var(--atomix-border-radius-xl);
-  border-top-right-radius: var(--atomix-border-radius-xl);
+  border-start-start-radius: var(--atomix-border-radius-xl);
+  border-start-end-radius: var(--atomix-border-radius-xl);
 }
 .u-rounded-top-xxl {
-  border-top-left-radius: var(--atomix-border-radius-xxl);
-  border-top-right-radius: var(--atomix-border-radius-xxl);
+  border-start-start-radius: var(--atomix-border-radius-xxl);
+  border-start-end-radius: var(--atomix-border-radius-xxl);
 }
 .u-rounded-top-circle {
-  border-top-left-radius: 50%;
-  border-top-right-radius: 50%;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
 }
 .u-rounded-top-pill {
-  border-top-left-radius: var(--atomix-border-radius-pill);
-  border-top-right-radius: var(--atomix-border-radius-pill);
+  border-start-start-radius: var(--atomix-border-radius-pill);
+  border-start-end-radius: var(--atomix-border-radius-pill);
 }
 .u-rounded-end {
-  border-top-right-radius: var(--atomix-border-radius);
-  border-bottom-right-radius: var(--atomix-border-radius);
+  border-start-end-radius: var(--atomix-border-radius);
+  border-end-end-radius: var(--atomix-border-radius);
 }
 .u-rounded-end-0 {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .u-rounded-end-sm {
-  border-top-right-radius: var(--atomix-border-radius-sm);
-  border-bottom-right-radius: var(--atomix-border-radius-sm);
+  border-start-end-radius: var(--atomix-border-radius-sm);
+  border-end-end-radius: var(--atomix-border-radius-sm);
 }
 .u-rounded-end-md {
-  border-top-right-radius: var(--atomix-border-radius);
-  border-bottom-right-radius: var(--atomix-border-radius);
+  border-start-end-radius: var(--atomix-border-radius);
+  border-end-end-radius: var(--atomix-border-radius);
 }
 .u-rounded-end-lg {
-  border-top-right-radius: var(--atomix-border-radius-lg);
-  border-bottom-right-radius: var(--atomix-border-radius-lg);
+  border-start-end-radius: var(--atomix-border-radius-lg);
+  border-end-end-radius: var(--atomix-border-radius-lg);
 }
 .u-rounded-end-xl {
-  border-top-right-radius: var(--atomix-border-radius-xl);
-  border-bottom-right-radius: var(--atomix-border-radius-xl);
+  border-start-end-radius: var(--atomix-border-radius-xl);
+  border-end-end-radius: var(--atomix-border-radius-xl);
 }
 .u-rounded-end-xxl {
-  border-top-right-radius: var(--atomix-border-radius-xxl);
-  border-bottom-right-radius: var(--atomix-border-radius-xxl);
+  border-start-end-radius: var(--atomix-border-radius-xxl);
+  border-end-end-radius: var(--atomix-border-radius-xxl);
 }
 .u-rounded-end-circle {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-end-radius: 50%;
 }
 .u-rounded-end-pill {
-  border-top-right-radius: var(--atomix-border-radius-pill);
-  border-bottom-right-radius: var(--atomix-border-radius-pill);
+  border-start-end-radius: var(--atomix-border-radius-pill);
+  border-end-end-radius: var(--atomix-border-radius-pill);
 }
 .u-rounded-bottom {
-  border-bottom-right-radius: var(--atomix-border-radius);
-  border-bottom-left-radius: var(--atomix-border-radius);
+  border-end-end-radius: var(--atomix-border-radius);
+  border-end-start-radius: var(--atomix-border-radius);
 }
 .u-rounded-bottom-0 {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
 }
 .u-rounded-bottom-sm {
-  border-bottom-right-radius: var(--atomix-border-radius-sm);
-  border-bottom-left-radius: var(--atomix-border-radius-sm);
+  border-end-end-radius: var(--atomix-border-radius-sm);
+  border-end-start-radius: var(--atomix-border-radius-sm);
 }
 .u-rounded-bottom-md {
-  border-bottom-right-radius: var(--atomix-border-radius);
-  border-bottom-left-radius: var(--atomix-border-radius);
+  border-end-end-radius: var(--atomix-border-radius);
+  border-end-start-radius: var(--atomix-border-radius);
 }
 .u-rounded-bottom-lg {
-  border-bottom-right-radius: var(--atomix-border-radius-lg);
-  border-bottom-left-radius: var(--atomix-border-radius-lg);
+  border-end-end-radius: var(--atomix-border-radius-lg);
+  border-end-start-radius: var(--atomix-border-radius-lg);
 }
 .u-rounded-bottom-xl {
-  border-bottom-right-radius: var(--atomix-border-radius-xl);
-  border-bottom-left-radius: var(--atomix-border-radius-xl);
+  border-end-end-radius: var(--atomix-border-radius-xl);
+  border-end-start-radius: var(--atomix-border-radius-xl);
 }
 .u-rounded-bottom-xxl {
-  border-bottom-right-radius: var(--atomix-border-radius-xxl);
-  border-bottom-left-radius: var(--atomix-border-radius-xxl);
+  border-end-end-radius: var(--atomix-border-radius-xxl);
+  border-end-start-radius: var(--atomix-border-radius-xxl);
 }
 .u-rounded-bottom-circle {
-  border-bottom-right-radius: 50%;
-  border-bottom-left-radius: 50%;
+  border-end-end-radius: 50%;
+  border-end-start-radius: 50%;
 }
 .u-rounded-bottom-pill {
-  border-bottom-right-radius: var(--atomix-border-radius-pill);
-  border-bottom-left-radius: var(--atomix-border-radius-pill);
+  border-end-end-radius: var(--atomix-border-radius-pill);
+  border-end-start-radius: var(--atomix-border-radius-pill);
 }
 .u-rounded-start {
-  border-bottom-left-radius: var(--atomix-border-radius);
-  border-top-left-radius: var(--atomix-border-radius);
+  border-end-start-radius: var(--atomix-border-radius);
+  border-start-start-radius: var(--atomix-border-radius);
 }
 .u-rounded-start-0 {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
 }
 .u-rounded-start-sm {
-  border-bottom-left-radius: var(--atomix-border-radius-sm);
-  border-top-left-radius: var(--atomix-border-radius-sm);
+  border-end-start-radius: var(--atomix-border-radius-sm);
+  border-start-start-radius: var(--atomix-border-radius-sm);
 }
 .u-rounded-start-md {
-  border-bottom-left-radius: var(--atomix-border-radius);
-  border-top-left-radius: var(--atomix-border-radius);
+  border-end-start-radius: var(--atomix-border-radius);
+  border-start-start-radius: var(--atomix-border-radius);
 }
 .u-rounded-start-lg {
-  border-bottom-left-radius: var(--atomix-border-radius-lg);
-  border-top-left-radius: var(--atomix-border-radius-lg);
+  border-end-start-radius: var(--atomix-border-radius-lg);
+  border-start-start-radius: var(--atomix-border-radius-lg);
 }
 .u-rounded-start-xl {
-  border-bottom-left-radius: var(--atomix-border-radius-xl);
-  border-top-left-radius: var(--atomix-border-radius-xl);
+  border-end-start-radius: var(--atomix-border-radius-xl);
+  border-start-start-radius: var(--atomix-border-radius-xl);
 }
 .u-rounded-start-xxl {
-  border-bottom-left-radius: var(--atomix-border-radius-xxl);
-  border-top-left-radius: var(--atomix-border-radius-xxl);
+  border-end-start-radius: var(--atomix-border-radius-xxl);
+  border-start-start-radius: var(--atomix-border-radius-xxl);
 }
 .u-rounded-start-circle {
-  border-bottom-left-radius: 50%;
-  border-top-left-radius: 50%;
+  border-end-start-radius: 50%;
+  border-start-start-radius: 50%;
 }
 .u-rounded-start-pill {
-  border-bottom-left-radius: var(--atomix-border-radius-pill);
-  border-top-left-radius: var(--atomix-border-radius-pill);
+  border-end-start-radius: var(--atomix-border-radius-pill);
+  border-start-start-radius: var(--atomix-border-radius-pill);
 }
 .u-d-inline {
   display: inline;
@@ -12976,6 +12945,30 @@ body.is-open-photoviewer {
 .u-order-last {
   order: 6;
 }
+.u-bg-gradient-primary {
+  background-image: linear-gradient(135deg, #fff4cc, #ffe699, #ffd966);
+}
+.u-bg-gradient-secondary {
+  background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
+}
+.u-bg-gradient-light {
+  background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
+}
+.u-bg-gradient-dark {
+  background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
+}
+.u-bg-gradient-success {
+  background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
+}
+.u-bg-gradient-info {
+  background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
+}
+.u-bg-gradient-warning {
+  background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
+}
+.u-bg-gradient-error {
+  background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
+}
 .u-link-opacityhover-10 {
   --atomix-u-u-link-opacity-10: 0.1;
 }
@@ -13001,7 +12994,7 @@ body.is-open-photoviewer {
   text-underline-offset: 0.375em;
 }
 .u-link-underline-primary {
-  text-decoration-color: #7c3aed;
+  text-decoration-color: #ffb800;
 }
 .u-link-underline-secondary {
   text-decoration-color: #f3f4f6;
@@ -13168,34 +13161,34 @@ body.is-open-photoviewer {
   bottom: 100%;
 }
 .u-start-0 {
-  left: 0;
+  inset-inline-start: 0;
 }
 .u-start-25 {
-  left: 25%;
+  inset-inline-start: 25%;
 }
 .u-start-50 {
-  left: 50%;
+  inset-inline-start: 50%;
 }
 .u-start-75 {
-  left: 75%;
+  inset-inline-start: 75%;
 }
 .u-start-100 {
-  left: 100%;
+  inset-inline-start: 100%;
 }
 .u-end-0 {
-  right: 0;
+  inset-inline-end: 0;
 }
 .u-end-25 {
-  right: 25%;
+  inset-inline-end: 25%;
 }
 .u-end-50 {
-  right: 50%;
+  inset-inline-end: 50%;
 }
 .u-end-75 {
-  right: 75%;
+  inset-inline-end: 75%;
 }
 .u-end-100 {
-  right: 100%;
+  inset-inline-end: 100%;
 }
 .u-translate-middle {
   transform: translate(-50%, -50%);
@@ -13399,300 +13392,226 @@ body.is-open-photoviewer {
   margin: auto;
 }
 .u-mx-0 {
-  margin-right: 0rem;
-  margin-left: 0rem;
+  margin-inline: 0rem;
 }
 .u-mx-1 {
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
+  margin-inline: 0.25rem;
 }
 .u-mx-px-6 {
-  margin-right: 0.375rem;
-  margin-left: 0.375rem;
+  margin-inline: 0.375rem;
 }
 .u-mx-2 {
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
+  margin-inline: 0.5rem;
 }
 .u-mx-px-10 {
-  margin-right: 0.625rem;
-  margin-left: 0.625rem;
+  margin-inline: 0.625rem;
 }
 .u-mx-3 {
-  margin-right: 0.75rem;
-  margin-left: 0.75rem;
+  margin-inline: 0.75rem;
 }
 .u-mx-px-14 {
-  margin-right: 0.875rem;
-  margin-left: 0.875rem;
+  margin-inline: 0.875rem;
 }
 .u-mx-4 {
-  margin-right: 1rem;
-  margin-left: 1rem;
+  margin-inline: 1rem;
 }
 .u-mx-5 {
-  margin-right: 1.25rem;
-  margin-left: 1.25rem;
+  margin-inline: 1.25rem;
 }
 .u-mx-px-22 {
-  margin-right: 1.375rem;
-  margin-left: 1.375rem;
+  margin-inline: 1.375rem;
 }
 .u-mx-6 {
-  margin-right: 1.5rem;
-  margin-left: 1.5rem;
+  margin-inline: 1.5rem;
 }
 .u-mx-7 {
-  margin-right: 1.75rem;
-  margin-left: 1.75rem;
+  margin-inline: 1.75rem;
 }
 .u-mx-px-30 {
-  margin-right: 1.875rem;
-  margin-left: 1.875rem;
+  margin-inline: 1.875rem;
 }
 .u-mx-8 {
-  margin-right: 2rem;
-  margin-left: 2rem;
+  margin-inline: 2rem;
 }
 .u-mx-9 {
-  margin-right: 2.25rem;
-  margin-left: 2.25rem;
+  margin-inline: 2.25rem;
 }
 .u-mx-10 {
-  margin-right: 2.5rem;
-  margin-left: 2.5rem;
+  margin-inline: 2.5rem;
 }
 .u-mx-11 {
-  margin-right: 2.75rem;
-  margin-left: 2.75rem;
+  margin-inline: 2.75rem;
 }
 .u-mx-12 {
-  margin-right: 3rem;
-  margin-left: 3rem;
+  margin-inline: 3rem;
 }
 .u-mx-14 {
-  margin-right: 3.5rem;
-  margin-left: 3.5rem;
+  margin-inline: 3.5rem;
 }
 .u-mx-16 {
-  margin-right: 4rem;
-  margin-left: 4rem;
+  margin-inline: 4rem;
 }
 .u-mx-20 {
-  margin-right: 5rem;
-  margin-left: 5rem;
+  margin-inline: 5rem;
 }
 .u-mx-24 {
-  margin-right: 6rem;
-  margin-left: 6rem;
+  margin-inline: 6rem;
 }
 .u-mx-28 {
-  margin-right: 7rem;
-  margin-left: 7rem;
+  margin-inline: 7rem;
 }
 .u-mx-32 {
-  margin-right: 8rem;
-  margin-left: 8rem;
+  margin-inline: 8rem;
 }
 .u-mx-36 {
-  margin-right: 9rem;
-  margin-left: 9rem;
+  margin-inline: 9rem;
 }
 .u-mx-40 {
-  margin-right: 10rem;
-  margin-left: 10rem;
+  margin-inline: 10rem;
 }
 .u-mx-44 {
-  margin-right: 11rem;
-  margin-left: 11rem;
+  margin-inline: 11rem;
 }
 .u-mx-48 {
-  margin-right: 12rem;
-  margin-left: 12rem;
+  margin-inline: 12rem;
 }
 .u-mx-52 {
-  margin-right: 13rem;
-  margin-left: 13rem;
+  margin-inline: 13rem;
 }
 .u-mx-56 {
-  margin-right: 14rem;
-  margin-left: 14rem;
+  margin-inline: 14rem;
 }
 .u-mx-60 {
-  margin-right: 15rem;
-  margin-left: 15rem;
+  margin-inline: 15rem;
 }
 .u-mx-64 {
-  margin-right: 16rem;
-  margin-left: 16rem;
+  margin-inline: 16rem;
 }
 .u-mx-72 {
-  margin-right: 18rem;
-  margin-left: 18rem;
+  margin-inline: 18rem;
 }
 .u-mx-80 {
-  margin-right: 20rem;
-  margin-left: 20rem;
+  margin-inline: 20rem;
 }
 .u-mx-90 {
-  margin-right: 22.5rem;
-  margin-left: 22.5rem;
+  margin-inline: 22.5rem;
 }
 .u-mx-200 {
-  margin-right: 50rem;
-  margin-left: 50rem;
+  margin-inline: 50rem;
 }
 .u-mx-auto {
-  margin-right: auto;
-  margin-left: auto;
+  margin-inline: auto;
 }
 .u-my-0 {
-  margin-top: 0rem;
-  margin-bottom: 0rem;
+  margin-block: 0rem;
 }
 .u-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
+  margin-block: 0.25rem;
 }
 .u-my-px-6 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
+  margin-block: 0.375rem;
 }
 .u-my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-block: 0.5rem;
 }
 .u-my-px-10 {
-  margin-top: 0.625rem;
-  margin-bottom: 0.625rem;
+  margin-block: 0.625rem;
 }
 .u-my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+  margin-block: 0.75rem;
 }
 .u-my-px-14 {
-  margin-top: 0.875rem;
-  margin-bottom: 0.875rem;
+  margin-block: 0.875rem;
 }
 .u-my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+  margin-block: 1rem;
 }
 .u-my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
+  margin-block: 1.25rem;
 }
 .u-my-px-22 {
-  margin-top: 1.375rem;
-  margin-bottom: 1.375rem;
+  margin-block: 1.375rem;
 }
 .u-my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+  margin-block: 1.5rem;
 }
 .u-my-7 {
-  margin-top: 1.75rem;
-  margin-bottom: 1.75rem;
+  margin-block: 1.75rem;
 }
 .u-my-px-30 {
-  margin-top: 1.875rem;
-  margin-bottom: 1.875rem;
+  margin-block: 1.875rem;
 }
 .u-my-8 {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-block: 2rem;
 }
 .u-my-9 {
-  margin-top: 2.25rem;
-  margin-bottom: 2.25rem;
+  margin-block: 2.25rem;
 }
 .u-my-10 {
-  margin-top: 2.5rem;
-  margin-bottom: 2.5rem;
+  margin-block: 2.5rem;
 }
 .u-my-11 {
-  margin-top: 2.75rem;
-  margin-bottom: 2.75rem;
+  margin-block: 2.75rem;
 }
 .u-my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+  margin-block: 3rem;
 }
 .u-my-14 {
-  margin-top: 3.5rem;
-  margin-bottom: 3.5rem;
+  margin-block: 3.5rem;
 }
 .u-my-16 {
-  margin-top: 4rem;
-  margin-bottom: 4rem;
+  margin-block: 4rem;
 }
 .u-my-20 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
+  margin-block: 5rem;
 }
 .u-my-24 {
-  margin-top: 6rem;
-  margin-bottom: 6rem;
+  margin-block: 6rem;
 }
 .u-my-28 {
-  margin-top: 7rem;
-  margin-bottom: 7rem;
+  margin-block: 7rem;
 }
 .u-my-32 {
-  margin-top: 8rem;
-  margin-bottom: 8rem;
+  margin-block: 8rem;
 }
 .u-my-36 {
-  margin-top: 9rem;
-  margin-bottom: 9rem;
+  margin-block: 9rem;
 }
 .u-my-40 {
-  margin-top: 10rem;
-  margin-bottom: 10rem;
+  margin-block: 10rem;
 }
 .u-my-44 {
-  margin-top: 11rem;
-  margin-bottom: 11rem;
+  margin-block: 11rem;
 }
 .u-my-48 {
-  margin-top: 12rem;
-  margin-bottom: 12rem;
+  margin-block: 12rem;
 }
 .u-my-52 {
-  margin-top: 13rem;
-  margin-bottom: 13rem;
+  margin-block: 13rem;
 }
 .u-my-56 {
-  margin-top: 14rem;
-  margin-bottom: 14rem;
+  margin-block: 14rem;
 }
 .u-my-60 {
-  margin-top: 15rem;
-  margin-bottom: 15rem;
+  margin-block: 15rem;
 }
 .u-my-64 {
-  margin-top: 16rem;
-  margin-bottom: 16rem;
+  margin-block: 16rem;
 }
 .u-my-72 {
-  margin-top: 18rem;
-  margin-bottom: 18rem;
+  margin-block: 18rem;
 }
 .u-my-80 {
-  margin-top: 20rem;
-  margin-bottom: 20rem;
+  margin-block: 20rem;
 }
 .u-my-90 {
-  margin-top: 22.5rem;
-  margin-bottom: 22.5rem;
+  margin-block: 22.5rem;
 }
 .u-my-200 {
-  margin-top: 50rem;
-  margin-bottom: 50rem;
+  margin-block: 50rem;
 }
 .u-my-auto {
-  margin-top: auto;
-  margin-bottom: auto;
+  margin-block: auto;
 }
 .u-mt-0 {
   margin-top: 0rem;
@@ -13806,115 +13725,115 @@ body.is-open-photoviewer {
   margin-top: auto;
 }
 .u-me-0 {
-  margin-right: 0rem;
+  margin-inline-end: 0rem;
 }
 .u-me-1 {
-  margin-right: 0.25rem;
+  margin-inline-end: 0.25rem;
 }
 .u-me-px-6 {
-  margin-right: 0.375rem;
+  margin-inline-end: 0.375rem;
 }
 .u-me-2 {
-  margin-right: 0.5rem;
+  margin-inline-end: 0.5rem;
 }
 .u-me-px-10 {
-  margin-right: 0.625rem;
+  margin-inline-end: 0.625rem;
 }
 .u-me-3 {
-  margin-right: 0.75rem;
+  margin-inline-end: 0.75rem;
 }
 .u-me-px-14 {
-  margin-right: 0.875rem;
+  margin-inline-end: 0.875rem;
 }
 .u-me-4 {
-  margin-right: 1rem;
+  margin-inline-end: 1rem;
 }
 .u-me-5 {
-  margin-right: 1.25rem;
+  margin-inline-end: 1.25rem;
 }
 .u-me-px-22 {
-  margin-right: 1.375rem;
+  margin-inline-end: 1.375rem;
 }
 .u-me-6 {
-  margin-right: 1.5rem;
+  margin-inline-end: 1.5rem;
 }
 .u-me-7 {
-  margin-right: 1.75rem;
+  margin-inline-end: 1.75rem;
 }
 .u-me-px-30 {
-  margin-right: 1.875rem;
+  margin-inline-end: 1.875rem;
 }
 .u-me-8 {
-  margin-right: 2rem;
+  margin-inline-end: 2rem;
 }
 .u-me-9 {
-  margin-right: 2.25rem;
+  margin-inline-end: 2.25rem;
 }
 .u-me-10 {
-  margin-right: 2.5rem;
+  margin-inline-end: 2.5rem;
 }
 .u-me-11 {
-  margin-right: 2.75rem;
+  margin-inline-end: 2.75rem;
 }
 .u-me-12 {
-  margin-right: 3rem;
+  margin-inline-end: 3rem;
 }
 .u-me-14 {
-  margin-right: 3.5rem;
+  margin-inline-end: 3.5rem;
 }
 .u-me-16 {
-  margin-right: 4rem;
+  margin-inline-end: 4rem;
 }
 .u-me-20 {
-  margin-right: 5rem;
+  margin-inline-end: 5rem;
 }
 .u-me-24 {
-  margin-right: 6rem;
+  margin-inline-end: 6rem;
 }
 .u-me-28 {
-  margin-right: 7rem;
+  margin-inline-end: 7rem;
 }
 .u-me-32 {
-  margin-right: 8rem;
+  margin-inline-end: 8rem;
 }
 .u-me-36 {
-  margin-right: 9rem;
+  margin-inline-end: 9rem;
 }
 .u-me-40 {
-  margin-right: 10rem;
+  margin-inline-end: 10rem;
 }
 .u-me-44 {
-  margin-right: 11rem;
+  margin-inline-end: 11rem;
 }
 .u-me-48 {
-  margin-right: 12rem;
+  margin-inline-end: 12rem;
 }
 .u-me-52 {
-  margin-right: 13rem;
+  margin-inline-end: 13rem;
 }
 .u-me-56 {
-  margin-right: 14rem;
+  margin-inline-end: 14rem;
 }
 .u-me-60 {
-  margin-right: 15rem;
+  margin-inline-end: 15rem;
 }
 .u-me-64 {
-  margin-right: 16rem;
+  margin-inline-end: 16rem;
 }
 .u-me-72 {
-  margin-right: 18rem;
+  margin-inline-end: 18rem;
 }
 .u-me-80 {
-  margin-right: 20rem;
+  margin-inline-end: 20rem;
 }
 .u-me-90 {
-  margin-right: 22.5rem;
+  margin-inline-end: 22.5rem;
 }
 .u-me-200 {
-  margin-right: 50rem;
+  margin-inline-end: 50rem;
 }
 .u-me-auto {
-  margin-right: auto;
+  margin-inline-end: auto;
 }
 .u-mb-0 {
   margin-bottom: 0rem;
@@ -14028,115 +13947,115 @@ body.is-open-photoviewer {
   margin-bottom: auto;
 }
 .u-ms-0 {
-  margin-left: 0rem;
+  margin-inline-start: 0rem;
 }
 .u-ms-1 {
-  margin-left: 0.25rem;
+  margin-inline-start: 0.25rem;
 }
 .u-ms-px-6 {
-  margin-left: 0.375rem;
+  margin-inline-start: 0.375rem;
 }
 .u-ms-2 {
-  margin-left: 0.5rem;
+  margin-inline-start: 0.5rem;
 }
 .u-ms-px-10 {
-  margin-left: 0.625rem;
+  margin-inline-start: 0.625rem;
 }
 .u-ms-3 {
-  margin-left: 0.75rem;
+  margin-inline-start: 0.75rem;
 }
 .u-ms-px-14 {
-  margin-left: 0.875rem;
+  margin-inline-start: 0.875rem;
 }
 .u-ms-4 {
-  margin-left: 1rem;
+  margin-inline-start: 1rem;
 }
 .u-ms-5 {
-  margin-left: 1.25rem;
+  margin-inline-start: 1.25rem;
 }
 .u-ms-px-22 {
-  margin-left: 1.375rem;
+  margin-inline-start: 1.375rem;
 }
 .u-ms-6 {
-  margin-left: 1.5rem;
+  margin-inline-start: 1.5rem;
 }
 .u-ms-7 {
-  margin-left: 1.75rem;
+  margin-inline-start: 1.75rem;
 }
 .u-ms-px-30 {
-  margin-left: 1.875rem;
+  margin-inline-start: 1.875rem;
 }
 .u-ms-8 {
-  margin-left: 2rem;
+  margin-inline-start: 2rem;
 }
 .u-ms-9 {
-  margin-left: 2.25rem;
+  margin-inline-start: 2.25rem;
 }
 .u-ms-10 {
-  margin-left: 2.5rem;
+  margin-inline-start: 2.5rem;
 }
 .u-ms-11 {
-  margin-left: 2.75rem;
+  margin-inline-start: 2.75rem;
 }
 .u-ms-12 {
-  margin-left: 3rem;
+  margin-inline-start: 3rem;
 }
 .u-ms-14 {
-  margin-left: 3.5rem;
+  margin-inline-start: 3.5rem;
 }
 .u-ms-16 {
-  margin-left: 4rem;
+  margin-inline-start: 4rem;
 }
 .u-ms-20 {
-  margin-left: 5rem;
+  margin-inline-start: 5rem;
 }
 .u-ms-24 {
-  margin-left: 6rem;
+  margin-inline-start: 6rem;
 }
 .u-ms-28 {
-  margin-left: 7rem;
+  margin-inline-start: 7rem;
 }
 .u-ms-32 {
-  margin-left: 8rem;
+  margin-inline-start: 8rem;
 }
 .u-ms-36 {
-  margin-left: 9rem;
+  margin-inline-start: 9rem;
 }
 .u-ms-40 {
-  margin-left: 10rem;
+  margin-inline-start: 10rem;
 }
 .u-ms-44 {
-  margin-left: 11rem;
+  margin-inline-start: 11rem;
 }
 .u-ms-48 {
-  margin-left: 12rem;
+  margin-inline-start: 12rem;
 }
 .u-ms-52 {
-  margin-left: 13rem;
+  margin-inline-start: 13rem;
 }
 .u-ms-56 {
-  margin-left: 14rem;
+  margin-inline-start: 14rem;
 }
 .u-ms-60 {
-  margin-left: 15rem;
+  margin-inline-start: 15rem;
 }
 .u-ms-64 {
-  margin-left: 16rem;
+  margin-inline-start: 16rem;
 }
 .u-ms-72 {
-  margin-left: 18rem;
+  margin-inline-start: 18rem;
 }
 .u-ms-80 {
-  margin-left: 20rem;
+  margin-inline-start: 20rem;
 }
 .u-ms-90 {
-  margin-left: 22.5rem;
+  margin-inline-start: 22.5rem;
 }
 .u-ms-200 {
-  margin-left: 50rem;
+  margin-inline-start: 50rem;
 }
 .u-ms-auto {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .u-p-0 {
   padding: 0rem;
@@ -14247,292 +14166,220 @@ body.is-open-photoviewer {
   padding: 50rem;
 }
 .u-px-0 {
-  padding-right: 0rem;
-  padding-left: 0rem;
+  padding-inline: 0rem;
 }
 .u-px-1 {
-  padding-right: 0.25rem;
-  padding-left: 0.25rem;
+  padding-inline: 0.25rem;
 }
 .u-px-px-6 {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
+  padding-inline: 0.375rem;
 }
 .u-px-2 {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding-inline: 0.5rem;
 }
 .u-px-px-10 {
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
+  padding-inline: 0.625rem;
 }
 .u-px-3 {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
+  padding-inline: 0.75rem;
 }
 .u-px-px-14 {
-  padding-right: 0.875rem;
-  padding-left: 0.875rem;
+  padding-inline: 0.875rem;
 }
 .u-px-4 {
-  padding-right: 1rem;
-  padding-left: 1rem;
+  padding-inline: 1rem;
 }
 .u-px-5 {
-  padding-right: 1.25rem;
-  padding-left: 1.25rem;
+  padding-inline: 1.25rem;
 }
 .u-px-px-22 {
-  padding-right: 1.375rem;
-  padding-left: 1.375rem;
+  padding-inline: 1.375rem;
 }
 .u-px-6 {
-  padding-right: 1.5rem;
-  padding-left: 1.5rem;
+  padding-inline: 1.5rem;
 }
 .u-px-7 {
-  padding-right: 1.75rem;
-  padding-left: 1.75rem;
+  padding-inline: 1.75rem;
 }
 .u-px-px-30 {
-  padding-right: 1.875rem;
-  padding-left: 1.875rem;
+  padding-inline: 1.875rem;
 }
 .u-px-8 {
-  padding-right: 2rem;
-  padding-left: 2rem;
+  padding-inline: 2rem;
 }
 .u-px-9 {
-  padding-right: 2.25rem;
-  padding-left: 2.25rem;
+  padding-inline: 2.25rem;
 }
 .u-px-10 {
-  padding-right: 2.5rem;
-  padding-left: 2.5rem;
+  padding-inline: 2.5rem;
 }
 .u-px-11 {
-  padding-right: 2.75rem;
-  padding-left: 2.75rem;
+  padding-inline: 2.75rem;
 }
 .u-px-12 {
-  padding-right: 3rem;
-  padding-left: 3rem;
+  padding-inline: 3rem;
 }
 .u-px-14 {
-  padding-right: 3.5rem;
-  padding-left: 3.5rem;
+  padding-inline: 3.5rem;
 }
 .u-px-16 {
-  padding-right: 4rem;
-  padding-left: 4rem;
+  padding-inline: 4rem;
 }
 .u-px-20 {
-  padding-right: 5rem;
-  padding-left: 5rem;
+  padding-inline: 5rem;
 }
 .u-px-24 {
-  padding-right: 6rem;
-  padding-left: 6rem;
+  padding-inline: 6rem;
 }
 .u-px-28 {
-  padding-right: 7rem;
-  padding-left: 7rem;
+  padding-inline: 7rem;
 }
 .u-px-32 {
-  padding-right: 8rem;
-  padding-left: 8rem;
+  padding-inline: 8rem;
 }
 .u-px-36 {
-  padding-right: 9rem;
-  padding-left: 9rem;
+  padding-inline: 9rem;
 }
 .u-px-40 {
-  padding-right: 10rem;
-  padding-left: 10rem;
+  padding-inline: 10rem;
 }
 .u-px-44 {
-  padding-right: 11rem;
-  padding-left: 11rem;
+  padding-inline: 11rem;
 }
 .u-px-48 {
-  padding-right: 12rem;
-  padding-left: 12rem;
+  padding-inline: 12rem;
 }
 .u-px-52 {
-  padding-right: 13rem;
-  padding-left: 13rem;
+  padding-inline: 13rem;
 }
 .u-px-56 {
-  padding-right: 14rem;
-  padding-left: 14rem;
+  padding-inline: 14rem;
 }
 .u-px-60 {
-  padding-right: 15rem;
-  padding-left: 15rem;
+  padding-inline: 15rem;
 }
 .u-px-64 {
-  padding-right: 16rem;
-  padding-left: 16rem;
+  padding-inline: 16rem;
 }
 .u-px-72 {
-  padding-right: 18rem;
-  padding-left: 18rem;
+  padding-inline: 18rem;
 }
 .u-px-80 {
-  padding-right: 20rem;
-  padding-left: 20rem;
+  padding-inline: 20rem;
 }
 .u-px-90 {
-  padding-right: 22.5rem;
-  padding-left: 22.5rem;
+  padding-inline: 22.5rem;
 }
 .u-px-200 {
-  padding-right: 50rem;
-  padding-left: 50rem;
+  padding-inline: 50rem;
 }
 .u-py-0 {
-  padding-top: 0rem;
-  padding-bottom: 0rem;
+  padding-block: 0rem;
 }
 .u-py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding-block: 0.25rem;
 }
 .u-py-px-6 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+  padding-block: 0.375rem;
 }
 .u-py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-block: 0.5rem;
 }
 .u-py-px-10 {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
+  padding-block: 0.625rem;
 }
 .u-py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-block: 0.75rem;
 }
 .u-py-px-14 {
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
+  padding-block: 0.875rem;
 }
 .u-py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-block: 1rem;
 }
 .u-py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+  padding-block: 1.25rem;
 }
 .u-py-px-22 {
-  padding-top: 1.375rem;
-  padding-bottom: 1.375rem;
+  padding-block: 1.375rem;
 }
 .u-py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
+  padding-block: 1.5rem;
 }
 .u-py-7 {
-  padding-top: 1.75rem;
-  padding-bottom: 1.75rem;
+  padding-block: 1.75rem;
 }
 .u-py-px-30 {
-  padding-top: 1.875rem;
-  padding-bottom: 1.875rem;
+  padding-block: 1.875rem;
 }
 .u-py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+  padding-block: 2rem;
 }
 .u-py-9 {
-  padding-top: 2.25rem;
-  padding-bottom: 2.25rem;
+  padding-block: 2.25rem;
 }
 .u-py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
+  padding-block: 2.5rem;
 }
 .u-py-11 {
-  padding-top: 2.75rem;
-  padding-bottom: 2.75rem;
+  padding-block: 2.75rem;
 }
 .u-py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+  padding-block: 3rem;
 }
 .u-py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
+  padding-block: 3.5rem;
 }
 .u-py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+  padding-block: 4rem;
 }
 .u-py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
+  padding-block: 5rem;
 }
 .u-py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
+  padding-block: 6rem;
 }
 .u-py-28 {
-  padding-top: 7rem;
-  padding-bottom: 7rem;
+  padding-block: 7rem;
 }
 .u-py-32 {
-  padding-top: 8rem;
-  padding-bottom: 8rem;
+  padding-block: 8rem;
 }
 .u-py-36 {
-  padding-top: 9rem;
-  padding-bottom: 9rem;
+  padding-block: 9rem;
 }
 .u-py-40 {
-  padding-top: 10rem;
-  padding-bottom: 10rem;
+  padding-block: 10rem;
 }
 .u-py-44 {
-  padding-top: 11rem;
-  padding-bottom: 11rem;
+  padding-block: 11rem;
 }
 .u-py-48 {
-  padding-top: 12rem;
-  padding-bottom: 12rem;
+  padding-block: 12rem;
 }
 .u-py-52 {
-  padding-top: 13rem;
-  padding-bottom: 13rem;
+  padding-block: 13rem;
 }
 .u-py-56 {
-  padding-top: 14rem;
-  padding-bottom: 14rem;
+  padding-block: 14rem;
 }
 .u-py-60 {
-  padding-top: 15rem;
-  padding-bottom: 15rem;
+  padding-block: 15rem;
 }
 .u-py-64 {
-  padding-top: 16rem;
-  padding-bottom: 16rem;
+  padding-block: 16rem;
 }
 .u-py-72 {
-  padding-top: 18rem;
-  padding-bottom: 18rem;
+  padding-block: 18rem;
 }
 .u-py-80 {
-  padding-top: 20rem;
-  padding-bottom: 20rem;
+  padding-block: 20rem;
 }
 .u-py-90 {
-  padding-top: 22.5rem;
-  padding-bottom: 22.5rem;
+  padding-block: 22.5rem;
 }
 .u-py-200 {
-  padding-top: 50rem;
-  padding-bottom: 50rem;
+  padding-block: 50rem;
 }
 .u-pt-0 {
   padding-top: 0rem;
@@ -14643,112 +14490,112 @@ body.is-open-photoviewer {
   padding-top: 50rem;
 }
 .u-pe-0 {
-  padding-right: 0rem;
+  padding-inline-end: 0rem;
 }
 .u-pe-1 {
-  padding-right: 0.25rem;
+  padding-inline-end: 0.25rem;
 }
 .u-pe-px-6 {
-  padding-right: 0.375rem;
+  padding-inline-end: 0.375rem;
 }
 .u-pe-2 {
-  padding-right: 0.5rem;
+  padding-inline-end: 0.5rem;
 }
 .u-pe-px-10 {
-  padding-right: 0.625rem;
+  padding-inline-end: 0.625rem;
 }
 .u-pe-3 {
-  padding-right: 0.75rem;
+  padding-inline-end: 0.75rem;
 }
 .u-pe-px-14 {
-  padding-right: 0.875rem;
+  padding-inline-end: 0.875rem;
 }
 .u-pe-4 {
-  padding-right: 1rem;
+  padding-inline-end: 1rem;
 }
 .u-pe-5 {
-  padding-right: 1.25rem;
+  padding-inline-end: 1.25rem;
 }
 .u-pe-px-22 {
-  padding-right: 1.375rem;
+  padding-inline-end: 1.375rem;
 }
 .u-pe-6 {
-  padding-right: 1.5rem;
+  padding-inline-end: 1.5rem;
 }
 .u-pe-7 {
-  padding-right: 1.75rem;
+  padding-inline-end: 1.75rem;
 }
 .u-pe-px-30 {
-  padding-right: 1.875rem;
+  padding-inline-end: 1.875rem;
 }
 .u-pe-8 {
-  padding-right: 2rem;
+  padding-inline-end: 2rem;
 }
 .u-pe-9 {
-  padding-right: 2.25rem;
+  padding-inline-end: 2.25rem;
 }
 .u-pe-10 {
-  padding-right: 2.5rem;
+  padding-inline-end: 2.5rem;
 }
 .u-pe-11 {
-  padding-right: 2.75rem;
+  padding-inline-end: 2.75rem;
 }
 .u-pe-12 {
-  padding-right: 3rem;
+  padding-inline-end: 3rem;
 }
 .u-pe-14 {
-  padding-right: 3.5rem;
+  padding-inline-end: 3.5rem;
 }
 .u-pe-16 {
-  padding-right: 4rem;
+  padding-inline-end: 4rem;
 }
 .u-pe-20 {
-  padding-right: 5rem;
+  padding-inline-end: 5rem;
 }
 .u-pe-24 {
-  padding-right: 6rem;
+  padding-inline-end: 6rem;
 }
 .u-pe-28 {
-  padding-right: 7rem;
+  padding-inline-end: 7rem;
 }
 .u-pe-32 {
-  padding-right: 8rem;
+  padding-inline-end: 8rem;
 }
 .u-pe-36 {
-  padding-right: 9rem;
+  padding-inline-end: 9rem;
 }
 .u-pe-40 {
-  padding-right: 10rem;
+  padding-inline-end: 10rem;
 }
 .u-pe-44 {
-  padding-right: 11rem;
+  padding-inline-end: 11rem;
 }
 .u-pe-48 {
-  padding-right: 12rem;
+  padding-inline-end: 12rem;
 }
 .u-pe-52 {
-  padding-right: 13rem;
+  padding-inline-end: 13rem;
 }
 .u-pe-56 {
-  padding-right: 14rem;
+  padding-inline-end: 14rem;
 }
 .u-pe-60 {
-  padding-right: 15rem;
+  padding-inline-end: 15rem;
 }
 .u-pe-64 {
-  padding-right: 16rem;
+  padding-inline-end: 16rem;
 }
 .u-pe-72 {
-  padding-right: 18rem;
+  padding-inline-end: 18rem;
 }
 .u-pe-80 {
-  padding-right: 20rem;
+  padding-inline-end: 20rem;
 }
 .u-pe-90 {
-  padding-right: 22.5rem;
+  padding-inline-end: 22.5rem;
 }
 .u-pe-200 {
-  padding-right: 50rem;
+  padding-inline-end: 50rem;
 }
 .u-pb-0 {
   padding-bottom: 0rem;
@@ -14859,112 +14706,112 @@ body.is-open-photoviewer {
   padding-bottom: 50rem;
 }
 .u-ps-0 {
-  padding-left: 0rem;
+  padding-inline-start: 0rem;
 }
 .u-ps-1 {
-  padding-left: 0.25rem;
+  padding-inline-start: 0.25rem;
 }
 .u-ps-px-6 {
-  padding-left: 0.375rem;
+  padding-inline-start: 0.375rem;
 }
 .u-ps-2 {
-  padding-left: 0.5rem;
+  padding-inline-start: 0.5rem;
 }
 .u-ps-px-10 {
-  padding-left: 0.625rem;
+  padding-inline-start: 0.625rem;
 }
 .u-ps-3 {
-  padding-left: 0.75rem;
+  padding-inline-start: 0.75rem;
 }
 .u-ps-px-14 {
-  padding-left: 0.875rem;
+  padding-inline-start: 0.875rem;
 }
 .u-ps-4 {
-  padding-left: 1rem;
+  padding-inline-start: 1rem;
 }
 .u-ps-5 {
-  padding-left: 1.25rem;
+  padding-inline-start: 1.25rem;
 }
 .u-ps-px-22 {
-  padding-left: 1.375rem;
+  padding-inline-start: 1.375rem;
 }
 .u-ps-6 {
-  padding-left: 1.5rem;
+  padding-inline-start: 1.5rem;
 }
 .u-ps-7 {
-  padding-left: 1.75rem;
+  padding-inline-start: 1.75rem;
 }
 .u-ps-px-30 {
-  padding-left: 1.875rem;
+  padding-inline-start: 1.875rem;
 }
 .u-ps-8 {
-  padding-left: 2rem;
+  padding-inline-start: 2rem;
 }
 .u-ps-9 {
-  padding-left: 2.25rem;
+  padding-inline-start: 2.25rem;
 }
 .u-ps-10 {
-  padding-left: 2.5rem;
+  padding-inline-start: 2.5rem;
 }
 .u-ps-11 {
-  padding-left: 2.75rem;
+  padding-inline-start: 2.75rem;
 }
 .u-ps-12 {
-  padding-left: 3rem;
+  padding-inline-start: 3rem;
 }
 .u-ps-14 {
-  padding-left: 3.5rem;
+  padding-inline-start: 3.5rem;
 }
 .u-ps-16 {
-  padding-left: 4rem;
+  padding-inline-start: 4rem;
 }
 .u-ps-20 {
-  padding-left: 5rem;
+  padding-inline-start: 5rem;
 }
 .u-ps-24 {
-  padding-left: 6rem;
+  padding-inline-start: 6rem;
 }
 .u-ps-28 {
-  padding-left: 7rem;
+  padding-inline-start: 7rem;
 }
 .u-ps-32 {
-  padding-left: 8rem;
+  padding-inline-start: 8rem;
 }
 .u-ps-36 {
-  padding-left: 9rem;
+  padding-inline-start: 9rem;
 }
 .u-ps-40 {
-  padding-left: 10rem;
+  padding-inline-start: 10rem;
 }
 .u-ps-44 {
-  padding-left: 11rem;
+  padding-inline-start: 11rem;
 }
 .u-ps-48 {
-  padding-left: 12rem;
+  padding-inline-start: 12rem;
 }
 .u-ps-52 {
-  padding-left: 13rem;
+  padding-inline-start: 13rem;
 }
 .u-ps-56 {
-  padding-left: 14rem;
+  padding-inline-start: 14rem;
 }
 .u-ps-60 {
-  padding-left: 15rem;
+  padding-inline-start: 15rem;
 }
 .u-ps-64 {
-  padding-left: 16rem;
+  padding-inline-start: 16rem;
 }
 .u-ps-72 {
-  padding-left: 18rem;
+  padding-inline-start: 18rem;
 }
 .u-ps-80 {
-  padding-left: 20rem;
+  padding-inline-start: 20rem;
 }
 .u-ps-90 {
-  padding-left: 22.5rem;
+  padding-inline-start: 22.5rem;
 }
 .u-ps-200 {
-  padding-left: 50rem;
+  padding-inline-start: 50rem;
 }
 .u-gap-0 {
   gap: 0rem;
@@ -15326,37 +15173,64 @@ body.is-open-photoviewer {
   -moz-column-gap: 50rem;
        column-gap: 50rem;
 }
-.u-fs-1 {
+.u-fs-xs {
+  font-size: 0.75rem;
+}
+.u-fs-sm {
+  font-size: 0.875rem;
+}
+.u-fs-base {
+  font-size: 1rem;
+}
+.u-fs-md {
+  font-size: 1.125rem;
+}
+.u-fs-lg {
+  font-size: 1.25rem;
+}
+.u-fs-xl {
+  font-size: 1.5rem;
+}
+.u-fs-2xl {
+  font-size: 2rem;
+}
+.u-fs-h1 {
   font-size: 2.5rem;
 }
-.u-fs-2 {
+.u-fs-h2 {
   font-size: 2rem;
 }
-.u-fs-3 {
+.u-fs-h3 {
   font-size: 1.5rem;
 }
-.u-fs-4 {
+.u-fs-h4 {
   font-size: 1.25rem;
 }
-.u-fs-5 {
+.u-fs-h5 {
   font-size: 1.125rem;
 }
-.u-fs-6 {
+.u-fs-h6 {
   font-size: 1rem;
 }
-.u-fs-xs {
-  font-size: 0.75rem;
+.u-fs-display-1 {
+  font-size: 4rem;
 }
-.u-fs-sm {
-  font-size: 0.875rem;
+.u-fs-1 {
+  font-size: 2.5rem;
 }
-.u-fs-md {
-  font-size: 1.125rem;
+.u-fs-2 {
+  font-size: 2rem;
 }
-.u-fs-lg {
+.u-fs-3 {
+  font-size: 1.5rem;
+}
+.u-fs-4 {
   font-size: 1.25rem;
 }
-.u-fs-base {
+.u-fs-5 {
+  font-size: 1.125rem;
+}
+.u-fs-6 {
   font-size: 1rem;
 }
 .u-fst-italic {
@@ -15386,23 +15260,23 @@ body.is-open-photoviewer {
 .u-fw-black {
   font-weight: 900;
 }
-.u-lh-1 {
-  line-height: 1;
+.u-lh-base {
+  line-height: 1.2;
 }
 .u-lh-sm {
   line-height: 1.43;
 }
-.u-lh-base {
-  line-height: 1.2;
-}
 .u-lh-lg {
   line-height: 1.56;
 }
+.u-lh-1 {
+  line-height: 1;
+}
 .u-text-start {
-  text-align: left;
+  text-align: start;
 }
 .u-text-end {
-  text-align: right;
+  text-align: end;
 }
 .u-text-center {
   text-align: center;
@@ -15436,7 +15310,7 @@ body.is-open-photoviewer {
   word-break: break-word !important;
 }
 .u-text-primary {
-  color: #7c3aed;
+  color: #ffb800;
 }
 .u-text-secondary {
   color: #f3f4f6;