@westpac/ui 0.1.0

package/dist/css/westpac-ui.css

@@ -0,0 +1,2691 @@
+/*
+! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: currentColor; /* 2 */
+}::before,
+::after {
+  --tw-content: '';
+}/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+*/html {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4; /* 3 */
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+}/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}/*
+Remove the default font size and weight for headings.
+*/h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/a {
+  color: inherit;
+  text-decoration: inherit;
+}/*
+Add the correct font weight in Edge and Safari.
+*/b,
+strong {
+  font-weight: bolder;
+}/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}/*
+Add the correct font size in all browsers.
+*/small {
+  font-size: 80%;
+}/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}sub {
+  bottom: -0.25em;
+}sup {
+  top: -0.5em;
+}/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/button,
+select {
+  text-transform: none;
+}/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}/*
+Use the modern Firefox focus style for all focusable elements.
+*/:-moz-focusring {
+  outline: auto;
+}/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/:-moz-ui-invalid {
+  box-shadow: none;
+}/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/progress {
+  vertical-align: baseline;
+}/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/::-webkit-search-decoration {
+  -webkit-appearance: none;
+}/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}/*
+Add the correct display in Chrome and Safari.
+*/summary {
+  display: list-item;
+}/*
+Removes the default spacing and border for appropriate elements.
+*/blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}fieldset {
+  margin: 0;
+  padding: 0;
+}legend {
+  padding: 0;
+}ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}/*
+Prevent resizing textareas horizontally by default.
+*/textarea {
+  resize: vertical;
+}/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}/*
+Set the default cursor for buttons.
+*/button,
+[role="button"] {
+  cursor: pointer;
+}/*
+Make sure disabled buttons don't get the pointer cursor.
+*/:disabled {
+  cursor: default;
+}/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/img,
+video {
+  max-width: 100%;
+  height: auto;
+}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {
+  display: none;
+}html {
+  color: rgb(var(--colors-text));
+}:root {
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 251, 251, 252;
+  --colors-background-200: 249, 249, 250;
+  --colors-background-300: 247, 248, 249;
+  --colors-background-400: 245, 246, 247;
+  --colors-background-500: 243, 244, 246;
+  --colors-background-600: 203, 203, 205;
+  --colors-background-700: 162, 163, 164;
+  --colors-background-800: 122, 122, 123;
+  --colors-background-900: 81, 81, 82;
+  --colors-background: 243, 244, 246;
+  --colors-border-50: 249, 249, 250;
+  --colors-border-100: 244, 244, 245;
+  --colors-border-200: 238, 238, 240;
+  --colors-border-300: 233, 233, 235;
+  --colors-border-400: 227, 227, 230;
+  --colors-border-500: 222, 222, 225;
+  --colors-border-600: 185, 185, 188;
+  --colors-border-700: 148, 148, 150;
+  --colors-border-800: 111, 111, 113;
+  --colors-border-900: 74, 74, 75;
+  --colors-border: 222, 222, 225;
+  --colors-borderDark-50: 237, 236, 239;
+  --colors-borderDark-100: 219, 218, 224;
+  --colors-borderDark-200: 201, 199, 208;
+  --colors-borderDark-300: 183, 181, 193;
+  --colors-borderDark-400: 165, 162, 177;
+  --colors-borderDark-500: 147, 144, 162;
+  --colors-borderDark-600: 123, 120, 135;
+  --colors-borderDark-700: 98, 96, 108;
+  --colors-borderDark-800: 74, 72, 81;
+  --colors-borderDark-900: 49, 48, 54;
+  --colors-borderDark: 147, 144, 162;
+  --colors-focus-50: 243, 232, 249;
+  --colors-focus-100: 232, 210, 242;
+  --colors-focus-200: 220, 187, 236;
+  --colors-focus-300: 208, 165, 230;
+  --colors-focus-400: 197, 142, 223;
+  --colors-focus-500: 185, 120, 217;
+  --colors-focus-600: 154, 100, 181;
+  --colors-focus-700: 123, 80, 145;
+  --colors-focus-800: 93, 60, 109;
+  --colors-focus-900: 62, 40, 72;
+  --colors-focus: 185, 120, 217;
+  --colors-heading-50: 218, 217, 226;
+  --colors-heading-100: 180, 179, 196;
+  --colors-heading-200: 143, 141, 167;
+  --colors-heading-300: 106, 104, 138;
+  --colors-heading-400: 68, 66, 108;
+  --colors-heading-500: 31, 28, 79;
+  --colors-heading-600: 26, 23, 66;
+  --colors-heading-700: 21, 19, 53;
+  --colors-heading-800: 16, 14, 40;
+  --colors-heading-900: 10, 9, 26;
+  --colors-heading: 31, 28, 79;
+  --colors-hero-50: 218, 217, 226;
+  --colors-hero-100: 180, 179, 196;
+  --colors-hero-200: 143, 141, 167;
+  --colors-hero-300: 106, 104, 138;
+  --colors-hero-400: 68, 66, 108;
+  --colors-hero-500: 31, 28, 79;
+  --colors-hero-600: 26, 23, 66;
+  --colors-hero-700: 21, 19, 53;
+  --colors-hero-800: 16, 14, 40;
+  --colors-hero-900: 10, 9, 26;
+  --colors-hero: 31, 28, 79;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 254;
+  --colors-light-200: 252, 252, 253;
+  --colors-light-300: 251, 251, 252;
+  --colors-light-400: 250, 250, 252;
+  --colors-light-500: 249, 249, 251;
+  --colors-light-600: 208, 208, 209;
+  --colors-light-700: 166, 166, 167;
+  --colors-light-800: 125, 125, 126;
+  --colors-light-900: 83, 83, 84;
+  --colors-light: 249, 249, 251;
+  --colors-link-50: 249, 216, 215;
+  --colors-link-100: 243, 178, 175;
+  --colors-link-200: 236, 139, 135;
+  --colors-link-300: 230, 100, 96;
+  --colors-link-400: 224, 62, 56;
+  --colors-link-500: 218, 23, 16;
+  --colors-link-600: 182, 19, 13;
+  --colors-link-700: 145, 15, 11;
+  --colors-link-800: 109, 12, 8;
+  --colors-link-900: 73, 8, 5;
+  --colors-link: 218, 23, 16;
+  --colors-muted-50: 227, 227, 230;
+  --colors-muted-100: 200, 199, 204;
+  --colors-muted-200: 172, 171, 179;
+  --colors-muted-300: 144, 143, 154;
+  --colors-muted-400: 117, 115, 128;
+  --colors-muted-500: 89, 87, 103;
+  --colors-muted-600: 74, 73, 86;
+  --colors-muted-700: 59, 58, 69;
+  --colors-muted-800: 45, 44, 52;
+  --colors-muted-900: 30, 29, 34;
+  --colors-muted: 89, 87, 103;
+  --colors-neutral-50: 219, 220, 223;
+  --colors-neutral-100: 184, 185, 192;
+  --colors-neutral-200: 148, 150, 160;
+  --colors-neutral-300: 113, 116, 129;
+  --colors-neutral-400: 77, 81, 97;
+  --colors-neutral-500: 42, 46, 66;
+  --colors-neutral-600: 35, 38, 55;
+  --colors-neutral-700: 28, 31, 44;
+  --colors-neutral-800: 21, 23, 33;
+  --colors-neutral-900: 14, 15, 22;
+  --colors-neutral: 42, 46, 66;
+  --colors-pop-50: 255, 223, 249;
+  --colors-pop-100: 255, 190, 243;
+  --colors-pop-200: 255, 158, 237;
+  --colors-pop-300: 255, 126, 231;
+  --colors-pop-400: 255, 93, 225;
+  --colors-pop-500: 255, 61, 219;
+  --colors-pop-600: 213, 51, 183;
+  --colors-pop-700: 170, 41, 146;
+  --colors-pop-800: 128, 31, 110;
+  --colors-pop-900: 85, 20, 73;
+  --colors-pop: 255, 61, 219;
+  --colors-primary-50: 249, 216, 215;
+  --colors-primary-100: 243, 178, 175;
+  --colors-primary-200: 236, 139, 135;
+  --colors-primary-300: 230, 100, 96;
+  --colors-primary-400: 224, 62, 56;
+  --colors-primary-500: 218, 23, 16;
+  --colors-primary-600: 182, 19, 13;
+  --colors-primary-700: 145, 15, 11;
+  --colors-primary-800: 109, 12, 8;
+  --colors-primary-900: 73, 8, 5;
+  --colors-primary: 218, 23, 16;
+  --colors-text-50: 216, 217, 219;
+  --colors-text-100: 178, 179, 182;
+  --colors-text-200: 139, 141, 146;
+  --colors-text-300: 101, 103, 110;
+  --colors-text-400: 62, 65, 73;
+  --colors-text-500: 24, 27, 37;
+  --colors-text-600: 20, 23, 31;
+  --colors-text-700: 16, 18, 25;
+  --colors-text-800: 12, 14, 19;
+  --colors-text-900: 8, 9, 12;
+  --colors-text: 24, 27, 37;
+  --fontFamily-brand-0: Westpac;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+}.theme-bom, [data-theme="bom"] {
+  --fontFamily-brand-0: Brown Pro;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 254, 254, 254;
+  --colors-background-100: 252, 252, 252;
+  --colors-background-200: 251, 251, 251;
+  --colors-background-300: 250, 250, 250;
+  --colors-background-400: 248, 248, 248;
+  --colors-background-500: 247, 247, 247;
+  --colors-background-600: 206, 206, 206;
+  --colors-background-700: 165, 165, 165;
+  --colors-background-800: 124, 124, 124;
+  --colors-background-900: 82, 82, 82;
+  --colors-background: 247, 247, 247;
+  --colors-border-50: 248, 248, 248;
+  --colors-border-100: 241, 241, 242;
+  --colors-border-200: 233, 233, 235;
+  --colors-border-300: 226, 226, 229;
+  --colors-border-400: 219, 219, 222;
+  --colors-border-500: 212, 212, 216;
+  --colors-border-600: 177, 177, 180;
+  --colors-border-700: 141, 141, 144;
+  --colors-border-800: 106, 106, 108;
+  --colors-border-900: 71, 71, 72;
+  --colors-border: 212, 212, 216;
+  --colors-borderDark-50: 237, 237, 238;
+  --colors-borderDark-100: 219, 219, 221;
+  --colors-borderDark-200: 201, 200, 204;
+  --colors-borderDark-300: 183, 182, 187;
+  --colors-borderDark-400: 165, 164, 170;
+  --colors-borderDark-500: 147, 146, 153;
+  --colors-borderDark-600: 123, 122, 128;
+  --colors-borderDark-700: 98, 97, 102;
+  --colors-borderDark-800: 74, 73, 77;
+  --colors-borderDark-900: 49, 49, 51;
+  --colors-borderDark: 147, 146, 153;
+  --colors-focus-50: 235, 233, 247;
+  --colors-focus-100: 215, 211, 238;
+  --colors-focus-200: 194, 189, 230;
+  --colors-focus-300: 174, 167, 222;
+  --colors-focus-400: 154, 145, 213;
+  --colors-focus-500: 134, 123, 205;
+  --colors-focus-600: 112, 103, 171;
+  --colors-focus-700: 89, 82, 137;
+  --colors-focus-800: 67, 62, 103;
+  --colors-focus-900: 45, 41, 68;
+  --colors-focus: 134, 123, 205;
+  --colors-heading-50: 226, 224, 237;
+  --colors-heading-100: 198, 194, 218;
+  --colors-heading-200: 169, 163, 200;
+  --colors-heading-300: 140, 133, 182;
+  --colors-heading-400: 112, 102, 163;
+  --colors-heading-500: 83, 72, 145;
+  --colors-heading-600: 69, 60, 121;
+  --colors-heading-700: 55, 48, 97;
+  --colors-heading-800: 42, 36, 73;
+  --colors-heading-900: 28, 24, 48;
+  --colors-heading: 83, 72, 145;
+  --colors-hero-50: 226, 224, 237;
+  --colors-hero-100: 198, 194, 218;
+  --colors-hero-200: 169, 163, 200;
+  --colors-hero-300: 140, 133, 182;
+  --colors-hero-400: 112, 102, 163;
+  --colors-hero-500: 83, 72, 145;
+  --colors-hero-600: 69, 60, 121;
+  --colors-hero-700: 55, 48, 97;
+  --colors-hero-800: 42, 36, 73;
+  --colors-hero-900: 28, 24, 48;
+  --colors-hero: 83, 72, 145;
+  --colors-light-50: 254, 254, 255;
+  --colors-light-100: 254, 254, 254;
+  --colors-light-200: 253, 253, 254;
+  --colors-light-300: 252, 252, 254;
+  --colors-light-400: 252, 252, 253;
+  --colors-light-500: 251, 251, 253;
+  --colors-light-600: 209, 209, 211;
+  --colors-light-700: 167, 167, 169;
+  --colors-light-800: 126, 126, 127;
+  --colors-light-900: 84, 84, 84;
+  --colors-light: 251, 251, 253;
+  --colors-link-50: 247, 222, 212;
+  --colors-link-100: 240, 189, 170;
+  --colors-link-200: 232, 156, 127;
+  --colors-link-300: 224, 123, 85;
+  --colors-link-400: 217, 90, 42;
+  --colors-link-500: 209, 57, 0;
+  --colors-link-600: 174, 48, 0;
+  --colors-link-700: 139, 38, 0;
+  --colors-link-800: 105, 29, 0;
+  --colors-link-900: 70, 19, 0;
+  --colors-link: 209, 57, 0;
+  --colors-muted-50: 231, 230, 233;
+  --colors-muted-100: 207, 206, 211;
+  --colors-muted-200: 182, 181, 188;
+  --colors-muted-300: 158, 157, 166;
+  --colors-muted-400: 134, 132, 144;
+  --colors-muted-500: 110, 108, 122;
+  --colors-muted-600: 92, 90, 102;
+  --colors-muted-700: 73, 72, 81;
+  --colors-muted-800: 55, 54, 61;
+  --colors-muted-900: 37, 36, 41;
+  --colors-muted: 110, 108, 122;
+  --colors-neutral-50: 227, 227, 229;
+  --colors-neutral-100: 200, 199, 203;
+  --colors-neutral-200: 172, 171, 176;
+  --colors-neutral-300: 144, 143, 150;
+  --colors-neutral-400: 117, 115, 124;
+  --colors-neutral-500: 89, 87, 98;
+  --colors-neutral-600: 74, 73, 82;
+  --colors-neutral-700: 59, 58, 65;
+  --colors-neutral-800: 45, 44, 49;
+  --colors-neutral-900: 30, 29, 33;
+  --colors-neutral: 89, 87, 98;
+  --colors-pop-50: 239, 237, 254;
+  --colors-pop-100: 223, 219, 254;
+  --colors-pop-200: 207, 201, 253;
+  --colors-pop-300: 192, 184, 253;
+  --colors-pop-400: 176, 166, 252;
+  --colors-pop-500: 160, 148, 252;
+  --colors-pop-600: 133, 123, 210;
+  --colors-pop-700: 107, 99, 168;
+  --colors-pop-800: 80, 74, 126;
+  --colors-pop-900: 53, 49, 84;
+  --colors-pop: 160, 148, 252;
+  --colors-primary-50: 247, 222, 212;
+  --colors-primary-100: 240, 189, 170;
+  --colors-primary-200: 232, 156, 127;
+  --colors-primary-300: 224, 123, 85;
+  --colors-primary-400: 217, 90, 42;
+  --colors-primary-500: 209, 57, 0;
+  --colors-primary-600: 174, 48, 0;
+  --colors-primary-700: 139, 38, 0;
+  --colors-primary-800: 105, 29, 0;
+  --colors-primary-900: 70, 19, 0;
+  --colors-primary: 209, 57, 0;
+  --colors-text-50: 218, 213, 225;
+  --colors-text-100: 181, 171, 196;
+  --colors-text-200: 143, 128, 166;
+  --colors-text-300: 106, 86, 137;
+  --colors-text-400: 69, 44, 107;
+  --colors-text-500: 32, 2, 78;
+  --colors-text-600: 27, 2, 65;
+  --colors-text-700: 21, 1, 52;
+  --colors-text-800: 16, 1, 39;
+  --colors-text-900: 11, 1, 26;
+  --colors-text: 32, 2, 78;
+}.theme-bsa, [data-theme="bsa"] {
+  --fontFamily-brand-0: Aller;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 251, 251, 251;
+  --colors-background-200: 249, 249, 249;
+  --colors-background-300: 247, 248, 248;
+  --colors-background-400: 245, 246, 246;
+  --colors-background-500: 243, 244, 244;
+  --colors-background-600: 203, 203, 203;
+  --colors-background-700: 162, 163, 163;
+  --colors-background-800: 122, 122, 122;
+  --colors-background-900: 81, 81, 81;
+  --colors-background: 243, 244, 244;
+  --colors-border-50: 248, 248, 248;
+  --colors-border-100: 240, 241, 241;
+  --colors-border-200: 233, 233, 234;
+  --colors-border-300: 226, 226, 227;
+  --colors-border-400: 218, 219, 220;
+  --colors-border-500: 211, 212, 213;
+  --colors-border-600: 176, 177, 178;
+  --colors-border-700: 141, 141, 142;
+  --colors-border-800: 106, 106, 107;
+  --colors-border-900: 70, 71, 71;
+  --colors-border: 211, 212, 213;
+  --colors-borderDark-50: 236, 237, 237;
+  --colors-borderDark-100: 218, 219, 220;
+  --colors-borderDark-200: 199, 201, 202;
+  --colors-borderDark-300: 181, 183, 185;
+  --colors-borderDark-400: 162, 165, 167;
+  --colors-borderDark-500: 144, 147, 150;
+  --colors-borderDark-600: 120, 123, 125;
+  --colors-borderDark-700: 96, 98, 100;
+  --colors-borderDark-800: 72, 74, 75;
+  --colors-borderDark-900: 48, 49, 50;
+  --colors-borderDark: 144, 147, 150;
+  --colors-focus-50: 245, 231, 239;
+  --colors-focus-100: 235, 207, 222;
+  --colors-focus-200: 224, 183, 206;
+  --colors-focus-300: 214, 159, 190;
+  --colors-focus-400: 204, 135, 173;
+  --colors-focus-500: 194, 111, 157;
+  --colors-focus-600: 162, 93, 131;
+  --colors-focus-700: 129, 74, 105;
+  --colors-focus-800: 97, 56, 79;
+  --colors-focus-900: 65, 37, 52;
+  --colors-focus: 194, 111, 157;
+  --colors-heading-50: 212, 220, 230;
+  --colors-heading-100: 170, 186, 206;
+  --colors-heading-200: 127, 151, 181;
+  --colors-heading-300: 85, 116, 157;
+  --colors-heading-400: 42, 82, 132;
+  --colors-heading-500: 0, 47, 108;
+  --colors-heading-600: 0, 39, 90;
+  --colors-heading-700: 0, 31, 72;
+  --colors-heading-800: 0, 24, 54;
+  --colors-heading-900: 0, 16, 36;
+  --colors-heading: 0, 47, 108;
+  --colors-hero-50: 212, 220, 230;
+  --colors-hero-100: 170, 186, 206;
+  --colors-hero-200: 127, 151, 181;
+  --colors-hero-300: 85, 116, 157;
+  --colors-hero-400: 42, 82, 132;
+  --colors-hero-500: 0, 47, 108;
+  --colors-hero-600: 0, 39, 90;
+  --colors-hero-700: 0, 31, 72;
+  --colors-hero-800: 0, 24, 54;
+  --colors-hero-900: 0, 16, 36;
+  --colors-hero: 0, 47, 108;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 253;
+  --colors-light-200: 252, 252, 252;
+  --colors-light-300: 252, 252, 252;
+  --colors-light-400: 251, 251, 251;
+  --colors-light-500: 250, 250, 250;
+  --colors-light-600: 208, 208, 208;
+  --colors-light-700: 167, 167, 167;
+  --colors-light-800: 125, 125, 125;
+  --colors-light-900: 83, 83, 83;
+  --colors-light: 250, 250, 250;
+  --colors-link-50: 248, 217, 220;
+  --colors-link-100: 242, 179, 184;
+  --colors-link-200: 235, 141, 149;
+  --colors-link-300: 229, 103, 114;
+  --colors-link-400: 222, 65, 78;
+  --colors-link-500: 216, 27, 43;
+  --colors-link-600: 180, 23, 36;
+  --colors-link-700: 144, 18, 29;
+  --colors-link-800: 108, 14, 22;
+  --colors-link-900: 72, 9, 14;
+  --colors-link: 216, 27, 43;
+  --colors-muted-50: 230, 231, 231;
+  --colors-muted-100: 205, 207, 208;
+  --colors-muted-200: 180, 182, 184;
+  --colors-muted-300: 156, 158, 161;
+  --colors-muted-400: 131, 134, 137;
+  --colors-muted-500: 106, 110, 114;
+  --colors-muted-600: 88, 92, 95;
+  --colors-muted-700: 71, 73, 76;
+  --colors-muted-800: 53, 55, 57;
+  --colors-muted-900: 35, 37, 38;
+  --colors-muted: 106, 110, 114;
+  --colors-neutral-50: 230, 231, 231;
+  --colors-neutral-100: 205, 207, 208;
+  --colors-neutral-200: 180, 182, 184;
+  --colors-neutral-300: 156, 158, 161;
+  --colors-neutral-400: 131, 134, 137;
+  --colors-neutral-500: 106, 110, 114;
+  --colors-neutral-600: 88, 92, 95;
+  --colors-neutral-700: 71, 73, 76;
+  --colors-neutral-800: 53, 55, 57;
+  --colors-neutral-900: 35, 37, 38;
+  --colors-neutral: 106, 110, 114;
+  --colors-pop-50: 212, 241, 244;
+  --colors-pop-100: 170, 228, 233;
+  --colors-pop-200: 127, 214, 222;
+  --colors-pop-300: 85, 200, 211;
+  --colors-pop-400: 42, 187, 200;
+  --colors-pop-500: 0, 173, 189;
+  --colors-pop-600: 0, 144, 158;
+  --colors-pop-700: 0, 115, 126;
+  --colors-pop-800: 0, 87, 95;
+  --colors-pop-900: 0, 58, 63;
+  --colors-pop: 0, 173, 189;
+  --colors-primary-50: 248, 217, 220;
+  --colors-primary-100: 242, 179, 184;
+  --colors-primary-200: 235, 141, 149;
+  --colors-primary-300: 229, 103, 114;
+  --colors-primary-400: 222, 65, 78;
+  --colors-primary-500: 216, 27, 43;
+  --colors-primary-600: 180, 23, 36;
+  --colors-primary-700: 144, 18, 29;
+  --colors-primary-800: 108, 14, 22;
+  --colors-primary-900: 72, 9, 14;
+  --colors-primary: 216, 27, 43;
+  --colors-text-50: 221, 221, 221;
+  --colors-text-100: 187, 187, 187;
+  --colors-text-200: 153, 153, 153;
+  --colors-text-300: 119, 119, 119;
+  --colors-text-400: 85, 85, 85;
+  --colors-text-500: 51, 51, 51;
+  --colors-text-600: 43, 43, 43;
+  --colors-text-700: 34, 34, 34;
+  --colors-text-800: 26, 26, 26;
+  --colors-text-900: 17, 17, 17;
+  --colors-text: 51, 51, 51;
+}.theme-btfg, [data-theme="btfg"] {
+  --fontFamily-brand-0: Georgia, "Times New Roman", Times, serif;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 254, 254, 254;
+  --colors-background-100: 253, 253, 253;
+  --colors-background-200: 252, 252, 252;
+  --colors-background-300: 251, 251, 251;
+  --colors-background-400: 250, 250, 250;
+  --colors-background-500: 249, 249, 249;
+  --colors-background-600: 208, 208, 208;
+  --colors-background-700: 166, 166, 166;
+  --colors-background-800: 125, 125, 125;
+  --colors-background-900: 83, 83, 83;
+  --colors-background: 249, 249, 249;
+  --colors-border-50: 250, 250, 250;
+  --colors-border-100: 245, 245, 245;
+  --colors-border-200: 239, 239, 239;
+  --colors-border-300: 234, 234, 234;
+  --colors-border-400: 229, 229, 229;
+  --colors-border-500: 224, 224, 224;
+  --colors-border-600: 187, 187, 187;
+  --colors-border-700: 149, 149, 149;
+  --colors-border-800: 112, 112, 112;
+  --colors-border-900: 75, 75, 75;
+  --colors-border: 224, 224, 224;
+  --colors-borderDark-50: 237, 237, 237;
+  --colors-borderDark-100: 219, 219, 219;
+  --colors-borderDark-200: 201, 201, 201;
+  --colors-borderDark-300: 184, 184, 184;
+  --colors-borderDark-400: 166, 166, 166;
+  --colors-borderDark-500: 148, 148, 148;
+  --colors-borderDark-600: 123, 123, 123;
+  --colors-borderDark-700: 99, 99, 99;
+  --colors-borderDark-800: 74, 74, 74;
+  --colors-borderDark-900: 49, 49, 49;
+  --colors-borderDark: 148, 148, 148;
+  --colors-focus-50: 246, 232, 240;
+  --colors-focus-100: 237, 208, 225;
+  --colors-focus-200: 228, 185, 210;
+  --colors-focus-300: 220, 162, 196;
+  --colors-focus-400: 211, 138, 181;
+  --colors-focus-500: 202, 115, 166;
+  --colors-focus-600: 168, 96, 138;
+  --colors-focus-700: 135, 77, 111;
+  --colors-focus-800: 101, 58, 83;
+  --colors-focus-900: 67, 38, 55;
+  --colors-focus: 202, 115, 166;
+  --colors-heading-50: 219, 232, 241;
+  --colors-heading-100: 182, 209, 226;
+  --colors-heading-200: 146, 185, 212;
+  --colors-heading-300: 110, 162, 198;
+  --colors-heading-400: 73, 139, 183;
+  --colors-heading-500: 37, 116, 169;
+  --colors-heading-600: 31, 97, 141;
+  --colors-heading-700: 25, 77, 113;
+  --colors-heading-800: 19, 58, 85;
+  --colors-heading-900: 12, 39, 56;
+  --colors-heading: 37, 116, 169;
+  --colors-hero-50: 219, 232, 241;
+  --colors-hero-100: 182, 209, 226;
+  --colors-hero-200: 146, 185, 212;
+  --colors-hero-300: 110, 162, 198;
+  --colors-hero-400: 73, 139, 183;
+  --colors-hero-500: 37, 116, 169;
+  --colors-hero-600: 31, 97, 141;
+  --colors-hero-700: 25, 77, 113;
+  --colors-hero-800: 19, 58, 85;
+  --colors-hero-900: 12, 39, 56;
+  --colors-hero: 37, 116, 169;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 254, 254, 254;
+  --colors-light-200: 253, 253, 253;
+  --colors-light-300: 253, 253, 253;
+  --colors-light-400: 252, 252, 252;
+  --colors-light-500: 252, 252, 252;
+  --colors-light-600: 210, 210, 210;
+  --colors-light-700: 168, 168, 168;
+  --colors-light-800: 126, 126, 126;
+  --colors-light-900: 84, 84, 84;
+  --colors-light: 252, 252, 252;
+  --colors-link-50: 239, 212, 228;
+  --colors-link-100: 223, 170, 201;
+  --colors-link-200: 206, 127, 174;
+  --colors-link-300: 190, 85, 147;
+  --colors-link-400: 174, 42, 120;
+  --colors-link-500: 158, 0, 93;
+  --colors-link-600: 132, 0, 78;
+  --colors-link-700: 105, 0, 62;
+  --colors-link-800: 79, 0, 47;
+  --colors-link-900: 53, 0, 31;
+  --colors-link: 158, 0, 93;
+  --colors-muted-50: 229, 229, 229;
+  --colors-muted-100: 204, 204, 204;
+  --colors-muted-200: 178, 178, 178;
+  --colors-muted-300: 153, 153, 153;
+  --colors-muted-400: 127, 127, 127;
+  --colors-muted-500: 102, 102, 102;
+  --colors-muted-600: 85, 85, 85;
+  --colors-muted-700: 68, 68, 68;
+  --colors-muted-800: 51, 51, 51;
+  --colors-muted-900: 34, 34, 34;
+  --colors-muted: 102, 102, 102;
+  --colors-neutral-50: 229, 233, 238;
+  --colors-neutral-100: 203, 211, 221;
+  --colors-neutral-200: 177, 189, 203;
+  --colors-neutral-300: 151, 167, 186;
+  --colors-neutral-400: 125, 145, 169;
+  --colors-neutral-500: 99, 123, 152;
+  --colors-neutral-600: 83, 103, 127;
+  --colors-neutral-700: 66, 82, 101;
+  --colors-neutral-800: 50, 62, 76;
+  --colors-neutral-900: 33, 41, 51;
+  --colors-neutral: 99, 123, 152;
+  --colors-pop-50: 239, 212, 228;
+  --colors-pop-100: 223, 170, 201;
+  --colors-pop-200: 206, 127, 174;
+  --colors-pop-300: 190, 85, 147;
+  --colors-pop-400: 174, 42, 120;
+  --colors-pop-500: 158, 0, 93;
+  --colors-pop-600: 132, 0, 78;
+  --colors-pop-700: 105, 0, 62;
+  --colors-pop-800: 79, 0, 47;
+  --colors-pop-900: 53, 0, 31;
+  --colors-pop: 158, 0, 93;
+  --colors-primary-50: 239, 212, 228;
+  --colors-primary-100: 223, 170, 201;
+  --colors-primary-200: 206, 127, 174;
+  --colors-primary-300: 190, 85, 147;
+  --colors-primary-400: 174, 42, 120;
+  --colors-primary-500: 158, 0, 93;
+  --colors-primary-600: 132, 0, 78;
+  --colors-primary-700: 105, 0, 62;
+  --colors-primary-800: 79, 0, 47;
+  --colors-primary-900: 53, 0, 31;
+  --colors-primary: 158, 0, 93;
+  --colors-text-50: 221, 221, 221;
+  --colors-text-100: 187, 187, 187;
+  --colors-text-200: 153, 153, 153;
+  --colors-text-300: 119, 119, 119;
+  --colors-text-400: 85, 85, 85;
+  --colors-text-500: 51, 51, 51;
+  --colors-text-600: 43, 43, 43;
+  --colors-text-700: 34, 34, 34;
+  --colors-text-800: 26, 26, 26;
+  --colors-text-900: 17, 17, 17;
+  --colors-text: 51, 51, 51;
+}.theme-rams, [data-theme="rams"] {
+  --fontFamily-brand-0: Source Sans Pro;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 251, 251, 251;
+  --colors-background-200: 249, 249, 249;
+  --colors-background-300: 247, 248, 248;
+  --colors-background-400: 245, 246, 246;
+  --colors-background-500: 243, 244, 244;
+  --colors-background-600: 203, 203, 203;
+  --colors-background-700: 162, 163, 163;
+  --colors-background-800: 122, 122, 122;
+  --colors-background-900: 81, 81, 81;
+  --colors-background: 243, 244, 244;
+  --colors-border-50: 248, 248, 248;
+  --colors-border-100: 240, 241, 241;
+  --colors-border-200: 233, 233, 234;
+  --colors-border-300: 226, 226, 227;
+  --colors-border-400: 218, 219, 220;
+  --colors-border-500: 211, 212, 213;
+  --colors-border-600: 176, 177, 178;
+  --colors-border-700: 141, 141, 142;
+  --colors-border-800: 106, 106, 107;
+  --colors-border-900: 70, 71, 71;
+  --colors-border: 211, 212, 213;
+  --colors-borderDark-50: 236, 237, 237;
+  --colors-borderDark-100: 218, 219, 220;
+  --colors-borderDark-200: 199, 201, 202;
+  --colors-borderDark-300: 181, 183, 185;
+  --colors-borderDark-400: 162, 165, 167;
+  --colors-borderDark-500: 144, 147, 150;
+  --colors-borderDark-600: 120, 123, 125;
+  --colors-borderDark-700: 96, 98, 100;
+  --colors-borderDark-800: 72, 74, 75;
+  --colors-borderDark-900: 48, 49, 50;
+  --colors-borderDark: 144, 147, 150;
+  --colors-focus-50: 212, 238, 249;
+  --colors-focus-100: 170, 222, 243;
+  --colors-focus-200: 127, 205, 237;
+  --colors-focus-300: 85, 189, 231;
+  --colors-focus-400: 42, 172, 225;
+  --colors-focus-500: 0, 156, 219;
+  --colors-focus-600: 0, 130, 183;
+  --colors-focus-700: 0, 104, 146;
+  --colors-focus-800: 0, 78, 110;
+  --colors-focus-900: 0, 52, 73;
+  --colors-focus: 0, 156, 219;
+  --colors-heading-50: 217, 231, 242;
+  --colors-heading-100: 178, 208, 230;
+  --colors-heading-200: 140, 184, 217;
+  --colors-heading-300: 102, 161, 205;
+  --colors-heading-400: 63, 137, 192;
+  --colors-heading-500: 25, 114, 180;
+  --colors-heading-600: 21, 95, 150;
+  --colors-heading-700: 17, 76, 120;
+  --colors-heading-800: 13, 57, 90;
+  --colors-heading-900: 8, 38, 60;
+  --colors-heading: 25, 114, 180;
+  --colors-hero-50: 215, 224, 230;
+  --colors-hero-100: 175, 193, 206;
+  --colors-hero-200: 135, 161, 181;
+  --colors-hero-300: 95, 130, 157;
+  --colors-hero-400: 55, 99, 132;
+  --colors-hero-500: 15, 68, 108;
+  --colors-hero-600: 13, 57, 90;
+  --colors-hero-700: 10, 45, 72;
+  --colors-hero-800: 8, 34, 54;
+  --colors-hero-900: 5, 23, 36;
+  --colors-hero: 15, 68, 108;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 253;
+  --colors-light-200: 252, 252, 252;
+  --colors-light-300: 252, 252, 252;
+  --colors-light-400: 251, 251, 251;
+  --colors-light-500: 250, 250, 250;
+  --colors-light-600: 208, 208, 208;
+  --colors-light-700: 167, 167, 167;
+  --colors-light-800: 125, 125, 125;
+  --colors-light-900: 83, 83, 83;
+  --colors-light: 250, 250, 250;
+  --colors-link-50: 217, 231, 242;
+  --colors-link-100: 178, 208, 230;
+  --colors-link-200: 140, 184, 217;
+  --colors-link-300: 102, 161, 205;
+  --colors-link-400: 63, 137, 192;
+  --colors-link-500: 25, 114, 180;
+  --colors-link-600: 21, 95, 150;
+  --colors-link-700: 17, 76, 120;
+  --colors-link-800: 13, 57, 90;
+  --colors-link-900: 8, 38, 60;
+  --colors-link: 25, 114, 180;
+  --colors-muted-50: 230, 231, 231;
+  --colors-muted-100: 205, 207, 208;
+  --colors-muted-200: 180, 182, 184;
+  --colors-muted-300: 156, 158, 161;
+  --colors-muted-400: 131, 134, 137;
+  --colors-muted-500: 106, 110, 114;
+  --colors-muted-600: 88, 92, 95;
+  --colors-muted-700: 71, 73, 76;
+  --colors-muted-800: 53, 55, 57;
+  --colors-muted-900: 35, 37, 38;
+  --colors-muted: 106, 110, 114;
+  --colors-neutral-50: 234, 235, 235;
+  --colors-neutral-100: 214, 214, 215;
+  --colors-neutral-200: 193, 194, 195;
+  --colors-neutral-300: 173, 174, 176;
+  --colors-neutral-400: 152, 153, 156;
+  --colors-neutral-500: 132, 133, 136;
+  --colors-neutral-600: 110, 111, 113;
+  --colors-neutral-700: 88, 89, 91;
+  --colors-neutral-800: 66, 67, 68;
+  --colors-neutral-900: 44, 44, 45;
+  --colors-neutral: 132, 133, 136;
+  --colors-pop-50: 232, 245, 222;
+  --colors-pop-100: 210, 235, 189;
+  --colors-pop-200: 187, 225, 156;
+  --colors-pop-300: 165, 215, 123;
+  --colors-pop-400: 142, 205, 90;
+  --colors-pop-500: 120, 195, 57;
+  --colors-pop-600: 100, 163, 48;
+  --colors-pop-700: 80, 130, 38;
+  --colors-pop-800: 60, 98, 29;
+  --colors-pop-900: 40, 65, 19;
+  --colors-pop: 120, 195, 57;
+  --colors-primary-50: 213, 233, 244;
+  --colors-primary-100: 171, 212, 233;
+  --colors-primary-200: 129, 190, 221;
+  --colors-primary-300: 88, 168, 210;
+  --colors-primary-400: 46, 147, 199;
+  --colors-primary-500: 4, 125, 188;
+  --colors-primary-600: 3, 104, 157;
+  --colors-primary-700: 3, 83, 125;
+  --colors-primary-800: 2, 63, 94;
+  --colors-primary-900: 1, 42, 63;
+  --colors-primary: 4, 125, 188;
+  --colors-text-50: 221, 221, 221;
+  --colors-text-100: 187, 187, 187;
+  --colors-text-200: 153, 153, 153;
+  --colors-text-300: 119, 119, 119;
+  --colors-text-400: 85, 85, 85;
+  --colors-text-500: 51, 51, 51;
+  --colors-text-600: 43, 43, 43;
+  --colors-text-700: 34, 34, 34;
+  --colors-text-800: 26, 26, 26;
+  --colors-text-900: 17, 17, 17;
+  --colors-text: 51, 51, 51;
+}.theme-stg, [data-theme="stg"] {
+  --fontFamily-brand-0: Dragon Bold;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 252, 252, 251;
+  --colors-background-200: 250, 250, 249;
+  --colors-background-300: 248, 248, 248;
+  --colors-background-400: 247, 247, 246;
+  --colors-background-500: 245, 245, 244;
+  --colors-background-600: 204, 204, 203;
+  --colors-background-700: 163, 163, 163;
+  --colors-background-800: 123, 123, 122;
+  --colors-background-900: 82, 82, 81;
+  --colors-background: 245, 245, 244;
+  --colors-border-50: 248, 248, 247;
+  --colors-border-100: 241, 241, 239;
+  --colors-border-200: 234, 234, 231;
+  --colors-border-300: 228, 227, 224;
+  --colors-border-400: 221, 220, 216;
+  --colors-border-500: 214, 213, 208;
+  --colors-border-600: 178, 178, 173;
+  --colors-border-700: 143, 142, 139;
+  --colors-border-800: 107, 107, 104;
+  --colors-border-900: 71, 71, 69;
+  --colors-border: 214, 213, 208;
+  --colors-borderDark-50: 237, 237, 235;
+  --colors-borderDark-100: 219, 219, 215;
+  --colors-borderDark-200: 201, 201, 194;
+  --colors-borderDark-300: 184, 183, 174;
+  --colors-borderDark-400: 166, 165, 154;
+  --colors-borderDark-500: 148, 147, 134;
+  --colors-borderDark-600: 123, 123, 112;
+  --colors-borderDark-700: 99, 98, 89;
+  --colors-borderDark-800: 74, 74, 67;
+  --colors-borderDark-900: 49, 49, 45;
+  --colors-borderDark: 148, 147, 134;
+  --colors-focus-50: 237, 234, 242;
+  --colors-focus-100: 220, 213, 228;
+  --colors-focus-200: 202, 192, 215;
+  --colors-focus-300: 185, 171, 202;
+  --colors-focus-400: 167, 150, 188;
+  --colors-focus-500: 150, 129, 175;
+  --colors-focus-600: 125, 108, 146;
+  --colors-focus-700: 100, 86, 117;
+  --colors-focus-800: 75, 65, 88;
+  --colors-focus-900: 50, 43, 58;
+  --colors-focus: 150, 129, 175;
+  --colors-heading-50: 212, 224, 221;
+  --colors-heading-100: 170, 194, 187;
+  --colors-heading-200: 127, 163, 153;
+  --colors-heading-300: 85, 133, 119;
+  --colors-heading-400: 42, 102, 85;
+  --colors-heading-500: 0, 72, 51;
+  --colors-heading-600: 0, 60, 43;
+  --colors-heading-700: 0, 48, 34;
+  --colors-heading-800: 0, 36, 26;
+  --colors-heading-900: 0, 24, 17;
+  --colors-heading: 0, 72, 51;
+  --colors-hero-50: 212, 235, 222;
+  --colors-hero-100: 170, 215, 189;
+  --colors-hero-200: 127, 195, 156;
+  --colors-hero-300: 85, 175, 123;
+  --colors-hero-400: 42, 155, 90;
+  --colors-hero-500: 0, 135, 57;
+  --colors-hero-600: 0, 113, 48;
+  --colors-hero-700: 0, 90, 38;
+  --colors-hero-800: 0, 68, 29;
+  --colors-hero-900: 0, 45, 19;
+  --colors-hero: 0, 135, 57;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 253;
+  --colors-light-200: 252, 252, 252;
+  --colors-light-300: 252, 252, 251;
+  --colors-light-400: 251, 251, 250;
+  --colors-light-500: 250, 250, 249;
+  --colors-light-600: 208, 208, 208;
+  --colors-light-700: 167, 167, 166;
+  --colors-light-800: 125, 125, 125;
+  --colors-light-900: 83, 83, 83;
+  --colors-light: 250, 250, 249;
+  --colors-link-50: 250, 212, 212;
+  --colors-link-100: 246, 170, 170;
+  --colors-link-200: 241, 127, 127;
+  --colors-link-300: 236, 85, 85;
+  --colors-link-400: 232, 42, 42;
+  --colors-link-500: 227, 0, 0;
+  --colors-link-600: 189, 0, 0;
+  --colors-link-700: 151, 0, 0;
+  --colors-link-800: 114, 0, 0;
+  --colors-link-900: 76, 0, 0;
+  --colors-link: 227, 0, 0;
+  --colors-muted-50: 231, 231, 229;
+  --colors-muted-100: 208, 208, 203;
+  --colors-muted-200: 184, 184, 177;
+  --colors-muted-300: 161, 160, 151;
+  --colors-muted-400: 137, 137, 125;
+  --colors-muted-500: 114, 113, 99;
+  --colors-muted-600: 95, 94, 83;
+  --colors-muted-700: 76, 75, 66;
+  --colors-muted-800: 57, 57, 50;
+  --colors-muted-900: 38, 38, 33;
+  --colors-muted: 114, 113, 99;
+  --colors-neutral-50: 231, 231, 229;
+  --colors-neutral-100: 208, 208, 203;
+  --colors-neutral-200: 184, 184, 177;
+  --colors-neutral-300: 161, 160, 151;
+  --colors-neutral-400: 137, 137, 125;
+  --colors-neutral-500: 114, 113, 99;
+  --colors-neutral-600: 95, 94, 83;
+  --colors-neutral-700: 76, 75, 66;
+  --colors-neutral-800: 57, 57, 50;
+  --colors-neutral-900: 38, 38, 33;
+  --colors-neutral: 114, 113, 99;
+  --colors-pop-50: 232, 244, 218;
+  --colors-pop-100: 210, 233, 181;
+  --colors-pop-200: 187, 222, 143;
+  --colors-pop-300: 165, 212, 106;
+  --colors-pop-400: 142, 201, 69;
+  --colors-pop-500: 120, 190, 32;
+  --colors-pop-600: 100, 158, 27;
+  --colors-pop-700: 80, 127, 21;
+  --colors-pop-800: 60, 95, 16;
+  --colors-pop-900: 40, 63, 11;
+  --colors-pop: 120, 190, 32;
+  --colors-primary-50: 250, 212, 212;
+  --colors-primary-100: 246, 170, 170;
+  --colors-primary-200: 241, 127, 127;
+  --colors-primary-300: 236, 85, 85;
+  --colors-primary-400: 232, 42, 42;
+  --colors-primary-500: 227, 0, 0;
+  --colors-primary-600: 189, 0, 0;
+  --colors-primary-700: 151, 0, 0;
+  --colors-primary-800: 114, 0, 0;
+  --colors-primary-900: 76, 0, 0;
+  --colors-primary: 227, 0, 0;
+  --colors-text-50: 212, 224, 221;
+  --colors-text-100: 170, 194, 187;
+  --colors-text-200: 127, 163, 153;
+  --colors-text-300: 85, 133, 119;
+  --colors-text-400: 42, 102, 85;
+  --colors-text-500: 0, 72, 51;
+  --colors-text-600: 0, 60, 43;
+  --colors-text-700: 0, 48, 34;
+  --colors-text-800: 0, 36, 26;
+  --colors-text-900: 0, 24, 17;
+  --colors-text: 0, 72, 51;
+}.theme-wbc, [data-theme="wbc"] {
+  --fontFamily-brand-0: Westpac;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 251, 251, 252;
+  --colors-background-200: 249, 249, 250;
+  --colors-background-300: 247, 248, 249;
+  --colors-background-400: 245, 246, 247;
+  --colors-background-500: 243, 244, 246;
+  --colors-background-600: 203, 203, 205;
+  --colors-background-700: 162, 163, 164;
+  --colors-background-800: 122, 122, 123;
+  --colors-background-900: 81, 81, 82;
+  --colors-background: 243, 244, 246;
+  --colors-border-50: 249, 249, 250;
+  --colors-border-100: 244, 244, 245;
+  --colors-border-200: 238, 238, 240;
+  --colors-border-300: 233, 233, 235;
+  --colors-border-400: 227, 227, 230;
+  --colors-border-500: 222, 222, 225;
+  --colors-border-600: 185, 185, 188;
+  --colors-border-700: 148, 148, 150;
+  --colors-border-800: 111, 111, 113;
+  --colors-border-900: 74, 74, 75;
+  --colors-border: 222, 222, 225;
+  --colors-borderDark-50: 237, 236, 239;
+  --colors-borderDark-100: 219, 218, 224;
+  --colors-borderDark-200: 201, 199, 208;
+  --colors-borderDark-300: 183, 181, 193;
+  --colors-borderDark-400: 165, 162, 177;
+  --colors-borderDark-500: 147, 144, 162;
+  --colors-borderDark-600: 123, 120, 135;
+  --colors-borderDark-700: 98, 96, 108;
+  --colors-borderDark-800: 74, 72, 81;
+  --colors-borderDark-900: 49, 48, 54;
+  --colors-borderDark: 147, 144, 162;
+  --colors-focus-50: 243, 232, 249;
+  --colors-focus-100: 232, 210, 242;
+  --colors-focus-200: 220, 187, 236;
+  --colors-focus-300: 208, 165, 230;
+  --colors-focus-400: 197, 142, 223;
+  --colors-focus-500: 185, 120, 217;
+  --colors-focus-600: 154, 100, 181;
+  --colors-focus-700: 123, 80, 145;
+  --colors-focus-800: 93, 60, 109;
+  --colors-focus-900: 62, 40, 72;
+  --colors-focus: 185, 120, 217;
+  --colors-heading-50: 218, 217, 226;
+  --colors-heading-100: 180, 179, 196;
+  --colors-heading-200: 143, 141, 167;
+  --colors-heading-300: 106, 104, 138;
+  --colors-heading-400: 68, 66, 108;
+  --colors-heading-500: 31, 28, 79;
+  --colors-heading-600: 26, 23, 66;
+  --colors-heading-700: 21, 19, 53;
+  --colors-heading-800: 16, 14, 40;
+  --colors-heading-900: 10, 9, 26;
+  --colors-heading: 31, 28, 79;
+  --colors-hero-50: 218, 217, 226;
+  --colors-hero-100: 180, 179, 196;
+  --colors-hero-200: 143, 141, 167;
+  --colors-hero-300: 106, 104, 138;
+  --colors-hero-400: 68, 66, 108;
+  --colors-hero-500: 31, 28, 79;
+  --colors-hero-600: 26, 23, 66;
+  --colors-hero-700: 21, 19, 53;
+  --colors-hero-800: 16, 14, 40;
+  --colors-hero-900: 10, 9, 26;
+  --colors-hero: 31, 28, 79;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 254;
+  --colors-light-200: 252, 252, 253;
+  --colors-light-300: 251, 251, 252;
+  --colors-light-400: 250, 250, 252;
+  --colors-light-500: 249, 249, 251;
+  --colors-light-600: 208, 208, 209;
+  --colors-light-700: 166, 166, 167;
+  --colors-light-800: 125, 125, 126;
+  --colors-light-900: 83, 83, 84;
+  --colors-light: 249, 249, 251;
+  --colors-link-50: 249, 216, 215;
+  --colors-link-100: 243, 178, 175;
+  --colors-link-200: 236, 139, 135;
+  --colors-link-300: 230, 100, 96;
+  --colors-link-400: 224, 62, 56;
+  --colors-link-500: 218, 23, 16;
+  --colors-link-600: 182, 19, 13;
+  --colors-link-700: 145, 15, 11;
+  --colors-link-800: 109, 12, 8;
+  --colors-link-900: 73, 8, 5;
+  --colors-link: 218, 23, 16;
+  --colors-muted-50: 227, 227, 230;
+  --colors-muted-100: 200, 199, 204;
+  --colors-muted-200: 172, 171, 179;
+  --colors-muted-300: 144, 143, 154;
+  --colors-muted-400: 117, 115, 128;
+  --colors-muted-500: 89, 87, 103;
+  --colors-muted-600: 74, 73, 86;
+  --colors-muted-700: 59, 58, 69;
+  --colors-muted-800: 45, 44, 52;
+  --colors-muted-900: 30, 29, 34;
+  --colors-muted: 89, 87, 103;
+  --colors-neutral-50: 219, 220, 223;
+  --colors-neutral-100: 184, 185, 192;
+  --colors-neutral-200: 148, 150, 160;
+  --colors-neutral-300: 113, 116, 129;
+  --colors-neutral-400: 77, 81, 97;
+  --colors-neutral-500: 42, 46, 66;
+  --colors-neutral-600: 35, 38, 55;
+  --colors-neutral-700: 28, 31, 44;
+  --colors-neutral-800: 21, 23, 33;
+  --colors-neutral-900: 14, 15, 22;
+  --colors-neutral: 42, 46, 66;
+  --colors-pop-50: 255, 223, 249;
+  --colors-pop-100: 255, 190, 243;
+  --colors-pop-200: 255, 158, 237;
+  --colors-pop-300: 255, 126, 231;
+  --colors-pop-400: 255, 93, 225;
+  --colors-pop-500: 255, 61, 219;
+  --colors-pop-600: 213, 51, 183;
+  --colors-pop-700: 170, 41, 146;
+  --colors-pop-800: 128, 31, 110;
+  --colors-pop-900: 85, 20, 73;
+  --colors-pop: 255, 61, 219;
+  --colors-primary-50: 249, 216, 215;
+  --colors-primary-100: 243, 178, 175;
+  --colors-primary-200: 236, 139, 135;
+  --colors-primary-300: 230, 100, 96;
+  --colors-primary-400: 224, 62, 56;
+  --colors-primary-500: 218, 23, 16;
+  --colors-primary-600: 182, 19, 13;
+  --colors-primary-700: 145, 15, 11;
+  --colors-primary-800: 109, 12, 8;
+  --colors-primary-900: 73, 8, 5;
+  --colors-primary: 218, 23, 16;
+  --colors-text-50: 216, 217, 219;
+  --colors-text-100: 178, 179, 182;
+  --colors-text-200: 139, 141, 146;
+  --colors-text-300: 101, 103, 110;
+  --colors-text-400: 62, 65, 73;
+  --colors-text-500: 24, 27, 37;
+  --colors-text-600: 20, 23, 31;
+  --colors-text-700: 16, 18, 25;
+  --colors-text-800: 12, 14, 19;
+  --colors-text-900: 8, 9, 12;
+  --colors-text: 24, 27, 37;
+}.theme-wbg, [data-theme="wbg"] {
+  --fontFamily-brand-0: Montserrat;
+  --fontFamily-brand-1: -apple-system;
+  --fontFamily-brand-2: BlinkMacSystemFont;
+  --fontFamily-brand-3: Segoe UI;
+  --fontFamily-brand-4: Helvetica;
+  --fontFamily-brand-5: Arial;
+  --fontFamily-brand-6: sans-serif;
+  --fontFamily-brand-7: Apple Color Emoji;
+  --fontFamily-brand-8: Segoe UI Emoji;
+  --fontFamily-brand-9: Segoe UI Symbol;
+  --colors-background-50: 253, 253, 253;
+  --colors-background-100: 251, 252, 252;
+  --colors-background-200: 249, 250, 250;
+  --colors-background-300: 247, 248, 249;
+  --colors-background-400: 245, 247, 247;
+  --colors-background-500: 243, 245, 246;
+  --colors-background-600: 203, 204, 205;
+  --colors-background-700: 162, 163, 164;
+  --colors-background-800: 122, 123, 123;
+  --colors-background-900: 81, 82, 82;
+  --colors-background: 243, 245, 246;
+  --colors-border-50: 248, 248, 248;
+  --colors-border-100: 240, 240, 240;
+  --colors-border-200: 233, 233, 233;
+  --colors-border-300: 226, 226, 226;
+  --colors-border-400: 218, 218, 218;
+  --colors-border-500: 211, 211, 211;
+  --colors-border-600: 176, 176, 176;
+  --colors-border-700: 141, 141, 141;
+  --colors-border-800: 106, 106, 106;
+  --colors-border-900: 70, 70, 70;
+  --colors-border: 211, 211, 211;
+  --colors-borderDark-50: 237, 238, 238;
+  --colors-borderDark-100: 218, 220, 221;
+  --colors-borderDark-200: 200, 203, 204;
+  --colors-borderDark-300: 182, 186, 188;
+  --colors-borderDark-400: 163, 168, 171;
+  --colors-borderDark-500: 145, 151, 154;
+  --colors-borderDark-600: 121, 126, 128;
+  --colors-borderDark-700: 97, 101, 103;
+  --colors-borderDark-800: 73, 76, 77;
+  --colors-borderDark-900: 48, 50, 51;
+  --colors-borderDark: 145, 151, 154;
+  --colors-focus-50: 230, 237, 251;
+  --colors-focus-100: 205, 219, 247;
+  --colors-focus-200: 179, 200, 243;
+  --colors-focus-300: 154, 182, 240;
+  --colors-focus-400: 129, 164, 236;
+  --colors-focus-500: 104, 146, 232;
+  --colors-focus-600: 87, 122, 193;
+  --colors-focus-700: 69, 97, 155;
+  --colors-focus-800: 52, 73, 116;
+  --colors-focus-900: 35, 49, 77;
+  --colors-focus: 104, 146, 232;
+  --colors-heading-50: 212, 212, 212;
+  --colors-heading-100: 170, 170, 170;
+  --colors-heading-200: 127, 127, 127;
+  --colors-heading-300: 85, 85, 85;
+  --colors-heading-400: 42, 42, 42;
+  --colors-heading-500: 0, 0, 0;
+  --colors-heading-600: 0, 0, 0;
+  --colors-heading-700: 0, 0, 0;
+  --colors-heading-800: 0, 0, 0;
+  --colors-heading-900: 0, 0, 0;
+  --colors-heading: 0, 0, 0;
+  --colors-hero-50: 212, 212, 212;
+  --colors-hero-100: 170, 170, 170;
+  --colors-hero-200: 127, 127, 127;
+  --colors-hero-300: 85, 85, 85;
+  --colors-hero-400: 42, 42, 42;
+  --colors-hero-500: 0, 0, 0;
+  --colors-hero-600: 0, 0, 0;
+  --colors-hero-700: 0, 0, 0;
+  --colors-hero-800: 0, 0, 0;
+  --colors-hero-900: 0, 0, 0;
+  --colors-hero: 0, 0, 0;
+  --colors-light-50: 254, 254, 254;
+  --colors-light-100: 253, 253, 253;
+  --colors-light-200: 252, 252, 252;
+  --colors-light-300: 252, 252, 252;
+  --colors-light-400: 251, 251, 251;
+  --colors-light-500: 250, 250, 250;
+  --colors-light-600: 208, 208, 208;
+  --colors-light-700: 167, 167, 167;
+  --colors-light-800: 125, 125, 125;
+  --colors-light-900: 83, 83, 83;
+  --colors-light: 250, 250, 250;
+  --colors-link-50: 249, 216, 215;
+  --colors-link-100: 243, 178, 175;
+  --colors-link-200: 236, 139, 135;
+  --colors-link-300: 230, 100, 96;
+  --colors-link-400: 224, 62, 56;
+  --colors-link-500: 218, 23, 16;
+  --colors-link-600: 182, 19, 13;
+  --colors-link-700: 145, 15, 11;
+  --colors-link-800: 109, 12, 8;
+  --colors-link-900: 73, 8, 5;
+  --colors-link: 218, 23, 16;
+  --colors-muted-50: 230, 229, 229;
+  --colors-muted-100: 205, 203, 203;
+  --colors-muted-200: 179, 177, 176;
+  --colors-muted-300: 154, 151, 150;
+  --colors-muted-400: 129, 125, 124;
+  --colors-muted-500: 104, 99, 98;
+  --colors-muted-600: 87, 83, 82;
+  --colors-muted-700: 69, 66, 65;
+  --colors-muted-800: 52, 50, 49;
+  --colors-muted-900: 35, 33, 33;
+  --colors-muted: 104, 99, 98;
+  --colors-neutral-50: 223, 222, 222;
+  --colors-neutral-100: 191, 189, 189;
+  --colors-neutral-200: 159, 156, 155;
+  --colors-neutral-300: 128, 124, 122;
+  --colors-neutral-400: 96, 91, 89;
+  --colors-neutral-500: 64, 58, 56;
+  --colors-neutral-600: 53, 48, 47;
+  --colors-neutral-700: 43, 39, 37;
+  --colors-neutral-800: 32, 29, 28;
+  --colors-neutral-900: 21, 19, 19;
+  --colors-neutral: 64, 58, 56;
+  --colors-pop-50: 255, 232, 230;
+  --colors-pop-100: 255, 209, 205;
+  --colors-pop-200: 255, 185, 179;
+  --colors-pop-300: 255, 162, 154;
+  --colors-pop-400: 255, 139, 129;
+  --colors-pop-500: 255, 116, 104;
+  --colors-pop-600: 213, 97, 87;
+  --colors-pop-700: 170, 77, 69;
+  --colors-pop-800: 128, 58, 52;
+  --colors-pop-900: 85, 39, 35;
+  --colors-pop: 255, 116, 104;
+  --colors-primary-50: 249, 216, 215;
+  --colors-primary-100: 243, 178, 175;
+  --colors-primary-200: 236, 139, 135;
+  --colors-primary-300: 230, 100, 96;
+  --colors-primary-400: 224, 62, 56;
+  --colors-primary-500: 218, 23, 16;
+  --colors-primary-600: 182, 19, 13;
+  --colors-primary-700: 145, 15, 11;
+  --colors-primary-800: 109, 12, 8;
+  --colors-primary-900: 73, 8, 5;
+  --colors-primary: 218, 23, 16;
+  --colors-text-50: 212, 212, 212;
+  --colors-text-100: 170, 170, 170;
+  --colors-text-200: 127, 127, 127;
+  --colors-text-300: 85, 85, 85;
+  --colors-text-400: 42, 42, 42;
+  --colors-text-500: 0, 0, 0;
+  --colors-text-600: 0, 0, 0;
+  --colors-text-700: 0, 0, 0;
+  --colors-text-800: 0, 0, 0;
+  --colors-text-900: 0, 0, 0;
+  --colors-text: 0, 0, 0;
+}*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}.container {
+  width: 100%;
+}@media (min-width: 576px) {.container {
+    max-width: 576px;
+  }
+}@media (min-width: 768px) {.container {
+    max-width: 768px;
+  }
+}@media (min-width: 992px) {.container {
+    max-width: 992px;
+  }
+}@media (min-width: 1200px) {.container {
+    max-width: 1200px;
+  }
+}@media (min-width: 1900px) {.container {
+    max-width: 1900px;
+  }
+}.typography-body-1 {
+  font-size: 3.75rem;
+  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-1 {
+  font-size: 3.75rem;
+  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-2 {
+  font-size: 3.375rem;
+  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-2 {
+  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-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-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-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;
+}.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}.block {
+  display: block;
+}.flex {
+  display: flex;
+}.inline-flex {
+  display: inline-flex;
+}.grid {
+  display: grid;
+}.hidden {
+  display: none;
+}.h-15 {
+  height: 5.625rem;
+}.h-2 {
+  height: 0.75rem;
+}.h-3 {
+  height: 1.125rem;
+}.h-4 {
+  height: 1.5rem;
+}.h-6 {
+  height: 2.25rem;
+}.h-8 {
+  height: 3rem;
+}.w-2 {
+  width: 0.75rem;
+}.w-23 {
+  width: 8.625rem;
+}.w-3 {
+  width: 1.125rem;
+}.w-4 {
+  width: 1.5rem;
+}.w-6 {
+  width: 2.25rem;
+}.w-8 {
+  width: 3rem;
+}.transform {
+  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));
+}.flex-row {
+  flex-direction: row;
+}.flex-col {
+  flex-direction: column;
+}.flex-wrap {
+  flex-wrap: wrap;
+}.items-center {
+  align-items: center;
+}.justify-center {
+  justify-content: center;
+}.gap-2 {
+  gap: 0.75rem;
+}.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}.rounded {
+  border-radius: 0.25rem;
+}.rounded-sm {
+  border-radius: 0.125rem;
+}.border {
+  border-width: 1px;
+}.border-border {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+}.border-hero {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+}.border-primary {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+}.bg-hero {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+}.bg-light {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+}.bg-primary {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+}.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}.p-2 {
+  padding: 0.75rem;
+}.px-1 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}.px-2 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}.px-3 {
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
+}.px-4 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}.py-1 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}.py-2 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}.uppercase {
+  text-transform: uppercase;
+}.text-background {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-background), var(--tw-text-opacity));
+}.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}.text-border {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-border), var(--tw-text-opacity));
+}.text-borderDark {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+}.text-danger {
+  --tw-text-opacity: 1;
+  color: rgb(196 0 0 / var(--tw-text-opacity));
+}.text-focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-focus), var(--tw-text-opacity));
+}.text-heading {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-heading), var(--tw-text-opacity));
+}.text-hero {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-hero), var(--tw-text-opacity));
+}.text-info {
+  --tw-text-opacity: 1;
+  color: rgb(0 116 196 / var(--tw-text-opacity));
+}.text-light {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-light), var(--tw-text-opacity));
+}.text-link {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-link), var(--tw-text-opacity));
+}.text-muted {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-muted), var(--tw-text-opacity));
+}.text-neutral {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+}.text-pop {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-pop), var(--tw-text-opacity));
+}.text-primary {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-primary), var(--tw-text-opacity));
+}.text-success {
+  --tw-text-opacity: 1;
+  color: rgb(0 128 0 / var(--tw-text-opacity));
+}.text-system {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 0 / var(--tw-text-opacity));
+}.text-text {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-text), var(--tw-text-opacity));
+}.text-warning {
+  --tw-text-opacity: 1;
+  color: rgb(197 59 0 / var(--tw-text-opacity));
+}.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}.underline {
+  text-decoration-line: underline;
+}.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}.transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}@media (min-width: 576px) {.xsl\: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;
+  }.xsl\: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;
+  }.xsl\: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;
+  }
+}@media (min-width: 768px) {.sm\: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;
+  }.sm\: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;
+  }.sm\: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;
+  }
+}@media (min-width: 992px) {.md\: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;
+  }.md\: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;
+  }.md\: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;
+  }
+}@media (min-width: 1200px) {.lg\: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;
+  }.lg\: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;
+  }.lg\: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;
+  }
+}@media (min-width: 1900px) {.xl\: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;
+  }.xl\: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;
+  }.xl\: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;
+  }
+}.hover\:bg-hero-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+}.hover\:bg-light:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+}.hover\:bg-primary-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+}.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}.focus\:fixed:focus {
+  position: fixed;
+}.focus\:inset-x-0:focus {
+  left: 0;
+  right: 0;
+}.focus\:top-0:focus {
+  top: 0;
+}.focus\:bg-white:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}.focus\:p-3:focus {
+  padding: 1.125rem;
+}.focus\:text-center:focus {
+  text-align: center;
+}.focus\:text-xl:focus {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}.focus\:text-link:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--colors-link), var(--tw-text-opacity));
+}.focus\:underline:focus {
+  text-decoration-line: underline;
+}.focus\:-outline-offset-2:focus {
+  outline-offset: -2px;
+}.focus\:outline-focus:focus {
+  outline-color: rgb(var(--colors-focus));
+}.active\:bg-hero-200:active {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+}.active\:bg-light:active {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+}.active\:bg-primary-200:active {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+}.active\:bg-white:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}.disabled\:pointer-events-none:disabled {
+  pointer-events: none;
+}.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}@media (min-width: 576px) {.xsl\:h-2 {
+    height: 0.75rem;
+  }.xsl\:h-3 {
+    height: 1.125rem;
+  }.xsl\:h-4 {
+    height: 1.5rem;
+  }.xsl\:h-6 {
+    height: 2.25rem;
+  }.xsl\:h-8 {
+    height: 3rem;
+  }.xsl\:w-2 {
+    width: 0.75rem;
+  }.xsl\:w-3 {
+    width: 1.125rem;
+  }.xsl\:w-4 {
+    width: 1.5rem;
+  }.xsl\:w-6 {
+    width: 2.25rem;
+  }.xsl\:w-8 {
+    width: 3rem;
+  }.xsl\:border {
+    border-width: 1px;
+  }.xsl\:border-border {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+  }.xsl\:border-hero {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.xsl\:border-primary {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+  }.xsl\:bg-hero {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+  }.xsl\:bg-light {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xsl\:bg-primary {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+  }.xsl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.xsl\:px-1 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }.xsl\:px-2 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }.xsl\:px-3 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }.xsl\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }.xsl\:py-1 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }.xsl\:py-2 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }.xsl\:text-background {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-background), var(--tw-text-opacity));
+  }.xsl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }.xsl\:text-border {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-border), var(--tw-text-opacity));
+  }.xsl\:text-borderDark {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+  }.xsl\:text-danger {
+    --tw-text-opacity: 1;
+    color: rgb(196 0 0 / var(--tw-text-opacity));
+  }.xsl\:text-focus {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-focus), var(--tw-text-opacity));
+  }.xsl\:text-heading {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-heading), var(--tw-text-opacity));
+  }.xsl\:text-hero {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-hero), var(--tw-text-opacity));
+  }.xsl\:text-info {
+    --tw-text-opacity: 1;
+    color: rgb(0 116 196 / var(--tw-text-opacity));
+  }.xsl\:text-light {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-light), var(--tw-text-opacity));
+  }.xsl\:text-link {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-link), var(--tw-text-opacity));
+  }.xsl\:text-muted {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-muted), var(--tw-text-opacity));
+  }.xsl\:text-neutral {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+  }.xsl\:text-pop {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-pop), var(--tw-text-opacity));
+  }.xsl\:text-primary {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-primary), var(--tw-text-opacity));
+  }.xsl\:text-success {
+    --tw-text-opacity: 1;
+    color: rgb(0 128 0 / var(--tw-text-opacity));
+  }.xsl\:text-system {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 0 / var(--tw-text-opacity));
+  }.xsl\:text-text {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.xsl\:text-warning {
+    --tw-text-opacity: 1;
+    color: rgb(197 59 0 / var(--tw-text-opacity));
+  }.xsl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.xsl\:underline {
+    text-decoration-line: underline;
+  }.xsl\:hover\:bg-hero-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+  }.xsl\:hover\:bg-light:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xsl\:hover\:bg-primary-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+  }.xsl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.xsl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.xsl\:active\:bg-hero-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+  }.xsl\:active\:bg-light:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xsl\:active\:bg-primary-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+  }.xsl\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+}@media (min-width: 768px) {.sm\:h-2 {
+    height: 0.75rem;
+  }.sm\:h-3 {
+    height: 1.125rem;
+  }.sm\:h-4 {
+    height: 1.5rem;
+  }.sm\:h-6 {
+    height: 2.25rem;
+  }.sm\:h-8 {
+    height: 3rem;
+  }.sm\:w-2 {
+    width: 0.75rem;
+  }.sm\:w-3 {
+    width: 1.125rem;
+  }.sm\:w-4 {
+    width: 1.5rem;
+  }.sm\:w-6 {
+    width: 2.25rem;
+  }.sm\:w-8 {
+    width: 3rem;
+  }.sm\:border {
+    border-width: 1px;
+  }.sm\:border-border {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+  }.sm\:border-hero {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.sm\:border-primary {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+  }.sm\:bg-hero {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+  }.sm\:bg-light {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.sm\:bg-primary {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+  }.sm\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.sm\:p-4 {
+    padding: 1.5rem;
+  }.sm\:px-1 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }.sm\:px-2 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }.sm\:px-3 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }.sm\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }.sm\:py-1 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }.sm\:py-2 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }.sm\:text-background {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-background), var(--tw-text-opacity));
+  }.sm\:text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }.sm\:text-border {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-border), var(--tw-text-opacity));
+  }.sm\:text-borderDark {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+  }.sm\:text-danger {
+    --tw-text-opacity: 1;
+    color: rgb(196 0 0 / var(--tw-text-opacity));
+  }.sm\:text-focus {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-focus), var(--tw-text-opacity));
+  }.sm\:text-heading {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-heading), var(--tw-text-opacity));
+  }.sm\:text-hero {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-hero), var(--tw-text-opacity));
+  }.sm\:text-info {
+    --tw-text-opacity: 1;
+    color: rgb(0 116 196 / var(--tw-text-opacity));
+  }.sm\:text-light {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-light), var(--tw-text-opacity));
+  }.sm\:text-link {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-link), var(--tw-text-opacity));
+  }.sm\:text-muted {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-muted), var(--tw-text-opacity));
+  }.sm\:text-neutral {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+  }.sm\:text-pop {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-pop), var(--tw-text-opacity));
+  }.sm\:text-primary {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-primary), var(--tw-text-opacity));
+  }.sm\:text-success {
+    --tw-text-opacity: 1;
+    color: rgb(0 128 0 / var(--tw-text-opacity));
+  }.sm\:text-system {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 0 / var(--tw-text-opacity));
+  }.sm\:text-text {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.sm\:text-warning {
+    --tw-text-opacity: 1;
+    color: rgb(197 59 0 / var(--tw-text-opacity));
+  }.sm\:text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.sm\:underline {
+    text-decoration-line: underline;
+  }.sm\:hover\:bg-hero-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+  }.sm\:hover\:bg-light:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.sm\:hover\:bg-primary-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+  }.sm\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.sm\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.sm\:active\:bg-hero-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+  }.sm\:active\:bg-light:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.sm\:active\:bg-primary-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+  }.sm\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+}@media (min-width: 992px) {.md\:h-2 {
+    height: 0.75rem;
+  }.md\:h-3 {
+    height: 1.125rem;
+  }.md\:h-4 {
+    height: 1.5rem;
+  }.md\:h-6 {
+    height: 2.25rem;
+  }.md\:h-8 {
+    height: 3rem;
+  }.md\:w-2 {
+    width: 0.75rem;
+  }.md\:w-3 {
+    width: 1.125rem;
+  }.md\:w-4 {
+    width: 1.5rem;
+  }.md\:w-6 {
+    width: 2.25rem;
+  }.md\:w-8 {
+    width: 3rem;
+  }.md\:border {
+    border-width: 1px;
+  }.md\:border-border {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+  }.md\:border-hero {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.md\:border-primary {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+  }.md\:bg-hero {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+  }.md\:bg-light {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.md\:bg-primary {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+  }.md\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.md\:px-1 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }.md\:px-2 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }.md\:px-3 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }.md\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }.md\:py-1 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }.md\:py-2 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }.md\:text-background {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-background), var(--tw-text-opacity));
+  }.md\:text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }.md\:text-border {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-border), var(--tw-text-opacity));
+  }.md\:text-borderDark {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+  }.md\:text-danger {
+    --tw-text-opacity: 1;
+    color: rgb(196 0 0 / var(--tw-text-opacity));
+  }.md\:text-focus {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-focus), var(--tw-text-opacity));
+  }.md\:text-heading {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-heading), var(--tw-text-opacity));
+  }.md\:text-hero {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-hero), var(--tw-text-opacity));
+  }.md\:text-info {
+    --tw-text-opacity: 1;
+    color: rgb(0 116 196 / var(--tw-text-opacity));
+  }.md\:text-light {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-light), var(--tw-text-opacity));
+  }.md\:text-link {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-link), var(--tw-text-opacity));
+  }.md\:text-muted {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-muted), var(--tw-text-opacity));
+  }.md\:text-neutral {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+  }.md\:text-pop {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-pop), var(--tw-text-opacity));
+  }.md\:text-primary {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-primary), var(--tw-text-opacity));
+  }.md\:text-success {
+    --tw-text-opacity: 1;
+    color: rgb(0 128 0 / var(--tw-text-opacity));
+  }.md\:text-system {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 0 / var(--tw-text-opacity));
+  }.md\:text-text {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.md\:text-warning {
+    --tw-text-opacity: 1;
+    color: rgb(197 59 0 / var(--tw-text-opacity));
+  }.md\:text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.md\:underline {
+    text-decoration-line: underline;
+  }.md\:hover\:bg-hero-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+  }.md\:hover\:bg-light:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.md\:hover\:bg-primary-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+  }.md\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.md\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.md\:active\:bg-hero-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+  }.md\:active\:bg-light:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.md\:active\:bg-primary-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+  }.md\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+}@media (min-width: 1200px) {.lg\:h-2 {
+    height: 0.75rem;
+  }.lg\:h-3 {
+    height: 1.125rem;
+  }.lg\:h-4 {
+    height: 1.5rem;
+  }.lg\:h-6 {
+    height: 2.25rem;
+  }.lg\:h-8 {
+    height: 3rem;
+  }.lg\:w-2 {
+    width: 0.75rem;
+  }.lg\:w-3 {
+    width: 1.125rem;
+  }.lg\:w-4 {
+    width: 1.5rem;
+  }.lg\:w-6 {
+    width: 2.25rem;
+  }.lg\:w-8 {
+    width: 3rem;
+  }.lg\:border {
+    border-width: 1px;
+  }.lg\:border-border {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+  }.lg\:border-hero {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.lg\:border-primary {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+  }.lg\:bg-hero {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+  }.lg\:bg-light {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.lg\:bg-primary {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+  }.lg\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.lg\:px-1 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }.lg\:px-2 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }.lg\:px-3 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }.lg\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }.lg\:py-1 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }.lg\:py-2 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }.lg\:text-background {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-background), var(--tw-text-opacity));
+  }.lg\:text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }.lg\:text-border {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-border), var(--tw-text-opacity));
+  }.lg\:text-borderDark {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+  }.lg\:text-danger {
+    --tw-text-opacity: 1;
+    color: rgb(196 0 0 / var(--tw-text-opacity));
+  }.lg\:text-focus {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-focus), var(--tw-text-opacity));
+  }.lg\:text-heading {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-heading), var(--tw-text-opacity));
+  }.lg\:text-hero {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-hero), var(--tw-text-opacity));
+  }.lg\:text-info {
+    --tw-text-opacity: 1;
+    color: rgb(0 116 196 / var(--tw-text-opacity));
+  }.lg\:text-light {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-light), var(--tw-text-opacity));
+  }.lg\:text-link {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-link), var(--tw-text-opacity));
+  }.lg\:text-muted {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-muted), var(--tw-text-opacity));
+  }.lg\:text-neutral {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+  }.lg\:text-pop {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-pop), var(--tw-text-opacity));
+  }.lg\:text-primary {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-primary), var(--tw-text-opacity));
+  }.lg\:text-success {
+    --tw-text-opacity: 1;
+    color: rgb(0 128 0 / var(--tw-text-opacity));
+  }.lg\:text-system {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 0 / var(--tw-text-opacity));
+  }.lg\:text-text {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.lg\:text-warning {
+    --tw-text-opacity: 1;
+    color: rgb(197 59 0 / var(--tw-text-opacity));
+  }.lg\:text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.lg\:underline {
+    text-decoration-line: underline;
+  }.lg\:hover\:bg-hero-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+  }.lg\:hover\:bg-light:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.lg\:hover\:bg-primary-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+  }.lg\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.lg\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.lg\:active\:bg-hero-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+  }.lg\:active\:bg-light:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.lg\:active\:bg-primary-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+  }.lg\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+}@media (min-width: 1900px) {.xl\:h-2 {
+    height: 0.75rem;
+  }.xl\:h-3 {
+    height: 1.125rem;
+  }.xl\:h-4 {
+    height: 1.5rem;
+  }.xl\:h-6 {
+    height: 2.25rem;
+  }.xl\:h-8 {
+    height: 3rem;
+  }.xl\:w-2 {
+    width: 0.75rem;
+  }.xl\:w-3 {
+    width: 1.125rem;
+  }.xl\:w-4 {
+    width: 1.5rem;
+  }.xl\:w-6 {
+    width: 2.25rem;
+  }.xl\:w-8 {
+    width: 3rem;
+  }.xl\:border {
+    border-width: 1px;
+  }.xl\:border-border {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-border), var(--tw-border-opacity));
+  }.xl\:border-hero {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-hero), var(--tw-border-opacity));
+  }.xl\:border-primary {
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--colors-primary), var(--tw-border-opacity));
+  }.xl\:bg-hero {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
+  }.xl\:bg-light {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xl\:bg-primary {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary), var(--tw-bg-opacity));
+  }.xl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.xl\:px-1 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }.xl\:px-2 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }.xl\:px-3 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }.xl\:px-4 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }.xl\:py-1 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }.xl\:py-2 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }.xl\:text-background {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-background), var(--tw-text-opacity));
+  }.xl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }.xl\:text-border {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-border), var(--tw-text-opacity));
+  }.xl\:text-borderDark {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-borderDark), var(--tw-text-opacity));
+  }.xl\:text-danger {
+    --tw-text-opacity: 1;
+    color: rgb(196 0 0 / var(--tw-text-opacity));
+  }.xl\:text-focus {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-focus), var(--tw-text-opacity));
+  }.xl\:text-heading {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-heading), var(--tw-text-opacity));
+  }.xl\:text-hero {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-hero), var(--tw-text-opacity));
+  }.xl\:text-info {
+    --tw-text-opacity: 1;
+    color: rgb(0 116 196 / var(--tw-text-opacity));
+  }.xl\:text-light {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-light), var(--tw-text-opacity));
+  }.xl\:text-link {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-link), var(--tw-text-opacity));
+  }.xl\:text-muted {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-muted), var(--tw-text-opacity));
+  }.xl\:text-neutral {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-neutral), var(--tw-text-opacity));
+  }.xl\:text-pop {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-pop), var(--tw-text-opacity));
+  }.xl\:text-primary {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-primary), var(--tw-text-opacity));
+  }.xl\:text-success {
+    --tw-text-opacity: 1;
+    color: rgb(0 128 0 / var(--tw-text-opacity));
+  }.xl\:text-system {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 0 / var(--tw-text-opacity));
+  }.xl\:text-text {
+    --tw-text-opacity: 1;
+    color: rgba(var(--colors-text), var(--tw-text-opacity));
+  }.xl\:text-warning {
+    --tw-text-opacity: 1;
+    color: rgb(197 59 0 / var(--tw-text-opacity));
+  }.xl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.xl\:underline {
+    text-decoration-line: underline;
+  }.xl\:hover\:bg-hero-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-300), var(--tw-bg-opacity));
+  }.xl\:hover\:bg-light:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xl\:hover\:bg-primary-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-300), var(--tw-bg-opacity));
+  }.xl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }.xl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }.xl\:active\:bg-hero-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-hero-200), var(--tw-bg-opacity));
+  }.xl\:active\:bg-light:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-light), var(--tw-bg-opacity));
+  }.xl\:active\:bg-primary-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--colors-primary-200), var(--tw-bg-opacity));
+  }.xl\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+}