@nswds/tokens 3.8.0 → 3.9.0

package/README.md

@@ -23,8 +23,8 @@ The published package ships:
 - **Spacing** (4px-grid rem scale), **radius**, **breakpoints**, **border widths**,
   **shadows** (elevation ramp + inset rings), and **typography** (font stacks, sizes,
   weights, line-heights, tracking) — with semantic typography styles (`heading-1`…`code`)
-- **Motion** (durations + cubic-bezier easings) and **z-index** scale — DRAFT, pending
-  design review
+- **Motion** (durations, cubic-bezier easings, and intent-paired transition composites)
+  with a built-in reduced-motion override, and a **z-index** scale
 - DTCG 2025.10-compliant raw token JSON under `@nswds/tokens/tokens/*`
 - Tailwind CSS v4 `@theme` files for every category
 - Root JS API for consuming token collections directly
@@ -95,22 +95,38 @@ Each category publishes per-format files named by layer:
 The same values are available as SCSS/LESS variables and JS/JSON modules, e.g.
 `@nswds/tokens/js/radius/global.js` exports `radius = { none: '0px', sm: '4px', … }`.
 
-> ⚠️ **Motion and z-index values are DRAFT** pending design review — the scales (and the
-> mapping of names to numbers) may change before they are confirmed. They are published so
-> the wiring is in place; treat the specific values as provisional.
+Motion follows the NSW motion brief; the z-index scale is confirmed.
 
 ```css
-@import '@nswds/tokens/css/motion/global.css'; /* --duration-* + --easing-*      */
-@import '@nswds/tokens/css/z-index/global.css'; /* --z-index-base … --z-index-tooltip */
+@import '@nswds/tokens/css/motion/global.css'; /* --duration-*, --easing-*, --transition-* */
+@import '@nswds/tokens/css/z-index/global.css'; /* --z-index-base … --z-index-tooltip      */
 
 .drawer {
-  transition: transform var(--duration-base) var(--easing-decelerate);
+  /* transition composites pair a duration, curve, and delay by intent */
+  transition: transform var(--transition-overlay);
   z-index: var(--z-index-modal);
 }
 ```
 
 `duration.*` are CSS times (`150ms`), `easing.*` are `cubic-bezier(…)` timing functions,
-and `z-index.*` are plain integers.
+`transition.*` are ready-to-use `transition`-shorthand values
+(`<duration> <timing-function> <delay>`), and `z-index.*` are plain integers.
+
+**Reduced motion** is built into `css/motion/global.css`: a
+`@media (prefers-reduced-motion: reduce)` block collapses every duration to `0.01ms`
+(kept non-zero so `transitionend`/`animationend` still fire), leaving the curves and
+opacity changes intact. Tailwind/raw consumers who don't load that file should add the
+same override.
+
+Motion usage principles:
+
+- Duration scales with size and distance — a small chip and a full-screen sheet should not
+  share a duration. Bigger, or further to travel, means longer.
+- Move on one axis at a time — separate horizontal and vertical movement rather than
+  animating diagonally.
+- Keep crossfades short (~100ms, the `instant` step) to avoid muddy overlapping frames.
+- Never rely on motion alone to communicate a state change; reduced motion is always
+  honoured.
 
 ### 4. Typography
 
@@ -201,7 +217,7 @@ categories carry direct values (one import each):
 | `tailwind/typography/global.css`             | `--font-*`, `--text-*`, `--font-weight-*`, `--leading-*`, `--tracking-*` | `font-sans`, `text-16`, `leading-base`, …                     |
 | `tailwind/shadow/global.css`                 | `--shadow-*`, `--inset-shadow-*`                                         | `shadow-md`, `inset-shadow-thin`, …                           |
 | `tailwind/border/global.css`                 | `--border-width-*` (plain vars; no native namespace)                     | arbitrary values: `border-[length:var(--border-width-thick)]` |
-| `tailwind/motion/global.css`                 | `--ease-*` (native); `--duration-*` (plain vars)                         | `ease-standard`; `duration-[var(--duration-fast)]`            |
+| `tailwind/motion/global.css`                 | `--ease-*` (native); `--duration-*`, `--transition-*` (plain vars)       | `ease-standard`; `duration-[var(--duration-fast)]`            |
 | `tailwind/z-index/global.css`                | `--z-index-*` (plain vars; no native namespace)                          | arbitrary values: `z-[var(--z-index-modal)]`                  |
 
 ```css

package/dist/css/motion/global.css

@@ -1,8 +1,26 @@
 :root {
-  --duration-fast: 150ms; /** Fast — quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review. */
-  --duration-base: 250ms; /** Base — the default duration for most UI transitions. DRAFT pending design review. */
-  --duration-slow: 400ms; /** Slow — larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review. */
-  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out — the default curve for elements moving within the viewport. DRAFT pending design review. */
-  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Decelerate (ease-out) — elements entering the screen, fast then settling. DRAFT pending design review. */
-  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Accelerate (ease-in) — elements leaving the screen, building speed as they exit. DRAFT pending design review. */
+  --duration-none: 0ms; /** No motion. Used as the reduced-motion target and the default transition delay. */
+  --duration-instant: 100ms; /** Micro-feedback on small elements — hover, focus rings, toggles, small fades. */
+  --duration-fast: 150ms; /** Quick transitions over short distances — dropdowns, popovers, exits. */
+  --duration-base: 250ms; /** Default duration for most UI transitions. */
+  --duration-slow: 400ms; /** Larger surfaces entering or leaving — modals, drawers, sheets. */
+  --duration-slower: 600ms; /** Full-screen transitions and background dimming behind overlays. */
+  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out for elements moving within the viewport, visible from start to end. */
+  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel). */
+  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Exit (ease-in) for elements leaving view permanently, building speed as they go. */
+  --easing-linear: cubic-bezier(0, 0, 1, 1); /** No easing. For continuous or progress-driven motion — spinners, progress bars, rotation. */
+  --transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; /** Hover, focus and toggle feedback on interactive elements. */
+  --transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Elements entering the view — menus, popovers, tooltips. */
+  --transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; /** Elements leaving the view permanently. */
+  --transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Modals, drawers and sheets entering over a dimmed background. */
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --duration-instant: 0.01ms;
+    --duration-fast: 0.01ms;
+    --duration-base: 0.01ms;
+    --duration-slow: 0.01ms;
+    --duration-slower: 0.01ms;
+  }
 }

package/dist/css/z-index/global.css

@@ -1,10 +1,10 @@
 :root {
-  --z-index-base: 0; /** Base stacking level (0) — default in-flow content. DRAFT pending design review. */
-  --z-index-dropdown: 1000; /** Dropdown menus and select popups. DRAFT pending design review. */
-  --z-index-sticky: 1100; /** Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review. */
-  --z-index-overlay: 1200; /** Full-screen overlay scrims sitting behind modal content. DRAFT pending design review. */
-  --z-index-modal: 1300; /** Modal dialogs and side sheets. DRAFT pending design review. */
-  --z-index-popover: 1400; /** Popovers anchored to a trigger, above modals. DRAFT pending design review. */
-  --z-index-toast: 1500; /** Toast and snackbar notifications. DRAFT pending design review. */
-  --z-index-tooltip: 1600; /** Tooltips — the top-most interactive layer. DRAFT pending design review. */
+  --z-index-base: 0; /** Base stacking level (0) — default in-flow content. */
+  --z-index-dropdown: 1000; /** Dropdown menus and select popups. */
+  --z-index-sticky: 1100; /** Sticky elements that pin on scroll (headers, toolbars). */
+  --z-index-overlay: 1200; /** Full-screen overlay scrims sitting behind modal content. */
+  --z-index-modal: 1300; /** Modal dialogs and side sheets. */
+  --z-index-popover: 1400; /** Popovers anchored to a trigger, above modals. */
+  --z-index-toast: 1500; /** Toast and snackbar notifications. */
+  --z-index-tooltip: 1600; /** Tooltips — the top-most interactive layer. */
 }

package/dist/index.cjs

@@ -62532,14 +62532,24 @@ var require_global7 = __commonJS({
   "src/json/motion/global.json"(exports$1, module) {
     module.exports = {
       duration: {
+        "duration-none": "0ms",
+        "duration-instant": "100ms",
         "duration-fast": "150ms",
         "duration-base": "250ms",
-        "duration-slow": "400ms"
+        "duration-slow": "400ms",
+        "duration-slower": "600ms"
       },
       easing: {
         "easing-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
         "easing-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
-        "easing-accelerate": "cubic-bezier(0.4, 0, 1, 1)"
+        "easing-accelerate": "cubic-bezier(0.4, 0, 1, 1)",
+        "easing-linear": "cubic-bezier(0, 0, 1, 1)"
+      },
+      transition: {
+        "transition-hover": "100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "transition-enter": "250ms cubic-bezier(0, 0, 0.2, 1) 0ms",
+        "transition-exit": "150ms cubic-bezier(0.4, 0, 1, 1) 0ms",
+        "transition-overlay": "400ms cubic-bezier(0, 0, 0.2, 1) 0ms"
       }
     };
   }
@@ -62705,10 +62715,10 @@ var global_default5 = ":root {\n  --border-width-thin: 0.0625rem; /** Thin borde
 var global_default6 = ":root {\n  --box-shadow-thin: inset 0 0 0 0.0625rem; /** Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor. */\n  --box-shadow-thick: inset 0 0 0 0.125rem; /** Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor. */\n  --box-shadow-thicker: inset 0 0 0 0.25rem; /** Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor. */\n  --shadow-color-5: rgb(0 0 0 / 0.05); /** Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage. */\n  --shadow-color-10: rgb(0 0 0 / 0.1); /** Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage. */\n  --shadow-color-25: rgb(0 0 0 / 0.25); /** Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage. */\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); /** Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review. */\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /** Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review. */\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /** Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review. */\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /** Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review. */\n}\n";
 
 // src/css/motion/global.css
-var global_default7 = ":root {\n  --duration-fast: 150ms; /** Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review. */\n  --duration-base: 250ms; /** Base \u2014 the default duration for most UI transitions. DRAFT pending design review. */\n  --duration-slow: 400ms; /** Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review. */\n  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review. */\n  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review. */\n  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review. */\n}\n";
+var global_default7 = ":root {\n  --duration-none: 0ms; /** No motion. Used as the reduced-motion target and the default transition delay. */\n  --duration-instant: 100ms; /** Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades. */\n  --duration-fast: 150ms; /** Quick transitions over short distances \u2014 dropdowns, popovers, exits. */\n  --duration-base: 250ms; /** Default duration for most UI transitions. */\n  --duration-slow: 400ms; /** Larger surfaces entering or leaving \u2014 modals, drawers, sheets. */\n  --duration-slower: 600ms; /** Full-screen transitions and background dimming behind overlays. */\n  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out for elements moving within the viewport, visible from start to end. */\n  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel). */\n  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Exit (ease-in) for elements leaving view permanently, building speed as they go. */\n  --easing-linear: cubic-bezier(0, 0, 1, 1); /** No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation. */\n  --transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; /** Hover, focus and toggle feedback on interactive elements. */\n  --transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Elements entering the view \u2014 menus, popovers, tooltips. */\n  --transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; /** Elements leaving the view permanently. */\n  --transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Modals, drawers and sheets entering over a dimmed background. */\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --duration-instant: 0.01ms;\n    --duration-fast: 0.01ms;\n    --duration-base: 0.01ms;\n    --duration-slow: 0.01ms;\n    --duration-slower: 0.01ms;\n  }\n}\n";
 
 // src/css/z-index/global.css
-var global_default8 = ":root {\n  --z-index-base: 0; /** Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review. */\n  --z-index-dropdown: 1000; /** Dropdown menus and select popups. DRAFT pending design review. */\n  --z-index-sticky: 1100; /** Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review. */\n  --z-index-overlay: 1200; /** Full-screen overlay scrims sitting behind modal content. DRAFT pending design review. */\n  --z-index-modal: 1300; /** Modal dialogs and side sheets. DRAFT pending design review. */\n  --z-index-popover: 1400; /** Popovers anchored to a trigger, above modals. DRAFT pending design review. */\n  --z-index-toast: 1500; /** Toast and snackbar notifications. DRAFT pending design review. */\n  --z-index-tooltip: 1600; /** Tooltips \u2014 the top-most interactive layer. DRAFT pending design review. */\n}\n";
+var global_default8 = ":root {\n  --z-index-base: 0; /** Base stacking level (0) \u2014 default in-flow content. */\n  --z-index-dropdown: 1000; /** Dropdown menus and select popups. */\n  --z-index-sticky: 1100; /** Sticky elements that pin on scroll (headers, toolbars). */\n  --z-index-overlay: 1200; /** Full-screen overlay scrims sitting behind modal content. */\n  --z-index-modal: 1300; /** Modal dialogs and side sheets. */\n  --z-index-popover: 1400; /** Popovers anchored to a trigger, above modals. */\n  --z-index-toast: 1500; /** Toast and snackbar notifications. */\n  --z-index-tooltip: 1600; /** Tooltips \u2014 the top-most interactive layer. */\n}\n";
 
 // src/js/colors/global/hex.js
 var hex_exports = {};
@@ -68724,17 +68734,28 @@ var shadow = {
 var global_exports7 = {};
 __export(global_exports7, {
   duration: () => duration,
-  easing: () => easing
+  easing: () => easing,
+  transition: () => transition
 });
 var duration = {
+  none: "0ms",
+  instant: "100ms",
   fast: "150ms",
   base: "250ms",
-  slow: "400ms"
+  slow: "400ms",
+  slower: "600ms"
 };
 var easing = {
   standard: "cubic-bezier(0.4, 0, 0.2, 1)",
   decelerate: "cubic-bezier(0, 0, 0.2, 1)",
-  accelerate: "cubic-bezier(0.4, 0, 1, 1)"
+  accelerate: "cubic-bezier(0.4, 0, 1, 1)",
+  linear: "cubic-bezier(0, 0, 1, 1)"
+};
+var transition = {
+  hover: "100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+  enter: "250ms cubic-bezier(0, 0, 0.2, 1) 0ms",
+  exit: "150ms cubic-bezier(0.4, 0, 1, 1) 0ms",
+  overlay: "400ms cubic-bezier(0, 0, 0.2, 1) 0ms"
 };
 
 // src/js/z-index/global.js
@@ -68871,10 +68892,10 @@ var global_default13 = "@border-width-thin: 0.0625rem; // Thin border (0.0625rem
 var global_default14 = "@box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor.\n@box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor.\n@box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor.\n@shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage.\n@shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage.\n@shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage.\n@shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.\n@shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.\n@shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.\n@shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.\n";
 
 // src/less/motion/global.less
-var global_default15 = "@duration-fast: 150ms; // Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.\n@duration-base: 250ms; // Base \u2014 the default duration for most UI transitions. DRAFT pending design review.\n@duration-slow: 400ms; // Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.\n@easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review.\n@easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review.\n@easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review.\n";
+var global_default15 = "@duration-none: 0ms; // No motion. Used as the reduced-motion target and the default transition delay.\n@duration-instant: 100ms; // Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades.\n@duration-fast: 150ms; // Quick transitions over short distances \u2014 dropdowns, popovers, exits.\n@duration-base: 250ms; // Default duration for most UI transitions.\n@duration-slow: 400ms; // Larger surfaces entering or leaving \u2014 modals, drawers, sheets.\n@duration-slower: 600ms; // Full-screen transitions and background dimming behind overlays.\n@easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out for elements moving within the viewport, visible from start to end.\n@easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel).\n@easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Exit (ease-in) for elements leaving view permanently, building speed as they go.\n@easing-linear: cubic-bezier(0, 0, 1, 1); // No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation.\n@transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; // Hover, focus and toggle feedback on interactive elements.\n@transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Elements entering the view \u2014 menus, popovers, tooltips.\n@transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; // Elements leaving the view permanently.\n@transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Modals, drawers and sheets entering over a dimmed background.\n";
 
 // src/less/z-index/global.less
-var global_default16 = "@z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review.\n@z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.\n@z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.\n@z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.\n@z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.\n@z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.\n@z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.\n@z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer. DRAFT pending design review.\n";
+var global_default16 = "@z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content.\n@z-index-dropdown: 1000; // Dropdown menus and select popups.\n@z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars).\n@z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content.\n@z-index-modal: 1300; // Modal dialogs and side sheets.\n@z-index-popover: 1400; // Popovers anchored to a trigger, above modals.\n@z-index-toast: 1500; // Toast and snackbar notifications.\n@z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer.\n";
 
 // src/scss/colors/global/hex.scss
 var hex_default13 = "$nsw-grey-50: #fafafa; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.\n$nsw-grey-100: #f5f5f5; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.\n$nsw-grey-150: #f0f0f0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.\n$nsw-grey-200: #ebebeb; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 200: Interactive components.\n$nsw-grey-250: #e3e5e6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 250: Interactive components.\n$nsw-grey-300: #dcdfe0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 300: Interactive components.\n$nsw-grey-350: #d4d9db; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 350: Interactive components.\n$nsw-grey-400: #cdd3d6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 400: Interactive components.\n$nsw-grey-450: #aab0b4; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 450: borders, separators and icons.\n$nsw-grey-500: #888f92; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 500: borders, separators and icons.\n$nsw-grey-550: #686f72; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 550: borders, separators and icons.\n$nsw-grey-600: #495054; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 600: borders, separators and icons.\n$nsw-grey-650: #3f4549; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 650: borders, separators and icons.\n$nsw-grey-700: #353b3f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 700: Solid colors.\n$nsw-grey-750: #2b3135; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 750: Solid colors.\n$nsw-grey-800: #22272b; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 800: Solid colors.\n$nsw-grey-850: #181c1f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 850: text and high emphasis.\n$nsw-grey-900: #0e1113; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 900: text and high emphasis.\n$nsw-grey-950: #050709; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 950: text and high emphasis.\n$nsw-green-50: #f5fff6; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-green-100: #ecfdee; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-green-150: #e4fce7; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-green-200: #dbfadf; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.\n$nsw-green-250: #cff7d4; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.\n$nsw-green-300: #c2f4c9; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.\n$nsw-green-350: #b5f0be; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.\n$nsw-green-400: #a8edb3; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.\n$nsw-green-450: #8adc98; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons.\n$nsw-green-500: #6acc7d; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons.\n$nsw-green-550: #45bb62; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons.\n$nsw-green-600: #00aa45; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons.\n$nsw-green-650: #078e32; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons.\n$nsw-green-700: #077320; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.\n$nsw-green-750: #03590f; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.\n$nsw-green-800: #004000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.\n$nsw-green-850: #003000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis.\n$nsw-green-900: #002000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis.\n$nsw-green-950: #001100; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis.\n$nsw-teal-50: #f2fbfa; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-teal-100: #e7f7f5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-teal-150: #dcf2ef; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-teal-200: #d1eeea; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-teal-250: #c1eae7; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-teal-300: #afe5e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-teal-350: #9ee0e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-teal-400: #8cdbe5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-teal-450: #75c4cf; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-teal-500: #5eacb9; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-teal-550: #4696a3; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-teal-600: #2e808e; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-teal-650: #256f7b; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-teal-700: #1c5f69; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-teal-750: #144e58; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-teal-800: #0b3f47; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-teal-850: #042f35; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-teal-900: #011f24; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-teal-950: #001114; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-blue-50: #f0fbff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces.\n$nsw-blue-100: #e4f6ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces.\n$nsw-blue-150: #d7f2fe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces.\n$nsw-blue-200: #cbedfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components.\n$nsw-blue-250: #bceafe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components.\n$nsw-blue-300: #ade7ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components.\n$nsw-blue-350: #9de3ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components.\n$nsw-blue-400: #8ce0ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components.\n$nsw-blue-450: #5ac9ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons.\n$nsw-blue-500: #26aeff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons.\n$nsw-blue-550: #008fff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons.\n$nsw-blue-600: #146cfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons.\n$nsw-blue-650: #0c5ad4; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons.\n$nsw-blue-700: #0548ad; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors.\n$nsw-blue-750: #023688; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors.\n$nsw-blue-800: #002664; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors.\n$nsw-blue-850: #001a4d; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis.\n$nsw-blue-900: #001037; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis.\n$nsw-blue-950: #000622; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis.\n$nsw-purple-50: #f9f7ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-purple-100: #f2f0ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-purple-150: #ece8fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-purple-200: #e6e1fd; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-purple-250: #e0d9fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-purple-300: #dad0fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-purple-350: #d4c8ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-purple-400: #cebfff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-purple-450: #baa6fc; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-purple-500: #a68df9; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-purple-550: #9372f5; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-purple-600: #8055f1; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-purple-650: #7243cf; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-purple-700: #6432ae; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-purple-750: #54218e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-purple-800: #441170; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-purple-850: #330856; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-purple-900: #23023e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-purple-950: #130027; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-fuchsia-50: #fff6fd; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.\n$nsw-fuchsia-100: #ffeef9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.\n$nsw-fuchsia-150: #fee6f6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.\n$nsw-fuchsia-200: #fddef2; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.\n$nsw-fuchsia-250: #fbd4ef; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.\n$nsw-fuchsia-300: #f9c9eb; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.\n$nsw-fuchsia-350: #f7bfe9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.\n$nsw-fuchsia-400: #f4b5e6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.\n$nsw-fuchsia-450: #ef96da; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.\n$nsw-fuchsia-500: #e975cc; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.\n$nsw-fuchsia-550: #e150be; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.\n$nsw-fuchsia-600: #d912ae; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.\n$nsw-fuchsia-650: #bb0c94; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.\n$nsw-fuchsia-700: #9d067b; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.\n$nsw-fuchsia-750: #810264; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.\n$nsw-fuchsia-800: #65004d; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.\n$nsw-fuchsia-850: #4d003a; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.\n$nsw-fuchsia-900: #370028; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.\n$nsw-fuchsia-950: #220017; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.\n$nsw-red-50: #fff8f9; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-red-100: #fff2f4; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-red-150: #ffecef; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-red-200: #ffe6ea; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components.\n$nsw-red-250: #ffdbe0; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components.\n$nsw-red-300: #ffcfd6; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components.\n$nsw-red-350: #ffc4cc; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components.\n$nsw-red-400: #ffb8c1; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components.\n$nsw-red-450: #f897a2; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons.\n$nsw-red-500: #ef7581; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons.\n$nsw-red-550: #e44f5f; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons.\n$nsw-red-600: #d7153a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons.\n$nsw-red-650: #b90e32; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons.\n$nsw-red-700: #9b072a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors.\n$nsw-red-750: #7e0322; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors.\n$nsw-red-800: #630019; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors.\n$nsw-red-850: #4c0010; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis.\n$nsw-red-900: #360008; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis.\n$nsw-red-950: #210003; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis.\n$nsw-orange-50: #fffaf6; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.\n$nsw-orange-100: #fff6ee; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.\n$nsw-orange-150: #fef1e7; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.\n$nsw-orange-200: #fdeddf; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.\n$nsw-orange-250: #fee5ce; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.\n$nsw-orange-300: #ffddbd; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.\n$nsw-orange-350: #ffd6ab; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.\n$nsw-orange-400: #ffce99; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.\n$nsw-orange-450: #fdb678; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.\n$nsw-orange-500: #fb9d58; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.\n$nsw-orange-550: #f78139; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.\n$nsw-orange-600: #f3631b; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.\n$nsw-orange-650: #db5115; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.\n$nsw-orange-700: #c33f0e; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.\n$nsw-orange-750: #ab2e06; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.\n$nsw-orange-800: #941b00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.\n$nsw-orange-850: #730f00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.\n$nsw-orange-900: #530400; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.\n$nsw-orange-950: #350000; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.\n$nsw-yellow-50: #fffcf0; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-yellow-100: #fffae5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-yellow-150: #fff7da; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-yellow-200: #fff4cf; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.\n$nsw-yellow-250: #fff1c2; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.\n$nsw-yellow-300: #feeeb5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.\n$nsw-yellow-350: #feeaa8; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.\n$nsw-yellow-400: #fde79a; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.\n$nsw-yellow-450: #fbda80; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons.\n$nsw-yellow-500: #facd63; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons.\n$nsw-yellow-550: #fabe42; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons.\n$nsw-yellow-600: #faaf05; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons.\n$nsw-yellow-650: #d49403; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons.\n$nsw-yellow-700: #af7a01; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.\n$nsw-yellow-750: #8b6000; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.\n$nsw-yellow-800: #694800; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.\n$nsw-yellow-850: #503500; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis.\n$nsw-yellow-900: #392400; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis.\n$nsw-yellow-950: #221300; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis.\n$nsw-brown-50: #fbf8f4; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-brown-100: #f6f1ea; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-brown-150: #f2eae1; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-brown-200: #ede3d7; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-brown-250: #ecdece; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-brown-300: #eadac6; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-brown-350: #e9d5bd; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-brown-400: #e8d0b5; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-brown-450: #dbbf9f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-brown-500: #cfae89; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-brown-550: #c29d73; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-brown-600: #b68d5d; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-brown-650: #9c764b; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-brown-700: #82603a; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-brown-750: #6a4b29; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-brown-800: #523719; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-brown-850: #3e280f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-brown-900: #2b1a07; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-brown-950: #190d02; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-aboriginal-grey-50: #f9f8f7; // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-100: #f2f1ef; // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-150: #ebeae8; // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-200: #e5e3e0; // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-250: #dfdcd8; // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-300: #d8d4d1; // NSW Aboriginal palette grey. Step 300: Interactive components.\n$nsw-aboriginal-grey-350: #d2cdc9; // NSW Aboriginal palette grey. Step 350: Interactive components.\n$nsw-aboriginal-grey-400: #ccc6c2; // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.\n$nsw-aboriginal-grey-450: #ada8a5; // NSW Aboriginal palette grey. Step 450: Interactive components.\n$nsw-aboriginal-grey-500: #8e8b8a; // NSW Aboriginal palette grey \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-grey-550: #71706f; // NSW Aboriginal palette grey. Step 550: borders and icons.\n$nsw-aboriginal-grey-600: #555555; // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.\n$nsw-aboriginal-grey-650: #494949; // NSW Aboriginal palette grey. Step 650: borders and icons.\n$nsw-aboriginal-grey-700: #3d3d3d; // NSW Aboriginal palette grey. Step 700: borders and icons.\n$nsw-aboriginal-grey-750: #323232; // NSW Aboriginal palette grey. Step 750: text and high emphasis.\n$nsw-aboriginal-grey-800: #272727; // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.\n$nsw-aboriginal-grey-850: #1c1c1c; // NSW Aboriginal palette grey. Step 850: text and high emphasis.\n$nsw-aboriginal-grey-900: #111111; // NSW Aboriginal palette grey. Step 900: text and high emphasis.\n$nsw-aboriginal-grey-950: #070707; // NSW Aboriginal palette grey. Step 950: text and high emphasis.\n$nsw-aboriginal-red-50: #fff5f5; // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-100: #ffebeb; // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-150: #fee2e2; // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-200: #fdd9d9; // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-250: #fdd0d0; // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-300: #fcc7c6; // NSW Aboriginal palette red. Step 300: Interactive components.\n$nsw-aboriginal-red-350: #fcbdbd; // NSW Aboriginal palette red. Step 350: Interactive components.\n$nsw-aboriginal-red-400: #fbb4b3; // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.\n$nsw-aboriginal-red-450: #f79693; // NSW Aboriginal palette red. Step 450: Interactive components.\n$nsw-aboriginal-red-500: #f27771; // NSW Aboriginal palette red \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-red-550: #ea554c; // NSW Aboriginal palette red. Step 550: borders and icons.\n$nsw-aboriginal-red-600: #e1261c; // NSW Aboriginal palette Ember Red. Step 600: borders and icons.\n$nsw-aboriginal-red-650: #cd1f17; // NSW Aboriginal palette red. Step 650: borders and icons.\n$nsw-aboriginal-red-700: #ba1811; // NSW Aboriginal palette red. Step 700: borders and icons.\n$nsw-aboriginal-red-750: #a7110b; // NSW Aboriginal palette red. Step 750: text and high emphasis.\n$nsw-aboriginal-red-800: #950906; // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.\n$nsw-aboriginal-red-850: #740001; // NSW Aboriginal palette red. Step 850: text and high emphasis.\n$nsw-aboriginal-red-900: #540000; // NSW Aboriginal palette red. Step 900: text and high emphasis.\n$nsw-aboriginal-red-950: #360000; // NSW Aboriginal palette red. Step 950: text and high emphasis.\n$nsw-aboriginal-orange-50: #fff4ec; // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-100: #fee9dd; // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-150: #fcdfcd; // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-200: #f9d4be; // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-250: #f8caae; // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-300: #f7bf9e; // NSW Aboriginal palette orange. Step 300: Interactive components.\n$nsw-aboriginal-orange-350: #f6b58e; // NSW Aboriginal palette orange. Step 350: Interactive components.\n$nsw-aboriginal-orange-400: #f4aa7d; // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.\n$nsw-aboriginal-orange-450: #f39a66; // NSW Aboriginal palette orange. Step 450: Interactive components.\n$nsw-aboriginal-orange-500: #f2894f; // NSW Aboriginal palette orange \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-orange-550: #f07736; // NSW Aboriginal palette orange. Step 550: borders and icons.\n$nsw-aboriginal-orange-600: #ee6314; // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.\n$nsw-aboriginal-orange-650: #d45310; // NSW Aboriginal palette orange. Step 650: borders and icons.\n$nsw-aboriginal-orange-700: #ba440a; // NSW Aboriginal palette orange. Step 700: borders and icons.\n$nsw-aboriginal-orange-750: #a13505; // NSW Aboriginal palette orange. Step 750: text and high emphasis.\n$nsw-aboriginal-orange-800: #882600; // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.\n$nsw-aboriginal-orange-850: #691900; // NSW Aboriginal palette orange. Step 850: text and high emphasis.\n$nsw-aboriginal-orange-900: #4c0d00; // NSW Aboriginal palette orange. Step 900: text and high emphasis.\n$nsw-aboriginal-orange-950: #300300; // NSW Aboriginal palette orange. Step 950: text and high emphasis.\n$nsw-aboriginal-brown-50: #fcf1e9; // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-100: #f6e3d7; // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-150: #efd5c4; // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-200: #e9c8b2; // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-250: #e4ba9f; // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-300: #dead8c; // NSW Aboriginal palette brown. Step 300: Interactive components.\n$nsw-aboriginal-brown-350: #d99f78; // NSW Aboriginal palette brown. Step 350: Interactive components.\n$nsw-aboriginal-brown-400: #d39165; // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.\n$nsw-aboriginal-brown-450: #c68158; // NSW Aboriginal palette brown. Step 450: Interactive components.\n$nsw-aboriginal-brown-500: #b9724b; // NSW Aboriginal palette brown \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-brown-550: #ab623e; // NSW Aboriginal palette brown. Step 550: borders and icons.\n$nsw-aboriginal-brown-600: #9e5332; // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.\n$nsw-aboriginal-brown-650: #8b4627; // NSW Aboriginal palette brown. Step 650: borders and icons.\n$nsw-aboriginal-brown-700: #79391c; // NSW Aboriginal palette brown. Step 700: borders and icons.\n$nsw-aboriginal-brown-750: #672d10; // NSW Aboriginal palette brown. Step 750: text and high emphasis.\n$nsw-aboriginal-brown-800: #552105; // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.\n$nsw-aboriginal-brown-850: #411602; // NSW Aboriginal palette brown. Step 850: text and high emphasis.\n$nsw-aboriginal-brown-900: #2d0c00; // NSW Aboriginal palette brown. Step 900: text and high emphasis.\n$nsw-aboriginal-brown-950: #1b0400; // NSW Aboriginal palette brown. Step 950: text and high emphasis.\n$nsw-aboriginal-yellow-50: #fffcee; // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-100: #fff8e0; // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-150: #fff5d3; // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-200: #fff1c5; // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-250: #ffeeb7; // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-300: #ffeba9; // NSW Aboriginal palette yellow. Step 300: Interactive components.\n$nsw-aboriginal-yellow-350: #fee79b; // NSW Aboriginal palette yellow. Step 350: Interactive components.\n$nsw-aboriginal-yellow-400: #fee48c; // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.\n$nsw-aboriginal-yellow-450: #fed675; // NSW Aboriginal palette yellow. Step 450: Interactive components.\n$nsw-aboriginal-yellow-500: #fec85d; // NSW Aboriginal palette yellow \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-yellow-550: #feb944; // NSW Aboriginal palette yellow. Step 550: borders and icons.\n$nsw-aboriginal-yellow-600: #fea927; // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.\n$nsw-aboriginal-yellow-650: #df961c; // NSW Aboriginal palette yellow. Step 650: borders and icons.\n$nsw-aboriginal-yellow-700: #c18312; // NSW Aboriginal palette yellow. Step 700: borders and icons.\n$nsw-aboriginal-yellow-750: #a57007; // NSW Aboriginal palette yellow. Step 750: text and high emphasis.\n$nsw-aboriginal-yellow-800: #895e00; // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.\n$nsw-aboriginal-yellow-850: #694700; // NSW Aboriginal palette yellow. Step 850: text and high emphasis.\n$nsw-aboriginal-yellow-900: #4c3000; // NSW Aboriginal palette yellow. Step 900: text and high emphasis.\n$nsw-aboriginal-yellow-950: #2f1c00; // NSW Aboriginal palette yellow. Step 950: text and high emphasis.\n$nsw-aboriginal-green-50: #f5f9f2; // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-100: #ecf3e7; // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-150: #e3ecdc; // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-200: #dae6d1; // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-250: #d1e0c6; // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-300: #c7d9ba; // NSW Aboriginal palette green. Step 300: Interactive components.\n$nsw-aboriginal-green-350: #bed3af; // NSW Aboriginal palette green. Step 350: Interactive components.\n$nsw-aboriginal-green-400: #b5cda4; // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.\n$nsw-aboriginal-green-450: #a5c28e; // NSW Aboriginal palette green. Step 450: Interactive components.\n$nsw-aboriginal-green-500: #95b777; // NSW Aboriginal palette green \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-green-550: #86ac60; // NSW Aboriginal palette green. Step 550: borders and icons.\n$nsw-aboriginal-green-600: #78a146; // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.\n$nsw-aboriginal-green-650: #5f8f44; // NSW Aboriginal palette green. Step 650: borders and icons.\n$nsw-aboriginal-green-700: #497d40; // NSW Aboriginal palette green. Step 700: borders and icons.\n$nsw-aboriginal-green-750: #346a3b; // NSW Aboriginal palette green. Step 750: text and high emphasis.\n$nsw-aboriginal-green-800: #215834; // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.\n$nsw-aboriginal-green-850: #154225; // NSW Aboriginal palette green. Step 850: text and high emphasis.\n$nsw-aboriginal-green-900: #0a2e17; // NSW Aboriginal palette green. Step 900: text and high emphasis.\n$nsw-aboriginal-green-950: #021b0a; // NSW Aboriginal palette green. Step 950: text and high emphasis.\n$nsw-aboriginal-blue-50: #eef8fa; // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-100: #dff1f4; // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-150: #d0e9ee; // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-200: #c1e2e8; // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-250: #b2dbe2; // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-300: #a3d4dc; // NSW Aboriginal palette blue. Step 300: Interactive components.\n$nsw-aboriginal-blue-350: #94ccd7; // NSW Aboriginal palette blue. Step 350: Interactive components.\n$nsw-aboriginal-blue-400: #84c5d1; // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.\n$nsw-aboriginal-blue-450: #67aec0; // NSW Aboriginal palette blue. Step 450: Interactive components.\n$nsw-aboriginal-blue-500: #4a96b0; // NSW Aboriginal palette blue \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-blue-550: #2e7fa1; // NSW Aboriginal palette blue. Step 550: borders and icons.\n$nsw-aboriginal-blue-600: #0d6791; // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.\n$nsw-aboriginal-blue-650: #095d84; // NSW Aboriginal palette blue. Step 650: borders and icons.\n$nsw-aboriginal-blue-700: #055377; // NSW Aboriginal palette blue. Step 700: borders and icons.\n$nsw-aboriginal-blue-750: #02496a; // NSW Aboriginal palette blue. Step 750: text and high emphasis.\n$nsw-aboriginal-blue-800: #00405e; // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.\n$nsw-aboriginal-blue-850: #002f48; // NSW Aboriginal palette blue. Step 850: text and high emphasis.\n$nsw-aboriginal-blue-900: #002033; // NSW Aboriginal palette blue. Step 900: text and high emphasis.\n$nsw-aboriginal-blue-950: #00111f; // NSW Aboriginal palette blue. Step 950: text and high emphasis.\n$nsw-aboriginal-purple-50: #faf1f8; // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-100: #f2e5f0; // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-150: #ebd8e8; // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-200: #e4cce0; // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-250: #ddbfd8; // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-300: #d7b3d1; // NSW Aboriginal palette purple. Step 300: Interactive components.\n$nsw-aboriginal-purple-350: #d0a6c9; // NSW Aboriginal palette purple. Step 350: Interactive components.\n$nsw-aboriginal-purple-400: #c99ac2; // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.\n$nsw-aboriginal-purple-450: #bd8bb6; // NSW Aboriginal palette purple. Step 450: Interactive components.\n$nsw-aboriginal-purple-500: #b17caa; // NSW Aboriginal palette purple \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-purple-550: #a66d9f; // NSW Aboriginal palette purple. Step 550: borders and icons.\n$nsw-aboriginal-purple-600: #9a5e93; // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.\n$nsw-aboriginal-purple-650: #844f7e; // NSW Aboriginal palette purple. Step 650: borders and icons.\n$nsw-aboriginal-purple-700: #6f4169; // NSW Aboriginal palette purple. Step 700: borders and icons.\n$nsw-aboriginal-purple-750: #5b3355; // NSW Aboriginal palette purple. Step 750: text and high emphasis.\n$nsw-aboriginal-purple-800: #472642; // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.\n$nsw-aboriginal-purple-850: #351a31; // NSW Aboriginal palette purple. Step 850: text and high emphasis.\n$nsw-aboriginal-purple-900: #241021; // NSW Aboriginal palette purple. Step 900: text and high emphasis.\n$nsw-aboriginal-purple-950: #150612; // NSW Aboriginal palette purple. Step 950: text and high emphasis.\n$white: #ffffff; // Pure white \u2014 page backgrounds, content surfaces, and text on dark or solid fills.\n$black: #000000; // Pure black \u2014 maximum-contrast text, overlays, and scrims.\n";
@@ -68994,10 +69015,10 @@ var global_default21 = "$border-width-thin: 0.0625rem; // Thin border (0.0625rem
 var global_default22 = "$box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor.\n$box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor.\n$box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor.\n$shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage.\n$shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage.\n$shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage.\n$shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.\n$shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.\n$shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.\n$shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.\n";
 
 // src/scss/motion/global.scss
-var global_default23 = "$duration-fast: 150ms; // Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.\n$duration-base: 250ms; // Base \u2014 the default duration for most UI transitions. DRAFT pending design review.\n$duration-slow: 400ms; // Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.\n$easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review.\n$easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review.\n$easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review.\n";
+var global_default23 = "$duration-none: 0ms; // No motion. Used as the reduced-motion target and the default transition delay.\n$duration-instant: 100ms; // Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades.\n$duration-fast: 150ms; // Quick transitions over short distances \u2014 dropdowns, popovers, exits.\n$duration-base: 250ms; // Default duration for most UI transitions.\n$duration-slow: 400ms; // Larger surfaces entering or leaving \u2014 modals, drawers, sheets.\n$duration-slower: 600ms; // Full-screen transitions and background dimming behind overlays.\n$easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out for elements moving within the viewport, visible from start to end.\n$easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel).\n$easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Exit (ease-in) for elements leaving view permanently, building speed as they go.\n$easing-linear: cubic-bezier(0, 0, 1, 1); // No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation.\n$transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; // Hover, focus and toggle feedback on interactive elements.\n$transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Elements entering the view \u2014 menus, popovers, tooltips.\n$transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; // Elements leaving the view permanently.\n$transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Modals, drawers and sheets entering over a dimmed background.\n";
 
 // src/scss/z-index/global.scss
-var global_default24 = "$z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review.\n$z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.\n$z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.\n$z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.\n$z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.\n$z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.\n$z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.\n$z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer. DRAFT pending design review.\n";
+var global_default24 = "$z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content.\n$z-index-dropdown: 1000; // Dropdown menus and select popups.\n$z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars).\n$z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content.\n$z-index-modal: 1300; // Modal dialogs and side sheets.\n$z-index-popover: 1400; // Popovers anchored to a trigger, above modals.\n$z-index-toast: 1500; // Toast and snackbar notifications.\n$z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer.\n";
 
 // src/tailwind/colors/global/hex.css
 var hex_default19 = "@theme {\n  --color-nsw-grey-50: var(--nsw-grey-50);\n  --color-nsw-grey-100: var(--nsw-grey-100);\n  --color-nsw-grey-150: var(--nsw-grey-150);\n  --color-nsw-grey-200: var(--nsw-grey-200);\n  --color-nsw-grey-250: var(--nsw-grey-250);\n  --color-nsw-grey-300: var(--nsw-grey-300);\n  --color-nsw-grey-350: var(--nsw-grey-350);\n  --color-nsw-grey-400: var(--nsw-grey-400);\n  --color-nsw-grey-450: var(--nsw-grey-450);\n  --color-nsw-grey-500: var(--nsw-grey-500);\n  --color-nsw-grey-550: var(--nsw-grey-550);\n  --color-nsw-grey-600: var(--nsw-grey-600);\n  --color-nsw-grey-650: var(--nsw-grey-650);\n  --color-nsw-grey-700: var(--nsw-grey-700);\n  --color-nsw-grey-750: var(--nsw-grey-750);\n  --color-nsw-grey-800: var(--nsw-grey-800);\n  --color-nsw-grey-850: var(--nsw-grey-850);\n  --color-nsw-grey-900: var(--nsw-grey-900);\n  --color-nsw-grey-950: var(--nsw-grey-950);\n  --color-nsw-green-50: var(--nsw-green-50);\n  --color-nsw-green-100: var(--nsw-green-100);\n  --color-nsw-green-150: var(--nsw-green-150);\n  --color-nsw-green-200: var(--nsw-green-200);\n  --color-nsw-green-250: var(--nsw-green-250);\n  --color-nsw-green-300: var(--nsw-green-300);\n  --color-nsw-green-350: var(--nsw-green-350);\n  --color-nsw-green-400: var(--nsw-green-400);\n  --color-nsw-green-450: var(--nsw-green-450);\n  --color-nsw-green-500: var(--nsw-green-500);\n  --color-nsw-green-550: var(--nsw-green-550);\n  --color-nsw-green-600: var(--nsw-green-600);\n  --color-nsw-green-650: var(--nsw-green-650);\n  --color-nsw-green-700: var(--nsw-green-700);\n  --color-nsw-green-750: var(--nsw-green-750);\n  --color-nsw-green-800: var(--nsw-green-800);\n  --color-nsw-green-850: var(--nsw-green-850);\n  --color-nsw-green-900: var(--nsw-green-900);\n  --color-nsw-green-950: var(--nsw-green-950);\n  --color-nsw-teal-50: var(--nsw-teal-50);\n  --color-nsw-teal-100: var(--nsw-teal-100);\n  --color-nsw-teal-150: var(--nsw-teal-150);\n  --color-nsw-teal-200: var(--nsw-teal-200);\n  --color-nsw-teal-250: var(--nsw-teal-250);\n  --color-nsw-teal-300: var(--nsw-teal-300);\n  --color-nsw-teal-350: var(--nsw-teal-350);\n  --color-nsw-teal-400: var(--nsw-teal-400);\n  --color-nsw-teal-450: var(--nsw-teal-450);\n  --color-nsw-teal-500: var(--nsw-teal-500);\n  --color-nsw-teal-550: var(--nsw-teal-550);\n  --color-nsw-teal-600: var(--nsw-teal-600);\n  --color-nsw-teal-650: var(--nsw-teal-650);\n  --color-nsw-teal-700: var(--nsw-teal-700);\n  --color-nsw-teal-750: var(--nsw-teal-750);\n  --color-nsw-teal-800: var(--nsw-teal-800);\n  --color-nsw-teal-850: var(--nsw-teal-850);\n  --color-nsw-teal-900: var(--nsw-teal-900);\n  --color-nsw-teal-950: var(--nsw-teal-950);\n  --color-nsw-blue-50: var(--nsw-blue-50);\n  --color-nsw-blue-100: var(--nsw-blue-100);\n  --color-nsw-blue-150: var(--nsw-blue-150);\n  --color-nsw-blue-200: var(--nsw-blue-200);\n  --color-nsw-blue-250: var(--nsw-blue-250);\n  --color-nsw-blue-300: var(--nsw-blue-300);\n  --color-nsw-blue-350: var(--nsw-blue-350);\n  --color-nsw-blue-400: var(--nsw-blue-400);\n  --color-nsw-blue-450: var(--nsw-blue-450);\n  --color-nsw-blue-500: var(--nsw-blue-500);\n  --color-nsw-blue-550: var(--nsw-blue-550);\n  --color-nsw-blue-600: var(--nsw-blue-600);\n  --color-nsw-blue-650: var(--nsw-blue-650);\n  --color-nsw-blue-700: var(--nsw-blue-700);\n  --color-nsw-blue-750: var(--nsw-blue-750);\n  --color-nsw-blue-800: var(--nsw-blue-800);\n  --color-nsw-blue-850: var(--nsw-blue-850);\n  --color-nsw-blue-900: var(--nsw-blue-900);\n  --color-nsw-blue-950: var(--nsw-blue-950);\n  --color-nsw-purple-50: var(--nsw-purple-50);\n  --color-nsw-purple-100: var(--nsw-purple-100);\n  --color-nsw-purple-150: var(--nsw-purple-150);\n  --color-nsw-purple-200: var(--nsw-purple-200);\n  --color-nsw-purple-250: var(--nsw-purple-250);\n  --color-nsw-purple-300: var(--nsw-purple-300);\n  --color-nsw-purple-350: var(--nsw-purple-350);\n  --color-nsw-purple-400: var(--nsw-purple-400);\n  --color-nsw-purple-450: var(--nsw-purple-450);\n  --color-nsw-purple-500: var(--nsw-purple-500);\n  --color-nsw-purple-550: var(--nsw-purple-550);\n  --color-nsw-purple-600: var(--nsw-purple-600);\n  --color-nsw-purple-650: var(--nsw-purple-650);\n  --color-nsw-purple-700: var(--nsw-purple-700);\n  --color-nsw-purple-750: var(--nsw-purple-750);\n  --color-nsw-purple-800: var(--nsw-purple-800);\n  --color-nsw-purple-850: var(--nsw-purple-850);\n  --color-nsw-purple-900: var(--nsw-purple-900);\n  --color-nsw-purple-950: var(--nsw-purple-950);\n  --color-nsw-fuchsia-50: var(--nsw-fuchsia-50);\n  --color-nsw-fuchsia-100: var(--nsw-fuchsia-100);\n  --color-nsw-fuchsia-150: var(--nsw-fuchsia-150);\n  --color-nsw-fuchsia-200: var(--nsw-fuchsia-200);\n  --color-nsw-fuchsia-250: var(--nsw-fuchsia-250);\n  --color-nsw-fuchsia-300: var(--nsw-fuchsia-300);\n  --color-nsw-fuchsia-350: var(--nsw-fuchsia-350);\n  --color-nsw-fuchsia-400: var(--nsw-fuchsia-400);\n  --color-nsw-fuchsia-450: var(--nsw-fuchsia-450);\n  --color-nsw-fuchsia-500: var(--nsw-fuchsia-500);\n  --color-nsw-fuchsia-550: var(--nsw-fuchsia-550);\n  --color-nsw-fuchsia-600: var(--nsw-fuchsia-600);\n  --color-nsw-fuchsia-650: var(--nsw-fuchsia-650);\n  --color-nsw-fuchsia-700: var(--nsw-fuchsia-700);\n  --color-nsw-fuchsia-750: var(--nsw-fuchsia-750);\n  --color-nsw-fuchsia-800: var(--nsw-fuchsia-800);\n  --color-nsw-fuchsia-850: var(--nsw-fuchsia-850);\n  --color-nsw-fuchsia-900: var(--nsw-fuchsia-900);\n  --color-nsw-fuchsia-950: var(--nsw-fuchsia-950);\n  --color-nsw-red-50: var(--nsw-red-50);\n  --color-nsw-red-100: var(--nsw-red-100);\n  --color-nsw-red-150: var(--nsw-red-150);\n  --color-nsw-red-200: var(--nsw-red-200);\n  --color-nsw-red-250: var(--nsw-red-250);\n  --color-nsw-red-300: var(--nsw-red-300);\n  --color-nsw-red-350: var(--nsw-red-350);\n  --color-nsw-red-400: var(--nsw-red-400);\n  --color-nsw-red-450: var(--nsw-red-450);\n  --color-nsw-red-500: var(--nsw-red-500);\n  --color-nsw-red-550: var(--nsw-red-550);\n  --color-nsw-red-600: var(--nsw-red-600);\n  --color-nsw-red-650: var(--nsw-red-650);\n  --color-nsw-red-700: var(--nsw-red-700);\n  --color-nsw-red-750: var(--nsw-red-750);\n  --color-nsw-red-800: var(--nsw-red-800);\n  --color-nsw-red-850: var(--nsw-red-850);\n  --color-nsw-red-900: var(--nsw-red-900);\n  --color-nsw-red-950: var(--nsw-red-950);\n  --color-nsw-orange-50: var(--nsw-orange-50);\n  --color-nsw-orange-100: var(--nsw-orange-100);\n  --color-nsw-orange-150: var(--nsw-orange-150);\n  --color-nsw-orange-200: var(--nsw-orange-200);\n  --color-nsw-orange-250: var(--nsw-orange-250);\n  --color-nsw-orange-300: var(--nsw-orange-300);\n  --color-nsw-orange-350: var(--nsw-orange-350);\n  --color-nsw-orange-400: var(--nsw-orange-400);\n  --color-nsw-orange-450: var(--nsw-orange-450);\n  --color-nsw-orange-500: var(--nsw-orange-500);\n  --color-nsw-orange-550: var(--nsw-orange-550);\n  --color-nsw-orange-600: var(--nsw-orange-600);\n  --color-nsw-orange-650: var(--nsw-orange-650);\n  --color-nsw-orange-700: var(--nsw-orange-700);\n  --color-nsw-orange-750: var(--nsw-orange-750);\n  --color-nsw-orange-800: var(--nsw-orange-800);\n  --color-nsw-orange-850: var(--nsw-orange-850);\n  --color-nsw-orange-900: var(--nsw-orange-900);\n  --color-nsw-orange-950: var(--nsw-orange-950);\n  --color-nsw-yellow-50: var(--nsw-yellow-50);\n  --color-nsw-yellow-100: var(--nsw-yellow-100);\n  --color-nsw-yellow-150: var(--nsw-yellow-150);\n  --color-nsw-yellow-200: var(--nsw-yellow-200);\n  --color-nsw-yellow-250: var(--nsw-yellow-250);\n  --color-nsw-yellow-300: var(--nsw-yellow-300);\n  --color-nsw-yellow-350: var(--nsw-yellow-350);\n  --color-nsw-yellow-400: var(--nsw-yellow-400);\n  --color-nsw-yellow-450: var(--nsw-yellow-450);\n  --color-nsw-yellow-500: var(--nsw-yellow-500);\n  --color-nsw-yellow-550: var(--nsw-yellow-550);\n  --color-nsw-yellow-600: var(--nsw-yellow-600);\n  --color-nsw-yellow-650: var(--nsw-yellow-650);\n  --color-nsw-yellow-700: var(--nsw-yellow-700);\n  --color-nsw-yellow-750: var(--nsw-yellow-750);\n  --color-nsw-yellow-800: var(--nsw-yellow-800);\n  --color-nsw-yellow-850: var(--nsw-yellow-850);\n  --color-nsw-yellow-900: var(--nsw-yellow-900);\n  --color-nsw-yellow-950: var(--nsw-yellow-950);\n  --color-nsw-brown-50: var(--nsw-brown-50);\n  --color-nsw-brown-100: var(--nsw-brown-100);\n  --color-nsw-brown-150: var(--nsw-brown-150);\n  --color-nsw-brown-200: var(--nsw-brown-200);\n  --color-nsw-brown-250: var(--nsw-brown-250);\n  --color-nsw-brown-300: var(--nsw-brown-300);\n  --color-nsw-brown-350: var(--nsw-brown-350);\n  --color-nsw-brown-400: var(--nsw-brown-400);\n  --color-nsw-brown-450: var(--nsw-brown-450);\n  --color-nsw-brown-500: var(--nsw-brown-500);\n  --color-nsw-brown-550: var(--nsw-brown-550);\n  --color-nsw-brown-600: var(--nsw-brown-600);\n  --color-nsw-brown-650: var(--nsw-brown-650);\n  --color-nsw-brown-700: var(--nsw-brown-700);\n  --color-nsw-brown-750: var(--nsw-brown-750);\n  --color-nsw-brown-800: var(--nsw-brown-800);\n  --color-nsw-brown-850: var(--nsw-brown-850);\n  --color-nsw-brown-900: var(--nsw-brown-900);\n  --color-nsw-brown-950: var(--nsw-brown-950);\n  --color-nsw-aboriginal-grey-50: var(--nsw-aboriginal-grey-50);\n  --color-nsw-aboriginal-grey-100: var(--nsw-aboriginal-grey-100);\n  --color-nsw-aboriginal-grey-150: var(--nsw-aboriginal-grey-150);\n  --color-nsw-aboriginal-grey-200: var(--nsw-aboriginal-grey-200);\n  --color-nsw-aboriginal-grey-250: var(--nsw-aboriginal-grey-250);\n  --color-nsw-aboriginal-grey-300: var(--nsw-aboriginal-grey-300);\n  --color-nsw-aboriginal-grey-350: var(--nsw-aboriginal-grey-350);\n  --color-nsw-aboriginal-grey-400: var(--nsw-aboriginal-grey-400);\n  --color-nsw-aboriginal-grey-450: var(--nsw-aboriginal-grey-450);\n  --color-nsw-aboriginal-grey-500: var(--nsw-aboriginal-grey-500);\n  --color-nsw-aboriginal-grey-550: var(--nsw-aboriginal-grey-550);\n  --color-nsw-aboriginal-grey-600: var(--nsw-aboriginal-grey-600);\n  --color-nsw-aboriginal-grey-650: var(--nsw-aboriginal-grey-650);\n  --color-nsw-aboriginal-grey-700: var(--nsw-aboriginal-grey-700);\n  --color-nsw-aboriginal-grey-750: var(--nsw-aboriginal-grey-750);\n  --color-nsw-aboriginal-grey-800: var(--nsw-aboriginal-grey-800);\n  --color-nsw-aboriginal-grey-850: var(--nsw-aboriginal-grey-850);\n  --color-nsw-aboriginal-grey-900: var(--nsw-aboriginal-grey-900);\n  --color-nsw-aboriginal-grey-950: var(--nsw-aboriginal-grey-950);\n  --color-nsw-aboriginal-red-50: var(--nsw-aboriginal-red-50);\n  --color-nsw-aboriginal-red-100: var(--nsw-aboriginal-red-100);\n  --color-nsw-aboriginal-red-150: var(--nsw-aboriginal-red-150);\n  --color-nsw-aboriginal-red-200: var(--nsw-aboriginal-red-200);\n  --color-nsw-aboriginal-red-250: var(--nsw-aboriginal-red-250);\n  --color-nsw-aboriginal-red-300: var(--nsw-aboriginal-red-300);\n  --color-nsw-aboriginal-red-350: var(--nsw-aboriginal-red-350);\n  --color-nsw-aboriginal-red-400: var(--nsw-aboriginal-red-400);\n  --color-nsw-aboriginal-red-450: var(--nsw-aboriginal-red-450);\n  --color-nsw-aboriginal-red-500: var(--nsw-aboriginal-red-500);\n  --color-nsw-aboriginal-red-550: var(--nsw-aboriginal-red-550);\n  --color-nsw-aboriginal-red-600: var(--nsw-aboriginal-red-600);\n  --color-nsw-aboriginal-red-650: var(--nsw-aboriginal-red-650);\n  --color-nsw-aboriginal-red-700: var(--nsw-aboriginal-red-700);\n  --color-nsw-aboriginal-red-750: var(--nsw-aboriginal-red-750);\n  --color-nsw-aboriginal-red-800: var(--nsw-aboriginal-red-800);\n  --color-nsw-aboriginal-red-850: var(--nsw-aboriginal-red-850);\n  --color-nsw-aboriginal-red-900: var(--nsw-aboriginal-red-900);\n  --color-nsw-aboriginal-red-950: var(--nsw-aboriginal-red-950);\n  --color-nsw-aboriginal-orange-50: var(--nsw-aboriginal-orange-50);\n  --color-nsw-aboriginal-orange-100: var(--nsw-aboriginal-orange-100);\n  --color-nsw-aboriginal-orange-150: var(--nsw-aboriginal-orange-150);\n  --color-nsw-aboriginal-orange-200: var(--nsw-aboriginal-orange-200);\n  --color-nsw-aboriginal-orange-250: var(--nsw-aboriginal-orange-250);\n  --color-nsw-aboriginal-orange-300: var(--nsw-aboriginal-orange-300);\n  --color-nsw-aboriginal-orange-350: var(--nsw-aboriginal-orange-350);\n  --color-nsw-aboriginal-orange-400: var(--nsw-aboriginal-orange-400);\n  --color-nsw-aboriginal-orange-450: var(--nsw-aboriginal-orange-450);\n  --color-nsw-aboriginal-orange-500: var(--nsw-aboriginal-orange-500);\n  --color-nsw-aboriginal-orange-550: var(--nsw-aboriginal-orange-550);\n  --color-nsw-aboriginal-orange-600: var(--nsw-aboriginal-orange-600);\n  --color-nsw-aboriginal-orange-650: var(--nsw-aboriginal-orange-650);\n  --color-nsw-aboriginal-orange-700: var(--nsw-aboriginal-orange-700);\n  --color-nsw-aboriginal-orange-750: var(--nsw-aboriginal-orange-750);\n  --color-nsw-aboriginal-orange-800: var(--nsw-aboriginal-orange-800);\n  --color-nsw-aboriginal-orange-850: var(--nsw-aboriginal-orange-850);\n  --color-nsw-aboriginal-orange-900: var(--nsw-aboriginal-orange-900);\n  --color-nsw-aboriginal-orange-950: var(--nsw-aboriginal-orange-950);\n  --color-nsw-aboriginal-brown-50: var(--nsw-aboriginal-brown-50);\n  --color-nsw-aboriginal-brown-100: var(--nsw-aboriginal-brown-100);\n  --color-nsw-aboriginal-brown-150: var(--nsw-aboriginal-brown-150);\n  --color-nsw-aboriginal-brown-200: var(--nsw-aboriginal-brown-200);\n  --color-nsw-aboriginal-brown-250: var(--nsw-aboriginal-brown-250);\n  --color-nsw-aboriginal-brown-300: var(--nsw-aboriginal-brown-300);\n  --color-nsw-aboriginal-brown-350: var(--nsw-aboriginal-brown-350);\n  --color-nsw-aboriginal-brown-400: var(--nsw-aboriginal-brown-400);\n  --color-nsw-aboriginal-brown-450: var(--nsw-aboriginal-brown-450);\n  --color-nsw-aboriginal-brown-500: var(--nsw-aboriginal-brown-500);\n  --color-nsw-aboriginal-brown-550: var(--nsw-aboriginal-brown-550);\n  --color-nsw-aboriginal-brown-600: var(--nsw-aboriginal-brown-600);\n  --color-nsw-aboriginal-brown-650: var(--nsw-aboriginal-brown-650);\n  --color-nsw-aboriginal-brown-700: var(--nsw-aboriginal-brown-700);\n  --color-nsw-aboriginal-brown-750: var(--nsw-aboriginal-brown-750);\n  --color-nsw-aboriginal-brown-800: var(--nsw-aboriginal-brown-800);\n  --color-nsw-aboriginal-brown-850: var(--nsw-aboriginal-brown-850);\n  --color-nsw-aboriginal-brown-900: var(--nsw-aboriginal-brown-900);\n  --color-nsw-aboriginal-brown-950: var(--nsw-aboriginal-brown-950);\n  --color-nsw-aboriginal-yellow-50: var(--nsw-aboriginal-yellow-50);\n  --color-nsw-aboriginal-yellow-100: var(--nsw-aboriginal-yellow-100);\n  --color-nsw-aboriginal-yellow-150: var(--nsw-aboriginal-yellow-150);\n  --color-nsw-aboriginal-yellow-200: var(--nsw-aboriginal-yellow-200);\n  --color-nsw-aboriginal-yellow-250: var(--nsw-aboriginal-yellow-250);\n  --color-nsw-aboriginal-yellow-300: var(--nsw-aboriginal-yellow-300);\n  --color-nsw-aboriginal-yellow-350: var(--nsw-aboriginal-yellow-350);\n  --color-nsw-aboriginal-yellow-400: var(--nsw-aboriginal-yellow-400);\n  --color-nsw-aboriginal-yellow-450: var(--nsw-aboriginal-yellow-450);\n  --color-nsw-aboriginal-yellow-500: var(--nsw-aboriginal-yellow-500);\n  --color-nsw-aboriginal-yellow-550: var(--nsw-aboriginal-yellow-550);\n  --color-nsw-aboriginal-yellow-600: var(--nsw-aboriginal-yellow-600);\n  --color-nsw-aboriginal-yellow-650: var(--nsw-aboriginal-yellow-650);\n  --color-nsw-aboriginal-yellow-700: var(--nsw-aboriginal-yellow-700);\n  --color-nsw-aboriginal-yellow-750: var(--nsw-aboriginal-yellow-750);\n  --color-nsw-aboriginal-yellow-800: var(--nsw-aboriginal-yellow-800);\n  --color-nsw-aboriginal-yellow-850: var(--nsw-aboriginal-yellow-850);\n  --color-nsw-aboriginal-yellow-900: var(--nsw-aboriginal-yellow-900);\n  --color-nsw-aboriginal-yellow-950: var(--nsw-aboriginal-yellow-950);\n  --color-nsw-aboriginal-green-50: var(--nsw-aboriginal-green-50);\n  --color-nsw-aboriginal-green-100: var(--nsw-aboriginal-green-100);\n  --color-nsw-aboriginal-green-150: var(--nsw-aboriginal-green-150);\n  --color-nsw-aboriginal-green-200: var(--nsw-aboriginal-green-200);\n  --color-nsw-aboriginal-green-250: var(--nsw-aboriginal-green-250);\n  --color-nsw-aboriginal-green-300: var(--nsw-aboriginal-green-300);\n  --color-nsw-aboriginal-green-350: var(--nsw-aboriginal-green-350);\n  --color-nsw-aboriginal-green-400: var(--nsw-aboriginal-green-400);\n  --color-nsw-aboriginal-green-450: var(--nsw-aboriginal-green-450);\n  --color-nsw-aboriginal-green-500: var(--nsw-aboriginal-green-500);\n  --color-nsw-aboriginal-green-550: var(--nsw-aboriginal-green-550);\n  --color-nsw-aboriginal-green-600: var(--nsw-aboriginal-green-600);\n  --color-nsw-aboriginal-green-650: var(--nsw-aboriginal-green-650);\n  --color-nsw-aboriginal-green-700: var(--nsw-aboriginal-green-700);\n  --color-nsw-aboriginal-green-750: var(--nsw-aboriginal-green-750);\n  --color-nsw-aboriginal-green-800: var(--nsw-aboriginal-green-800);\n  --color-nsw-aboriginal-green-850: var(--nsw-aboriginal-green-850);\n  --color-nsw-aboriginal-green-900: var(--nsw-aboriginal-green-900);\n  --color-nsw-aboriginal-green-950: var(--nsw-aboriginal-green-950);\n  --color-nsw-aboriginal-blue-50: var(--nsw-aboriginal-blue-50);\n  --color-nsw-aboriginal-blue-100: var(--nsw-aboriginal-blue-100);\n  --color-nsw-aboriginal-blue-150: var(--nsw-aboriginal-blue-150);\n  --color-nsw-aboriginal-blue-200: var(--nsw-aboriginal-blue-200);\n  --color-nsw-aboriginal-blue-250: var(--nsw-aboriginal-blue-250);\n  --color-nsw-aboriginal-blue-300: var(--nsw-aboriginal-blue-300);\n  --color-nsw-aboriginal-blue-350: var(--nsw-aboriginal-blue-350);\n  --color-nsw-aboriginal-blue-400: var(--nsw-aboriginal-blue-400);\n  --color-nsw-aboriginal-blue-450: var(--nsw-aboriginal-blue-450);\n  --color-nsw-aboriginal-blue-500: var(--nsw-aboriginal-blue-500);\n  --color-nsw-aboriginal-blue-550: var(--nsw-aboriginal-blue-550);\n  --color-nsw-aboriginal-blue-600: var(--nsw-aboriginal-blue-600);\n  --color-nsw-aboriginal-blue-650: var(--nsw-aboriginal-blue-650);\n  --color-nsw-aboriginal-blue-700: var(--nsw-aboriginal-blue-700);\n  --color-nsw-aboriginal-blue-750: var(--nsw-aboriginal-blue-750);\n  --color-nsw-aboriginal-blue-800: var(--nsw-aboriginal-blue-800);\n  --color-nsw-aboriginal-blue-850: var(--nsw-aboriginal-blue-850);\n  --color-nsw-aboriginal-blue-900: var(--nsw-aboriginal-blue-900);\n  --color-nsw-aboriginal-blue-950: var(--nsw-aboriginal-blue-950);\n  --color-nsw-aboriginal-purple-50: var(--nsw-aboriginal-purple-50);\n  --color-nsw-aboriginal-purple-100: var(--nsw-aboriginal-purple-100);\n  --color-nsw-aboriginal-purple-150: var(--nsw-aboriginal-purple-150);\n  --color-nsw-aboriginal-purple-200: var(--nsw-aboriginal-purple-200);\n  --color-nsw-aboriginal-purple-250: var(--nsw-aboriginal-purple-250);\n  --color-nsw-aboriginal-purple-300: var(--nsw-aboriginal-purple-300);\n  --color-nsw-aboriginal-purple-350: var(--nsw-aboriginal-purple-350);\n  --color-nsw-aboriginal-purple-400: var(--nsw-aboriginal-purple-400);\n  --color-nsw-aboriginal-purple-450: var(--nsw-aboriginal-purple-450);\n  --color-nsw-aboriginal-purple-500: var(--nsw-aboriginal-purple-500);\n  --color-nsw-aboriginal-purple-550: var(--nsw-aboriginal-purple-550);\n  --color-nsw-aboriginal-purple-600: var(--nsw-aboriginal-purple-600);\n  --color-nsw-aboriginal-purple-650: var(--nsw-aboriginal-purple-650);\n  --color-nsw-aboriginal-purple-700: var(--nsw-aboriginal-purple-700);\n  --color-nsw-aboriginal-purple-750: var(--nsw-aboriginal-purple-750);\n  --color-nsw-aboriginal-purple-800: var(--nsw-aboriginal-purple-800);\n  --color-nsw-aboriginal-purple-850: var(--nsw-aboriginal-purple-850);\n  --color-nsw-aboriginal-purple-900: var(--nsw-aboriginal-purple-900);\n  --color-nsw-aboriginal-purple-950: var(--nsw-aboriginal-purple-950);\n  --color-white: var(--white);\n  --color-black: var(--black);\n}\n\n:root {\n  --nsw-grey-50: #fafafa;\n  --nsw-grey-100: #f5f5f5;\n  --nsw-grey-150: #f0f0f0;\n  --nsw-grey-200: #ebebeb;\n  --nsw-grey-250: #e3e5e6;\n  --nsw-grey-300: #dcdfe0;\n  --nsw-grey-350: #d4d9db;\n  --nsw-grey-400: #cdd3d6;\n  --nsw-grey-450: #aab0b4;\n  --nsw-grey-500: #888f92;\n  --nsw-grey-550: #686f72;\n  --nsw-grey-600: #495054;\n  --nsw-grey-650: #3f4549;\n  --nsw-grey-700: #353b3f;\n  --nsw-grey-750: #2b3135;\n  --nsw-grey-800: #22272b;\n  --nsw-grey-850: #181c1f;\n  --nsw-grey-900: #0e1113;\n  --nsw-grey-950: #050709;\n  --nsw-green-50: #f5fff6;\n  --nsw-green-100: #ecfdee;\n  --nsw-green-150: #e4fce7;\n  --nsw-green-200: #dbfadf;\n  --nsw-green-250: #cff7d4;\n  --nsw-green-300: #c2f4c9;\n  --nsw-green-350: #b5f0be;\n  --nsw-green-400: #a8edb3;\n  --nsw-green-450: #8adc98;\n  --nsw-green-500: #6acc7d;\n  --nsw-green-550: #45bb62;\n  --nsw-green-600: #00aa45;\n  --nsw-green-650: #078e32;\n  --nsw-green-700: #077320;\n  --nsw-green-750: #03590f;\n  --nsw-green-800: #004000;\n  --nsw-green-850: #003000;\n  --nsw-green-900: #002000;\n  --nsw-green-950: #001100;\n  --nsw-teal-50: #f2fbfa;\n  --nsw-teal-100: #e7f7f5;\n  --nsw-teal-150: #dcf2ef;\n  --nsw-teal-200: #d1eeea;\n  --nsw-teal-250: #c1eae7;\n  --nsw-teal-300: #afe5e5;\n  --nsw-teal-350: #9ee0e5;\n  --nsw-teal-400: #8cdbe5;\n  --nsw-teal-450: #75c4cf;\n  --nsw-teal-500: #5eacb9;\n  --nsw-teal-550: #4696a3;\n  --nsw-teal-600: #2e808e;\n  --nsw-teal-650: #256f7b;\n  --nsw-teal-700: #1c5f69;\n  --nsw-teal-750: #144e58;\n  --nsw-teal-800: #0b3f47;\n  --nsw-teal-850: #042f35;\n  --nsw-teal-900: #011f24;\n  --nsw-teal-950: #001114;\n  --nsw-blue-50: #f0fbff;\n  --nsw-blue-100: #e4f6ff;\n  --nsw-blue-150: #d7f2fe;\n  --nsw-blue-200: #cbedfd;\n  --nsw-blue-250: #bceafe;\n  --nsw-blue-300: #ade7ff;\n  --nsw-blue-350: #9de3ff;\n  --nsw-blue-400: #8ce0ff;\n  --nsw-blue-450: #5ac9ff;\n  --nsw-blue-500: #26aeff;\n  --nsw-blue-550: #008fff;\n  --nsw-blue-600: #146cfd;\n  --nsw-blue-650: #0c5ad4;\n  --nsw-blue-700: #0548ad;\n  --nsw-blue-750: #023688;\n  --nsw-blue-800: #002664;\n  --nsw-blue-850: #001a4d;\n  --nsw-blue-900: #001037;\n  --nsw-blue-950: #000622;\n  --nsw-purple-50: #f9f7ff;\n  --nsw-purple-100: #f2f0ff;\n  --nsw-purple-150: #ece8fe;\n  --nsw-purple-200: #e6e1fd;\n  --nsw-purple-250: #e0d9fe;\n  --nsw-purple-300: #dad0fe;\n  --nsw-purple-350: #d4c8ff;\n  --nsw-purple-400: #cebfff;\n  --nsw-purple-450: #baa6fc;\n  --nsw-purple-500: #a68df9;\n  --nsw-purple-550: #9372f5;\n  --nsw-purple-600: #8055f1;\n  --nsw-purple-650: #7243cf;\n  --nsw-purple-700: #6432ae;\n  --nsw-purple-750: #54218e;\n  --nsw-purple-800: #441170;\n  --nsw-purple-850: #330856;\n  --nsw-purple-900: #23023e;\n  --nsw-purple-950: #130027;\n  --nsw-fuchsia-50: #fff6fd;\n  --nsw-fuchsia-100: #ffeef9;\n  --nsw-fuchsia-150: #fee6f6;\n  --nsw-fuchsia-200: #fddef2;\n  --nsw-fuchsia-250: #fbd4ef;\n  --nsw-fuchsia-300: #f9c9eb;\n  --nsw-fuchsia-350: #f7bfe9;\n  --nsw-fuchsia-400: #f4b5e6;\n  --nsw-fuchsia-450: #ef96da;\n  --nsw-fuchsia-500: #e975cc;\n  --nsw-fuchsia-550: #e150be;\n  --nsw-fuchsia-600: #d912ae;\n  --nsw-fuchsia-650: #bb0c94;\n  --nsw-fuchsia-700: #9d067b;\n  --nsw-fuchsia-750: #810264;\n  --nsw-fuchsia-800: #65004d;\n  --nsw-fuchsia-850: #4d003a;\n  --nsw-fuchsia-900: #370028;\n  --nsw-fuchsia-950: #220017;\n  --nsw-red-50: #fff8f9;\n  --nsw-red-100: #fff2f4;\n  --nsw-red-150: #ffecef;\n  --nsw-red-200: #ffe6ea;\n  --nsw-red-250: #ffdbe0;\n  --nsw-red-300: #ffcfd6;\n  --nsw-red-350: #ffc4cc;\n  --nsw-red-400: #ffb8c1;\n  --nsw-red-450: #f897a2;\n  --nsw-red-500: #ef7581;\n  --nsw-red-550: #e44f5f;\n  --nsw-red-600: #d7153a;\n  --nsw-red-650: #b90e32;\n  --nsw-red-700: #9b072a;\n  --nsw-red-750: #7e0322;\n  --nsw-red-800: #630019;\n  --nsw-red-850: #4c0010;\n  --nsw-red-900: #360008;\n  --nsw-red-950: #210003;\n  --nsw-orange-50: #fffaf6;\n  --nsw-orange-100: #fff6ee;\n  --nsw-orange-150: #fef1e7;\n  --nsw-orange-200: #fdeddf;\n  --nsw-orange-250: #fee5ce;\n  --nsw-orange-300: #ffddbd;\n  --nsw-orange-350: #ffd6ab;\n  --nsw-orange-400: #ffce99;\n  --nsw-orange-450: #fdb678;\n  --nsw-orange-500: #fb9d58;\n  --nsw-orange-550: #f78139;\n  --nsw-orange-600: #f3631b;\n  --nsw-orange-650: #db5115;\n  --nsw-orange-700: #c33f0e;\n  --nsw-orange-750: #ab2e06;\n  --nsw-orange-800: #941b00;\n  --nsw-orange-850: #730f00;\n  --nsw-orange-900: #530400;\n  --nsw-orange-950: #350000;\n  --nsw-yellow-50: #fffcf0;\n  --nsw-yellow-100: #fffae5;\n  --nsw-yellow-150: #fff7da;\n  --nsw-yellow-200: #fff4cf;\n  --nsw-yellow-250: #fff1c2;\n  --nsw-yellow-300: #feeeb5;\n  --nsw-yellow-350: #feeaa8;\n  --nsw-yellow-400: #fde79a;\n  --nsw-yellow-450: #fbda80;\n  --nsw-yellow-500: #facd63;\n  --nsw-yellow-550: #fabe42;\n  --nsw-yellow-600: #faaf05;\n  --nsw-yellow-650: #d49403;\n  --nsw-yellow-700: #af7a01;\n  --nsw-yellow-750: #8b6000;\n  --nsw-yellow-800: #694800;\n  --nsw-yellow-850: #503500;\n  --nsw-yellow-900: #392400;\n  --nsw-yellow-950: #221300;\n  --nsw-brown-50: #fbf8f4;\n  --nsw-brown-100: #f6f1ea;\n  --nsw-brown-150: #f2eae1;\n  --nsw-brown-200: #ede3d7;\n  --nsw-brown-250: #ecdece;\n  --nsw-brown-300: #eadac6;\n  --nsw-brown-350: #e9d5bd;\n  --nsw-brown-400: #e8d0b5;\n  --nsw-brown-450: #dbbf9f;\n  --nsw-brown-500: #cfae89;\n  --nsw-brown-550: #c29d73;\n  --nsw-brown-600: #b68d5d;\n  --nsw-brown-650: #9c764b;\n  --nsw-brown-700: #82603a;\n  --nsw-brown-750: #6a4b29;\n  --nsw-brown-800: #523719;\n  --nsw-brown-850: #3e280f;\n  --nsw-brown-900: #2b1a07;\n  --nsw-brown-950: #190d02;\n  --nsw-aboriginal-grey-50: #f9f8f7;\n  --nsw-aboriginal-grey-100: #f2f1ef;\n  --nsw-aboriginal-grey-150: #ebeae8;\n  --nsw-aboriginal-grey-200: #e5e3e0;\n  --nsw-aboriginal-grey-250: #dfdcd8;\n  --nsw-aboriginal-grey-300: #d8d4d1;\n  --nsw-aboriginal-grey-350: #d2cdc9;\n  --nsw-aboriginal-grey-400: #ccc6c2;\n  --nsw-aboriginal-grey-450: #ada8a5;\n  --nsw-aboriginal-grey-500: #8e8b8a;\n  --nsw-aboriginal-grey-550: #71706f;\n  --nsw-aboriginal-grey-600: #555555;\n  --nsw-aboriginal-grey-650: #494949;\n  --nsw-aboriginal-grey-700: #3d3d3d;\n  --nsw-aboriginal-grey-750: #323232;\n  --nsw-aboriginal-grey-800: #272727;\n  --nsw-aboriginal-grey-850: #1c1c1c;\n  --nsw-aboriginal-grey-900: #111111;\n  --nsw-aboriginal-grey-950: #070707;\n  --nsw-aboriginal-red-50: #fff5f5;\n  --nsw-aboriginal-red-100: #ffebeb;\n  --nsw-aboriginal-red-150: #fee2e2;\n  --nsw-aboriginal-red-200: #fdd9d9;\n  --nsw-aboriginal-red-250: #fdd0d0;\n  --nsw-aboriginal-red-300: #fcc7c6;\n  --nsw-aboriginal-red-350: #fcbdbd;\n  --nsw-aboriginal-red-400: #fbb4b3;\n  --nsw-aboriginal-red-450: #f79693;\n  --nsw-aboriginal-red-500: #f27771;\n  --nsw-aboriginal-red-550: #ea554c;\n  --nsw-aboriginal-red-600: #e1261c;\n  --nsw-aboriginal-red-650: #cd1f17;\n  --nsw-aboriginal-red-700: #ba1811;\n  --nsw-aboriginal-red-750: #a7110b;\n  --nsw-aboriginal-red-800: #950906;\n  --nsw-aboriginal-red-850: #740001;\n  --nsw-aboriginal-red-900: #540000;\n  --nsw-aboriginal-red-950: #360000;\n  --nsw-aboriginal-orange-50: #fff4ec;\n  --nsw-aboriginal-orange-100: #fee9dd;\n  --nsw-aboriginal-orange-150: #fcdfcd;\n  --nsw-aboriginal-orange-200: #f9d4be;\n  --nsw-aboriginal-orange-250: #f8caae;\n  --nsw-aboriginal-orange-300: #f7bf9e;\n  --nsw-aboriginal-orange-350: #f6b58e;\n  --nsw-aboriginal-orange-400: #f4aa7d;\n  --nsw-aboriginal-orange-450: #f39a66;\n  --nsw-aboriginal-orange-500: #f2894f;\n  --nsw-aboriginal-orange-550: #f07736;\n  --nsw-aboriginal-orange-600: #ee6314;\n  --nsw-aboriginal-orange-650: #d45310;\n  --nsw-aboriginal-orange-700: #ba440a;\n  --nsw-aboriginal-orange-750: #a13505;\n  --nsw-aboriginal-orange-800: #882600;\n  --nsw-aboriginal-orange-850: #691900;\n  --nsw-aboriginal-orange-900: #4c0d00;\n  --nsw-aboriginal-orange-950: #300300;\n  --nsw-aboriginal-brown-50: #fcf1e9;\n  --nsw-aboriginal-brown-100: #f6e3d7;\n  --nsw-aboriginal-brown-150: #efd5c4;\n  --nsw-aboriginal-brown-200: #e9c8b2;\n  --nsw-aboriginal-brown-250: #e4ba9f;\n  --nsw-aboriginal-brown-300: #dead8c;\n  --nsw-aboriginal-brown-350: #d99f78;\n  --nsw-aboriginal-brown-400: #d39165;\n  --nsw-aboriginal-brown-450: #c68158;\n  --nsw-aboriginal-brown-500: #b9724b;\n  --nsw-aboriginal-brown-550: #ab623e;\n  --nsw-aboriginal-brown-600: #9e5332;\n  --nsw-aboriginal-brown-650: #8b4627;\n  --nsw-aboriginal-brown-700: #79391c;\n  --nsw-aboriginal-brown-750: #672d10;\n  --nsw-aboriginal-brown-800: #552105;\n  --nsw-aboriginal-brown-850: #411602;\n  --nsw-aboriginal-brown-900: #2d0c00;\n  --nsw-aboriginal-brown-950: #1b0400;\n  --nsw-aboriginal-yellow-50: #fffcee;\n  --nsw-aboriginal-yellow-100: #fff8e0;\n  --nsw-aboriginal-yellow-150: #fff5d3;\n  --nsw-aboriginal-yellow-200: #fff1c5;\n  --nsw-aboriginal-yellow-250: #ffeeb7;\n  --nsw-aboriginal-yellow-300: #ffeba9;\n  --nsw-aboriginal-yellow-350: #fee79b;\n  --nsw-aboriginal-yellow-400: #fee48c;\n  --nsw-aboriginal-yellow-450: #fed675;\n  --nsw-aboriginal-yellow-500: #fec85d;\n  --nsw-aboriginal-yellow-550: #feb944;\n  --nsw-aboriginal-yellow-600: #fea927;\n  --nsw-aboriginal-yellow-650: #df961c;\n  --nsw-aboriginal-yellow-700: #c18312;\n  --nsw-aboriginal-yellow-750: #a57007;\n  --nsw-aboriginal-yellow-800: #895e00;\n  --nsw-aboriginal-yellow-850: #694700;\n  --nsw-aboriginal-yellow-900: #4c3000;\n  --nsw-aboriginal-yellow-950: #2f1c00;\n  --nsw-aboriginal-green-50: #f5f9f2;\n  --nsw-aboriginal-green-100: #ecf3e7;\n  --nsw-aboriginal-green-150: #e3ecdc;\n  --nsw-aboriginal-green-200: #dae6d1;\n  --nsw-aboriginal-green-250: #d1e0c6;\n  --nsw-aboriginal-green-300: #c7d9ba;\n  --nsw-aboriginal-green-350: #bed3af;\n  --nsw-aboriginal-green-400: #b5cda4;\n  --nsw-aboriginal-green-450: #a5c28e;\n  --nsw-aboriginal-green-500: #95b777;\n  --nsw-aboriginal-green-550: #86ac60;\n  --nsw-aboriginal-green-600: #78a146;\n  --nsw-aboriginal-green-650: #5f8f44;\n  --nsw-aboriginal-green-700: #497d40;\n  --nsw-aboriginal-green-750: #346a3b;\n  --nsw-aboriginal-green-800: #215834;\n  --nsw-aboriginal-green-850: #154225;\n  --nsw-aboriginal-green-900: #0a2e17;\n  --nsw-aboriginal-green-950: #021b0a;\n  --nsw-aboriginal-blue-50: #eef8fa;\n  --nsw-aboriginal-blue-100: #dff1f4;\n  --nsw-aboriginal-blue-150: #d0e9ee;\n  --nsw-aboriginal-blue-200: #c1e2e8;\n  --nsw-aboriginal-blue-250: #b2dbe2;\n  --nsw-aboriginal-blue-300: #a3d4dc;\n  --nsw-aboriginal-blue-350: #94ccd7;\n  --nsw-aboriginal-blue-400: #84c5d1;\n  --nsw-aboriginal-blue-450: #67aec0;\n  --nsw-aboriginal-blue-500: #4a96b0;\n  --nsw-aboriginal-blue-550: #2e7fa1;\n  --nsw-aboriginal-blue-600: #0d6791;\n  --nsw-aboriginal-blue-650: #095d84;\n  --nsw-aboriginal-blue-700: #055377;\n  --nsw-aboriginal-blue-750: #02496a;\n  --nsw-aboriginal-blue-800: #00405e;\n  --nsw-aboriginal-blue-850: #002f48;\n  --nsw-aboriginal-blue-900: #002033;\n  --nsw-aboriginal-blue-950: #00111f;\n  --nsw-aboriginal-purple-50: #faf1f8;\n  --nsw-aboriginal-purple-100: #f2e5f0;\n  --nsw-aboriginal-purple-150: #ebd8e8;\n  --nsw-aboriginal-purple-200: #e4cce0;\n  --nsw-aboriginal-purple-250: #ddbfd8;\n  --nsw-aboriginal-purple-300: #d7b3d1;\n  --nsw-aboriginal-purple-350: #d0a6c9;\n  --nsw-aboriginal-purple-400: #c99ac2;\n  --nsw-aboriginal-purple-450: #bd8bb6;\n  --nsw-aboriginal-purple-500: #b17caa;\n  --nsw-aboriginal-purple-550: #a66d9f;\n  --nsw-aboriginal-purple-600: #9a5e93;\n  --nsw-aboriginal-purple-650: #844f7e;\n  --nsw-aboriginal-purple-700: #6f4169;\n  --nsw-aboriginal-purple-750: #5b3355;\n  --nsw-aboriginal-purple-800: #472642;\n  --nsw-aboriginal-purple-850: #351a31;\n  --nsw-aboriginal-purple-900: #241021;\n  --nsw-aboriginal-purple-950: #150612;\n  --white: #ffffff;\n  --black: #000000;\n}\n";
@@ -69090,7 +69111,7 @@ var global_default29 = "@theme {\n  --border-width-thin: 0.0625rem;\n  --border-
 var global_default30 = "@theme {\n  --inset-shadow-thin: inset 0 0 0 0.0625rem;\n  --inset-shadow-thick: inset 0 0 0 0.125rem;\n  --inset-shadow-thicker: inset 0 0 0 0.25rem;\n  --shadow-color-5: rgb(0 0 0 / 0.05);\n  --shadow-color-10: rgb(0 0 0 / 0.1);\n  --shadow-color-25: rgb(0 0 0 / 0.25);\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n}\n";
 
 // src/tailwind/motion/global.css
-var global_default31 = "@theme {\n  --duration-fast: 150ms;\n  --duration-base: 250ms;\n  --duration-slow: 400ms;\n  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);\n  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);\n}\n";
+var global_default31 = "@theme {\n  --duration-none: 0ms;\n  --duration-instant: 100ms;\n  --duration-fast: 150ms;\n  --duration-base: 250ms;\n  --duration-slow: 400ms;\n  --duration-slower: 600ms;\n  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);\n  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);\n  --ease-linear: cubic-bezier(0, 0, 1, 1);\n  --transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  --transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  --transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;\n  --transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n";
 
 // src/tailwind/z-index/global.css
 var global_default32 = "@theme {\n  --z-index-base: 0;\n  --z-index-dropdown: 1000;\n  --z-index-sticky: 1100;\n  --z-index-overlay: 1200;\n  --z-index-modal: 1300;\n  --z-index-popover: 1400;\n  --z-index-toast: 1500;\n  --z-index-tooltip: 1600;\n}\n";
@@ -75109,17 +75130,28 @@ var shadow2 = {
 var global_exports15 = {};
 __export(global_exports15, {
   duration: () => duration2,
-  easing: () => easing2
+  easing: () => easing2,
+  transition: () => transition2
 });
 var duration2 = {
+  none: "0ms",
+  instant: "100ms",
   fast: "150ms",
   base: "250ms",
-  slow: "400ms"
+  slow: "400ms",
+  slower: "600ms"
 };
 var easing2 = {
   standard: "cubic-bezier(0.4, 0, 0.2, 1)",
   decelerate: "cubic-bezier(0, 0, 0.2, 1)",
-  accelerate: "cubic-bezier(0.4, 0, 1, 1)"
+  accelerate: "cubic-bezier(0.4, 0, 1, 1)",
+  linear: "cubic-bezier(0, 0, 1, 1)"
+};
+var transition2 = {
+  hover: "100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+  enter: "250ms cubic-bezier(0, 0, 0.2, 1) 0ms",
+  exit: "150ms cubic-bezier(0.4, 0, 1, 1) 0ms",
+  overlay: "400ms cubic-bezier(0, 0, 0.2, 1) 0ms"
 };
 
 // src/ts/z-index/global.ts