npm - @westpac/ui - Versions diffs - 0.6.0 → 0.7.0 - Mend

@westpac/ui 0.6.0 → 0.7.0

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

Files changed (842) hide show

package/dist/css/westpac-ui.css CHANGED Viewed

@@ -1628,22 +1628,70 @@ video {
   font-size: 3.375rem;
   line-height: 1.2;
   font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
+}.typography-body-3 {
+  font-size: 3rem;
+  line-height: 1.2;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-3 {
+  font-size: 3rem;
+  line-height: 1.2;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
+}.typography-body-4 {
+  font-size: 2.625rem;
+  line-height: 1.2;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-4 {
+  font-size: 2.625rem;
+  line-height: 1.2;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
+}.typography-body-5 {
+  font-size: 2.25rem;
+  line-height: 1.2;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-5 {
+  font-size: 2.25rem;
+  line-height: 1.2;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
+}.typography-body-6 {
+  font-size: 1.875rem;
+  line-height: 1.2;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-6 {
+  font-size: 1.875rem;
+  line-height: 1.2;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
 }.typography-body-7 {
   font-size: 1.5rem;
   line-height: 1.2;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-7 {
+  font-size: 1.5rem;
+  line-height: 1.2;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
 }.typography-body-8 {
   font-size: 1.125rem;
   line-height: 1.4;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-8 {
+  font-size: 1.125rem;
+  line-height: 1.4;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
 }.typography-body-9 {
   font-size: 1rem;
   line-height: 1.4;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-9 {
+  font-size: 1rem;
+  line-height: 1.4;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
 }.typography-body-10 {
   font-size: 0.875rem;
   line-height: 1.4;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+}.typography-brand-10 {
+  font-size: 0.875rem;
+  line-height: 1.4;
+  font-family: var(--fontFamily-brand-0), var(--fontFamily-brand-1), var(--fontFamily-brand-2), var(--fontFamily-brand-3), var(--fontFamily-brand-4), var(--fontFamily-brand-5), var(--fontFamily-brand-6), var(--fontFamily-brand-7), var(--fontFamily-brand-8), var(--fontFamily-brand-9);
 }.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
@@ -2125,8 +2173,6 @@ video {
   margin-top: 0;
 }.mt-1 {
   margin-top: 0.375rem;
-}.mt-10 {
-  margin-top: 3.75rem;
 }.mt-2 {
   margin-top: 0.75rem;
 }.mt-4 {
@@ -2169,6 +2215,8 @@ video {
   height: 0;
 }.h-10 {
   height: 3.75rem;
+}.h-12 {
+  height: 4.5rem;
 }.h-13 {
   height: 4.875rem;
 }.h-15 {
@@ -2255,6 +2303,8 @@ video {
   height: 65px;
 }.h-\[70px\] {
   height: 70px;
+}.h-\[80px\] {
+  height: 80px;
 }.h-\[88px\] {
   height: 88px;
 }.h-auto {
@@ -2338,6 +2388,8 @@ video {
   width: 26px;
 }.w-\[32px\] {
   width: 32px;
+}.w-\[33\%\] {
+  width: 33%;
 }.w-\[37\.5rem\] {
   width: 37.5rem;
 }.w-\[50px\] {
@@ -2375,8 +2427,12 @@ video {
   min-width: 11.875rem;
 }.min-w-\[15\.625rem\] {
   min-width: 15.625rem;
+}.min-w-\[200px\] {
+  min-width: 200px;
 }.min-w-\[8\.125rem\] {
   min-width: 8.125rem;
+}.max-w-\[300px\] {
+  max-width: 300px;
 }.max-w-container {
   max-width: 1320px;
 }.max-w-full {
@@ -2504,6 +2560,13 @@ video {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}.divide-border > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(var(--colors-border), var(--tw-divide-opacity));
 }.self-center {
   align-self: center;
 }.overflow-auto {
@@ -2649,6 +2712,9 @@ video {
 }.border-hero-90 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--colors-hero-90), var(--tw-border-opacity));
+}.border-info {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 116 196 / var(--tw-border-opacity));
 }.border-info-50 {
   --tw-border-opacity: 1;
   border-color: rgb(128 186 226 / var(--tw-border-opacity));
@@ -2676,6 +2742,9 @@ video {
 }.border-system {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 0 / var(--tw-border-opacity));
+}.border-warning {
+  --tw-border-opacity: 1;
+  border-color: rgb(197 59 0 / var(--tw-border-opacity));
 }.border-warning-50 {
   --tw-border-opacity: 1;
   border-color: rgb(226 157 128 / var(--tw-border-opacity));
@@ -2740,56 +2809,602 @@ video {
 }.bg-background {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-background), var(--tw-bg-opacity));
+}.bg-background-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-10), var(--tw-bg-opacity));
+}.bg-background-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-20), var(--tw-bg-opacity));
+}.bg-background-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-30), var(--tw-bg-opacity));
+}.bg-background-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-40), var(--tw-bg-opacity));
+}.bg-background-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-5), var(--tw-bg-opacity));
+}.bg-background-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-50), var(--tw-bg-opacity));
+}.bg-background-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-60), var(--tw-bg-opacity));
+}.bg-background-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-70), var(--tw-bg-opacity));
+}.bg-background-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-80), var(--tw-bg-opacity));
+}.bg-background-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-background-90), var(--tw-bg-opacity));
+}.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }.bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
+}.bg-border {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border), var(--tw-bg-opacity));
+}.bg-border-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-10), var(--tw-bg-opacity));
 }.bg-border-20 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-border-20), var(--tw-bg-opacity));
+}.bg-border-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-30), var(--tw-bg-opacity));
+}.bg-border-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-40), var(--tw-bg-opacity));
+}.bg-border-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-5), var(--tw-bg-opacity));
+}.bg-border-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-50), var(--tw-bg-opacity));
+}.bg-border-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-60), var(--tw-bg-opacity));
+}.bg-border-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-70), var(--tw-bg-opacity));
+}.bg-border-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-80), var(--tw-bg-opacity));
+}.bg-border-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-border-90), var(--tw-bg-opacity));
+}.bg-borderDark {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark), var(--tw-bg-opacity));
+}.bg-borderDark-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-10), var(--tw-bg-opacity));
+}.bg-borderDark-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-20), var(--tw-bg-opacity));
+}.bg-borderDark-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-30), var(--tw-bg-opacity));
+}.bg-borderDark-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-40), var(--tw-bg-opacity));
+}.bg-borderDark-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-5), var(--tw-bg-opacity));
+}.bg-borderDark-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-50), var(--tw-bg-opacity));
+}.bg-borderDark-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-60), var(--tw-bg-opacity));
+}.bg-borderDark-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-70), var(--tw-bg-opacity));
+}.bg-borderDark-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-80), var(--tw-bg-opacity));
+}.bg-borderDark-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-borderDark-90), var(--tw-bg-opacity));
 }.bg-danger {
   --tw-bg-opacity: 1;
   background-color: rgb(196 0 0 / var(--tw-bg-opacity));
+}.bg-danger-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 230 230 / var(--tw-bg-opacity));
+}.bg-danger-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 204 204 / var(--tw-bg-opacity));
+}.bg-danger-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 179 179 / var(--tw-bg-opacity));
+}.bg-danger-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(231 153 153 / var(--tw-bg-opacity));
 }.bg-danger-5 {
   --tw-bg-opacity: 1;
   background-color: rgb(252 242 242 / var(--tw-bg-opacity));
+}.bg-danger-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 128 128 / var(--tw-bg-opacity));
+}.bg-danger-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 102 102 / var(--tw-bg-opacity));
+}.bg-danger-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 77 77 / var(--tw-bg-opacity));
+}.bg-danger-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(208 51 51 / var(--tw-bg-opacity));
+}.bg-danger-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 26 26 / var(--tw-bg-opacity));
+}.bg-focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus), var(--tw-bg-opacity));
+}.bg-focus-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-10), var(--tw-bg-opacity));
+}.bg-focus-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-20), var(--tw-bg-opacity));
+}.bg-focus-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-30), var(--tw-bg-opacity));
+}.bg-focus-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-40), var(--tw-bg-opacity));
+}.bg-focus-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-5), var(--tw-bg-opacity));
+}.bg-focus-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-50), var(--tw-bg-opacity));
+}.bg-focus-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-60), var(--tw-bg-opacity));
+}.bg-focus-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-70), var(--tw-bg-opacity));
+}.bg-focus-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-80), var(--tw-bg-opacity));
+}.bg-focus-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-focus-90), var(--tw-bg-opacity));
+}.bg-heading {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading), var(--tw-bg-opacity));
+}.bg-heading-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-10), var(--tw-bg-opacity));
+}.bg-heading-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-20), var(--tw-bg-opacity));
+}.bg-heading-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-30), var(--tw-bg-opacity));
+}.bg-heading-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-40), var(--tw-bg-opacity));
+}.bg-heading-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-5), var(--tw-bg-opacity));
+}.bg-heading-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-50), var(--tw-bg-opacity));
+}.bg-heading-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-60), var(--tw-bg-opacity));
+}.bg-heading-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-70), var(--tw-bg-opacity));
+}.bg-heading-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-80), var(--tw-bg-opacity));
+}.bg-heading-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-heading-90), var(--tw-bg-opacity));
 }.bg-hero {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+}.bg-hero-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-10), var(--tw-bg-opacity));
+}.bg-hero-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-20), var(--tw-bg-opacity));
+}.bg-hero-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-30), var(--tw-bg-opacity));
+}.bg-hero-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-40), var(--tw-bg-opacity));
+}.bg-hero-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-5), var(--tw-bg-opacity));
+}.bg-hero-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-50), var(--tw-bg-opacity));
+}.bg-hero-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-60), var(--tw-bg-opacity));
+}.bg-hero-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-70), var(--tw-bg-opacity));
+}.bg-hero-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-80), var(--tw-bg-opacity));
+}.bg-hero-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-90), var(--tw-bg-opacity));
 }.bg-info {
   --tw-bg-opacity: 1;
   background-color: rgb(0 116 196 / var(--tw-bg-opacity));
+}.bg-info-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 241 249 / var(--tw-bg-opacity));
+}.bg-info-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 227 243 / var(--tw-bg-opacity));
+}.bg-info-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(179 213 237 / var(--tw-bg-opacity));
+}.bg-info-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 199 231 / var(--tw-bg-opacity));
 }.bg-info-5 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 248 252 / var(--tw-bg-opacity));
+}.bg-info-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(128 186 226 / var(--tw-bg-opacity));
+}.bg-info-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(102 172 220 / var(--tw-bg-opacity));
+}.bg-info-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 158 214 / var(--tw-bg-opacity));
+}.bg-info-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 144 208 / var(--tw-bg-opacity));
+}.bg-info-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 130 202 / var(--tw-bg-opacity));
 }.bg-light {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+}.bg-light-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-10), var(--tw-bg-opacity));
+}.bg-light-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-20), var(--tw-bg-opacity));
+}.bg-light-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-30), var(--tw-bg-opacity));
+}.bg-light-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-40), var(--tw-bg-opacity));
+}.bg-light-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-5), var(--tw-bg-opacity));
+}.bg-light-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-50), var(--tw-bg-opacity));
+}.bg-light-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-60), var(--tw-bg-opacity));
+}.bg-light-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-70), var(--tw-bg-opacity));
+}.bg-light-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-80), var(--tw-bg-opacity));
+}.bg-light-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light-90), var(--tw-bg-opacity));
 }.bg-link {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-link), var(--tw-bg-opacity));
+}.bg-link-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-10), var(--tw-bg-opacity));
+}.bg-link-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-20), var(--tw-bg-opacity));
+}.bg-link-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-30), var(--tw-bg-opacity));
+}.bg-link-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-40), var(--tw-bg-opacity));
+}.bg-link-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-5), var(--tw-bg-opacity));
+}.bg-link-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-50), var(--tw-bg-opacity));
+}.bg-link-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-60), var(--tw-bg-opacity));
+}.bg-link-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-70), var(--tw-bg-opacity));
+}.bg-link-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-80), var(--tw-bg-opacity));
+}.bg-link-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-link-90), var(--tw-bg-opacity));
 }.bg-muted {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
+}.bg-muted-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-10), var(--tw-bg-opacity));
+}.bg-muted-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-20), var(--tw-bg-opacity));
+}.bg-muted-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-30), var(--tw-bg-opacity));
+}.bg-muted-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-40), var(--tw-bg-opacity));
+}.bg-muted-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-5), var(--tw-bg-opacity));
+}.bg-muted-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-50), var(--tw-bg-opacity));
+}.bg-muted-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-60), var(--tw-bg-opacity));
+}.bg-muted-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-70), var(--tw-bg-opacity));
+}.bg-muted-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-80), var(--tw-bg-opacity));
+}.bg-muted-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-muted-90), var(--tw-bg-opacity));
 }.bg-neutral {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-neutral), var(--tw-bg-opacity));
+}.bg-neutral-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-10), var(--tw-bg-opacity));
+}.bg-neutral-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-20), var(--tw-bg-opacity));
+}.bg-neutral-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-30), var(--tw-bg-opacity));
+}.bg-neutral-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-40), var(--tw-bg-opacity));
+}.bg-neutral-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-5), var(--tw-bg-opacity));
+}.bg-neutral-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-50), var(--tw-bg-opacity));
+}.bg-neutral-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-60), var(--tw-bg-opacity));
+}.bg-neutral-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-70), var(--tw-bg-opacity));
+}.bg-neutral-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-80), var(--tw-bg-opacity));
+}.bg-neutral-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-neutral-90), var(--tw-bg-opacity));
+}.bg-pop {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+}.bg-pop-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-10), var(--tw-bg-opacity));
+}.bg-pop-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-20), var(--tw-bg-opacity));
+}.bg-pop-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-30), var(--tw-bg-opacity));
+}.bg-pop-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-40), var(--tw-bg-opacity));
+}.bg-pop-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-5), var(--tw-bg-opacity));
+}.bg-pop-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-50), var(--tw-bg-opacity));
+}.bg-pop-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-60), var(--tw-bg-opacity));
+}.bg-pop-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-70), var(--tw-bg-opacity));
+}.bg-pop-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-80), var(--tw-bg-opacity));
+}.bg-pop-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop-90), var(--tw-bg-opacity));
 }.bg-primary {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+}.bg-primary-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-10), var(--tw-bg-opacity));
+}.bg-primary-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-20), var(--tw-bg-opacity));
+}.bg-primary-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-30), var(--tw-bg-opacity));
+}.bg-primary-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-40), var(--tw-bg-opacity));
+}.bg-primary-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-5), var(--tw-bg-opacity));
+}.bg-primary-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-50), var(--tw-bg-opacity));
+}.bg-primary-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-60), var(--tw-bg-opacity));
+}.bg-primary-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-70), var(--tw-bg-opacity));
+}.bg-primary-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-80), var(--tw-bg-opacity));
+}.bg-primary-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-90), var(--tw-bg-opacity));
 }.bg-success {
   --tw-bg-opacity: 1;
   background-color: rgb(0 128 0 / var(--tw-bg-opacity));
+}.bg-success-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 242 230 / var(--tw-bg-opacity));
+}.bg-success-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 230 204 / var(--tw-bg-opacity));
+}.bg-success-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(179 217 179 / var(--tw-bg-opacity));
+}.bg-success-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 204 153 / var(--tw-bg-opacity));
 }.bg-success-5 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 249 242 / var(--tw-bg-opacity));
+}.bg-success-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(128 192 128 / var(--tw-bg-opacity));
+}.bg-success-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(102 179 102 / var(--tw-bg-opacity));
+}.bg-success-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 166 77 / var(--tw-bg-opacity));
+}.bg-success-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 153 51 / var(--tw-bg-opacity));
+}.bg-success-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 141 26 / var(--tw-bg-opacity));
 }.bg-system {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 0 / var(--tw-bg-opacity));
+}.bg-system-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 230 / var(--tw-bg-opacity));
+}.bg-system-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 204 / var(--tw-bg-opacity));
+}.bg-system-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 179 / var(--tw-bg-opacity));
+}.bg-system-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 153 / var(--tw-bg-opacity));
+}.bg-system-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 242 / var(--tw-bg-opacity));
+}.bg-system-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 128 / var(--tw-bg-opacity));
+}.bg-system-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 102 / var(--tw-bg-opacity));
+}.bg-system-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 77 / var(--tw-bg-opacity));
+}.bg-system-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 51 / var(--tw-bg-opacity));
+}.bg-system-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 26 / var(--tw-bg-opacity));
+}.bg-text {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text), var(--tw-bg-opacity));
+}.bg-text-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-10), var(--tw-bg-opacity));
+}.bg-text-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-20), var(--tw-bg-opacity));
+}.bg-text-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-30), var(--tw-bg-opacity));
+}.bg-text-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-40), var(--tw-bg-opacity));
+}.bg-text-5 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-5), var(--tw-bg-opacity));
+}.bg-text-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-50), var(--tw-bg-opacity));
+}.bg-text-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-60), var(--tw-bg-opacity));
+}.bg-text-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-70), var(--tw-bg-opacity));
+}.bg-text-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-80), var(--tw-bg-opacity));
+}.bg-text-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-text-90), var(--tw-bg-opacity));
 }.bg-warning {
   --tw-bg-opacity: 1;
   background-color: rgb(197 59 0 / var(--tw-bg-opacity));
+}.bg-warning-10 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 235 230 / var(--tw-bg-opacity));
+}.bg-warning-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 216 204 / var(--tw-bg-opacity));
+}.bg-warning-30 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 196 179 / var(--tw-bg-opacity));
+}.bg-warning-40 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 177 153 / var(--tw-bg-opacity));
 }.bg-warning-5 {
   --tw-bg-opacity: 1;
   background-color: rgb(252 245 242 / var(--tw-bg-opacity));
+}.bg-warning-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 157 128 / var(--tw-bg-opacity));
+}.bg-warning-60 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 137 102 / var(--tw-bg-opacity));
+}.bg-warning-70 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 118 77 / var(--tw-bg-opacity));
+}.bg-warning-80 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 98 51 / var(--tw-bg-opacity));
+}.bg-warning-90 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 79 26 / var(--tw-bg-opacity));
 }.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2822,12 +3437,12 @@ video {
   padding: 0.375rem;
 }.p-2 {
   padding: 0.75rem;
+}.p-29 {
+  padding: 10.875rem;
 }.p-3 {
   padding: 1.125rem;
 }.p-4 {
   padding: 1.5rem;
-}.p-5 {
-  padding: 1.875rem;
 }.p-\[0\.0625rem\] {
   padding: 0.0625rem;
 }.p-\[0\.4375rem\] {
@@ -2838,8 +3453,6 @@ video {
   padding: 0 1.125rem 1.875rem;
 }.p-\[0_1\.125rem_2\.625rem\] {
   padding: 0 1.125rem 2.625rem;
-}.p-\[200px\] {
-  padding: 200px;
 }.px-0 {
   padding-left: 0;
   padding-right: 0;
@@ -3069,9 +3682,6 @@ video {
 }.text-muted {
   --tw-text-opacity: 1;
   color: rgba(var(--colors-muted), var(--tw-text-opacity));
-}.text-muted-10 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
 }.text-muted-90 {
   --tw-text-opacity: 1;
   color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -3093,6 +3703,9 @@ video {
 }.text-text {
   --tw-text-opacity: 1;
   color: rgba(var(--colors-text), var(--tw-text-opacity));
+}.text-text-10 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-text-10), var(--tw-text-opacity));
 }.text-text-50 {
   --tw-text-opacity: 1;
   color: rgba(var(--colors-text-50), var(--tw-text-opacity));
@@ -3210,6 +3823,10 @@ video {
   outline-color: rgb(var(--colors-focus));
 }.select-caret {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8' style='color: rgb(89,87,103);'><path fill='currentColor' d='M0 0l7 8 7-8z'/></svg>");
+}body {
+  font-size: 0.875rem;
+  line-height: 1.4;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 }.read-only\:form-control-disabled:-moz-read-only {
   cursor: not-allowed;
   border-style: dashed;
@@ -4193,10 +4810,93 @@ video {
   padding-left: 3rem;
 }.group.input-field-inset-before .group-\[\.input-field-inset-before\]\:pl-9 {
   padding-left: 3.375rem;
-}@media not all and (min-width: 576px) {.max-xsl\:px-2 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }.group\/panel:first-child .max-xsl\:group-first\/panel\:px-2 {
+}[data-theme="rams"] .active-theme-rams\:border-b-pop {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+}[data-theme="rams"] .active-theme-rams\:border-b-primary {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+}[data-theme="rams"] .active-theme-rams\:text-primary {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-primary), var(--tw-text-opacity));
+}[data-theme="rams"] .active-theme-rams\:before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}[data-theme="rams"] .active-theme-rams\:before\:bottom-0::before {
+  content: var(--tw-content);
+  bottom: 0;
+}[data-theme="rams"] .active-theme-rams\:before\:block::before {
+  content: var(--tw-content);
+  display: block;
+}[data-theme="rams"] .active-theme-rams\:before\:hidden::before {
+  content: var(--tw-content);
+  display: none;
+}[data-theme="rams"] .active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+  content: var(--tw-content);
+  height: 0.0625rem;
+}[data-theme="rams"] .active-theme-rams\:before\:h-\[0\.125rem\]::before {
+  content: var(--tw-content);
+  height: 0.125rem;
+}[data-theme="rams"] .active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+  content: var(--tw-content);
+  height: 0.1875rem;
+}[data-theme="rams"] .active-theme-rams\:before\:h-\[0\.25rem\]::before {
+  content: var(--tw-content);
+  height: 0.25rem;
+}[data-theme="rams"] .active-theme-rams\:before\:w-full::before {
+  content: var(--tw-content);
+  width: 100%;
+}[data-theme="rams"] .active-theme-rams\:before\:bg-pop::before {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+}[data-theme="rams"] .active-theme-rams\:hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}.theme-rams .active-theme-rams\:border-b-pop {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+}.theme-rams .active-theme-rams\:border-b-primary {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+}.theme-rams .active-theme-rams\:text-primary {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-primary), var(--tw-text-opacity));
+}.theme-rams .active-theme-rams\:before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}.theme-rams .active-theme-rams\:before\:bottom-0::before {
+  content: var(--tw-content);
+  bottom: 0;
+}.theme-rams .active-theme-rams\:before\:block::before {
+  content: var(--tw-content);
+  display: block;
+}.theme-rams .active-theme-rams\:before\:hidden::before {
+  content: var(--tw-content);
+  display: none;
+}.theme-rams .active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+  content: var(--tw-content);
+  height: 0.0625rem;
+}.theme-rams .active-theme-rams\:before\:h-\[0\.125rem\]::before {
+  content: var(--tw-content);
+  height: 0.125rem;
+}.theme-rams .active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+  content: var(--tw-content);
+  height: 0.1875rem;
+}.theme-rams .active-theme-rams\:before\:h-\[0\.25rem\]::before {
+  content: var(--tw-content);
+  height: 0.25rem;
+}.theme-rams .active-theme-rams\:before\:w-full::before {
+  content: var(--tw-content);
+  width: 100%;
+}.theme-rams .active-theme-rams\:before\:bg-pop::before {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+}.theme-rams .active-theme-rams\:hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}@media not all and (min-width: 576px) {.group\/panel:first-child .max-xsl\:group-first\/panel\:px-2 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }.group\/panel:first-child .max-xsl\:group-first\/panel\:pt-2 {
@@ -4396,12 +5096,12 @@ video {
   }.xsl\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }.xsl\:-rotate-90 {
-    --tw-rotate: -90deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.xsl\:rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }.xsl\:rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.xsl\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -4528,6 +5228,9 @@ video {
   }.xsl\:border-hero {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.xsl\:border-info {
+    --tw-border-opacity: 1;
+    border-color: rgb(0 116 196 / var(--tw-border-opacity));
   }.xsl\:border-link {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-link), var(--tw-border-opacity));
@@ -4540,6 +5243,9 @@ video {
   }.xsl\:border-success {
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
+  }.xsl\:border-warning {
+    --tw-border-opacity: 1;
+    border-color: rgb(197 59 0 / var(--tw-border-opacity));
   }.xsl\:border-x-border {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -4704,9 +5410,6 @@ video {
   }.xsl\:text-muted {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted), var(--tw-text-opacity));
-  }.xsl\:text-muted-10 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
   }.xsl\:text-muted-90 {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -4728,6 +5431,9 @@ video {
   }.xsl\:text-text {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.xsl\:text-text-10 {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text-10), var(--tw-text-opacity));
   }.xsl\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity));
@@ -5006,6 +5712,68 @@ video {
     padding-left: 3rem;
   }.group.input-field-inset-before .xsl\:group-\[\.input-field-inset-before\]\:pl-9 {
     padding-left: 3.375rem;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }[data-theme="rams"] .xsl\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+  }.theme-rams .xsl\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }.theme-rams .xsl\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }.theme-rams .xsl\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }.theme-rams .xsl\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }.theme-rams .xsl\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }.theme-rams .xsl\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }.theme-rams .xsl\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }.theme-rams .xsl\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }.theme-rams .xsl\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }.theme-rams .xsl\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
   }@media (min-width: 768px) {.xsl\:sm\:max-w-xsl {
       max-width: 576px;
     }.xsl\:sm\:inline-block {
@@ -5216,12 +5984,12 @@ video {
   }.sm\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }.sm\:-rotate-90 {
-    --tw-rotate: -90deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.sm\:rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }.sm\:rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.sm\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5348,6 +6116,9 @@ video {
   }.sm\:border-hero {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.sm\:border-info {
+    --tw-border-opacity: 1;
+    border-color: rgb(0 116 196 / var(--tw-border-opacity));
   }.sm\:border-link {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-link), var(--tw-border-opacity));
@@ -5360,6 +6131,9 @@ video {
   }.sm\:border-success {
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
+  }.sm\:border-warning {
+    --tw-border-opacity: 1;
+    border-color: rgb(197 59 0 / var(--tw-border-opacity));
   }.sm\:border-x-border {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -5432,6 +6206,9 @@ video {
   }.sm\:px-3 {
     padding-left: 1.125rem;
     padding-right: 1.125rem;
+  }.sm\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
   }.sm\:px-6 {
     padding-left: 2.25rem;
     padding-right: 2.25rem;
@@ -5532,9 +6309,6 @@ video {
   }.sm\:text-muted {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted), var(--tw-text-opacity));
-  }.sm\:text-muted-10 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
   }.sm\:text-muted-90 {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -5556,6 +6330,9 @@ video {
   }.sm\:text-text {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.sm\:text-text-10 {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text-10), var(--tw-text-opacity));
   }.sm\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity));
@@ -5834,6 +6611,68 @@ video {
     padding-left: 3rem;
   }.group.input-field-inset-before .sm\:group-\[\.input-field-inset-before\]\:pl-9 {
     padding-left: 3.375rem;
+  }[data-theme="rams"] .sm\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }[data-theme="rams"] .sm\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+  }.theme-rams .sm\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }.theme-rams .sm\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }.theme-rams .sm\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }.theme-rams .sm\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }.theme-rams .sm\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }.theme-rams .sm\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }.theme-rams .sm\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }.theme-rams .sm\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }.theme-rams .sm\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }.theme-rams .sm\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
   }
 }@media (min-width: 576px) {@media (min-width: 992px) {.xsl\:md\:max-w-md {
       max-width: 992px;
@@ -6045,12 +6884,12 @@ video {
   }.md\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }.md\:-rotate-90 {
-    --tw-rotate: -90deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.md\:rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }.md\:rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.md\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -6179,6 +7018,9 @@ video {
   }.md\:border-hero {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.md\:border-info {
+    --tw-border-opacity: 1;
+    border-color: rgb(0 116 196 / var(--tw-border-opacity));
   }.md\:border-link {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-link), var(--tw-border-opacity));
@@ -6191,6 +7033,9 @@ video {
   }.md\:border-success {
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
+  }.md\:border-warning {
+    --tw-border-opacity: 1;
+    border-color: rgb(197 59 0 / var(--tw-border-opacity));
   }.md\:border-x-border {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -6356,9 +7201,6 @@ video {
   }.md\:text-muted {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted), var(--tw-text-opacity));
-  }.md\:text-muted-10 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
   }.md\:text-muted-90 {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -6380,6 +7222,9 @@ video {
   }.md\:text-text {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.md\:text-text-10 {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text-10), var(--tw-text-opacity));
   }.md\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity));
@@ -6658,6 +7503,68 @@ video {
     padding-left: 3rem;
   }.group.input-field-inset-before .md\:group-\[\.input-field-inset-before\]\:pl-9 {
     padding-left: 3.375rem;
+  }[data-theme="rams"] .md\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }[data-theme="rams"] .md\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+  }.theme-rams .md\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }.theme-rams .md\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }.theme-rams .md\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }.theme-rams .md\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }.theme-rams .md\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }.theme-rams .md\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }.theme-rams .md\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }.theme-rams .md\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }.theme-rams .md\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }.theme-rams .md\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
   }
 }@media (min-width: 576px) {@media (min-width: 1200px) {.xsl\:lg\:max-w-lg {
       max-width: 1200px;
@@ -6876,12 +7783,12 @@ video {
   }.lg\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }.lg\:-rotate-90 {
-    --tw-rotate: -90deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.lg\:rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }.lg\:rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.lg\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7008,6 +7915,9 @@ video {
   }.lg\:border-hero {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.lg\:border-info {
+    --tw-border-opacity: 1;
+    border-color: rgb(0 116 196 / var(--tw-border-opacity));
   }.lg\:border-link {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-link), var(--tw-border-opacity));
@@ -7020,6 +7930,9 @@ video {
   }.lg\:border-success {
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
+  }.lg\:border-warning {
+    --tw-border-opacity: 1;
+    border-color: rgb(197 59 0 / var(--tw-border-opacity));
   }.lg\:border-x-border {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -7185,9 +8098,6 @@ video {
   }.lg\:text-muted {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted), var(--tw-text-opacity));
-  }.lg\:text-muted-10 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
   }.lg\:text-muted-90 {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -7209,6 +8119,9 @@ video {
   }.lg\:text-text {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.lg\:text-text-10 {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text-10), var(--tw-text-opacity));
   }.lg\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity));
@@ -7487,6 +8400,68 @@ video {
     padding-left: 3rem;
   }.group.input-field-inset-before .lg\:group-\[\.input-field-inset-before\]\:pl-9 {
     padding-left: 3.375rem;
+  }[data-theme="rams"] .lg\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }[data-theme="rams"] .lg\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+  }.theme-rams .lg\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }.theme-rams .lg\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }.theme-rams .lg\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }.theme-rams .lg\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }.theme-rams .lg\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }.theme-rams .lg\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }.theme-rams .lg\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }.theme-rams .lg\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }.theme-rams .lg\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }.theme-rams .lg\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
   }
 }@media (min-width: 1900px) {@media (min-width: 1200px) {.xl\:lg\:max-w-lg {
       max-width: 1200px;
@@ -7691,12 +8666,12 @@ video {
   }.xl\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }.xl\:-rotate-90 {
-    --tw-rotate: -90deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.xl\:rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }.xl\:rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }.xl\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7823,6 +8798,9 @@ video {
   }.xl\:border-hero {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.xl\:border-info {
+    --tw-border-opacity: 1;
+    border-color: rgb(0 116 196 / var(--tw-border-opacity));
   }.xl\:border-link {
     --tw-border-opacity: 1;
     border-color: rgba(var(--colors-link), var(--tw-border-opacity));
@@ -7835,6 +8813,9 @@ video {
   }.xl\:border-success {
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
+  }.xl\:border-warning {
+    --tw-border-opacity: 1;
+    border-color: rgb(197 59 0 / var(--tw-border-opacity));
   }.xl\:border-x-border {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -7994,9 +8975,6 @@ video {
   }.xl\:text-muted {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted), var(--tw-text-opacity));
-  }.xl\:text-muted-10 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-muted-10), var(--tw-text-opacity));
   }.xl\:text-muted-90 {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-muted-90), var(--tw-text-opacity));
@@ -8018,6 +8996,9 @@ video {
   }.xl\:text-text {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.xl\:text-text-10 {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text-10), var(--tw-text-opacity));
   }.xl\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity));
@@ -8296,6 +9277,68 @@ video {
     padding-left: 3rem;
   }.group.input-field-inset-before .xl\:group-\[\.input-field-inset-before\]\:pl-9 {
     padding-left: 3.375rem;
+  }[data-theme="rams"] .xl\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }[data-theme="rams"] .xl\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
+  }.theme-rams .xl\:active-theme-rams\:border-b-pop {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgba(var(--colors-pop), var(--tw-border-opacity));
+  }.theme-rams .xl\:active-theme-rams\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }.theme-rams .xl\:active-theme-rams\:before\:bottom-0::before {
+    content: var(--tw-content);
+    bottom: 0;
+  }.theme-rams .xl\:active-theme-rams\:before\:block::before {
+    content: var(--tw-content);
+    display: block;
+  }.theme-rams .xl\:active-theme-rams\:before\:h-\[0\.0625rem\]::before {
+    content: var(--tw-content);
+    height: 0.0625rem;
+  }.theme-rams .xl\:active-theme-rams\:before\:h-\[0\.125rem\]::before {
+    content: var(--tw-content);
+    height: 0.125rem;
+  }.theme-rams .xl\:active-theme-rams\:before\:h-\[0\.1875rem\]::before {
+    content: var(--tw-content);
+    height: 0.1875rem;
+  }.theme-rams .xl\:active-theme-rams\:before\:h-\[0\.25rem\]::before {
+    content: var(--tw-content);
+    height: 0.25rem;
+  }.theme-rams .xl\:active-theme-rams\:before\:w-full::before {
+    content: var(--tw-content);
+    width: 100%;
+  }.theme-rams .xl\:active-theme-rams\:before\:bg-pop::before {
+    content: var(--tw-content);
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-pop), var(--tw-bg-opacity));
   }
 }.\[\&\:not\(\:first-of-type\)\]\:pt-5:not(:first-of-type) {
   padding-top: 1.875rem;