@navikt/ds-css 2.8.16 → 2.9.0

package/dist/component/index.css

@@ -0,0 +1,3988 @@
+@charset "UTF-8";
+/**
+ * Do not edit directly
+ * Generated on Wed, 26 Apr 2023 06:38:10 GMT
+ */
+:root, :host {
+  --a-spacing-05: 0.125rem;
+  --a-spacing-32: 8rem;
+  --a-spacing-24: 6rem;
+  --a-spacing-20: 5rem;
+  --a-spacing-18: 4.5rem;
+  --a-spacing-16: 4rem;
+  --a-spacing-14: 3.5rem;
+  --a-spacing-12: 3rem;
+  --a-spacing-11: 2.75rem;
+  --a-spacing-10: 2.5rem;
+  --a-spacing-9: 2.25rem;
+  --a-spacing-8: 2rem;
+  --a-spacing-7: 1.75rem;
+  --a-spacing-6: 1.5rem;
+  --a-spacing-5: 1.25rem;
+  --a-spacing-4: 1rem;
+  --a-spacing-3: 0.75rem;
+  --a-spacing-2: 0.5rem;
+  --a-spacing-1: 0.25rem;
+  --a-spacing-0: 0;
+  --a-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
+  --a-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+  --a-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+  --a-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+  --a-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
+  --a-purple-900: rgba(31, 20, 47, 1);
+  --a-purple-800: rgba(48, 31, 70, 1);
+  --a-purple-700: rgba(65, 43, 93, 1);
+  --a-purple-600: rgba(82, 56, 116, 1);
+  --a-purple-500: rgba(99, 70, 137, 1);
+  --a-purple-400: rgba(130, 105, 162, 1);
+  --a-purple-300: rgba(161, 141, 187, 1);
+  --a-purple-200: rgba(192, 178, 210, 1);
+  --a-purple-100: rgba(224, 216, 233, 1);
+  --a-purple-50: rgba(239, 236, 244, 1);
+  --a-orange-900: rgba(82, 51, 0, 1);
+  --a-orange-800: rgba(125, 76, 0, 1);
+  --a-orange-700: rgba(168, 100, 0, 1);
+  --a-orange-600: rgba(199, 115, 0, 1);
+  --a-orange-500: rgba(255, 145, 0, 1);
+  --a-orange-400: rgba(255, 170, 51, 1);
+  --a-orange-300: rgba(255, 193, 102, 1);
+  --a-orange-200: rgba(255, 215, 153, 1);
+  --a-orange-100: rgba(255, 236, 204, 1);
+  --a-orange-50: rgba(255, 249, 240, 1);
+  --a-limegreen-900: rgba(71, 78, 0, 1);
+  --a-limegreen-800: rgba(102, 110, 0, 1);
+  --a-limegreen-700: rgba(127, 137, 0, 1);
+  --a-limegreen-600: rgba(147, 158, 0, 1);
+  --a-limegreen-500: rgba(162, 173, 0, 1);
+  --a-limegreen-400: rgba(193, 203, 51, 1);
+  --a-limegreen-300: rgba(217, 227, 102, 1);
+  --a-limegreen-200: rgba(236, 243, 153, 1);
+  --a-limegreen-100: rgba(249, 252, 204, 1);
+  --a-limegreen-50: rgba(253, 255, 230, 1);
+  --a-lightblue-900: rgba(19, 72, 82, 1);
+  --a-lightblue-800: rgba(35, 107, 125, 1);
+  --a-lightblue-700: rgba(54, 141, 168, 1);
+  --a-lightblue-600: rgba(76, 173, 205, 1);
+  --a-lightblue-500: rgba(102, 203, 236, 1);
+  --a-lightblue-400: rgba(124, 218, 248, 1);
+  --a-lightblue-300: rgba(151, 230, 255, 1);
+  --a-lightblue-200: rgba(181, 241, 255, 1);
+  --a-lightblue-100: rgba(216, 249, 255, 1);
+  --a-lightblue-50: rgba(235, 252, 255, 1);
+  --a-green-900: rgba(0, 59, 15, 1);
+  --a-green-800: rgba(0, 85, 25, 1);
+  --a-green-700: rgba(0, 106, 35, 1);
+  --a-green-600: rgba(0, 124, 46, 1);
+  --a-green-500: rgba(6, 137, 58, 1);
+  --a-green-400: rgba(51, 170, 95, 1);
+  --a-green-300: rgba(102, 199, 134, 1);
+  --a-green-200: rgba(153, 222, 173, 1);
+  --a-green-100: rgba(204, 241, 214, 1);
+  --a-green-50: rgba(243, 252, 245, 1);
+  --a-deepblue-900: rgba(0, 36, 58, 1);
+  --a-deepblue-800: rgba(0, 52, 83, 1);
+  --a-deepblue-700: rgba(0, 67, 103, 1);
+  --a-deepblue-600: rgba(0, 80, 119, 1);
+  --a-deepblue-500: rgba(0, 91, 130, 1);
+  --a-deepblue-400: rgba(51, 128, 165, 1);
+  --a-deepblue-300: rgba(102, 163, 196, 1);
+  --a-deepblue-200: rgba(153, 196, 221, 1);
+  --a-deepblue-100: rgba(204, 226, 240, 1);
+  --a-deepblue-50: rgba(230, 241, 248, 1);
+  --a-red-900: rgba(38, 0, 0, 1);
+  --a-red-800: rgba(92, 0, 0, 1);
+  --a-red-700: rgba(140, 0, 0, 1);
+  --a-red-600: rgba(173, 0, 0, 1);
+  --a-red-500: rgba(195, 0, 0, 1);
+  --a-red-400: rgba(222, 46, 46, 1);
+  --a-red-300: rgba(242, 92, 92, 1);
+  --a-red-200: rgba(246, 130, 130, 1);
+  --a-red-100: rgba(255, 194, 194, 1);
+  --a-red-50: rgba(255, 230, 230, 1);
+  --a-blue-900: rgba(0, 34, 82, 1);
+  --a-blue-800: rgba(0, 52, 125, 1);
+  --a-blue-700: rgba(0, 69, 156, 1);
+  --a-blue-600: rgba(0, 86, 180, 1);
+  --a-blue-500: rgba(0, 103, 197, 1);
+  --a-blue-400: rgba(51, 134, 224, 1);
+  --a-blue-300: rgba(102, 165, 244, 1);
+  --a-blue-200: rgba(153, 195, 255, 1);
+  --a-blue-100: rgba(204, 225, 255, 1);
+  --a-blue-50: rgba(230, 240, 255, 1);
+  --a-grayalpha-900: rgba(0, 0, 0, 0.85);
+  --a-grayalpha-800: rgba(0, 0, 0, 0.75);
+  --a-grayalpha-700: rgba(0, 0, 0, 0.65);
+  --a-grayalpha-600: rgba(0, 0, 0, 0.56);
+  --a-grayalpha-500: rgba(0, 0, 0, 0.44);
+  --a-grayalpha-400: rgba(0, 0, 0, 0.31);
+  --a-grayalpha-300: rgba(0, 0, 0, 0.19);
+  --a-grayalpha-200: rgba(0, 0, 0, 0.1);
+  --a-grayalpha-100: rgba(0, 0, 0, 0.05);
+  --a-grayalpha-50: rgba(0, 0, 0, 0.03);
+  --a-gray-900: rgba(38, 38, 38, 1);
+  --a-gray-800: rgba(64, 64, 64, 1);
+  --a-gray-700: rgba(89, 89, 89, 1);
+  --a-gray-600: rgba(112, 112, 112, 1);
+  --a-gray-500: rgba(143, 143, 143, 1);
+  --a-gray-400: rgba(176, 176, 176, 1);
+  --a-gray-300: rgba(207, 207, 207, 1);
+  --a-gray-200: rgba(229, 229, 229, 1);
+  --a-gray-100: rgba(241, 241, 241, 1);
+  --a-gray-50: rgba(247, 247, 247, 1);
+  --a-nav-red: rgba(195, 0, 0, 1);
+  --a-white: rgba(255, 255, 255, 1);
+  --a-transparent: rgba(255, 255, 255, 0);
+  --a-border-radius-full: 9999px;
+  --a-border-radius-xlarge: 12px;
+  --a-border-radius-large: 8px;
+  --a-border-radius-medium: 4px;
+  --a-border-radius-small: 2px;
+  --a-z-index-tooltip: 3000;
+  --a-z-index-focus: 10;
+  --a-z-index-popover: 1000;
+  --a-z-index-modal: 2000;
+  --a-font-weight-regular: 400;
+  --a-font-weight-bold: 600;
+  --a-font-size-small: 0.875rem;
+  --a-font-size-medium: 1rem;
+  --a-font-size-large: 1.125rem;
+  --a-font-size-xlarge: 1.25rem;
+  --a-font-size-heading-xsmall: 1.125rem;
+  --a-font-size-heading-small: 1.25rem;
+  --a-font-size-heading-medium: 1.5rem;
+  --a-font-size-heading-large: 1.75rem;
+  --a-font-size-heading-xlarge: 2rem;
+  --a-font-size-heading-2xlarge: 2.5rem;
+  --a-font-line-height-medium: 1.25rem;
+  --a-font-line-height-large: 1.5rem;
+  --a-font-line-height-xlarge: 1.75rem;
+  --a-font-line-height-heading-xsmall: 1.5rem;
+  --a-font-line-height-heading-small: 1.75rem;
+  --a-font-line-height-heading-medium: 2rem;
+  --a-font-line-height-heading-large: 2.25rem;
+  --a-font-line-height-heading-xlarge: 2.5rem;
+  --a-font-line-height-heading-2xlarge: 3.25rem;
+  --a-font-family: "Source Sans Pro", Arial, sans-serif;
+  --a-breakpoint-xl-down: 1279px;
+  --a-breakpoint-xl: 1280px;
+  --a-breakpoint-lg-down: 1023px;
+  --a-breakpoint-lg: 1024px;
+  --a-breakpoint-md-down: 767px;
+  --a-breakpoint-md: 768px;
+  --a-breakpoint-sm-down: 479px;
+  --a-breakpoint-sm: 480px;
+  --a-breakpoint-xs: 0;
+  --a-icon-on-info: var(--a-gray-900);
+  --a-icon-on-warning: var(--a-gray-900);
+  --a-icon-on-danger: var(--a-white);
+  --a-icon-on-success: var(--a-white);
+  --a-icon-on-action: var(--a-white);
+  --a-icon-on-inverted: var(--a-white);
+  --a-icon-on-neutral: var(--a-white);
+  --a-icon-alt-3: var(--a-deepblue-400);
+  --a-icon-alt-2: var(--a-limegreen-700);
+  --a-icon-alt-1: var(--a-purple-500);
+  --a-icon-info: var(--a-lightblue-800);
+  --a-icon-warning: var(--a-orange-600);
+  --a-icon-danger: var(--a-red-500);
+  --a-icon-success: var(--a-green-500);
+  --a-icon-action: var(--a-blue-500);
+  --a-icon-action-on-action-subtle: var(--a-blue-600);
+  --a-icon-action-selected: var(--a-deepblue-500);
+  --a-icon-subtle: var(--a-gray-600);
+  --a-icon-default: var(--a-gray-900);
+  --a-surface-alt-3: var(--a-deepblue-500);
+  --a-surface-alt-3-strong: var(--a-deepblue-800);
+  --a-surface-alt-3-subtle: var(--a-deepblue-100);
+  --a-surface-alt-2: var(--a-limegreen-400);
+  --a-surface-alt-2-subtle: var(--a-limegreen-100);
+  --a-surface-alt-1: var(--a-purple-400);
+  --a-surface-alt-1-subtle: var(--a-purple-100);
+  --a-surface-info: var(--a-lightblue-500);
+  --a-surface-info-subtle: var(--a-lightblue-100);
+  --a-surface-info-subtle-hover: var(--a-lightblue-200);
+  --a-surface-warning: var(--a-orange-500);
+  --a-surface-warning-subtle: var(--a-orange-100);
+  --a-surface-warning-subtle-hover: var(--a-orange-200);
+  --a-surface-danger: var(--a-red-500);
+  --a-surface-danger-active: var(--a-red-700);
+  --a-surface-danger-hover: var(--a-red-600);
+  --a-surface-danger-subtle: var(--a-red-100);
+  --a-surface-danger-subtle-hover: var(--a-red-200);
+  --a-surface-success-hover: var(--a-green-600);
+  --a-surface-success: var(--a-green-500);
+  --a-surface-success-subtle: var(--a-green-100);
+  --a-surface-success-subtle-hover: var(--a-green-200);
+  --a-surface-neutral: var(--a-gray-700);
+  --a-surface-neutral-active: var(--a-gray-900);
+  --a-surface-neutral-selected: var(--a-gray-900);
+  --a-surface-neutral-hover: var(--a-gray-800);
+  --a-surface-neutral-subtle: var(--a-grayalpha-100);
+  --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
+  --a-surface-action: var(--a-blue-500);
+  --a-surface-action-selected: var(--a-deepblue-500);
+  --a-surface-action-selected-hover: var(--a-deepblue-600);
+  --a-surface-action-active: var(--a-deepblue-500);
+  --a-surface-action-hover: var(--a-blue-600);
+  --a-surface-action-subtle: var(--a-blue-50);
+  --a-surface-action-subtle-hover: var(--a-blue-100);
+  --a-surface-inverted: var(--a-gray-900);
+  --a-surface-inverted-active: var(--a-gray-700);
+  --a-surface-inverted-hover: var(--a-gray-800);
+  --a-surface-backdrop: var(--a-grayalpha-700);
+  --a-surface-transparent: var(--a-transparent);
+  --a-surface-subtle: var(--a-gray-50);
+  --a-surface-selected: var(--a-blue-50);
+  --a-surface-active: var(--a-grayalpha-200);
+  --a-surface-hover: var(--a-grayalpha-100);
+  --a-surface-default: var(--a-white);
+  --a-bg-subtle: var(--a-gray-100);
+  --a-bg-default: var(--a-white);
+  --a-text-on-alt-3: var(--a-white);
+  --a-text-on-alt-2: var(--a-gray-900);
+  --a-text-on-alt-1: var(--a-white);
+  --a-text-on-info: var(--a-gray-900);
+  --a-text-on-warning: var(--a-gray-900);
+  --a-text-on-danger: var(--a-white);
+  --a-text-on-success: var(--a-white);
+  --a-text-on-action: var(--a-white);
+  --a-text-on-neutral: var(--a-white);
+  --a-text-on-inverted: var(--a-white);
+  --a-text-action: var(--a-blue-500);
+  --a-text-action-on-action-subtle: var(--a-blue-600);
+  --a-text-action-selected: var(--a-deepblue-500);
+  --a-text-danger: var(--a-red-500);
+  --a-text-visited: var(--a-purple-500);
+  --a-text-subtle: var(--a-grayalpha-600);
+  --a-text-default: var(--a-gray-900);
+  --a-border-alt-3: var(--a-deepblue-500);
+  --a-border-alt-2: var(--a-limegreen-700);
+  --a-border-alt-1: var(--a-purple-400);
+  --a-border-on-inverted-subtle: var(--a-gray-700);
+  --a-border-on-inverted: var(--a-gray-200);
+  --a-border-focus: var(--a-blue-800);
+  --a-border-focus-on-inverted: var(--a-blue-200);
+  --a-border-info: var(--a-lightblue-700);
+  --a-border-warning: var(--a-orange-600);
+  --a-border-danger: var(--a-red-500);
+  --a-border-success: var(--a-green-500);
+  --a-border-selected: var(--a-blue-500);
+  --a-border-action: var(--a-blue-500);
+  --a-border-action-selected: var(--a-deepblue-500);
+  --a-border-subtle: var(--a-grayalpha-200);
+  --a-border-subtle-hover: var(--a-grayalpha-300);
+  --a-border-divider: var(--a-grayalpha-300);
+  --a-border-strong: var(--a-grayalpha-700);
+  --a-border-default: var(--a-grayalpha-500);
+  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
+  --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
+  --navds-content-container-max-width: 79.5rem;
+}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+}
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent;
+  color: var(--a-text-action);
+}
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none;
+}
+/* Forms
+   ========================================================================== */
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
+}
+/* ==========================================================================
+   Print styles copied from https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+   Inlined to avoid the additional HTTP request:
+   https://www.phpied.com/delay-loading-your-print-css/
+   ========================================================================== */
+@media print {
+  *,
+  *::before,
+  *::after {
+    background: #fff !important;
+    color: #000 !important;
+
+    /* Black prints faster */
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]::after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+
+  /*
+     * Don't show links that are fragment identifiers,
+     * or use the `javascript:` pseudo protocol
+     */
+  a[href^="#"]::after,
+  a[href^="javascript:"]::after {
+    content: "";
+  }
+
+  pre {
+    white-space: pre-wrap !important;
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  /*
+     * Printing Tables:
+     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
+     */
+  thead {
+    display: table-header-group;
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}
+html,
+:host {
+  box-sizing: border-box;
+}
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  color: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+[hidden] {
+  display: none;
+}
+/* https://web.dev/prefers-reduced-motion/ */
+@media (prefers-reduced-motion: reduce) {
+  *:not(.navds-loader *):not(.navds-loader),
+  ::before,
+  ::after {
+    animation-delay: -1ms !important;
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    background-attachment: initial !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0s !important;
+    transition-delay: 0s !important;
+  }
+}
+/*
+ * From https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+ *
+ * Hide only visually, but have it available for screen readers:
+ * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ *
+ * 1. For long content, line feeds are not interpreted as spaces and small width
+ *    causes content to wrap 1 word per line:
+ *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
+ */
+.sr-only,
+.navds-sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+/*
+* From https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+*
+* Extends the .sr-only class to allow the element
+* to be focusable when navigated to via the keyboard:
+* https://www.drupal.org/node/897638
+*/
+.sr-only.focusable:active,
+.sr-only.focusable:focus,
+.navds-sr-only.focusable:active,
+.navds-sr-only.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  white-space: inherit;
+  width: auto;
+}
+:root,
+:host,
+[data-theme="light"] {
+  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
+
+  color: var(--a-text-default);
+}
+[data-theme="dark"] {
+  --a-shadow-focus: var(--a-shadow-focus-inverted);
+
+  color: var(--a-text-on-inverted);
+  --ac-button-primary-text: var(--a-gray-900);
+  --ac-button-primary-bg: var(--a-blue-200);
+  --ac-button-primary-focus-border: var(--a-gray-900);
+  --ac-button-primary-hover-bg: var(--a-blue-300);
+  --ac-button-primary-active-bg: var(--a-blue-400);
+  --ac-button-secondary-text: var(--a-white);
+  --ac-button-secondary-hover-text: var(--a-white);
+  --ac-button-secondary-active-text: var(--a-white);
+  --ac-button-secondary-active-focus-border: var(--a-gray-900);
+  --ac-button-secondary-bg: var(--a-gray-900);
+  --ac-button-secondary-border: var(--a-blue-200);
+  --ac-button-secondary-hover-bg: var(--a-gray-800);
+  --ac-button-secondary-focus-border: var(--a-blue-200);
+  --ac-button-secondary-active-bg: var(--a-gray-700);
+  --ac-textfield-text: var(--a-text-on-inverted);
+  --ac-textfield-bg: var(--a-surface-inverted);
+  --ac-textfield-border: var(--a-border-on-inverted);
+  --ac-textfield-hover-border: var(--a-blue-200);
+  --ac-textfield-placeholder: var(--a-gray-500);
+  --ac-textfield-error-border: var(--a-red-300);
+  --ac-textarea-text: var(--a-text-on-inverted);
+  --ac-textarea-bg: var(--a-transparent);
+  --ac-textarea-border: var(--a-border-on-inverted);
+  --ac-textarea-hover-border: var(--a-blue-200);
+  --ac-textarea-placeholder: var(--a-gray-500);
+  --ac-textarea-error-border: var(--a-red-300);
+  --ac-textarea-counter-text: var(--a-gray-300);
+  --ac-textarea-counter-error-text: var(--a-red-300);
+  --ac-search-button-border: var(--a-border-on-inverted);
+  --ac-search-button-border-hover: var(--a-blue-200);
+  --ac-search-clear-icon: var(--a-white);
+  --ac-search-clear-icon-hover: var(--a-blue-200);
+  --ac-search-error-border: var(--a-red-300);
+}
+body,
+:host {
+  font-family: var(--a-font-family, "Source Sans Pro", Arial, sans-serif);
+  line-height: 1.333;
+  font-size: 1.125rem;
+}
+/* Heading */
+.navds-heading {
+  font-weight: var(--a-font-weight-bold);
+  margin: 0;
+}
+.navds-heading--xlarge {
+  font-size: var(--a-font-size-heading-2xlarge);
+  letter-spacing: -0.01em;
+  line-height: var(--a-font-line-height-heading-2xlarge);
+}
+.navds-heading--xlarge.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-5);
+}
+.navds-heading--large {
+  font-size: var(--a-font-size-heading-xlarge);
+  letter-spacing: -0.008em;
+  line-height: var(--a-font-line-height-heading-xlarge);
+}
+.navds-heading--large.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-4);
+}
+/* Mobile scale */
+@media (max-width: 480px) {
+  .navds-heading--xlarge {
+    font-size: var(--a-font-size-heading-xlarge);
+    letter-spacing: -0.008em;
+    line-height: var(--a-font-line-height-heading-xlarge);
+  }
+
+  .navds-heading--xlarge.navds-typo--spacing {
+    margin-bottom: var(--a-spacing-4);
+  }
+
+  .navds-heading--large {
+    font-size: var(--a-font-size-heading-large);
+    letter-spacing: -0.004em;
+    line-height: var(--a-font-line-height-heading-large);
+  }
+
+  .navds-heading--large.navds-typo--spacing {
+    margin-bottom: var(--a-spacing-3);
+  }
+}
+.navds-heading--medium {
+  font-size: var(--a-font-size-heading-medium);
+  letter-spacing: -0.002em;
+  line-height: var(--a-font-line-height-heading-medium);
+}
+.navds-heading--medium.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-3);
+}
+.navds-heading--small {
+  font-size: var(--a-font-size-heading-small);
+  letter-spacing: -0.001em;
+  line-height: var(--a-font-line-height-heading-small);
+}
+.navds-heading--small.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-3);
+}
+.navds-heading--xsmall {
+  font-size: var(--a-font-size-heading-xsmall);
+  letter-spacing: -0.001em;
+  line-height: var(--a-font-line-height-heading-xsmall);
+}
+.navds-heading--xsmall.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-3);
+}
+/* Ingress */
+.navds-ingress {
+  font-size: var(--a-font-size-xlarge);
+  font-weight: var(--a-font-weight-regular);
+  letter-spacing: -0.001em;
+  line-height: var(--a-font-line-height-xlarge);
+  margin: 0;
+}
+.navds-ingress.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-10);
+}
+/* Body */
+.navds-body-long {
+  font-size: var(--a-font-size-large);
+  font-weight: var(--a-font-weight-regular);
+  letter-spacing: 0;
+  line-height: var(--a-font-line-height-xlarge);
+  margin: 0;
+}
+.navds-body-long.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-7);
+}
+.navds-body-long--small {
+  font-size: var(--a-font-size-medium);
+  letter-spacing: 0.002em;
+  line-height: var(--a-font-line-height-large);
+}
+.navds-body-long--small.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-6);
+}
+.navds-body-short {
+  font-size: var(--a-font-size-large);
+  font-weight: var(--a-font-weight-regular);
+  letter-spacing: 0;
+  line-height: var(--a-font-line-height-large);
+  margin: 0;
+}
+.navds-body-short.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-3);
+}
+.navds-body-short--small {
+  font-size: var(--a-font-size-medium);
+  letter-spacing: 0.002em;
+  line-height: var(--a-font-line-height-medium);
+}
+.navds-body-short--small.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-2);
+}
+/* Label */
+.navds-label {
+  font-size: var(--a-font-size-large);
+  font-weight: var(--a-font-weight-bold);
+  letter-spacing: 0;
+  line-height: var(--a-font-line-height-large);
+  margin: 0;
+}
+.navds-label.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-3);
+}
+.navds-label--small {
+  font-size: var(--a-font-size-medium);
+  letter-spacing: 0.002em;
+  line-height: var(--a-font-line-height-medium);
+}
+.navds-label--small.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-2);
+}
+/* Small text */
+.navds-detail {
+  font-size: var(--a-font-size-small);
+  letter-spacing: 0.004em;
+  line-height: var(--a-font-line-height-medium);
+  margin: 0;
+}
+.navds-detail.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-2);
+}
+.navds-detail.navds-typo--uppercase {
+  text-transform: uppercase;
+}
+.navds-detail--small {
+  font-weight: var(--a-font-weight-regular);
+}
+.navds-detail--small.navds-typo--spacing {
+  margin-bottom: var(--a-spacing-2);
+}
+[data-theme="dark"].navds-error-message,
+[data-theme="dark"] .navds-error-message {
+  --a-text-danger: var(--a-red-300);
+}
+.navds-error-message {
+  color: var(--ac-typo-error-text, var(--a-text-danger));
+}
+/**************************
+ * .navds-grid *
+ **************************/
+.navds-grid {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  grid-gap: var(--a-spacing-4);
+}
+@media (min-width: 448px) {
+  .navds-grid {
+    grid-gap: var(--a-spacing-6);
+  }
+}
+/**************************
+ * .navds-grid__cell *
+ **************************/
+.navds-grid__cell--xs-1 {
+  grid-column: span 1;
+}
+.navds-grid__cell--xs-2 {
+  grid-column: span 2;
+}
+.navds-grid__cell--xs-3 {
+  grid-column: span 3;
+}
+.navds-grid__cell--xs-4 {
+  grid-column: span 4;
+}
+.navds-grid__cell--xs-5 {
+  grid-column: span 5;
+}
+.navds-grid__cell--xs-6 {
+  grid-column: span 6;
+}
+.navds-grid__cell--xs-7 {
+  grid-column: span 7;
+}
+.navds-grid__cell--xs-8 {
+  grid-column: span 8;
+}
+.navds-grid__cell--xs-9 {
+  grid-column: span 9;
+}
+.navds-grid__cell--xs-10 {
+  grid-column: span 10;
+}
+.navds-grid__cell--xs-11 {
+  grid-column: span 11;
+}
+.navds-grid__cell--xs-12 {
+  grid-column: span 12;
+}
+@media (min-width: 448px) {
+  .navds-grid__cell--sm-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--sm-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--sm-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--sm-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--sm-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--sm-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--sm-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--sm-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--sm-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--sm-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--sm-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--sm-12 {
+    grid-column: span 12;
+  }
+}
+@media (min-width: 648px) {
+  .navds-grid__cell--md-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--md-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--md-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--md-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--md-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--md-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--md-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--md-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--md-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--md-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--md-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--md-12 {
+    grid-column: span 12;
+  }
+}
+@media (min-width: 960px) {
+  .navds-grid__cell--lg-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--lg-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--lg-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--lg-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--lg-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--lg-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--lg-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--lg-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--lg-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--lg-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--lg-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--lg-12 {
+    grid-column: span 12;
+  }
+}
+.navds-accordion__item:focus-within {
+  position: relative;
+}
+.navds-accordion__header {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--a-spacing-2);
+  padding: 14px var(--a-spacing-3) var(--a-spacing-3);
+  margin: 0;
+  text-align: left;
+  background: var(--ac-accordion-header-bg, var(--a-surface-transparent));
+  cursor: pointer;
+  border: none;
+  border-bottom: 2px solid var(--ac-accordion-header-border, var(--a-border-divider));
+}
+.navds-accordion__header:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-accordion__header:hover {
+  color: var(--ac-accordion-header-text-hover, var(--a-text-action-on-action-subtle));
+  border-color: var(--ac-accordion-header-border-hover, var(--a-border-default));
+  background: var(--ac-accordion-header-bg-hover, var(--a-surface-transparent));
+}
+.navds-accordion__header-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.navds-accordion__item--open > .navds-accordion__header {
+  background-color: var(--ac-accordion-header-bg-open, var(--ac-accordion-item-bg-open, var(--a-surface-action-subtle)));
+  border-color: var(--ac-accordion-item-border-open, var(--a-surface-action-subtle));
+}
+.navds-accordion__item--open > :where(.navds-accordion__header:hover) {
+  background-color: var(--ac-accordion-header-bg-open-hover, var(--a-surface-action-subtle));
+}
+.navds-accordion__content {
+  padding: var(--a-spacing-3) var(--a-spacing-3) 18px;
+  border-bottom: 2px solid var(--ac-accordion-content-border, var(--a-border-divider));
+}
+.navds-accordion__item--open > .navds-accordion__header:hover + * .navds-accordion__content {
+  border-color: var(--ac-accordion-content-border-open, var(--a-border-default));
+}
+.navds-accordion__expand-icon {
+  font-size: 1.5rem;
+  height: 1.75rem;
+  flex-shrink: 0;
+}
+.navds-accordion__item--open > .navds-accordion__header > .navds-accordion__expand-icon {
+  transform: rotateZ(180deg);
+}
+.navds-accordion__expand-icon--filled {
+  display: none;
+}
+.navds-accordion__header:hover > .navds-accordion__expand-icon.navds-accordion__expand-icon--filled {
+  display: inherit;
+}
+.navds-accordion__header:hover > .navds-accordion__expand-icon {
+  display: none;
+}
+.navds-alert {
+  border-radius: var(--a-border-radius-medium);
+  border: 1px solid;
+  padding: var(--a-spacing-4);
+  display: flex;
+  gap: var(--a-spacing-3);
+  align-items: center;
+}
+.navds-alert__wrapper {
+  max-width: 43.5rem;
+}
+.navds-alert--small {
+  padding: var(--a-spacing-2) var(--a-spacing-4);
+}
+.navds-alert--full-width {
+  border-radius: 0;
+}
+.navds-alert > .navds-alert__icon {
+  flex-shrink: 0;
+  font-size: 1.5rem;
+  align-self: flex-start;
+  height: var(--a-font-line-height-xlarge);
+  background: radial-gradient(circle, var(--a-surface-default) 50%, 0, transparent);
+}
+.navds-alert--small > .navds-alert__icon {
+  font-size: 1.25rem;
+  height: var(--a-font-line-height-large);
+}
+.navds-alert--error {
+  border-color: var(--ac-alert-error-border, var(--a-border-danger));
+  background-color: var(--ac-alert-error-bg, var(--a-surface-danger-subtle));
+}
+.navds-alert--error > .navds-alert__icon {
+  color: var(--ac-alert-icon-error-color, var(--a-icon-danger));
+}
+.navds-alert--warning {
+  border-color: var(--ac-alert-warning-border, var(--a-border-warning));
+  background-color: var(--ac-alert-warning-bg, var(--a-surface-warning-subtle));
+}
+.navds-alert--warning > .navds-alert__icon {
+  background: radial-gradient(circle at 50% 57%, var(--a-surface-default) 32%, 0, transparent);
+  color: var(--ac-alert-icon-warning-color, var(--a-icon-warning));
+}
+.navds-alert--info {
+  border-color: var(--ac-alert-info-border, var(--a-border-info));
+  background-color: var(--ac-alert-info-bg, var(--a-surface-info-subtle));
+}
+.navds-alert--info > .navds-alert__icon {
+  color: var(--ac-alert-icon-info-color, var(--a-icon-info));
+}
+.navds-alert--success {
+  border-color: var(--ac-alert-success-border, var(--a-border-success));
+  background-color: var(--ac-alert-success-bg, var(--a-surface-success-subtle));
+}
+.navds-alert--success > .navds-alert__icon {
+  color: var(--ac-alert-icon-success-color, var(--a-icon-success));
+}
+.navds-alert--inline {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
+.navds-button {
+  --__ac-button-padding: var(--a-spacing-3) var(--a-spacing-5);
+
+  display: inline-flex;
+  cursor: pointer;
+  margin: 0;
+  text-decoration: none;
+  border: none;
+  background: none;
+  border-radius: var(--ac-button-border-radius, var(--a-border-radius-medium));
+  padding: var(--ac-button-padding, var(--__ac-button-padding));
+  align-items: center;
+  justify-content: center;
+  gap: var(--a-spacing-2);
+}
+.navds-button--small {
+  --__ac-button-padding: 0.375rem var(--a-spacing-3);
+
+  padding: var(--ac-button-padding-small, var(--__ac-button-padding));
+}
+.navds-button--xsmall {
+  --__ac-button-padding: var(--a-spacing-05) var(--a-spacing-2);
+
+  padding: var(--ac-button-padding-xsmall, var(--__ac-button-padding));
+  gap: var(--a-spacing-1);
+}
+.navds-button--icon-only {
+  --__ac-button-padding: var(--a-spacing-3);
+
+  padding: var(--ac-button-padding-icon-only, var(--__ac-button-padding));
+}
+.navds-button--small.navds-button--icon-only {
+  --__ac-button-padding: 0.375rem;
+
+  padding: var(--ac-button-padding-icon-only-small, var(--__ac-button-padding));
+}
+.navds-button--xsmall.navds-button--icon-only {
+  --__ac-button-padding: var(--a-spacing-1);
+
+  padding: var(--ac-button-padding-icon-only-xsmall, var(--__ac-button-padding));
+}
+.navds-button:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-button__icon {
+  --ac-button-icon-margin: -4px;
+
+  font-size: 1.5rem;
+  display: flex;
+}
+.navds-button__icon:first-child {
+  margin-left: var(--ac-button-icon-margin);
+}
+.navds-button__icon:last-child {
+  margin-right: var(--ac-button-icon-margin);
+}
+.navds-button__icon:only-child {
+  margin: 0;
+}
+.navds-button--small .navds-button__icon {
+  --ac-button-icon-margin: -2px;
+
+  font-size: 1.25rem;
+}
+.navds-button--xsmall .navds-button__icon {
+  --ac-button-icon-margin: -2px;
+
+  font-size: 1rem;
+}
+/*************************
+ * .navds-button--primary *
+ *************************/
+.navds-button--primary {
+  background-color: var(--ac-button-primary-bg, var(--a-surface-action));
+  color: var(--ac-button-primary-text, var(--a-text-on-action));
+}
+.navds-button--primary:hover {
+  background-color: var(--ac-button-primary-hover-bg, var(--a-surface-action-hover));
+}
+.navds-button--primary:active {
+  background-color: var(--ac-button-primary-active-bg, var(--a-surface-action-active));
+}
+.navds-button--primary:focus {
+  box-shadow: inset 0 0 0 1px var(--ac-button-primary-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+}
+.navds-button--primary:hover:where(:disabled, .navds-button--disabled),
+.navds-button--primary:active:where(:disabled, .navds-button--disabled) {
+  background-color: var(--ac-button-primary-bg, var(--a-surface-action));
+}
+/*************************
+ * .navds-button--primary-neutral *
+ *************************/
+.navds-button--primary-neutral {
+  background-color: var(--ac-button-primary-neutral-bg, var(--a-surface-neutral));
+  color: var(--ac-button-primary-neutral-text, var(--a-text-on-neutral));
+}
+.navds-button--primary-neutral:hover {
+  background-color: var(--ac-button-primary-neutral-hover-bg, var(--a-surface-neutral-hover));
+}
+.navds-button--primary-neutral:active {
+  background-color: var(--ac-button-primary-neutral-active-bg, var(--a-surface-neutral-active));
+}
+.navds-button--primary-neutral:focus {
+  box-shadow: inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+}
+.navds-button--primary-neutral:hover:where(:disabled, .navds-button--disabled),
+.navds-button--primary-neutral:active:where(:disabled, .navds-button--disabled) {
+  background-color: var(--ac-button-primary-neutral-bg, var(--a-surface-neutral));
+}
+/**************************
+* .navds-button--secondary *
+ **************************/
+.navds-button--secondary {
+  color: var(--ac-button-secondary-text, var(--a-text-action));
+  background-color: var(--ac-button-secondary-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
+}
+.navds-button--secondary:hover {
+  color: var(--ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle));
+  background-color: var(--ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover));
+}
+.navds-button--secondary:focus {
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+}
+.navds-button--secondary:active {
+  color: var(--ac-button-secondary-active-text, var(--a-text-on-action));
+  background-color: var(--ac-button-secondary-active-bg, var(--a-surface-action-active));
+  box-shadow: none;
+}
+.navds-button--secondary:focus:active {
+  box-shadow: inset 0 0 0 1px var(--ac-button-secondary-active-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+}
+.navds-button--secondary:where(:disabled, .navds-button--disabled),
+.navds-button--secondary:hover:where(:disabled, .navds-button--disabled) {
+  color: var(--ac-button-secondary-text, var(--a-text-action));
+  background-color: var(--ac-button-secondary-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
+}
+/**************************
+* .navds-button--secondary-neutral *
+ **************************/
+.navds-button--secondary-neutral {
+  color: var(--ac-button-secondary-neutral-text, var(--a-text-default));
+  background-color: var(--ac-button-secondary-neutral-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-neutral-border, var(--a-border-strong));
+}
+.navds-button--secondary-neutral:hover {
+  background-color: var(--ac-button-secondary-neutral-hover-bg, var(--a-surface-neutral-subtle-hover));
+}
+.navds-button--secondary-neutral:focus {
+  color: var(--ac-button-secondary-neutral-text, var(--a-text-default));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border, var(--a-border-strong)), var(--a-shadow-focus);
+}
+.navds-button--secondary-neutral:active {
+  color: var(--ac-button-secondary-neutral-active-text, var(--a-text-on-neutral));
+  background-color: var(--ac-button-secondary-neutral-active-bg, var(--a-surface-neutral-active));
+  box-shadow: none;
+}
+.navds-button--secondary-neutral:focus:active {
+  box-shadow: inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border, var(--a-surface-default)),
+    var(--a-shadow-focus);
+}
+.navds-button--secondary-neutral:where(:disabled, .navds-button--disabled),
+.navds-button--secondary-neutral:hover:where(:disabled, .navds-button--disabled) {
+  color: var(--ac-button-secondary-neutral-text, var(--a-text-default));
+  background-color: var(--ac-button-secondary-neutral-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-neutral-border, var(--a-border-strong));
+}
+/****************************
+ * .navds-button--tertiary *
+ ****************************/
+.navds-button--tertiary {
+  color: var(--ac-button-tertiary-text, var(--a-text-action));
+  background-color: var(--ac-button-tertiary-bg, var(--a-surface-transparent));
+}
+.navds-button--tertiary:hover {
+  color: var(--ac-button-tertiary-hover-text, var(--a-text-action-on-action-subtle));
+  background-color: var(--ac-button-tertiary-hover-bg, var(--a-surface-action-subtle-hover));
+}
+.navds-button--tertiary:focus {
+  box-shadow: inset 0 0 0 2px var(--ac-button-tertiary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+}
+.navds-button--tertiary:active {
+  color: var(--ac-button-tertiary-active-text, var(--a-text-on-action));
+  background-color: var(--ac-button-tertiary-active-bg, var(--a-surface-action-active));
+  box-shadow: inset 0 0 0 1px var(--a-surface-default);
+}
+.navds-button--tertiary:active:hover {
+  background-color: var(--ac-button-tertiary-active-hover-bg, var(--a-surface-action-active));
+}
+.navds-button--tertiary:active:focus {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+.navds-button--tertiary:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary:hover:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary:active:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary:active:hover:where(:disabled, .navds-button--disabled) {
+  color: var(--ac-button-tertiary-text, var(--a-text-action));
+  background: none;
+  box-shadow: none;
+}
+/****************************
+ * .navds-button--tertiary-neutral *
+ ****************************/
+.navds-button--tertiary-neutral {
+  color: var(--ac-button-tertiary-neutral-text, var(--a-text-default));
+}
+.navds-button--tertiary-neutral:hover {
+  color: var(--ac-button-tertiary-neutral-hover-text, var(--a-text-default));
+  background-color: var(--ac-button-tertiary-neutral-hover-bg, var(--a-surface-neutral-subtle-hover));
+}
+.navds-button--tertiary-neutral:focus {
+  box-shadow: inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border, var(--a-border-strong)), var(--a-shadow-focus);
+}
+.navds-button--tertiary-neutral:active {
+  color: var(--ac-button-tertiary-neutral-active-text, var(--a-text-on-neutral));
+  background-color: var(--ac-button-tertiary-neutral-active-bg, var(--a-surface-neutral-active));
+  box-shadow: inset 0 0 0 1px var(--a-surface-default);
+}
+.navds-button--tertiary-neutral:active:hover {
+  background-color: var(--ac-button-tertiary-neutral-active-hover-bg, var(--a-surface-neutral-active));
+}
+.navds-button--tertiary-neutral:active:focus {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+.navds-button--tertiary-neutral:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary-neutral:hover:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary-neutral:active:where(:disabled, .navds-button--disabled),
+.navds-button--tertiary-neutral:active:hover:where(:disabled, .navds-button--disabled) {
+  color: var(--ac-button-tertiary-neutral-text, var(--a-text-default));
+  background: none;
+  box-shadow: none;
+}
+/*************************
+ * .navds-button--danger *
+ *************************/
+.navds-button--danger {
+  background-color: var(--ac-button-danger-bg, var(--a-surface-danger));
+  color: var(--ac-button-danger-text, var(--a-text-on-danger));
+}
+.navds-button--danger:hover {
+  background-color: var(--ac-button-danger-hover-bg, var(--a-surface-danger-hover));
+}
+.navds-button--danger:active {
+  background-color: var(--ac-button-danger-active-bg, var(--a-surface-danger-active));
+}
+.navds-button--danger:focus {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+.navds-button--danger:active:where(:disabled, .navds-button--disabled),
+.navds-button--danger:hover:where(:disabled, .navds-button--disabled) {
+  background-color: var(--ac-button-danger-bg, var(--a-surface-danger));
+}
+/**************************
+ * .navds-button:disabled *
+ **************************/
+.navds-button:where(:disabled, .navds-button--disabled) {
+  cursor: not-allowed;
+}
+.navds-button:not(.navds-button--loading):where(:disabled, .navds-button--disabled) {
+  opacity: 0.3;
+}
+.navds-button .navds-loader .navds-loader__foreground {
+  stroke: var(--ac-button-loader-stroke, currentColor);
+}
+.navds-button--primary .navds-loader .navds-loader__background,
+.navds-button--danger .navds-loader .navds-loader__background {
+  stroke: var(--ac-button-primary-loader-stroke-bg, rgb(255 255 255 / 0.3));
+}
+.navds-content-container {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: var(--navds-content-container-max-width);
+  padding: var(--a-spacing-4);
+}
+@media (min-width: 448px) {
+  .navds-content-container {
+    padding: var(--a-spacing-6);
+  }
+}
+.navds-chat {
+  display: flex;
+  align-items: flex-end;
+  gap: var(--a-spacing-4);
+  padding-right: var(--a-spacing-16);
+}
+.navds-chat--right {
+  flex-direction: row-reverse;
+  padding-right: 0;
+  padding-left: var(--a-spacing-16);
+}
+.navds-chat__bubble-wrapper {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-3);
+}
+.navds-chat--right .navds-chat__bubble-wrapper {
+  align-items: flex-end;
+}
+.navds-chat__avatar {
+  align-items: center;
+  background: var(--ac-chat-avatar-bg, var(--a-bg-subtle));
+  color: var(--ac-chat-avatar-color, var(--a-text-default));
+  border-radius: var(--a-border-radius-full);
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  overflow: hidden;
+  height: 3rem;
+  width: 3rem;
+}
+.navds-chat__avatar svg {
+  align-self: center;
+  height: 100%;
+  width: 100%;
+}
+.navds-chat__bubble {
+  padding: 1rem;
+  box-shadow: var(--a-shadow-small);
+  width: fit-content;
+  max-width: 37.5rem;
+  background-color: var(--ac-chat-bubble-bg, var(--a-bg-subtle));
+  border-radius: var(--a-border-radius-xlarge);
+  border-bottom-left-radius: 2px;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-2);
+}
+.navds-chat__bubble:focus {
+  box-shadow: var(--a-shadow-focus);
+  outline: none;
+}
+.navds-chat--right .navds-chat__bubble {
+  border-radius: var(--a-border-radius-xlarge);
+  border-bottom-right-radius: 2px;
+}
+.navds-chat__top-text {
+  color: var(--ac-chat-top-text, var(--a-text-default));
+  display: flex;
+  gap: var(--a-spacing-2);
+  align-items: baseline;
+}
+.navds-chat--right .navds-chat__top-text {
+  align-self: flex-end;
+}
+.navds-chat--top-text-left .navds-chat__top-text {
+  align-self: flex-start;
+}
+.navds-chat--top-text-right .navds-chat__top-text {
+  align-self: flex-end;
+}
+.navds-chat--left .navds-chat__top-text--right {
+  align-self: flex-end;
+}
+.navds-chat--right .navds-chat__top-text--left {
+  align-self: flex-start;
+}
+.navds-chat__name {
+  font-weight: var(--a-font-weight-bold);
+}
+.navds-chips {
+  display: flex;
+  gap: var(--a-spacing-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  flex-wrap: wrap;
+}
+.navds-chips :where(li) {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: block;
+}
+.navds-chips__chip {
+  all: unset;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  gap: var(--a-spacing-05);
+  margin: 0;
+  padding: 0 var(--a-spacing-3);
+  text-decoration: none;
+  border-radius: var(--a-border-radius-full);
+  min-height: 32px;
+}
+.navds-chips--small .navds-chips__chip {
+  min-height: 24px;
+  padding: 0 var(--a-spacing-2);
+}
+.navds-chips__toggle {
+  box-shadow: inset 0 0 0 1px var(--ac-chip-toggle-border, var(--a-border-default));
+  background-color: var(--ac-chip-toggle-bg, var(--a-surface-neutral-subtle));
+  color: var(--ac-chip-toggle-text, var(--a-text-default));
+}
+.navds-chips__toggle:hover {
+  box-shadow: inset 0 0 0 1px var(--ac-chip-toggle-hover-border, var(--a-border-strong));
+  background-color: var(--ac-chip-toggle-hover-bg, var(--a-surface-neutral-subtle-hover));
+}
+.navds-chips__toggle[aria-pressed="true"] {
+  box-shadow: none;
+  background-color: var(--ac-chip-toggle-pressed-bg, var(--a-surface-action-selected));
+  color: var(--ac-chip-toggle-pressed-text, var(--a-text-on-action));
+}
+.navds-chips__toggle[aria-pressed="true"]:hover {
+  background-color: var(--ac-chip-toggle-pressed-hover-bg, var(--a-surface-action-selected-hover));
+}
+.navds-chips__toggle:focus-visible {
+  box-shadow: 0 0 0 2px var(--ac-chip-toggle-focus, var(--a-border-focus));
+}
+.navds-chips__toggle[aria-pressed="true"]:focus-visible,
+.navds-chips__toggle:active:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--ac-chip-toggle-focus, var(--a-border-focus));
+}
+.navds-chips__removable--action {
+  background-color: var(--ac-chip-removable-action-bg, var(--a-surface-action-selected));
+  color: var(--ac-chip-removable-action-text, var(--a-text-on-action));
+}
+.navds-chips__removable--neutral {
+  background-color: var(--ac-chip-removable-neutral-bg, var(--a-surface-neutral-subtle));
+  color: var(--ac-chip-removable-neutral-text, var(--a-text-default));
+  box-shadow: inset 0 0 0 1px var(--ac-chip-removable-neutral-border, var(--a-border-default));
+}
+.navds-chips__removable-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+  display: grid;
+  place-items: center;
+  border-radius: var(--a-border-radius-full);
+}
+.navds-chips__toggle-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+  display: grid;
+  place-items: center;
+  border-radius: var(--a-border-radius-full);
+}
+.navds-chips--small .navds-chips__toggle-icon {
+  width: 1rem;
+  height: 1rem;
+}
+.navds-chips--small .navds-chips__removable-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.navds-chips--small .navds-chips__removable-icon > svg {
+  width: 0.75rem;
+}
+.navds-chips__removable--action:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--a-border-focus);
+}
+.navds-chips__removable--neutral:focus-visible {
+  box-shadow: 0 0 0 2px var(--a-border-focus);
+}
+.navds-chips__removable--action:hover {
+  background-color: var(--ac-chip-removable-action-hover-bg, var(--a-surface-action-selected-hover));
+}
+.navds-chips__removable--neutral:hover {
+  background-color: var(--ac-chip-removable-neutral-hover-bg, var(--a-surface-neutral-subtle-hover));
+  box-shadow: inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border, var(--a-border-strong));
+}
+.navds-chips--icon-left {
+  padding-left: 0.375rem;
+}
+.navds-chips--icon-right {
+  padding-right: var(--a-spacing-1);
+}
+.navds-chips--small .navds-chips--icon-right {
+  padding-right: var(--a-spacing-05);
+}
+.navds-chips--small .navds-chips--icon-left {
+  padding-left: 0.375rem;
+}
+.navds-expansioncard {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-color, var(--a-border-default));
+  --__ac-expansioncard-border-radius: var(--ac-expansioncard-border-radius, var(--a-border-radius-large));
+  --__ac-expansioncard-border-width: 1px;
+
+  border-radius: var(--__ac-expansioncard-border-radius);
+  background-color: var(--ac-expansioncard-bg, var(--a-surface-default));
+  height: fit-content;
+}
+.navds-expansioncard--open {
+  --__ac-expansioncard-border-color: var(
+    --ac-expansioncard-border-open-color,
+    var(--ac-expansioncard-border-color, var(--a-border-default))
+  );
+}
+.navds-expansioncard:hover {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-hover-color, var(--a-border-strong));
+}
+:where(.navds-expansioncard.navds-expansioncard--open):hover {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-hover-color, var(--a-border-strong));
+}
+/*************************
+ * Header *
+ *************************/
+.navds-expansioncard__header {
+  width: 100%;
+  display: flex;
+  gap: var(--a-spacing-4);
+  padding: var(--a-spacing-4) var(--a-spacing-6);
+  border-radius: var(--__ac-expansioncard-border-radius);
+  background-color: var(--ac-expansioncard-header-bg, var(--a-surface-transparent));
+  position: relative;
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  justify-content: space-between;
+}
+.navds-expansioncard--small > :where(.navds-expansioncard__header) {
+  padding: var(--a-spacing-3) var(--a-spacing-4);
+}
+.navds-expansioncard__header:hover {
+  background-color: var(--ac-expansioncard-header-bg-hover, var(--a-surface-hover));
+  box-shadow: 0 0 0 1px var(--__ac-expansioncard-border-color);
+}
+.navds-expansioncard--open > :where(.navds-expansioncard__header) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  border-bottom: none;
+  background-color: var(--ac-expansioncard-header-open-bg, var(--a-surface-transparent));
+}
+.navds-expansioncard--open > :where(.navds-expansioncard__header):hover {
+  background-color: var(--ac-expansioncard-header-bg-hover, var(--a-surface-hover));
+  box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
+    0 -1px 0 0 var(--__ac-expansioncard-border-color);
+}
+/*************************
+ * Header/Typography *
+ *************************/
+.navds-expansioncard__title--small {
+  margin-top: 10px;
+}
+.navds-expansioncard__title--medium {
+  margin-top: var(--a-spacing-2);
+}
+.navds-expansioncard__title--large {
+  margin-top: var(--a-spacing-1);
+}
+.navds-expansioncard--small :where(.navds-expansioncard__title--small) {
+  margin-top: var(--a-spacing-05);
+}
+.navds-expansioncard--small :where(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
+  margin-top: 0;
+}
+/*************************
+ * Header/Button *
+ *************************/
+.navds-expansioncard__header-button {
+  display: grid;
+  place-content: center;
+  cursor: pointer;
+  margin: 0;
+  background: transparent;
+  border: none;
+  border-radius: var(--ac-expansioncard-button-border-radius, var(--a-border-radius-medium));
+  min-height: 3rem;
+  min-width: 3rem;
+  font-size: 1.5rem;
+  align-self: flex-start;
+}
+.navds-expansioncard--small > :where(.navds-expansioncard__header) > :where(.navds-expansioncard__header-button) {
+  min-height: 2rem;
+  min-width: 2rem;
+}
+:where(.navds-expansioncard__header):hover > :where(.navds-expansioncard__header-button) {
+  background-color: var(--a-surface-hover);
+}
+.navds-expansioncard__header-chevron {
+  transition: transform 150ms ease-in-out;
+}
+.navds-expansioncard--open :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(0) rotate(180deg);
+}
+.navds-expansioncard__header-button:hover > :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(1px);
+}
+.navds-expansioncard__header-button:focus {
+  outline: none;
+}
+.navds-expansioncard__header-button:focus-visible {
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-expansioncard--open :where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(-1px) rotate(180deg);
+}
+.navds-expansioncard__header-button::after {
+  inset: 0;
+  z-index: 1;
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+}
+/*************************
+ * Content *
+ *************************/
+.navds-expansioncard__content {
+  border-end-end-radius: var(--__ac-expansioncard-border-radius);
+  border-end-start-radius: var(--__ac-expansioncard-border-radius);
+  padding: var(--a-spacing-3) var(--a-spacing-6) var(--a-spacing-6);
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  border-top: none;
+}
+.navds-expansioncard--small > :where(.navds-expansioncard__content) {
+  padding: var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-4);
+}
+.navds-expansioncard__content--closed {
+  display: none;
+}
+:where(.navds-expansioncard__header):hover + .navds-expansioncard__content {
+  box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
+    0 1px 0 0 var(--__ac-expansioncard-border-color);
+}
+.navds-expansioncard__content-inner {
+  animation: fadeExpansionCard 250ms ease;
+}
+.navds-expansioncard--no-fade :where(.navds-expansioncard__content-inner) {
+  animation: none;
+}
+@keyframes fadeExpansionCard {
+  0% {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+
+  40% {
+    opacity: 0.7;
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+/**
+ * GuidePanel component
+ */
+.navds-guide-panel {
+  position: relative;
+  padding-left: var(--a-spacing-10);
+}
+.navds-guide-panel__content {
+  background-color: var(--ac-guide-panel-bg, var(--a-surface-default));
+  border-radius: var(--a-border-radius-medium);
+  border: 2px solid var(--ac-guide-panel-border, var(--a-border-action));
+  min-height: 7.25rem;
+  padding: var(--a-spacing-6);
+  padding-left: var(--a-spacing-14);
+}
+.navds-guide-panel--poster {
+  padding-left: 0;
+  padding-top: var(--a-spacing-12);
+}
+.navds-guide-panel--poster .navds-guide-panel__content {
+  padding: var(--a-spacing-8);
+  padding-top: var(--a-spacing-16);
+}
+.navds-guide-panel .navds-guide {
+  position: absolute;
+  top: var(--a-spacing-4);
+  transform: translateX(-50%);
+  border: 2px solid var(--ac-guide-panel-border, var(--a-border-action));
+}
+.navds-guide-panel--poster .navds-guide {
+  left: 50%;
+  top: 0;
+}
+/**
+ * Guide component
+ */
+.navds-guide {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--a-border-radius-full);
+}
+/* Guide illustration frame */
+.navds-guide__illustration {
+  background: var(--ac-guide-panel-illustration-bg, var(--a-surface-action-subtle));
+  border-radius: var(--a-border-radius-full);
+  overflow: hidden;
+}
+.navds-guide__illustration svg,
+.navds-guide__illustration img {
+  height: 100%;
+  width: 100%;
+}
+/* Illustration sizes */
+.navds-guide__illustration--small {
+  height: 5rem;
+  width: 5rem;
+}
+.navds-guide__illustration--medium {
+  height: 6rem;
+  width: 6rem;
+}
+/*
+  Order matters; rearrange with care
+*/
+.navds-fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-width: 0;
+}
+.navds-fieldset > :not(:first-child):not(:empty) {
+  margin-top: var(--a-spacing-2);
+}
+.navds-fieldset > .navds-fieldset__description:not(:empty) {
+  margin-top: var(--a-spacing-1);
+}
+/* Applied when hideLegend is applied to fieldset */
+.navds-fieldset > .navds-sr-only + :not(:first-child):not(:empty) {
+  margin-top: 0;
+}
+.navds-fieldset__legend {
+  padding: 0;
+}
+.navds-fieldset:disabled > .navds-fieldset__legend,
+.navds-fieldset:disabled > .navds-fieldset__description {
+  opacity: 0.3;
+}
+.navds-form-field {
+  display: grid;
+  justify-items: start;
+  gap: var(--a-spacing-2);
+}
+.navds-form-field__description {
+  margin-top: -4px;
+}
+.navds-form-field .navds-error-message,
+.navds-fieldset .navds-error-message {
+  display: flex;
+  gap: var(--a-spacing-2);
+}
+.navds-form-field .navds-error-message::before,
+.navds-fieldset .navds-error-message::before {
+  content: "•";
+}
+.navds-form-field--disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+.navds-form-field__error:empty {
+  display: none;
+}
+.navds-error-summary {
+  background-color: var(--ac-error-summary-bg, var(--a-surface-default));
+  padding: var(--a-spacing-5);
+  border: 4px solid var(--ac-error-summary-border, var(--a-border-danger));
+}
+.navds-error-summary--small {
+  padding: var(--a-spacing-3);
+}
+.navds-error-summary:focus {
+  box-shadow: var(--a-shadow-focus);
+  outline: none;
+}
+.navds-error-summary__list {
+  margin: var(--a-spacing-3) 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-3);
+  padding-left: var(--a-spacing-6);
+  list-style: inherit;
+}
+.navds-error-summary__list > * {
+  color: var(--ac-error-summary-list-dot, var(--a-text-action));
+}
+.navds-error-summary--small > .navds-error-summary__list {
+  margin: var(--a-spacing-2) 0;
+  gap: var(--a-spacing-2);
+  padding-left: var(--a-spacing-5);
+}
+.navds-confirmation-panel__inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-3);
+  padding: var(--a-spacing-4);
+  border-radius: var(--a-border-radius-medium);
+  border: 1px solid var(--ac-confirmation-panel-border, var(--a-border-warning));
+  background-color: var(--ac-confirmation-panel-bg, var(--a-surface-warning-subtle));
+  transition: background-color linear 100ms;
+  justify-self: stretch;
+}
+.navds-confirmation-panel__content {
+  max-width: 80ch;
+}
+.navds-confirmation-panel--checked .navds-confirmation-panel__inner {
+  border-color: var(--ac-confirmation-panel-checked-border, var(--a-border-success));
+  background-color: var(--ac-confirmation-panel-checked-bg, var(--a-surface-success-subtle));
+}
+.navds-confirmation-panel--error .navds-confirmation-panel__inner {
+  border-color: var(--ac-confirmation-panel-error-border, var(--a-border-danger));
+  background-color: var(--ac-confirmation-panel-error-bg, var(--a-surface-danger-subtle));
+}
+.navds-checkbox,
+.navds-radio {
+  position: relative;
+  width: fit-content;
+}
+.navds-checkbox__input,
+.navds-radio__input {
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  top: 0;
+  left: -12px;
+  z-index: 1;
+  opacity: 0;
+  cursor: pointer;
+}
+.navds-checkbox__label,
+.navds-radio__label {
+  padding: var(--a-spacing-3) 0;
+  cursor: pointer;
+  display: flex;
+  gap: var(--a-spacing-2);
+}
+.navds-checkbox__label::before,
+.navds-radio__label::before {
+  content: "";
+  background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default));
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: var(--a-border-radius-medium);
+  flex-shrink: 0;
+}
+.navds-radio__label::before {
+  border-radius: var(--a-border-radius-full);
+}
+.navds-checkbox__content,
+.navds-radio__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-1);
+}
+.navds-checkbox--small > .navds-checkbox__input,
+.navds-radio--small > .navds-radio__input {
+  width: 32px;
+  height: 32px;
+  top: 0;
+  left: -6px;
+}
+.navds-checkbox--small > .navds-checkbox__label,
+.navds-radio--small > .navds-radio__label {
+  padding: 6px 0;
+}
+.navds-checkbox--small > .navds-checkbox__label::before,
+.navds-radio--small > .navds-radio__label::before {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.navds-checkbox__input:focus + .navds-checkbox__label::before,
+.navds-radio__input:focus + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), var(--a-shadow-focus);
+}
+.navds-checkbox__input:hover:focus + .navds-checkbox__label::before,
+.navds-radio__input:hover:focus + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), var(--a-shadow-focus);
+}
+.navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
+  box-shadow: none;
+  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
+}
+.navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  transform: translate(0.375rem, -50%);
+  background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
+  width: 0.75rem;
+  height: 0.25rem;
+  border-radius: 1px; /* Custom value OK */
+  flex-shrink: 0;
+}
+.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
+  transform: translate(0.25rem, -50%);
+}
+.navds-checkbox__input:checked + .navds-checkbox__label::before {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==);
+  background-position: 6px center;
+  background-repeat: no-repeat;
+  background-size: 13px;
+  box-shadow: none;
+  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
+}
+.navds-checkbox--small > .navds-checkbox__input:checked + .navds-checkbox__label::before {
+  background-position: 4px center;
+}
+.navds-checkbox__input:indeterminate:focus + .navds-checkbox__label::before,
+.navds-checkbox__input:checked:focus + .navds-checkbox__label::before {
+  box-shadow: inset 0 0 0 1px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
+}
+.navds-radio__input:checked + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
+    inset 0 0 0 4px var(--ac-radio-checkbox-bg, var(--a-surface-default));
+  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
+}
+.navds-radio__input:checked:focus + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
+    inset 0 0 0 4px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
+}
+.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label,
+.navds-radio__input:hover:not(:disabled) + .navds-radio__label {
+  color: var(--ac-radio-checkbox-action, var(--a-surface-action));
+}
+.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus) + .navds-checkbox__label::before,
+.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
+}
+.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate) + .navds-checkbox__label::before,
+.navds-radio__input:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
+  background-color: var(--ac-radio-checkbox-action-hover-bg, var(--a-surface-action-subtle));
+}
+.navds-checkbox--error
+  > .navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
+  + .navds-checkbox__label::before,
+.navds-radio--error > .navds-radio__input:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
+}
+.navds-checkbox--error
+  > .navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
+  + .navds-checkbox__label::before,
+.navds-radio--error > .navds-radio__input:focus:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
+}
+.navds-checkbox--error
+  > .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)
+  + .navds-checkbox__label::before,
+.navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
+  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
+}
+.navds-checkbox--error
+  > .navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)
+  + .navds-checkbox__label::before,
+.navds-radio--error > .navds-radio__input:focus:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
+  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
+  box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
+}
+.navds-checkbox--disabled,
+.navds-radio--disabled {
+  opacity: 0.3;
+}
+.navds-checkbox--disabled > .navds-checkbox__input,
+.navds-checkbox--disabled > .navds-checkbox__label,
+.navds-radio--disabled > .navds-radio__input,
+.navds-radio--disabled > .navds-radio__label {
+  cursor: not-allowed;
+}
+.navds-select__input {
+  appearance: none;
+  background-color: var(--ac-select-bg, var(--a-surface-default));
+  border-radius: var(--a-border-radius-medium);
+  border: 1px solid var(--ac-select-border, var(--a-border-default));
+  color: var(--ac-select-text, var(--a-text-default));
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 48px;
+  display: inline-block;
+  position: relative;
+  padding: 0.5rem;
+  padding-right: 2rem;
+}
+.navds-select__input:hover {
+  border-color: var(--ac-select-hover-bg, var(--a-border-action));
+}
+.navds-select__input:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-select__container {
+  position: relative;
+  display: flex;
+  width: 100%;
+  color: var(--a-text-default);
+}
+.navds-select__chevron {
+  position: absolute;
+  font-size: 1rem;
+  right: 0.5rem;
+  pointer-events: none;
+  align-self: center;
+}
+.navds-form-field--small .navds-select__input {
+  min-height: 32px;
+  padding: 0 2rem 0 0.25rem;
+}
+/**
+  Error handling
+*/
+.navds-select--error > * select:not(:hover):not(:focus):not(:disabled) {
+  box-shadow: 0 0 0 1px var(--ac-select-error-border, var(--a-surface-danger));
+  border-color: var(--ac-select-error-border, var(--a-surface-danger));
+}
+/**
+  Disabled
+*/
+.navds-select__input:disabled {
+  background-color: var(--ac-select-bg, var(--a-surface-default));
+  border: 1px solid var(--ac-select-border, var(--a-border-default));
+  box-shadow: none;
+  cursor: not-allowed;
+
+  /* Chrome-fix */
+  opacity: 1;
+  color: var(--a-text-default);
+}
+/* Chrome-fix */
+.navds-select__input:disabled > option {
+  color: var(--a-text-default);
+}
+.navds-switch {
+  position: relative;
+  min-height: 48px;
+  width: fit-content;
+}
+.navds-switch--right {
+  width: auto;
+}
+.navds-switch--small {
+  position: relative;
+  min-height: 32px;
+}
+/* Input */
+.navds-switch__input {
+  cursor: pointer;
+  position: absolute;
+  z-index: 1;
+  width: 48px;
+  height: 48px;
+  opacity: 0;
+  top: 0;
+}
+.navds-switch--small > .navds-switch__input {
+  height: 32px;
+  top: 0;
+}
+/* Label */
+.navds-switch__label-wrapper {
+  cursor: pointer;
+  color: var(--a-text-default);
+}
+.navds-switch__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--a-spacing-1);
+  padding: 0.75rem 0 0.75rem 3.25rem;
+}
+.navds-switch--right > .navds-switch__label-wrapper > .navds-switch__content {
+  padding: 0.75rem 3.25rem 0.75rem 0;
+}
+.navds-switch--small > .navds-switch__label-wrapper > .navds-switch__content {
+  padding: calc(var(--a-spacing-2) - 2px) 0 calc(var(--a-spacing-2) - 2px) 3.25rem;
+}
+.navds-switch--right.navds-switch--small > .navds-switch__label-wrapper > .navds-switch__content {
+  padding: calc(var(--a-spacing-2) - 2px) 3.25rem calc(var(--a-spacing-2) - 2px) 0;
+}
+.navds-switch--with-description,
+.navds-switch--small > .navds-switch__label-wrapper > .navds-switch--with-description {
+  padding-bottom: 0;
+}
+.navds-switch__input:hover ~ .navds-switch__label-wrapper,
+.navds-switch__label-wrapper:hover {
+  color: var(--ac-switch-action, var(--a-surface-action));
+}
+.navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
+  color: inherit;
+}
+/* Track */
+.navds-switch__track {
+  width: 44px;
+  height: 24px;
+  background-color: var(--ac-switch-bg, var(--a-surface-neutral));
+  position: absolute;
+  top: var(--a-spacing-3);
+  left: 0;
+  border-radius: var(--a-border-radius-medium);
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.navds-switch--small > .navds-switch__track {
+  top: var(--a-spacing-1);
+}
+.navds-switch--right > .navds-switch__input,
+.navds-switch--right > .navds-switch__track {
+  right: 0;
+  left: auto;
+}
+.navds-switch__input:checked ~ .navds-switch__track {
+  background-color: var(--ac-switch-checked-bg, var(--a-surface-success));
+}
+.navds-switch__input:hover ~ .navds-switch__track {
+  background-color: var(--ac-switch-hover-bg, var(--a-surface-neutral-hover));
+}
+.navds-switch__input:hover:checked ~ .navds-switch__track {
+  background-color: var(--ac-switch-checked-hover-bg, var(--a-surface-success-hover));
+}
+.navds-switch__input:disabled ~ .navds-switch__track {
+  background-color: var(--ac-switch-bg, var(--a-surface-neutral));
+}
+.navds-switch__input:checked:disabled ~ .navds-switch__track {
+  background-color: var(--ac-switch-checked-bg, var(--a-border-success));
+}
+.navds-switch__input:focus ~ .navds-switch__track {
+  box-shadow: 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+/* Thumb */
+.navds-switch__thumb {
+  background-color: var(--ac-switch-thumb-bg, var(--a-surface-default));
+  color: var(--ac-switch-thumb-icon, var(--a-icon-subtle));
+  border-radius: var(--a-border-radius-small);
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  transform: translateX(0);
+  left: 2px;
+  top: 2px;
+  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
+  transform: translateX(20px);
+  color: var(--ac-switch-thumb-icon-checked, var(--a-icon-success));
+}
+@media (hover: hover) and (pointer: fine) {
+  .navds-switch__input:hover ~ .navds-switch__track > .navds-switch__thumb {
+    transform: translateX(2px);
+  }
+
+  .navds-switch__input:checked:hover ~ .navds-switch__track > .navds-switch__thumb {
+    transform: translateX(18px);
+  }
+}
+.navds-switch__input:disabled:hover ~ .navds-switch__track > .navds-switch__thumb {
+  transform: translateX(0);
+}
+.navds-switch__input:checked:disabled:hover ~ .navds-switch__track > .navds-switch__thumb {
+  transform: translateX(20px);
+}
+/* Loader */
+.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb .navds-loader__foreground {
+  stroke: var(--ac-switch-thumb-icon-checked, var(--a-icon-success));
+}
+/* Disabled */
+.navds-switch__input:disabled {
+  appearance: none;
+}
+.navds-switch--disabled:not(.navds-switch--loading) {
+  opacity: 0.3;
+}
+.navds-switch__input:disabled,
+.navds-switch__input:disabled ~ .navds-switch__label-wrapper {
+  cursor: not-allowed;
+}
+.navds-text-field__input {
+  appearance: none;
+  padding: var(--a-spacing-2);
+  background-color: var(--ac-textfield-bg, var(--a-surface-default));
+  border-radius: var(--a-border-radius-medium);
+  border: 1px solid var(--ac-textfield-border, var(--a-border-default));
+  min-height: 48px;
+  width: 100%;
+  color: var(--ac-textfield-text, var(--a-text-default));
+}
+.navds-text-field__input[size] {
+  width: auto;
+}
+.navds-text-field__input::placeholder {
+  color: var(--ac-textfield-placeholder, var(--a-text-subtle));
+}
+.navds-form-field--small .navds-text-field__input {
+  padding: 0 0.5rem;
+  min-height: 32px;
+}
+.navds-text-field__input:hover {
+  border-color: var(--ac-textfield-hover-border, var(--a-border-action));
+}
+.navds-text-field__input:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+/**
+  Error handling
+*/
+.navds-text-field--error > .navds-text-field__input:not(:hover):not(:disabled) {
+  border-color: var(--ac-textfield-error-border, var(--a-border-danger));
+  box-shadow: 0 0 0 1px var(--ac-textfield-error-border, var(--a-border-danger));
+}
+.navds-text-field--error > .navds-text-field__input:focus:not(:hover):not(:disabled) {
+  box-shadow: 0 0 0 1px var(--a-border-danger), var(--a-shadow-focus);
+}
+/* Disabled handling */
+.navds-text-field__input:disabled {
+  background-color: var(--ac-textfield-bg, var(--a-surface-default));
+  border-color: var(--ac-textfield-border, var(--a-border-default));
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.navds-text-field__input[readonly] {
+  background-color: var(--ac-textfield-bg, var(--a-surface-default));
+  border-color: var(--ac-textfield-border, var(--a-border-default));
+  box-shadow: none;
+  cursor: not-allowed;
+}
+/**
+  * Removes default search icon
+  */
+.navds-text-field__input[type="search"]::-webkit-search-decoration,
+.navds-text-field__input[type="search"]::-webkit-search-cancel-button,
+.navds-text-field__input[type="search"]::-webkit-search-results-button,
+.navds-text-field__input[type="search"]::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+}
+.navds-textarea__wrapper {
+  position: relative;
+  width: 100%;
+}
+.navds-textarea__input {
+  appearance: none;
+  padding: var(--a-spacing-2);
+  background-color: var(--ac-textarea-bg, var(--a-surface-default));
+  border-radius: var(--a-border-radius-medium);
+  border: 1px solid var(--ac-textarea-border, var(--a-border-default));
+  resize: none;
+  width: 100%;
+  display: block;
+  color: var(--ac-textarea-text, var(--a-text-default));
+}
+.navds-textarea--counter {
+  padding-bottom: var(--a-spacing-8);
+}
+.navds-textarea__input::placeholder {
+  color: var(--ac-textarea-placeholder, var(--a-text-subtle));
+}
+.navds-textarea__input:hover {
+  border-color: var(--ac-textarea-hover-border, var(--a-border-action));
+}
+.navds-textarea__input:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-form-field--small .navds-textarea__input {
+  padding: 6px;
+}
+.navds-form-field--small .navds-textarea--counter.navds-textarea__input {
+  padding-bottom: var(--a-spacing-7);
+}
+.navds-textarea__counter {
+  pointer-events: none;
+  color: var(--ac-textarea-counter-text, var(--a-text-subtle));
+  font-style: italic;
+  position: absolute;
+  text-align: left;
+  left: 1px;
+  bottom: 1px;
+  padding: var(--a-spacing-1) var(--a-spacing-2);
+}
+.navds-textarea__counter--error {
+  color: var(--ac-textarea-counter-error-text, var(--a-text-danger));
+}
+.navds-textarea--resize .navds-textarea__input {
+  resize: both;
+}
+/**
+  Error handling
+*/
+.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled) {
+  box-shadow: 0 0 0 1px var(--ac-textarea-error-border, var(--a-border-danger));
+  border-color: var(--ac-textarea-error-border, var(--a-border-danger));
+}
+.navds-textarea__input:disabled {
+  background-color: var(--ac-textarea-bg, var(--a-surface-default));
+  border-color: var(--ac-textarea-border, var(--a-border-default));
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.navds-textarea__input[readonly] {
+  background-color: var(--ac-textarea-bg, var(--a-surface-default));
+  border-color: var(--ac-textarea-border, var(--a-border-default));
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.navds-search {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.navds-search__wrapper-inner {
+  position: relative;
+  width: 100%;
+}
+.navds-search__wrapper {
+  display: inline-flex;
+  align-items: center;
+}
+.navds-search__input {
+  padding-right: var(--a-spacing-10);
+}
+.navds-form-field--small .navds-search__input {
+  padding-right: var(--a-spacing-8);
+}
+.navds-search__input--simple {
+  padding-left: var(--a-spacing-11);
+}
+.navds-form-field--small .navds-search__input--simple {
+  padding-left: var(--a-spacing-7);
+}
+.navds-search__input:not(.navds-search__input--simple) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.navds-search__search-icon {
+  position: absolute;
+  left: var(--a-spacing-3);
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  font-size: 1.5rem;
+}
+.navds-form-field--small .navds-search__search-icon {
+  left: var(--a-spacing-2);
+  font-size: 1rem;
+}
+.navds-search__button-clear {
+  position: absolute;
+  right: 0.75rem;
+  border-radius: var(--a-border-radius-medium);
+  color: var(--ac-search-clear-icon, var(--a-text-default));
+  height: 32px;
+  width: 32px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  background: none;
+  border: none;
+  font-size: 1rem;
+  padding: 0;
+}
+.navds-form-field--small .navds-search__button-clear {
+  right: 0.5rem;
+  height: 24px;
+  width: 24px;
+}
+.navds-search__button-clear:hover {
+  color: var(--ac-search-clear-icon-hover, var(--a-text-action));
+}
+.navds-search__button-clear:focus {
+  box-shadow: var(--a-shadow-focus);
+  outline: none;
+}
+.navds-search__button-search {
+  flex-shrink: 0;
+  min-width: 64px;
+  min-height: 32px;
+  border-radius: 0;
+  border-top-right-radius: var(--a-border-radius-medium);
+  border-bottom-right-radius: var(--a-border-radius-medium);
+}
+.navds-form-field--small .navds-search__button-search svg {
+  font-size: 1rem;
+}
+.navds-form-field--small .navds-search__button-search {
+  min-width: 40px;
+}
+.navds-search__button-search.navds-button--secondary {
+  box-shadow: -1px 0 0 0 var(--ac-search-button-border, var(--a-border-default)) inset,
+    0 1px 0 0 var(--ac-search-button-border, var(--a-border-default)) inset,
+    0 -1px 0 0 var(--ac-search-button-border, var(--a-border-default)) inset;
+}
+.navds-search__button-search.navds-button--secondary:hover {
+  box-shadow: -1px 0 0 0 var(--ac-search-button-border-hover, var(--a-border-action)) inset,
+    0 1px 0 0 var(--ac-search-button-border-hover, var(--a-border-action)) inset,
+    0 -1px 0 0 var(--ac-search-button-border-hover, var(--a-border-action)) inset,
+    -1px 0 0 0 var(--ac-search-button-border-hover, var(--a-border-action));
+  z-index: 1;
+}
+.navds-search__wrapper-inner:focus-within + .navds-search__button-search.navds-button--secondary:hover {
+  z-index: auto;
+}
+.navds-search__button-search.navds-button--secondary:focus {
+  box-shadow: 0 0 0 1px var(--ac-search-button-border, var(--a-border-default)) inset, var(--a-shadow-focus);
+}
+.navds-search__button-search.navds-button--secondary:focus:hover {
+  box-shadow: 0 0 0 1px var(--ac-search-button-border-hover, var(--a-border-action)) inset, var(--a-shadow-focus);
+}
+.navds-search__button-search.navds-button--secondary:focus:active {
+  box-shadow: 0 0 0 1px var(--ac-search-button-focus-active-border, var(--a-surface-default)) inset, var(--a-shadow-focus);
+}
+/* Error-handling */
+.navds-search--error .navds-search__input:not(:hover):not(:disabled) {
+  border-color: var(--ac-search-error-border, var(--a-border-danger));
+  box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--a-border-danger));
+}
+.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled) {
+  box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--a-border-danger)), var(--a-shadow-focus);
+}
+/* Focus layering */
+.navds-search__input:focus,
+.navds-search__button-clear,
+.navds-search__button-search:focus {
+  z-index: 1;
+}
+.navds-help-text__button {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  cursor: pointer;
+  background-color: transparent;
+  border-radius: var(--a-border-radius-full);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--ac-help-text-button-color, var(--a-surface-action));
+  font-size: 1.5rem;
+}
+.navds-help-text__button:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+}
+.navds-help-text__icon {
+  border-radius: var(--a-border-radius-full);
+}
+.navds-help-text__popover > .navds-popover__arrow {
+  background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
+}
+.navds-help-text__popover.navds-popover {
+  background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
+  max-width: 65ch;
+
+  --ac-popover-border: var(--a-border-info);
+}
+.navds-help-text__icon--filled {
+  display: none;
+}
+.navds-help-text__button:where(:hover, :focus, [aria-expanded="true"]) > .navds-help-text__icon {
+  display: none;
+}
+.navds-help-text__button:where(:hover, :focus, [aria-expanded="true"]) > .navds-help-text__icon--filled {
+  display: inherit;
+}
+.navds-link {
+  color: var(--ac-link-text, var(--a-text-action));
+  text-decoration: underline;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--a-spacing-1);
+}
+.navds-alert .navds-link,
+.navds-confirmation-panel .navds-link {
+  color: var(--a-text-default);
+}
+.navds-link:hover {
+  text-decoration: none;
+}
+.navds-link:focus {
+  outline: none;
+  color: var(--ac-link-focus-text, var(--a-text-on-action));
+  text-decoration: none;
+  background-color: var(--ac-link-focus-bg, var(--a-border-focus));
+  box-shadow: 0 0 0 2px var(--ac-link-focus-border, var(--a-border-focus));
+}
+.navds-link:active {
+  outline: none;
+  color: var(--ac-link-active-text, var(--a-text-on-action));
+  text-decoration: none;
+  background-color: var(--ac-link-active-bg, var(--a-border-focus));
+  box-shadow: 0 0 0 2px var(--ac-link-active-border, var(--a-border-focus));
+}
+.navds-link svg {
+  color: inherit;
+  flex-shrink: 0;
+}
+.navds-loader {
+  width: 1.5rem;
+  display: inline-block;
+  position: relative;
+  animation: loader-rotate 1.8s linear infinite;
+  stroke-width: 6;
+
+  --ac-loader-background-stroke-width: 5.9;
+}
+.navds-loader__foreground {
+  animation: loader-dasharray 1.8s ease-in-out infinite;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0;
+  stroke: var(--ac-loader-stroke, var(--a-border-default));
+}
+.navds-loader__background {
+  stroke: var(--ac-loader-stroke-bg, var(--a-surface-active));
+  stroke-width: var(--ac-loader-background-stroke-width);
+}
+.navds-loader--neutral .navds-loader__foreground {
+  stroke: var(--ac-loader-neutral-stroke, var(--a-border-default));
+}
+.navds-loader--interaction .navds-loader__foreground {
+  stroke: var(--ac-loader-interaction-stroke, var(--a-border-action));
+}
+.navds-loader--inverted .navds-loader__foreground {
+  stroke: var(--ac-loader-inverted-stroke, var(--a-border-on-inverted));
+}
+.navds-loader--inverted .navds-loader__background {
+  stroke: var(--ac-loader-inverted-stroke-bg, var(--a-border-on-inverted-subtle));
+}
+.navds-loader--transparent .navds-loader__background {
+  stroke: var(--a-surface-transparent);
+}
+.navds-loader--3xlarge {
+  width: 5.5rem;
+  stroke-width: 5;
+
+  --ac-loader-background-stroke-width: 4.8;
+}
+.navds-loader--2xlarge {
+  width: 4rem;
+  stroke-width: 6;
+
+  --ac-loader-background-stroke-width: 5.8;
+}
+.navds-loader--xlarge {
+  width: 2.5rem;
+  stroke-width: 6;
+
+  --ac-loader-background-stroke-width: 5.8;
+}
+.navds-loader--large {
+  width: 2rem;
+  stroke-width: 7;
+
+  --ac-loader-background-stroke-width: 6.8;
+}
+.navds-loader--medium {
+  width: 1.5rem;
+  stroke-width: 7;
+
+  --ac-loader-background-stroke-width: 6.8;
+}
+.navds-loader--small {
+  width: 1.25rem;
+  stroke-width: 8;
+
+  --ac-loader-background-stroke-width: 7.8;
+}
+.navds-loader--xsmall {
+  width: 1rem;
+  stroke-width: 8;
+
+  --ac-loader-background-stroke-width: 7.8;
+}
+@keyframes loader-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loader-dasharray {
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -120px;
+  }
+}
+.ReactModal__Body--open {
+  overflow: hidden;
+}
+.navds-modal {
+  background-color: var(--ac-modal-bg, var(--a-surface-default));
+  border-radius: var(--a-border-radius-medium);
+  display: block;
+  position: relative;
+  overflow: auto;
+  max-height: 100%;
+}
+.navds-modal__content {
+  padding: var(--a-spacing-4);
+}
+.navds-modal:focus,
+.navds-modal--focus {
+  box-shadow: var(--a-shadow-focus);
+  outline: none;
+}
+.navds-modal__overlay {
+  position: fixed;
+  z-index: var(--a-z-index-modal);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--ac-modal-backdrop, var(--a-surface-backdrop));
+  padding: var(--a-spacing-4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.navds-modal__button--shake {
+  transform: rotate(0deg);
+  transition: transform 100ms cubic-bezier(0.82, 2, 1, 0.3);
+}
+/* prettier-ignore */
+.navds-modal__overlay:active > .navds-modal:not(:active) > .navds-modal__button--shake {
+  transform: rotate(10deg);
+  transition: transform 100ms cubic-bezier(0.82, -2, 1, 0.3);
+}
+.navds-modal__button {
+  position: absolute;
+  top: var(--a-spacing-4);
+  right: var(--a-spacing-4);
+  display: flex;
+  padding: var(--a-spacing-2);
+}
+.navds-modal__button svg {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.navds-pagination__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  gap: var(--a-spacing-3);
+}
+.navds-pagination__ellipsis {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--a-spacing-12);
+  cursor: default;
+}
+.navds-pagination--small .navds-pagination__ellipsis {
+  width: var(--a-spacing-8);
+}
+.navds-pagination--xsmall .navds-pagination__ellipsis {
+  width: var(--a-spacing-6);
+}
+.navds-pagination__item {
+  color: var(--ac-pagination-text, var(--a-text-default));
+}
+.navds-pagination--medium .navds-pagination__item {
+  border-radius: var(--a-border-radius-medium);
+}
+.navds-pagination__item[aria-current="true"] {
+  background-color: var(--ac-pagination-selected-bg, var(--a-surface-action-selected));
+  color: var(--ac-pagination-selected-text, var(--a-text-on-action));
+}
+.navds-pagination__item[aria-current="true"]:focus {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+.navds-pagination__prev-next {
+  display: flex;
+  align-items: center;
+  gap: var(--a-spacing-1);
+}
+.navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+.navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
+  padding-left: var(--a-spacing-05);
+  padding-right: var(--a-spacing-05);
+}
+.navds-pagination--invisible {
+  visibility: hidden;
+}
+.navds-popover {
+  z-index: var(--a-z-index-popover);
+  background-color: var(--ac-popover-bg, var(--a-surface-default));
+  box-shadow: var(--a-shadow-medium);
+  border: 1px solid;
+  border-color: var(--ac-popover-border, var(--a-border-default));
+  border-radius: var(--a-border-radius-medium);
+}
+.navds-popover__content {
+  padding: var(--a-spacing-4);
+}
+.navds-popover--hidden {
+  display: none;
+}
+.navds-popover:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-popover__arrow {
+  position: absolute;
+  z-index: -1;
+  transform: rotate(45deg);
+  background-color: var(--ac-popover-bg, var(--a-surface-default));
+  border: 1px solid;
+  border-color: var(--ac-popover-border, var(--a-border-default));
+  width: 1rem;
+  height: 1rem;
+}
+.navds-popover[data-placement^="top"] > .navds-popover__arrow {
+  border-left-color: transparent;
+  border-top-color: transparent;
+}
+/* prettier-ignore */
+.navds-popover[data-placement^="bottom"] > .navds-popover__arrow {
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+.navds-popover[data-placement^="left"] > .navds-popover__arrow {
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+}
+.navds-popover[data-placement^="right"] > .navds-popover__arrow {
+  border-right-color: transparent;
+  border-top-color: transparent;
+}
+.navds-date {
+  padding: var(--a-spacing-3);
+}
+.navds-date .rdp-day_range_middle.rdp-day_disabled {
+  color: var(--ac-date-middle-text, var(--a-text-on-action));
+  background: var(--ac-date-middle-bg, var(--a-surface-action-selected));
+}
+.navds-date .rdp-month,
+.navds-date.rdp-month {
+  display: grid;
+  gap: var(--a-spacing-5);
+}
+.navds-date__caption-label {
+  text-transform: capitalize;
+}
+.navds-date .rdp-head_cell {
+  text-transform: capitalize;
+  font-size: var(--a-font-size-small);
+}
+.navds-date .rdp-weeknumber {
+  color: var(--ac-date-week-text, var(--a-text-on-neutral));
+  background: var(--ac-date-week-bg, var(--a-surface-neutral));
+  font-size: var(--a-font-size-small);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--a-spacing-05) var(--a-spacing-1);
+  border-radius: var(--a-border-radius-small);
+}
+.navds-date__caption-dropdown {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--a-spacing-2);
+  align-items: center;
+}
+.navds-date__caption__month-wrapper {
+  display: flex;
+  justify-content: center;
+  gap: var(--a-spacing-2);
+  align-items: center;
+}
+.navds-date__caption__month .navds-select__container select {
+  text-transform: capitalize;
+}
+.navds-date .rdp-button {
+  all: unset;
+  width: 2.5rem;
+  height: 2.5rem;
+  text-align: center;
+  border-radius: var(--a-border-radius-medium);
+}
+.navds-date .rdp-day_range_start {
+  border-radius: var(--a-border-radius-xlarge) var(--a-border-radius-small) var(--a-border-radius-small)
+    var(--a-border-radius-xlarge);
+}
+.navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
+  border-radius: var(--a-border-radius-small) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge)
+    var(--a-border-radius-small);
+}
+.navds-date .rdp-day_range_start.rdp-day_range_end {
+  border-radius: var(--a-border-radius-xlarge);
+}
+.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus,
+.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus {
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus,
+.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus {
+  box-shadow: inset 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
+}
+/* Monthpicker */
+.navds-date__month-button {
+  all: unset;
+  text-align: center;
+  width: 3rem;
+  height: 2.75rem;
+  text-transform: capitalize;
+  border-radius: var(--a-border-radius-medium);
+  cursor: pointer;
+}
+.navds-date__month-button:focus,
+.navds-monthpicker__caption-button:focus {
+  box-shadow: var(--a-shadow-focus);
+  z-index: 1;
+}
+.navds-date__year-label {
+  display: flex;
+  align-items: center;
+}
+.navds-date__wrapper,
+.navds-date__standalone-wrapper {
+  height: fit-content;
+  width: fit-content;
+}
+.navds-date .navds-date__field {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+}
+.navds-date__field-wrapper {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  width: fit-content;
+}
+/* Focus layering */
+.navds-date__field-input:focus,
+.navds-date__field-button {
+  z-index: 1;
+}
+.navds-date .rdp-day_selected,
+.navds-monthpicker__month--selected {
+  color: var(--ac-date-selected-text, var(--a-text-on-action));
+  background: var(--ac-date-selected-bg, var(--a-surface-action-selected));
+  cursor: pointer;
+}
+.navds-date .rdp-day_disabled {
+  cursor: not-allowed;
+  text-decoration: line-through;
+  background-color: var(--ac-date-disabled-bg, var(--a-surface-neutral-subtle));
+  color: var(--ac-date-disabled-text, var(--a-text-subtle));
+}
+.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,
+.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover {
+  background: var(--ac-date-hover-bg, var(--a-surface-action-subtle-hover));
+  cursor: pointer;
+}
+.navds-date .rdp-day_today {
+  box-shadow: 0 0 0 1px var(--ac-date-today-border, var(--a-border-action-selected));
+  text-decoration: underline;
+}
+.navds-date__caption {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--a-spacing-2);
+}
+.navds-date__caption-button,
+.navds-date__caption-button:disabled {
+  color: var(--ac-date-caption-text, var(--a-text-default));
+}
+.navds-date__field-input {
+  padding-right: var(--a-spacing-12);
+}
+.navds-form-field--small .navds-date__field-input {
+  padding-right: var(--a-spacing-8);
+}
+/* Error-handling */
+.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
+  border-color: var(--ac-date-input-error-border, var(--a-border-danger));
+  box-shadow: inset 0 0 0 1px var(--ac-date-input-error-border, var(--a-border-danger));
+}
+.navds-date__field--error .navds-date__field-input:focus:not(:hover):not(:disabled) {
+  box-shadow: inset 0 0 0 1px var(--ac-date-input-error-border, var(--a-border-danger)), var(--a-shadow-focus);
+}
+.navds-date__field-button {
+  position: absolute;
+  right: var(--a-spacing-2);
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--ac-date-input-button-text, var(--a-text-default));
+}
+.navds-form-field--small .navds-date__field-button {
+  right: var(--a-spacing-2);
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.navds-form-field--small .navds-date__field-button svg {
+  font-size: var(--a-font-size-medium);
+}
+.navds-form-field--disabled .navds-date__field-button {
+  opacity: 1;
+}
+.navds-date__caption__year {
+  width: 5rem;
+}
+.navds-date .rdp-day_outside {
+  visibility: hidden;
+  pointer-events: none;
+}
+.navds-tag {
+  border: 1px solid;
+  border-radius: var(--a-border-radius-small);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--a-spacing-05) var(--a-spacing-2);
+  min-height: 32px;
+  line-height: 1;
+}
+.navds-tag--small {
+  min-height: 24px;
+  padding: 0 0.375rem;
+}
+.navds-tag--xsmall {
+  min-height: 20px;
+  padding: 0 var(--a-spacing-1);
+}
+.navds-tag--error {
+  border-color: var(--ac-tag-error-border, var(--a-border-danger));
+  background-color: var(--ac-tag-error-bg, var(--a-surface-danger-subtle));
+  color: var(--ac-tag-error-text, var(--a-text-default));
+}
+.navds-tag--error-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-error-filled-bg, var(--a-surface-danger));
+  color: var(--ac-tag-error-filled-text, var(--a-text-on-danger));
+}
+.navds-tag--success {
+  border-color: var(--ac-tag-success-border, var(--a-border-success));
+  background-color: var(--ac-tag-success-bg, var(--a-surface-success-subtle));
+  color: var(--ac-tag-success-text, var(--a-text-default));
+}
+.navds-tag--success-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-success-filled-bg, var(--a-surface-success));
+  color: var(--ac-tag-success-filled-text, var(--a-text-on-success));
+}
+.navds-tag--warning {
+  border-color: var(--ac-tag-warning-border, var(--a-border-warning));
+  background-color: var(--ac-tag-warning-bg, var(--a-surface-warning-subtle));
+  color: var(--ac-tag-warning-text, var(--a-text-default));
+}
+.navds-tag--warning-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-warning-filled-bg, var(--a-surface-warning));
+  color: var(--ac-tag-warning-filled-text, var(--a-text-on-warning));
+}
+.navds-tag--info {
+  border-color: var(--ac-tag-info-border, var(--a-border-info));
+  background-color: var(--ac-tag-info-bg, var(--a-surface-info-subtle));
+  color: var(--ac-tag-info-text, var(--a-text-default));
+}
+.navds-tag--info-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-info-filled-bg, var(--a-surface-info));
+  color: var(--ac-tag-info-filled-text, var(--a-text-on-info));
+}
+.navds-tag--neutral {
+  border-color: var(--ac-tag-neutral-border, var(--a-border-default));
+  background-color: var(--ac-tag-neutral-bg, var(--a-surface-neutral-subtle));
+  color: var(--ac-tag-neutral-text, var(--a-text-default));
+}
+.navds-tag--neutral-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-neutral-filled-bg, var(--a-surface-neutral));
+  color: var(--ac-tag-neutral-filled-text, var(--a-text-on-neutral));
+}
+.navds-tag--alt1 {
+  border-color: var(--ac-tag-alt-1-border, var(--a-border-alt-1));
+  background-color: var(--ac-tag-alt-1-bg, var(--a-surface-alt-1-subtle));
+  color: var(--ac-tag-alt-1-text, var(--a-text-default));
+}
+.navds-tag--alt1-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-1-filled-bg, var(--a-surface-alt-1));
+  color: var(--ac-tag-alt-1-filled-text, var(--a-text-on-alt-1));
+}
+.navds-tag--alt2 {
+  border-color: var(--ac-tag-alt-2-border, var(--a-border-alt-2));
+  background-color: var(--ac-tag-alt-2-bg, var(--a-surface-alt-2-subtle));
+  color: var(--ac-tag-alt-2-text, var(--a-text-default));
+}
+.navds-tag--alt2-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-2-filled-bg, var(--a-surface-alt-2));
+  color: var(--ac-tag-alt-2-filled-text, var(--a-text-on-alt-2));
+}
+.navds-tag--alt3 {
+  border-color: var(--ac-tag-alt-3-border, var(--a-border-alt-3));
+  background-color: var(--ac-tag-alt-3-bg, var(--a-surface-alt-3-subtle));
+  color: var(--ac-tag-alt-3-text, var(--a-text-default));
+}
+.navds-tag--alt3-filled {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-3-filled-bg, var(--a-surface-alt-3));
+  color: var(--ac-tag-alt-3-filled-text, var(--a-text-on-alt-3));
+}
+@keyframes tooltipFadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+.navds-tooltip {
+  z-index: var(--a-z-index-tooltip);
+  background-color: var(--ac-tooltip-bg, var(--a-surface-inverted));
+  color: var(--ac-tooltip-text, var(--a-text-on-inverted));
+  border-radius: var(--a-border-radius-small);
+  padding: 0 var(--a-spacing-2);
+  align-items: center;
+  filter: drop-shadow(0 2px 4px rgba(0 0 0 / 0.1)) drop-shadow(0 4px 6px rgba(0 0 0 / 0.1));
+  display: flex;
+  flex-direction: column;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  animation-duration: 0.2s;
+  animation-name: tooltipFadeIn;
+  text-align: center;
+}
+.navds-tooltip__arrow {
+  height: 7px;
+  width: 7px;
+  transform: rotate(45deg);
+  z-index: -1;
+  background-color: var(--ac-tooltip-bg, var(--a-surface-inverted));
+  position: absolute;
+}
+.navds-tooltip__keys {
+  padding-bottom: var(--a-spacing-1);
+  display: flex;
+  gap: var(--a-spacing-1);
+}
+.navds-tooltip__key {
+  font-family: var(--a-font-family);
+  background-color: var(--ac-tooltip-key-bg, var(--a-surface-neutral));
+  color: var(--ac-tooltip-key-text, var(--a-text-on-inverted));
+  border-radius: var(--a-border-radius-small);
+  padding: 0 var(--a-spacing-1);
+  min-width: 18px;
+  height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.navds-toggle-group__wrapper {
+  display: grid;
+  justify-items: start;
+  gap: var(--a-spacing-2);
+}
+.navds-toggle-group {
+  border-radius: 9px;
+  background-color: var(--ac-toggle-group-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 1px var(--ac-toggle-group-border, var(--a-border-default));
+  padding: calc(var(--a-spacing-1) + 1px);
+  gap: var(--a-spacing-1);
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+}
+.navds-toggle-group--neutral {
+  background-color: var(--ac-toggle-group-neutral-bg, var(--a-surface-transparent));
+  box-shadow: inset 0 0 0 1px var(--ac-toggle-group-neutral-border, var(--a-border-default));
+}
+.navds-toggle-group__button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--a-spacing-3);
+  min-height: 48px;
+  border: none;
+  cursor: pointer;
+  background-color: var(--ac-toggle-group-button-bg, var(--a-surface-transparent));
+  color: var(--ac-toggle-group-button-text, var(--a-text-default));
+  border-radius: var(--a-border-radius-medium);
+  min-width: fit-content;
+}
+.navds-toggle-group--neutral > .navds-toggle-group__button {
+  background-color: var(--ac-toggle-group-button-neutral-bg, var(--a-surface-transparent));
+  color: var(--ac-toggle-group-button-neutral-text, var(--a-text-default));
+}
+.navds-toggle-group__button:hover {
+  background-color: var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle));
+  color: var(--ac-toggle-group-button-hover-text, var(--a-text-action-on-action-subtle));
+}
+.navds-toggle-group--neutral > .navds-toggle-group__button:hover {
+  background-color: var(--ac-toggle-group-button-neutral-hover-bg, var(--a-surface-neutral-subtle-hover));
+  color: var(--ac-toggle-group-button-neutral-hover-text, var(--a-text-default));
+}
+.navds-toggle-group__button:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+}
+.navds-toggle-group__button:focus:hover[aria-pressed="false"] {
+  box-shadow: 0 0 0 1px var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle)), 0 0 0 4px var(--a-border-focus);
+}
+.navds-toggle-group--neutral > .navds-toggle-group__button:focus:hover[aria-pressed="false"] {
+  box-shadow: 0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg, var(--a-surface-neutral-subtle-hover)),
+    0 0 0 4px var(--a-border-focus);
+}
+.navds-toggle-group__button-inner {
+  display: flex;
+  align-items: center;
+  gap: var(--a-spacing-2);
+}
+.navds-toggle-group__button-inner > * {
+  flex-shrink: 0;
+}
+.navds-toggle-group__button[aria-pressed="true"],
+.navds-toggle-group__button[aria-checked="true"] {
+  background-color: var(--ac-toggle-group-selected-bg, var(--a-surface-action-selected));
+  color: var(--ac-toggle-group-selected-text, var(--a-text-on-action));
+}
+.navds-toggle-group--neutral > .navds-toggle-group__button[aria-pressed="true"],
+.navds-toggle-group--neutral > .navds-toggle-group__button[aria-checked="true"] {
+  background-color: var(--ac-toggle-group-neutral-selected-bg, var(--a-surface-neutral));
+  color: var(--ac-toggle-group-neutral-selected-text, var(--a-text-on-neutral));
+}
+.navds-toggle-group--small > .navds-toggle-group__button {
+  padding: 0.375rem;
+  min-height: 32px;
+  min-width: fit-content;
+}
+.navds-toggle-group__button > .navds-toggle-group__button-inner > svg {
+  font-size: 1.5rem;
+}
+.navds-toggle-group--small > .navds-toggle-group__button > .navds-toggle-group__button-inner > svg {
+  font-size: 1.125rem;
+}
+.navds-panel {
+  background-color: var(--ac-panel-bg, var(--a-surface-default));
+  padding: var(--a-spacing-4);
+  border-radius: var(--a-border-radius-small);
+  border: 1px solid transparent;
+}
+.navds-panel--border {
+  border-color: var(--ac-panel-border, var(--a-border-default));
+}
+.navds-link-panel {
+  text-decoration: none;
+  color: var(--ac-link-panel-text, var(--a-text-default));
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--a-spacing-4);
+}
+.navds-link-panel:hover .navds-link-panel__title {
+  text-decoration: underline;
+  color: var(--ac-link-panel-hover-text, var(--a-text-action));
+}
+.navds-link-panel:hover {
+  box-shadow: var(--a-shadow-medium);
+  border-color: var(--ac-link-panel-hover-border, var(--a-border-action));
+}
+.navds-link-panel:focus {
+  box-shadow: var(--a-shadow-focus);
+  outline: none;
+}
+.navds-link-panel__chevron {
+  flex-shrink: 0;
+  font-size: 1.5rem;
+  transition: transform 200ms;
+}
+.navds-link-panel:hover > .navds-link-panel__chevron,
+.navds-link-panel:focus-within > .navds-link-panel__chevron {
+  transform: translateX(4px);
+}
+.navds-link-panel__description {
+  margin-top: var(--a-spacing-1);
+}
+.navds-read-more__button {
+  cursor: pointer;
+  margin: 0;
+  border: none;
+  background: none;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--a-spacing-05);
+  color: var(--ac-read-more-text, var(--a-text-action));
+  border-radius: var(--a-border-radius-small);
+  padding: var(--a-spacing-1) var(--a-spacing-1) var(--a-spacing-1) 2px;
+  text-align: start;
+}
+.navds-read-more--small .navds-read-more__button {
+  padding: 2px var(--a-spacing-1) 2px 2px;
+}
+.navds-read-more__button:hover {
+  background-color: var(--ac-read-more-hover-bg, var(--a-surface-hover));
+}
+.navds-read-more__button:active {
+  background-color: var(--ac-read-more-active-bg, var(--a-surface-active));
+}
+.navds-read-more__button:focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+}
+.navds-read-more__content {
+  margin-top: var(--a-spacing-1);
+  border-left: 2px solid var(--ac-read-more-line, var(--a-border-divider));
+  margin-left: 11px;
+  padding-left: 11px;
+}
+.navds-read-more__expand-icon {
+  font-size: 1.25rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+}
+.navds-read-more--small .navds-read-more__expand-icon {
+  height: 1.25rem;
+}
+.navds-read-more--open > .navds-read-more__button > .navds-read-more__expand-icon {
+  transform: rotate(-180deg);
+}
+.navds-read-more__expand-icon--filled {
+  display: none;
+}
+.navds-read-more__button:hover > .navds-read-more__expand-icon.navds-read-more__expand-icon--filled {
+  display: inherit;
+}
+.navds-read-more__button:hover > .navds-read-more__expand-icon {
+  display: none;
+}
+.navds-stepper {
+  --navds-stepper-circle-size: 1.75rem;
+  --navds-stepper-border-width: 2px;
+  --navds-stepper-line-length: 1rem;
+
+  color: var(--ac-stepper-text, var(--a-surface-action));
+  font-weight: 600;
+  line-height: 1;
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
+}
+.navds-stepper--horizontal {
+  display: flex;
+  align-items: flex-start;
+  text-align: center;
+}
+.navds-stepper__item {
+  display: grid;
+  grid-template-rows:
+    [line-1] auto [step-start] var(--navds-stepper-circle-size)
+    [line-2 step-end] auto;
+  grid-template-columns: var(--navds-stepper-circle-size) auto;
+  justify-items: flex-start;
+  gap: 0.5rem;
+}
+.navds-stepper__line {
+  background-color: var(--ac-stepper-line, var(--a-border-default));
+  width: var(--navds-stepper-border-width);
+  height: 100%;
+  min-height: var(--navds-stepper-line-length);
+  justify-self: center;
+  grid-column: 1;
+}
+.navds-stepper__step--behind.navds-stepper__step--completed + .navds-stepper__line {
+  background-color: var(--ac-stepper-line-completed, var(--a-border-selected));
+}
+.navds-stepper__line--1 {
+  grid-row: line-1;
+  display: none;
+}
+.navds-stepper__line--2 {
+  grid-row: line-2;
+}
+:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2 {
+  display: none;
+}
+.navds-stepper__step {
+  grid-row: 2 / -1;
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: [circle] var(--navds-stepper-circle-size) [content] auto;
+  gap: var(--a-spacing-2);
+  justify-content: flex-start;
+  text-decoration: none;
+  cursor: pointer;
+  padding: var(--navds-stepper-border-width);
+  margin: calc(var(--navds-stepper-border-width) * -1) calc(var(--navds-stepper-border-width) * -1) 1.75rem;
+}
+button.navds-stepper__step {
+  appearance: none;
+  border: none;
+  background-color: transparent;
+  font: inherit;
+  color: inherit;
+  text-align: inherit;
+}
+.navds-stepper__step--non-interactive {
+  color: var(--ac-stepper-non-interactive, var(--a-text-subtle));
+  cursor: default;
+}
+:where(.navds-stepper__step):focus {
+  outline: none;
+  box-shadow: var(--a-shadow-focus);
+  isolation: isolate;
+}
+.navds-stepper__circle {
+  grid-column: circle;
+  display: inline-grid;
+  place-items: center;
+  flex-shrink: 0;
+  width: var(--navds-stepper-circle-size);
+  height: var(--navds-stepper-circle-size);
+  border: var(--navds-stepper-border-width) solid currentColor;
+  border-radius: var(--a-border-radius-full);
+  line-height: 1;
+}
+.navds-stepper__circle--success {
+  border: none;
+  background: none;
+  font-size: 28px;
+}
+.navds-stepper__content {
+  min-width: fit-content;
+  line-height: 1.5;
+  grid-column: content;
+  padding-top: 0.035rem;
+}
+/* Horizontal */
+:where(.navds-stepper--horizontal) .navds-stepper__item {
+  flex: 1 1 100%;
+  grid-template-columns:
+    [line-1-start] 1fr [step-start] auto [line-1-end] var(--navds-stepper-circle-size)
+    [line-2-start] auto [step-end] 1fr [line-2-end];
+  grid-template-rows: var(--navds-stepper-circle-size) auto;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__line {
+  height: var(--navds-stepper-border-width);
+  width: 100%;
+  min-height: auto;
+  grid-row: 1;
+  display: block;
+  align-self: center;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__line--1 {
+  grid-column: line-1;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__line--2 {
+  grid-column: line-2;
+}
+:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type) .navds-stepper__line--1,
+:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type) .navds-stepper__line--2 {
+  visibility: hidden;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__step {
+  grid-row: 1 / -1;
+  grid-column: step;
+  display: grid;
+  grid-template-rows: [circle] var(--navds-stepper-circle-size) [content] auto;
+  grid-template-columns:
+    [content-start] auto [circle] var(--navds-stepper-circle-size)
+    [content-end] auto;
+  justify-items: center;
+  align-items: center;
+  margin-bottom: 0;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__circle {
+  grid-row: circle;
+  grid-column: 2;
+}
+:where(.navds-stepper--horizontal) .navds-stepper__content {
+  grid-row: content;
+  grid-column: 1 / -1;
+  max-width: 24ch;
+}
+/* Active step */
+:where(.navds-stepper__step--active) .navds-stepper__content {
+  color: var(--ac-stepper-active, var(--a-text-action-selected));
+}
+:where(.navds-stepper__step:hover) .navds-stepper__content {
+  text-decoration: underline;
+}
+:where(.navds-stepper__step--non-interactive:hover, .navds-stepper__step--active:hover) .navds-stepper__content {
+  text-decoration: none;
+}
+:where(.navds-stepper__step--active) .navds-stepper__circle {
+  background-color: var(--ac-stepper-active-bg, var(--a-surface-action-selected));
+  border-color: var(--ac-stepper-active-border, var(--a-border-action-selected));
+  color: var(--ac-stepper-active-text, var(--a-text-on-action));
+}
+:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle {
+  background-color: var(--ac-stepper-hover-bg, var(--a-surface-action-subtle-hover));
+}
+/* Non-interactive */
+:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content {
+  color: var(--ac-stepper-non-interactive-active, var(--a-text-default));
+}
+.navds-stepper__step--non-interactive.navds-stepper__step--behind.navds-stepper__step--completed + .navds-stepper__line {
+  background-color: var(--ac-stepper-non-interactive-line-completed, var(--a-border-strong));
+}
+:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle {
+  background-color: var(--ac-stepper-non-interactive-active-bg, var(--a-surface-inverted));
+  border-color: var(--ac-stepper-non-interactive-active-border, var(--a-surface-inverted));
+  color: var(--ac-stepper-non-interactive-active-text, var(--a-text-on-inverted));
+}
+:where(.navds-stepper__step--non-interactive:hover) .navds-stepper__circle {
+  background-color: transparent;
+}
+:where(.navds-stepper__step--non-interactive.navds-stepper__step--active:hover) .navds-stepper__circle {
+  background-color: var(--ac-stepper-non-interactive-active-bg, var(--a-surface-inverted));
+}
+:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle {
+  background-color: inherit;
+  color: var(--ac-stepper-active-completed, var(--a-text-action-selected));
+}
+:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle {
+  color: var(--ac-stepper-non-interactive-active-completed, var(--a-text-default));
+}
+.navds-table {
+  width: 100%;
+  border-collapse: collapse;
+  display: table;
+}
+.navds-table__header {
+  display: table-header-group;
+}
+.navds-table__body {
+  display: table-row-group;
+}
+.navds-table__row {
+  display: table-row;
+}
+.navds-table__body .navds-table__row--shade-on-hover:hover {
+  background-color: var(--ac-table-row-hover, var(--a-bg-subtle));
+}
+.navds-table__row--selected {
+  background-color: var(--ac-table-row-selected, var(--a-surface-action-subtle));
+}
+.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
+  background-color: var(--ac-table-row-selected-hover, var(--a-surface-action-subtle-hover));
+}
+.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
+  background-color: var(--ac-table-row-zebra, var(--a-surface-subtle));
+}
+.navds-table--zebra-stripes
+  .navds-table__body
+  :where(.navds-table__expandable-row:nth-child(4n + 1):not(.navds-table__row--selected)) {
+  background-color: transparent;
+}
+.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
+  background-color: var(--ac-table-row-zebra, var(--a-surface-subtle));
+}
+.navds-table__header-cell,
+.navds-table__data-cell {
+  display: table-cell;
+  padding: var(--a-spacing-4) var(--a-spacing-3);
+  border-bottom: 1px solid var(--ac-table-row-border, var(--a-border-default));
+  text-align: left;
+}
+.navds-table__header .navds-table__header-cell,
+.navds-table__header .navds-table__data-cell {
+  border-bottom-width: 2px;
+}
+.navds-table__header-cell--align-right,
+.navds-table__data-cell--align-right {
+  text-align: right;
+}
+.navds-table__header-cell--align-center,
+.navds-table__data-cell--align-center {
+  text-align: center;
+}
+:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell,
+:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
+  border-color: var(--ac-table-cell-hover-border, var(--a-border-strong));
+}
+:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
+  border-bottom-color: transparent;
+}
+.navds-table--small .navds-table__header-cell,
+.navds-table--small .navds-table__data-cell {
+  padding: var(--a-spacing-2) var(--a-spacing-3);
+}
+.navds-table .navds-checkbox .navds-checkbox__input {
+  top: -12px;
+}
+.navds-table .navds-checkbox--small .navds-checkbox__input {
+  top: -6px;
+}
+.navds-table .navds-checkbox .navds-checkbox__label {
+  padding: 0;
+}
+.navds-table__header-cell[aria-sort] {
+  padding: 0;
+}
+.navds-table__sort-button {
+  appearance: none;
+  background: none;
+  color: var(--ac-table-sort-button-text, var(--a-text-action));
+  border: none;
+  cursor: pointer;
+  margin: 0;
+  padding: var(--a-spacing-4) var(--a-spacing-3);
+  width: 100%;
+  display: flex;
+  gap: var(--a-spacing-2);
+  align-items: center;
+  line-height: inherit;
+  font-weight: inherit;
+}
+.navds-table--small .navds-table__sort-button {
+  padding: var(--a-spacing-2) var(--a-spacing-3);
+}
+.navds-table__sort-button:hover {
+  background-color: var(--ac-table-sort-button-hover-bg, var(--a-bg-subtle));
+}
+.navds-table__sort-button:focus {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--a-border-focus);
+}
+.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
+.navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
+  background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
+  color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
+}
+.navds-table__header-cell--align-right .navds-table__sort-button {
+  justify-content: flex-end;
+}
+.navds-table__header-cell--align-center .navds-table__sort-button {
+  justify-content: center;
+}
+.navds-table__sort-button svg {
+  font-size: 1rem;
+  flex-shrink: 0;
+}
+.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell {
+  transition: border-bottom-color 190ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
+}
+.navds-table__expandable-row--open .navds-table__data-cell {
+  border-bottom-color: transparent;
+}
+.navds-table__expandable-row--open .navds-table__header-cell {
+  border-color: var(--ac-table-row-border, var(--a-border-default));
+}
+.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open {
+  border-color: transparent;
+}
+.navds-table__toggle-expand-cell {
+  padding: 0;
+  width: 56px;
+}
+.navds-table--small .navds-table__toggle-expand-cell {
+  padding: 0;
+  width: 36px;
+}
+.navds-table__toggle-expand-button {
+  all: unset;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: var(--a-spacing-4);
+}
+.navds-table--small .navds-table__toggle-expand-button {
+  padding: var(--a-spacing-2);
+}
+.navds-table__toggle-expand-button:focus {
+  box-shadow: inset var(--a-shadow-focus);
+}
+.navds-table__expandable-icon {
+  font-size: 1.5rem;
+}
+.navds-table--small .navds-table__expandable-icon {
+  font-size: 1.25rem;
+}
+.navds-table__toggle-expand-button:hover .navds-table__expandable-icon,
+.navds-table__expandable-icon--filled {
+  display: none;
+}
+.navds-table__toggle-expand-button:hover .navds-table__expandable-icon--filled {
+  display: block;
+}
+.navds-table__toggle-expand-cell--open .navds-table__expandable-icon {
+  transform: rotate(180deg);
+}
+.navds-table__expanded-row-cell {
+  padding: 0;
+}
+.navds-table__expanded-row-cell:empty {
+  display: none;
+}
+.navds-table__expanded-row-collapse:not([style*="height: 0px;"]) {
+  border-bottom: 1px solid var(--ac-table-row-border, var(--a-border-default));
+}
+.navds-table__expanded-row-content {
+  padding: var(--a-spacing-4) 4.25rem;
+}
+.navds-table--small .navds-table__expanded-row-content {
+  padding: var(--a-spacing-2) var(--a-spacing-12);
+}
+.navds-tabs__tablist-wrapper {
+  box-shadow: inset 0 -1px 0 0 var(--ac-tabs-border, var(--a-border-divider));
+  width: 100%;
+  display: flex;
+}
+.navds-tabs__tablist {
+  display: flex;
+  max-width: 100%;
+  width: auto;
+  scroll-behavior: smooth;
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
+  overflow-x: scroll;
+}
+.navds-tabs__tablist::-webkit-scrollbar {
+  display: none; /* for Chrome, Safari, and Opera */
+}
+.navds-tabs__scroll-button {
+  padding: var(--a-spacing-3) var(--a-spacing-4);
+  width: 44px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.navds-tabs__scroll-button--hidden {
+  visibility: hidden;
+}
+.navds-tabs__scroll-button svg {
+  font-size: 1.25rem;
+  flex-shrink: 0;
+}
+.navds-tabs--small .navds-tabs__scroll-button {
+  padding: 0.375rem var(--a-spacing-4);
+  width: 32px;
+}
+.navds-tabs__tab {
+  min-height: 48px;
+  padding: var(--a-spacing-3) var(--a-spacing-4);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  background: none;
+  border: none;
+  color: var(--ac-tabs-text, var(--a-text-subtle));
+  cursor: pointer;
+}
+.navds-tabs__tab:hover {
+  box-shadow: inset 0 -3px 0 0 var(--ac-tabs-hover-border, var(--a-border-subtle-hover));
+}
+.navds-tabs__tab[aria-selected="true"] {
+  box-shadow: inset 0 -3px 0 0 var(--ac-tabs-selected-border, var(--a-border-action));
+  color: var(--ac-tabs-selected-text, var(--a-text-default));
+}
+.navds-tabs__tab:focus {
+  outline: none;
+  box-shadow: inset var(--a-shadow-focus);
+  color: var(--ac-tabs-focus-text, var(--a-text-default));
+}
+.navds-tabs__tab-inner {
+  display: flex;
+  align-items: center;
+  gap: var(--a-spacing-1);
+}
+.navds-tabs__tab-inner svg {
+  flex-shrink: 0;
+}
+.navds-tabs__tab-icon--top > .navds-tabs__tab-inner {
+  flex-direction: column;
+  gap: 0;
+}
+.navds-tabs__tab--small {
+  min-height: 32px;
+  padding: 0.375rem var(--a-spacing-4);
+}
+.navds-tabs__tab-icon--top,
+.navds-tabs__tab--small.navds-tabs__tab-icon--top {
+  padding: var(--a-spacing-1) var(--a-spacing-4);
+}
+.navds-tabs__tab svg,
+.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,
+.navds-tabs__tab--small.navds-tabs__tab-icon--top svg {
+  font-size: 1.25rem;
+}
+.navds-tabs__tab--small svg {
+  font-size: 1rem;
+}
+.navds-tabs__tab--icon-only svg,
+.navds-tabs__tab-icon--top svg {
+  font-size: 1.5rem;
+}
+.navds-tabs__tabpanel:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--a-border-focus);
+}
+.navds-list ul,
+.navds-list ol {
+  padding: 0;
+}
+.navds-list--nested {
+  margin: var(--a-spacing-4) 0 var(--a-spacing-8) 0;
+}
+.navds-list li:not(.navds-list__item--noMargin) {
+  margin-bottom: var(--a-spacing-5);
+}
+.navds-list:last-child > ul > li:last-child,
+.navds-list:last-child > ol > li:last-child {
+  margin-bottom: 0;
+}
+.navds-list ul .navds-list__item {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: var(--a-spacing-3);
+  padding-left: 0;
+}
+.navds-list ul .navds-list__item::marker {
+  content: none;
+}
+.navds-list ol .navds-list__item-marker--icon {
+  grid-column: 1 / 2;
+  display: flex;
+}
+.navds-list .navds-list__item-marker--bullet {
+  display: flex;
+  margin-top: 6px;
+  grid-column: 1 / 2;
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
+}
+.navds-list__item-marker--icon {
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
+}
+.navds-list ul .navds-list__item-content {
+  grid-column: 2 / 3;
+}
+.navds-list ol {
+  padding-left: var(--a-spacing-2);
+}
+.navds-list ol li {
+  padding-left: var(--a-spacing-1);
+  margin-left: var(--a-spacing-2);
+}
+.navds-list ol li::marker {
+  font-weight: var(--a-font-weight-bold);
+  font-size: var(--a-font-size-medium);
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
+}