@digdir/designsystemet-react 0.59.1-alpha.1 → 0.61.0

package/dist/esm/react-css-modules.css

@@ -1,3099 +0,0 @@
-@layer fds.paragraph {
-  .fds-paragraph-paragraph-b69df5f3 {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    color: var(--fds-semantic-text-neutral-default);
-    margin: 0;
-  }
-
-  .fds-paragraph-spacing-b69df5f3 {
-    margin-bottom: var(--fdsc-bottom-spacing);
-  }
-
-  .fds-paragraph-large-b69df5f3 {
-    --fdsc-bottom-spacing: var(--fds-spacing-6);
-
-    font: var(--fds-typography-paragraph-large);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-large-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
-    font: var(--fds-typography-paragraph-short-large);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-large-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
-    line-height: var(--fds-typography-paragraph-long-large);
-  }
-
-  .fds-paragraph-medium-b69df5f3 {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-medium-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    font: var(--fds-typography-paragraph-short-medium);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-medium-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
-    line-height: var(--fds-typography-paragraph-long-medium);
-  }
-
-  .fds-paragraph-small-b69df5f3 {
-    --fdsc-bottom-spacing: var(--fds-spacing-4);
-
-    font: var(--fds-typography-paragraph-small);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-small-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
-    --fdsc-bottom-spacing: var(--fds-spacing-4);
-
-    font: var(--fds-typography-paragraph-short-small);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-small-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
-    line-height: var(--fds-typography-paragraph-long-small);
-  }
-
-  .fds-paragraph-xsmall-b69df5f3 {
-    --fdsc-bottom-spacing: var(--fds-spacing-3);
-
-    font: var(--fds-typography-paragraph-xsmall);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
-    --fdsc-bottom-spacing: var(--fds-spacing-3);
-
-    font: var(--fds-typography-paragraph-short-xsmall);
-    font-family: inherit;
-  }
-
-  .fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
-    line-height: var(--fds-typography-paragraph-long-xsmall);
-  }
-}
-
-@layer fds.heading {
-  .fds-heading-heading-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-6);
-
-    margin: 0;
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-heading-spacing-b10abc8b {
-    margin-bottom: var(--fdsc-bottom-spacing);
-  }
-
-  .fds-heading-size-3xlarge-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-8);
-
-    font: var(--fds-typography-heading-3xlarge);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-2xlarge-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-7);
-
-    font: var(--fds-typography-heading-2xlarge);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-xlarge-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-6);
-
-    font: var(--fds-typography-heading-xlarge);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-large-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    font: var(--fds-typography-heading-large);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-medium-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-4);
-
-    font: var(--fds-typography-heading-medium);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-small-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-3);
-
-    font: var(--fds-typography-heading-small);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-xsmall-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-2);
-
-    font: var(--fds-typography-heading-xsmall);
-    font-family: inherit;
-  }
-
-  .fds-heading-size-xxsmall-b10abc8b {
-    --fdsc-bottom-spacing: var(--fds-spacing-1);
-
-    font: var(--fds-typography-heading-xxsmall);
-    font-family: inherit;
-  }
-}
-
-@layer fds.label {
-  .fds-label-label-e0249167 {
-    --fdsc-bottom-spacing: var(--fds-spacing-1);
-
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-label-label-e0249167.fds-label-spacing-e0249167 {
-    margin-bottom: var(--fdsc-bottom-spacing);
-  }
-
-  .fds-label-label-e0249167.fds-label-large-e0249167 {
-    font: var(--fds-typography-label-large);
-    font-family: inherit;
-  }
-
-  .fds-label-label-e0249167.fds-label-medium-e0249167 {
-    font: var(--fds-typography-label-medium);
-    font-family: inherit;
-  }
-
-  .fds-label-label-e0249167.fds-label-small-e0249167 {
-    font: var(--fds-typography-label-small);
-    font-family: inherit;
-  }
-
-  .fds-label-label-e0249167.fds-label-xsmall-e0249167 {
-    font: var(--fds-typography-label-xsmall);
-    font-family: inherit;
-  }
-
-  .fds-label-label-e0249167.fds-label-regularWeight-e0249167 {
-    font-weight: 400;
-  }
-
-  .fds-label-label-e0249167.fds-label-mediumWeight-e0249167 {
-    font-weight: 500;
-  }
-
-  .fds-label-label-e0249167.fds-label-semiboldWeight-e0249167 {
-    font-weight: 600;
-  }
-}
-
-@layer fds.errormessage {
-  .fds-errormessage-errorMessage-6fddd5b1 {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    margin: 0;
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-error-6fddd5b1 {
-    color: var(--fds-semantic-text-danger-default);
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-spacing-6fddd5b1 {
-    margin-bottom: var(--fdsc-bottom-spacing);
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-large-6fddd5b1 {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    font: var(--fds-typography-error_message-large);
-    font-family: inherit;
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-medium-6fddd5b1 {
-    --fdsc-bottom-spacing: var(--fds-spacing-5);
-
-    font: var(--fds-typography-error_message-medium);
-    font-family: inherit;
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-small-6fddd5b1 {
-    --fdsc-bottom-spacing: var(--fds-spacing-4);
-
-    font: var(--fds-typography-error_message-small);
-    font-family: inherit;
-  }
-
-  .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-xsmall-6fddd5b1 {
-    --fdsc-bottom-spacing: var(--fds-spacing-3);
-
-    font: var(--fds-typography-error_message-xsmall);
-    font-family: inherit;
-  }
-}
-
-@layer fds.popover {
-  .fds-popover-popover-16833383 {
-    --border: 1px solid;
-
-    z-index: 1500;
-    background: var(--background);
-    padding: var(--fds-spacing-3);
-    border: var(--border);
-    border-radius: var(--fds-border_radius-medium);
-    max-width: 300px;
-  }
-
-  .fds-popover-popover-16833383.fds-popover-small-16833383 {
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-medium-16833383 {
-    padding: var(--fds-spacing-3) var(--fds-spacing-4);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-large-16833383 {
-    padding: var(--fds-spacing-3) var(--fds-spacing-5);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-default-16833383 {
-    --background: var(--fds-semantic-surface-neutral-default);
-
-    border-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-info-16833383 {
-    --background: var(--fds-semantic-surface-info-subtle);
-
-    border-color: var(--fds-semantic-border-info-default);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-warning-16833383 {
-    --background: var(--fds-semantic-surface-warning-subtle);
-
-    border-color: var(--fds-semantic-border-warning-default);
-  }
-
-  .fds-popover-popover-16833383.fds-popover-danger-16833383 {
-    --background: var(--fds-semantic-surface-danger-subtle);
-
-    border-color: var(--fds-semantic-border-danger-default);
-  }
-
-  .fds-popover-arrow-16833383 {
-    position: absolute;
-    background: var(--background);
-    transform: rotate(45deg);
-  }
-
-  .fds-popover-arrow-16833383.fds-popover-top-16833383 {
-    border-top: var(--border);
-    border-left: var(--border);
-    border-color: inherit;
-  }
-
-  .fds-popover-arrow-16833383.fds-popover-bottom-16833383 {
-    border-bottom: var(--border);
-    border-right: var(--border);
-    border-color: inherit;
-  }
-
-  .fds-popover-arrow-16833383.fds-popover-right-16833383 {
-    border-top: var(--border);
-    border-right: var(--border);
-    border-color: inherit;
-  }
-
-  .fds-popover-arrow-16833383.fds-popover-left-16833383 {
-    border-bottom: var(--border);
-    border-left: var(--border);
-    border-color: inherit;
-  }
-}
-
-@layer fds.helptext {
-  .fds-helptext-helpTextButton-f137834f {
-    background-color: transparent;
-    border-radius: 50px;
-    padding: 0 !important;
-    cursor: pointer;
-    display: flex;
-    border: none;
-    min-width: 0;
-    min-height: 0;
-  }
-
-  @media print {
-    .fds-helptext-helpTextButton-f137834f {
-      display: none;
-    }
-  }
-
-  .fds-helptext-helpTextIconFilled-f137834f {
-    display: none;
-  }
-
-  .fds-helptext-helpTextIcon-f137834f {
-    color: var(--fds-semantic-text-action-default);
-    width: var(--help_text-icon-width);
-    height: var(--help_text-icon-height);
-  }
-
-  .fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIcon-f137834f {
-    display: none;
-  }
-
-  .fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIconFilled-f137834f {
-    display: inline-block;
-  }
-
-  .fds-helptext-helpTextContent-f137834f {
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-    width: fit-content;
-    max-width: 700px;
-  }
-
-  .fds-helptext-helpTextIcon-f137834f.fds-helptext-small-f137834f {
-    --help_text-icon-width: var(--fds-sizing-6);
-    --help_text-icon-height: var(--fds-sizing-6);
-  }
-
-  .fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
-    --help_text-icon-width: var(--fds-sizing-7);
-    --help_text-icon-height: var(--fds-sizing-7);
-  }
-
-  .fds-helptext-helpTextIcon-f137834f.fds-helptext-large-f137834f {
-    --help_text-icon-width: var(--fds-sizing-8);
-    --help_text-icon-height: var(--fds-sizing-8);
-  }
-}
-
-@layer fds.spinner {
-  .fds-spinner-spinner-486ddf9b {
-    animation: fds-spinner-rotate-animation-486ddf9b linear infinite;
-    animation-duration: 2s;
-  }
-
-  .fds-spinner-spinnerCircle-486ddf9b {
-    stroke-dasharray: 1px, 200px;
-    transform-origin: center;
-    animation: fds-spinner-stroke-animation-486ddf9b ease-in-out infinite;
-    animation-duration: 2s;
-  }
-
-  /* Prefers reduced motion needs longer animation,
-    but don't remove it since it is not decorative.
-   */
-  @media (prefers-reduced-motion: reduce) {
-    .fds-spinner-spinner-486ddf9b {
-      animation-duration: 6s;
-    }
-
-    .fds-spinner-spinnerCircle-486ddf9b {
-      animation-duration: 6s;
-    }
-  }
-
-  .fds-spinner-default-486ddf9b {
-    stroke: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-spinner-interaction-486ddf9b {
-    stroke: var(--fds-semantic-border-action-first-default);
-  }
-
-  .fds-spinner-inverted-486ddf9b {
-    stroke: var(--fds-semantic-surface-neutral-default);
-  }
-
-  .fds-spinner-background-486ddf9b {
-    stroke: var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-spinner-invertedBackground-486ddf9b {
-    stroke: var(--fds-semantic-surface-neutral-dark);
-  }
-
-  @keyframes fds-spinner-rotate-animation-486ddf9b {
-    0% {
-      transform: rotate(0deg);
-    }
-
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes fds-spinner-stroke-animation-486ddf9b {
-    0% {
-      stroke-dasharray: 1px, 200px;
-      stroke-dashoffset: 0;
-    }
-
-    50% {
-      stroke-dasharray: 100px, 200px;
-      stroke-dashoffset: -15px;
-      transform: rotate(0deg);
-    }
-
-    100% {
-      stroke-dasharray: 1px, 200px;
-      stroke-dashoffset: -120px;
-      transform: rotate(15deg);
-    }
-  }
-}
-
-@layer fds.link {
-  .fds-link-link-7f2464f {
-    color: var(--fds-semantic-text-action-default);
-    cursor: pointer;
-    text-decoration: underline;
-    text-decoration-thickness: max(1px, 0.0625rem);
-    text-underline-offset: max(4px, 0.25rem);
-    display: inline-flex;
-    align-items: center;
-    gap: var(--fds-spacing-1);
-  }
-
-  .fds-link-link-7f2464f:visited {
-    color: var(--fds-semantic-text-visited-default);
-    text-decoration: none;
-  }
-
-  .fds-link-link-7f2464f:hover {
-    color: var(--fds-semantic-text-action-hover);
-    text-decoration-thickness: max(2px, 0.125rem, 0.12em);
-  }
-
-  .fds-link-link-7f2464f:focus-visible {
-    background: var(--fds-semantic-border-focus-outline);
-    box-shadow: 0 max(3px, 0.1875rem, 0.18em) var(--fds-semantic-border-focus-boxshadow);
-    color: var(--fds-semantic-text-action-active);
-    outline: none;
-    text-decoration: none;
-  }
-
-  .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active),
-  .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):hover,
-  .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):visited {
-    color: white;
-  }
-}
-
-@layer fds.list {
-  .fds-list-small-a2926fcf {
-    padding-left: var(--fds-spacing-4);
-  }
-
-  .fds-list-medium-a2926fcf,
-  .fds-list-large-a2926fcf {
-    padding-left: var(--fds-spacing-6);
-  }
-
-  .fds-list-listItem-a2926fcf {
-    margin-bottom: var(--fds-spacing-2);
-  }
-
-  .fds-list-listItem-a2926fcf > :where(.fds-list-small-a2926fcf),
-  .fds-list-listItem-a2926fcf > :where(.fds-list-medium-a2926fcf),
-  .fds-list-listItem-a2926fcf > :where(.fds-list-large-a2926fcf) {
-    margin-top: var(--fds-spacing-2);
-  }
-
-  .fds-list-heading-a2926fcf {
-    margin-bottom: var(--fds-spacing-2);
-  }
-}
-
-.fds-animateheight-root-a203211d.fds-animateheight-openingOrClosing-a203211d,
-.fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d {
-  overflow: hidden;
-}
-
-.fds-animateheight-root-a203211d.fds-animateheight-open-a203211d .fds-animateheight-content-a203211d {
-  height: auto;
-}
-
-.fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d .fds-animateheight-content-a203211d {
-  height: 0;
-  display: none;
-}
-
-@layer fds.nativeselect {
-  .fds-nativeselect-select-2e95d79c {
-    position: relative;
-    font: inherit;
-    font-family: inherit;
-    box-sizing: border-box;
-    flex: 0 1 auto;
-    padding: 0 var(--fds-spacing-2);
-    border: solid 1px var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-medium);
-    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMWVtJyBoZWlnaHQ9JzFlbScgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZvY3VzYWJsZT0nZmFsc2UnIHJvbGU9J2ltZyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J001Ljk3IDkuNDdhLjc1Ljc1IDAgMCAxIDEuMDYgMEwxMiAxNC40NGw0Ljk3LTQuOTdhLjc1Ljc1IDAgMSAxIDEuMDYgMS4wNmwtNS41IDUuNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC01LjUtNS41YS43NS43NSAwIDAgMSAwLTEuMDZaJyBmaWxsPSdjdXJyZW50Q29sb3InPjwvcGF0aD48L3N2Zz4=');
-    background-color: var(--fds-semantic-background-default);
-    background-repeat: no-repeat;
-    background-position: right var(--fds-spacing-2) center;
-    background-size: 1.5em 1.5em;
-    appearance: none;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-nativeselect-select-2e95d79c:not(:focus-visible, :disabled, [aria-disabled]):hover {
-      border-color: var(--fds-semantic-border-input-hover);
-      box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
-    }
-  }
-
-  .fds-nativeselect-select-2e95d79c.fds-nativeselect-multiple-2e95d79c {
-    background-image: none;
-  }
-
-  .fds-nativeselect-select-2e95d79c.fds-nativeselect-small-2e95d79c {
-    padding: 0 var(--fds-spacing-2);
-    padding-right: var(--fds-spacing-8);
-    height: var(--fds-sizing-10);
-  }
-
-  .fds-nativeselect-select-2e95d79c.fds-nativeselect-medium-2e95d79c {
-    padding: 0 var(--fds-spacing-3);
-    padding-right: var(--fds-spacing-10);
-    height: var(--fds-sizing-12);
-  }
-
-  .fds-nativeselect-select-2e95d79c.fds-nativeselect-large-2e95d79c {
-    padding: 0 var(--fds-spacing-4);
-    padding-right: var(--fds-spacing-12);
-    height: var(--fds-sizing-14);
-  }
-
-  .fds-nativeselect-formField-2e95d79c {
-    display: grid;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-nativeselect-disabled-2e95d79c {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-nativeselect-disabled-2e95d79c .fds-nativeselect-select-2e95d79c {
-    cursor: not-allowed;
-  }
-
-  .fds-nativeselect-readOnly-2e95d79c .fds-nativeselect-select-2e95d79c {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    border-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-nativeselect-error-2e95d79c > .fds-nativeselect-select-2e95d79c:not(:focus-visible) {
-    border-color: var(--fds-semantic-border-danger-default);
-    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
-  }
-
-  .fds-nativeselect-padlock-2e95d79c {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-nativeselect-errorMessage-2e95d79c:empty {
-    display: none;
-  }
-
-  .fds-nativeselect-label-2e95d79c {
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-  }
-}
-
-@layer fds.tag {
-  .fds-tag-tag-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-    --fdsc-tag-padding: var(--fds-spacing-2);
-    --fdsc-tag-min-height: var(--fds-sizing-7);
-    --fdsc-tag-border-radius: var(--fds-border_radius-small);
-
-    color: var(--fdsc-tag-text);
-    padding: 0 var(--fdsc-tag-padding);
-    background-color: var(--fdsc-tag-background);
-    min-height: var(--fdsc-tag-min-height);
-    border-radius: var(--fdsc-tag-border-radius);
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    word-break: break-word;
-    width: max-content;
-  }
-
-  .fds-tag-small-40d841d9 {
-    --fdsc-tag-padding: var(--fds-spacing-2);
-    --fdsc-tag-min-height: var(--fds-sizing-7);
-  }
-
-  .fds-tag-medium-40d841d9 {
-    --fdsc-tag-padding: var(--fds-spacing-2);
-    --fdsc-tag-min-height: var(--fds-sizing-8);
-  }
-
-  .fds-tag-large-40d841d9 {
-    --fdsc-tag-padding: var(--fds-spacing-3);
-    --fdsc-tag-min-height: var(--fds-sizing-9);
-  }
-
-  .fds-tag-neutral-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tag-info-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-info-subtle);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tag-success-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-success-subtle);
-    --fdsc-tag-text: var(--fds-semantic-text-success-on_success_subtle);
-  }
-
-  .fds-tag-warning-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-warning-default);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tag-danger-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-danger-subtle);
-    --fdsc-tag-text: var(--fds-semantic-text-danger-on_danger_subtle);
-  }
-
-  .fds-tag-first-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-first-light);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tag-second-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-second-light);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tag-third-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-third-light);
-    --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
-  }
-}
-
-@layer fds.chip {
-  .fds-chip-chip-4563db0f {
-    display: flex;
-  }
-
-  .fds-chip-chipButton-4563db0f {
-    --fdsc-chip-height: var(--fds-sizing-7);
-    --fdsc-chip-padding: var(--fds-spacing-3);
-    --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle);
-    --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
-    --fdsc-chip-border: var(--fds-semantic-border-action-first-subtle);
-    --fdsc-chip-border-radius: var(--fds-border_radius-full);
-
-    background: var(--fdsc-chip-background);
-    padding: 0 var(--fdsc-chip-padding);
-    min-height: var(--fdsc-chip-height);
-    border-radius: var(--fdsc-chip-border-radius);
-    border: 1px solid var(--fdsc-chip-border);
-    color: var(--fdsc-chip-text-color);
-    text-decoration: none;
-    font-family: inherit;
-    display: inline-flex;
-    align-items: center;
-  }
-
-  .fds-chip-chipButton-4563db0f:disabled,
-  .fds-chip-chipButton-4563db0f[aria-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-chip-chipButton-4563db0f .fds-chip-label-4563db0f {
-    color: inherit;
-    line-height: normal;
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-chip-removable-4563db0f {
-    --fdsc-removable-background: var(--fds-semantic-surface-action-default);
-    --fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
-    --fdsc-removable-chip-size: var(--fds-sizing-7);
-    --fdsc-removable-chip-xmark-color: var(--fds-semantic-text-neutral-on_inverted);
-    --fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-1);
-    --fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
-    --fdsc-removable-chip-xmark-wrapper-width: calc(var(--fdsc-removable-chip-xmark-size) + var(--fdsc-removable-chip-xmark-padding_right));
-
-    color: var(--fdsc-removable-text-color);
-    background: var(--fdsc-removable-background);
-    border: 0;
-    padding-right: var(--fds-spacing-2);
-    min-height: var(--fdsc-chip-height);
-  }
-
-  .fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
-    padding-right: var(--fds-spacing-1);
-  }
-
-  .fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
-    padding-right: var(--fds-spacing-2);
-  }
-
-  .fds-chip-xMark-4563db0f {
-    color: var(--fdsc-removable-chip-xmark-color);
-    height: var(--fdsc-removable-chip-xmark-size);
-    width: var(--fdsc-removable-chip-xmark-size);
-  }
-
-  .fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
-    height: var(--fdsc-removable-chip-xmark-size);
-    width: var(--fdsc-removable-chip-xmark-size);
-  }
-
-  .fds-chip-spacing-4563db0f {
-    padding-left: var(--fds-spacing-2) !important;
-  }
-
-  .fds-chip-small-4563db0f .fds-chip-checkmarkIcon-4563db0f {
-    height: var(--fds-sizing-5);
-    width: auto;
-  }
-
-  .fds-chip-medium-4563db0f .fds-chip-checkmarkIcon-4563db0f {
-    height: 24px;
-    width: auto;
-  }
-
-  .fds-chip-large-4563db0f .fds-chip-checkmarkIcon-4563db0f {
-    height: 26px;
-    width: auto;
-  }
-
-  .fds-chip-groupContainer-4563db0f {
-    --fdsc-gap: var(--fds-spacing-2);
-
-    display: flex;
-    gap: var(--fdsc-gap);
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .fds-chip-groupContainer-4563db0f.fds-chip-small-4563db0f {
-    --fdsc-gap: var(--fds-spacing-2);
-  }
-
-  .fds-chip-groupContainer-4563db0f.fds-chip-medium-4563db0f {
-    --fdsc-gap: var(--fds-spacing-2);
-  }
-
-  .fds-chip-groupContainer-4563db0f.fds-chip-large-4563db0f {
-    --fdsc-gap: var(--fds-spacing-2);
-  }
-
-  /* Only use hover for non-touch devices to prevent sticky-hovering */
-  @media (hover: hover) and (pointer: fine) {
-    .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):hover {
-      --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle-hover);
-      --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
-      --fdsc-chip-border: var(--fds-semantic-border-action-first-subtle-hover);
-
-      cursor: pointer;
-    }
-
-    .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):is([aria-pressed='true']):hover {
-      --fdsc-chip-background: var(--fds-semantic-surface-action-first-no_fill-active);
-      --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
-    }
-
-    .fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):hover,
-    .fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):focus {
-      --fdsc-removable-background: var(--fds-semantic-surface-action-hover);
-      --fdsc-removable-chip-xmark-color: var(--fds-semantic-text-neutral-on_inverted);
-    }
-  }
-
-  .fds-chip-chipButton-4563db0f:is([aria-pressed='true']),
-  .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):active,
-  .fds-chip-removable-4563db0f:is([aria-pressed='true']),
-  .fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):active {
-    --fdsc-chip-background: var(--fds-semantic-surface-action-first-active);
-    --fdsc-chip-text-color: var(--fds-semantic-text-neutral-on_inverted);
-    --fdsc-chip-border: var(--fds-semantic-surface-action-first-active);
-    --fdsc-removable-background: var(--fds-semantic-surface-action-first-active);
-    --fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
-  }
-
-  .fds-chip-small-4563db0f {
-    --fdsc-chip-height: var(--fds-sizing-7);
-    --fdsc-chip-padding: var(--fds-spacing-3);
-    --fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
-    --fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-1);
-  }
-
-  .fds-chip-medium-4563db0f {
-    --fdsc-chip-height: var(--fds-sizing-8);
-    --fdsc-chip-padding: var(--fds-spacing-3);
-    --fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
-    --fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-2);
-  }
-
-  .fds-chip-large-4563db0f {
-    --fdsc-chip-height: var(--fds-sizing-9);
-    --fdsc-chip-padding: var(--fds-spacing-4);
-    --fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
-    --fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-3);
-  }
-}
-
-@layer fds.pagination {
-  .fds-pagination-pagination-ddc0278f {
-    list-style-type: none;
-    display: flex;
-    padding: 0;
-    margin: 0;
-    position: relative;
-    width: fit-content;
-  }
-
-  .fds-pagination-hidden-ddc0278f {
-    visibility: hidden;
-  }
-
-  .fds-pagination-pagination-ddc0278f:where(.fds-pagination-small-ddc0278f) {
-    --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
-  }
-
-  .fds-pagination-pagination-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
-    --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
-  }
-
-  .fds-pagination-pagination-ddc0278f:where(.fds-pagination-large-ddc0278f) {
-    --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
-  }
-
-  .fds-pagination-pagination-ddc0278f li:first-child {
-    margin-right: var(--fdsc-pagination-chevron-margin);
-  }
-
-  .fds-pagination-pagination-ddc0278f li:last-child {
-    margin-left: var(--fdsc-pagination-chevron-margin);
-  }
-
-  .fds-pagination-listitem-ddc0278f {
-    flex: 1;
-    margin-right: var(--fsdc-pagination-listitem-margin);
-  }
-
-  .fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
-    --fsdc-pagination-listitem-margin: var(--fds-spacing-2);
-    --fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
-  }
-
-  .fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
-    --fsdc-pagination-listitem-margin: var(--fds-spacing-4);
-    --fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
-  }
-
-  .fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
-    --fsdc-pagination-listitem-margin: var(--fds-spacing-6);
-    --fdsc-pagination-ellipsis-width: var(--fds-sizing-14);
-  }
-
-  .fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
-    --fsdc-pagination-listitem-margin: var(--fds-spacing-0);
-    --fdsc-pagination-chevron-margin: var(--fds-spacing-1);
-  }
-
-  .fds-pagination-pagination-ddc0278f .fds-pagination-ellipsis-ddc0278f {
-    margin-top: 0.5em;
-    text-align: center;
-    width: var(--fdsc-pagination-ellipsis-width);
-  }
-}
-
-@layer fds.tooltip {
-  .fds-tooltip-wrapper-a3778147 {
-    background: var(--fds-semantic-surface-neutral-inverted);
-    padding: var(--fds-spacing-1) var(--fds-spacing-2);
-    color: var(--fds-semantic-text-neutral-on_inverted);
-    border-radius: var(--fds-border_radius-medium);
-    font: var(--fds-typography-paragraph-xsmall);
-    font-family: inherit;
-  }
-
-  .fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-tooltip-wrapper-a3778147 .fds-tooltip-arrow-a3778147 {
-    fill: var(--fds-semantic-surface-neutral-inverted);
-  }
-
-  .fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 .fds-tooltip-arrow-a3778147 {
-    fill: var(--fds-semantic-surface-neutral-subtle);
-  }
-}
-
-@layer fds.checkbox {
-  .fds-checkbox-container-ad9a8b9c {
-    --fds-checkbox-size: 1.75rem;
-    --fds-checkbox-focus-border-width: 3px;
-    --fds-checkbox-background: var(--fds-semantic-background-default);
-    --fds-checkbox-border-color: var(--fds-semantic-border-input-default);
-    --fds-checkbox-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
-
-    display: grid;
-  }
-
-  .fds-checkbox-container-ad9a8b9c:has(.fds-checkbox-label-ad9a8b9c) {
-    grid-template-columns: var(--fds-checkbox-size) auto;
-    gap: var(--fds-spacing-2);
-  }
-
-  /* Checkbox */
-  .fds-checkbox-input-ad9a8b9c {
-    position: relative;
-    width: var(--fds-checkbox-size);
-    height: var(--fds-checkbox-size);
-    z-index: 1;
-    appearance: none;
-    margin: 0;
-    align-self: center;
-    outline: none;
-    cursor: pointer;
-    box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
-    background: var(--fds-checkbox-background);
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-checkbox-input-ad9a8b9c::before {
-    position: absolute;
-    content: '';
-    display: block;
-    width: 2.75rem;
-    height: 2.75rem;
-    transform: translate(-50%, -50%);
-    top: 50%;
-    left: 50%;
-    cursor: pointer;
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-checkbox-label-ad9a8b9c {
-    min-height: var(--fds-sizing-10);
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .fds-checkbox-description-ad9a8b9c {
-    margin-top: calc(var(--fds-spacing-3) * -1);
-    color: var(--fds-semantic-text-neutral-subtle);
-    grid-column: 2;
-  }
-
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-input-ad9a8b9c::before {
-    cursor: not-allowed;
-  }
-
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
-  .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-description-ad9a8b9c {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c::before {
-    cursor: default;
-  }
-
-  .fds-checkbox-input-ad9a8b9c:focus-visible {
-    outline-offset: 0;
-    outline: var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);
-    box-shadow: inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
-  }
-
-  .fds-checkbox-input-ad9a8b9c:checked {
-    --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
-
-    background: var(--fds-checkbox-border-color);
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='white'/%3E%3C/svg%3E%0A");
-  }
-
-  .fds-checkbox-input-ad9a8b9c:indeterminate {
-    --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
-
-    background-color: var(--fds-checkbox-border-color);
-    background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='white' /%3E%3C/svg%3E%0A");
-  }
-
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c {
-    --fds-checkbox-border-color: var(--fds-semantic-border-neutral-subtle);
-    --fds-checkbox-background: var(--fds-semantic-surface-neutral-subtle);
-  }
-
-  .fds-checkbox-input-ad9a8b9c:checked:not(:focus-visible) {
-    box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
-  }
-
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:checked {
-    background: var(--fds-checkbox-background);
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='%2368707c'/%3E%3C/svg%3E%0A");
-  }
-
-  .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:indeterminate {
-    background: var(--fds-checkbox-background);
-    background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='%2368707c' /%3E%3C/svg%3E%0A");
-  }
-
-  .fds-checkbox-error-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:not(:disabled, :focus-visible) {
-    --fds-checkbox-border-color: var(--fds-semantic-border-danger-default);
-  }
-
-  /* Only use hover for non-touch devices to prevent sticky-hovering
-    "input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
-  @media (hover: hover) and (pointer: fine) {
-    .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-label-ad9a8b9c:hover,
-    .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover + .fds-checkbox-label-ad9a8b9c {
-      color: var(--fds-semantic-text-action-hover);
-    }
-
-    .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:not(:checked) {
-      --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
-
-      box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
-    }
-
-    .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked {
-      --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
-
-      box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
-    }
-
-    .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked:focus-visible {
-      box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
-    }
-  }
-
-  /** Sizing */
-
-  .fds-checkbox-small-ad9a8b9c {
-    --fds-checkbox-size: var(--fds-sizing-5);
-
-    min-height: var(--fds-sizing-10);
-  }
-
-  .fds-checkbox-medium-ad9a8b9c {
-    --fds-checkbox-size: var(--fds-sizing-6);
-
-    min-height: var(--fds-sizing-11);
-  }
-
-  .fds-checkbox-large-ad9a8b9c {
-    --fds-checkbox-size: var(--fds-sizing-7);
-
-    min-height: var(--fds-sizing-12);
-  }
-}
-
-@layer fds.fieldset {
-  .fds-fieldset-fieldset-2b3c05fc {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    min-width: 0;
-  }
-
-  .fds-fieldset-withSpacing-2b3c05fc {
-    display: flex;
-    flex-direction: column;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-fieldset-description-2b3c05fc {
-    color: var(--fds-semantic-text-neutral-subtle);
-    font-weight: 400;
-  }
-
-  .fds-fieldset-legend-2b3c05fc {
-    display: contents;
-  }
-
-  .fds-fieldset-readonly-2b3c05fc .fds-fieldset-legendContent-2b3c05fc {
-    display: inline-flex;
-  }
-
-  .fds-fieldset-readonly-2b3c05fc .fds-fieldset-padlock-2b3c05fc {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-fieldset-disabled-2b3c05fc .fds-fieldset-legend-2b3c05fc,
-  .fds-fieldset-disabled-2b3c05fc .fds-fieldset-description-2b3c05fc {
-    color: var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-fieldset-errorWrapper-2b3c05fc {
-    display: contents;
-  }
-}
-
-@layer fds.radio {
-  .fds-radio-container-7a9bd584 {
-    --fds-radio-size: 1.75rem;
-    --fds-radio-focus-border-width: 3px;
-    --fds-radio-background: var(--fds-semantic-background-default);
-    --fds-radio-border-color: var(--fds-semantic-border-input-default);
-    --fds-radio-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
-
-    display: grid;
-  }
-
-  .fds-radio-container-7a9bd584:has(.fds-radio-label-7a9bd584) {
-    grid-template-columns: var(--fds-radio-size) auto;
-    gap: var(--fds-spacing-2);
-  }
-
-  /* Radio */
-  .fds-radio-input-7a9bd584 {
-    position: relative;
-    width: var(--fds-radio-size);
-    height: var(--fds-radio-size);
-    z-index: 1;
-    appearance: none;
-    outline: none;
-    cursor: pointer;
-    margin: 0;
-    align-self: center;
-    box-shadow: inset 0 0 0 2px var(--fds-radio-border-color);
-    background: var(--fds-radio-background);
-    border-radius: 50%;
-  }
-
-  .fds-radio-input-7a9bd584::before {
-    position: absolute;
-    content: '';
-    display: block;
-    width: 2.75rem;
-    height: 2.75rem;
-    transform: translate(-50%, -50%);
-    top: 50%;
-    left: 50%;
-    cursor: pointer;
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-radio-label-7a9bd584 {
-    min-height: var(--fds-sizing-10);
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .fds-radio-description-7a9bd584 {
-    margin-top: calc(var(--fds-spacing-3) * -1);
-    color: var(--fds-semantic-text-neutral-subtle);
-    grid-column: 2;
-  }
-
-  .fds-radio-disabled-7a9bd584 > .fds-radio-input-7a9bd584,
-  .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
-  .fds-radio-disabled-7a9bd584 > .fds-radio-input-7a9bd584::before {
-    cursor: not-allowed;
-  }
-
-  .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
-  .fds-radio-disabled-7a9bd584 > .fds-radio-input-7a9bd584,
-  .fds-radio-disabled-7a9bd584 > .fds-radio-description-7a9bd584 {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584,
-  .fds-radio-readonly-7a9bd584 > .fds-radio-label-7a9bd584,
-  .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584::before {
-    cursor: default;
-  }
-
-  .fds-radio-input-7a9bd584:focus-visible {
-    outline-offset: 0;
-    outline: var(--fds-radio-focus-border-width) solid var(--fds-semantic-border-focus-outline);
-    box-shadow: inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow), inset 0 0 0 6px var(--fds-radio-background);
-  }
-
-  .fds-radio-input-7a9bd584:checked {
-    --fds-radio-border-color: var(--fds-semantic-border-input-hover);
-
-    background: var(--fds-radio-border-color);
-  }
-
-  .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584 {
-    --fds-radio-border-color: var(--fds-semantic-border-neutral-subtle);
-    --fds-radio-background: var(--fds-semantic-surface-neutral-subtle);
-  }
-
-  .fds-radio-input-7a9bd584:checked:not(:focus-visible) {
-    box-shadow: inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
-  }
-
-  .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584:checked {
-    background: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-radio-error-7a9bd584 > .fds-radio-input-7a9bd584:not(:disabled, :focus-visible) {
-    --fds-radio-border-color: var(--fds-semantic-border-danger-default);
-  }
-
-  /* Only use hover for non-touch devices to prevent sticky-hovering
-    "input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
-  @media (hover: hover) and (pointer: fine) {
-    .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-label-7a9bd584:hover,
-    .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover + .fds-radio-label-7a9bd584 {
-      color: var(--fds-semantic-text-action-hover);
-    }
-
-    .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:not(:checked) {
-      --fds-radio-border-color: var(--fds-semantic-border-input-hover);
-
-      box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color);
-    }
-
-    .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked {
-      --fds-radio-border-color: var(--fds-semantic-border-input-hover);
-
-      box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
-    }
-
-    .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked:focus-visible {
-      box-shadow: var(--fds-radio-border__hover), inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow),
-        inset 0 0 0 6px var(--fds-radio-background);
-    }
-  }
-
-  /** Sizing */
-
-  .fds-radio-small-7a9bd584 {
-    --fds-radio-size: var(--fds-sizing-5);
-
-    min-height: var(--fds-sizing-10);
-  }
-
-  .fds-radio-medium-7a9bd584 {
-    --fds-radio-size: var(--fds-sizing-6);
-
-    min-height: var(--fds-sizing-11);
-  }
-
-  .fds-radio-large-7a9bd584 {
-    --fds-radio-size: var(--fds-sizing-7);
-
-    min-height: var(--fds-sizing-12);
-  }
-}
-
-@layer fds.radio-group {
-  .fds-group-inline-f6df9230 {
-    display: flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-2);
-  }
-}
-
-@layer fds.switch {
-  .fds-switch-switch-9a6b03bc {
-    --fds-transition: 200ms;
-    --fds-switch-height: 1.75rem;
-    --fds-switch-focus-border-width: 3px;
-
-    position: relative;
-  }
-
-  @media (prefers-reduced-motion) {
-    .fds-switch-switch-9a6b03bc {
-      --fds-transition: 0;
-    }
-  }
-
-  .fds-switch-label-9a6b03bc {
-    min-height: var(--fds-sizing-10);
-    min-width: min-content;
-    display: grid;
-    grid-template-columns: auto 1fr;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .fds-switch-track-9a6b03bc {
-    position: relative;
-    display: inline-block;
-    pointer-events: none;
-    width: var(--fds-switch-width);
-    height: var(--fds-switch-height);
-    margin: auto;
-    overflow: visible;
-    border-radius: var(--fds-border_radius-full);
-    background-color: var(--fds-semantic-surface-neutral-dark);
-    transition: background-color var(--fds-transition) ease;
-    margin-right: var(--fds-spacing-1);
-  }
-
-  .fds-switch-description-9a6b03bc {
-    padding-left: calc(var(--fds-switch-width) + var(--fds-spacing-2));
-    margin-top: calc(var(--fds-spacing-2) * -1);
-    color: var(--fds-semantic-text-neutral-subtle);
-  }
-
-  .fds-switch-padlock-9a6b03bc {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-switch-right-9a6b03bc {
-    grid-template-columns: 1fr auto;
-    grid-auto-flow: dense;
-  }
-
-  .fds-switch-right-9a6b03bc .fds-switch-track-9a6b03bc {
-    order: 1;
-    margin-right: 0;
-  }
-
-  .fds-switch-right-9a6b03bc + .fds-switch-description-9a6b03bc {
-    padding-left: 0;
-  }
-
-  .fds-switch-input-9a6b03bc {
-    position: absolute;
-    width: 2.75rem;
-    height: 2.75rem;
-    z-index: 1;
-    opacity: 0;
-    cursor: pointer;
-    margin: 0;
-  }
-
-  .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
-    grid-template-columns: auto min-content 1fr;
-  }
-
-  .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc:where(.fds-switch-right-9a6b03bc) {
-    grid-template-columns: min-content 1fr auto;
-  }
-
-  .fds-switch-readonly-9a6b03bc > .fds-switch-input-9a6b03bc,
-  .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
-    cursor: default;
-  }
-
-  .fds-switch-disabled-9a6b03bc > .fds-switch-input-9a6b03bc,
-  .fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
-  .fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc {
-    cursor: not-allowed;
-  }
-
-  .fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
-  .fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc,
-  .fds-switch-disabled-9a6b03bc > .fds-switch-description-9a6b03bc {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-switch-readonly-9a6b03bc > .fds-switch-description-9a6b03bc {
-    margin-left: var(--fds-spacing-1);
-  }
-
-  .fds-switch-small-9a6b03bc,
-  .fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
-    min-height: var(--fds-sizing-6);
-  }
-
-  .fds-switch-medium-9a6b03bc,
-  .fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
-    min-height: var(--fds-sizing-7);
-  }
-
-  .fds-switch-large-9a6b03bc,
-  .fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
-    min-height: var(--fds-sizing-8);
-  }
-
-  .fds-switch-small-9a6b03bc {
-    --fds-switch-height: var(--fds-sizing-6);
-    --fds-switch-width: var(--fds-sizing-11);
-  }
-
-  .fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
-    left: -0.25rem;
-    top: -0.25rem;
-  }
-
-  .fds-switch-medium-9a6b03bc {
-    --fds-switch-height: var(--fds-sizing-7);
-    --fds-switch-width: var(--fds-sizing-13);
-  }
-
-  .fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
-    left: 0;
-    top: 0;
-  }
-
-  .fds-switch-large-9a6b03bc {
-    --fds-switch-height: var(--fds-sizing-8);
-    --fds-switch-width: var(--fds-sizing-15);
-  }
-
-  .fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
-    left: 0;
-    top: 0.25rem;
-  }
-
-  .fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) {
-    grid-template-columns: auto;
-  }
-
-  .fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) .fds-switch-track-9a6b03bc {
-    margin-right: 0;
-  }
-
-  .fds-switch-input-9a6b03bc:focus-visible + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-    outline: var(--fds-switch-focus-border-width) solid var(--fds-semantic-border-focus-outline);
-    box-shadow: inset 0 0 0 var(--fds-switch-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
-  }
-
-  .fds-switch-input-9a6b03bc:not([readonly]):checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-    background-color: var(--fds-semantic-surface-success-default);
-  }
-
-  .fds-switch-thumb-9a6b03bc {
-    scale: 0.8;
-    position: absolute;
-    height: var(--fds-switch-height);
-    width: var(--fds-switch-height);
-    border-radius: var(--fds-border_radius-full);
-    background-color: var(--fds-semantic-background-default);
-    transition: transform var(--fds-transition) ease;
-  }
-
-  .fds-switch-input-9a6b03bc:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
-    transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 1.2));
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23118849' /%3E%3C/svg%3E");
-  }
-
-  .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-    box-shadow: inset 0 0 0 2px var(--fds-semantic-border-neutral-subtle);
-    background-color: var(--fds-semantic-background-subtle);
-  }
-
-  .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
-    background-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly]:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23f4f5f6' /%3E%3C/svg%3E");
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
-      transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.2));
-    }
-
-    .fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc {
-      color: var(--fds-semantic-border-input-hover);
-    }
-
-    .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
-      transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height))));
-      background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%230c6536' /%3E%3C/svg%3E");
-    }
-
-    .fds-switch-input-9a6b03bc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-      background-color: var(--fds-semantic-surface-neutral-dark-hover);
-    }
-
-    .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-      background-color: var(--fds-semantic-surface-success-hover);
-    }
-  }
-}
-
-@layer fds.textfield {
-  .fds-textfield-formField-d98267a0 {
-    display: grid;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-textfield-adornment-d98267a0 {
-    color: var(--fds-semantic-border-neutral-default);
-    background: var(--fds-semantic-surface-neutral-subtle);
-    padding: 9px var(--fds-spacing-4);
-    border-radius: var(--fds-border_radius-medium);
-    border: solid 1px var(--fds-semantic-border-neutral-default);
-    box-sizing: border-box;
-    display: inline-block;
-  }
-
-  .fds-textfield-input-d98267a0 {
-    font: inherit;
-    font-family: inherit;
-    position: relative;
-    box-sizing: border-box;
-    flex: 0 1 auto;
-    width: 100%;
-    appearance: none;
-    padding: 0 var(--fds-spacing-3);
-    border: solid 1px var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-textfield-disabled-d98267a0 .fds-textfield-input-d98267a0 {
-    cursor: not-allowed;
-  }
-
-  .fds-textfield-readonly-d98267a0 .fds-textfield-input-d98267a0 {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    border-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-textfield-field-d98267a0 {
-    display: flex;
-    align-items: stretch;
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-textfield-field-d98267a0 > *:first-child {
-    border-top-left-radius: var(--fds-border_radius-medium);
-    border-bottom-left-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-textfield-field-d98267a0 > *:last-child {
-    border-top-right-radius: var(--fds-border_radius-medium);
-    border-bottom-right-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
-    padding: var(--fds-sizing-2) var(--fds-spacing-3);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
-    padding: 0.65rem var(--fds-spacing-4);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
-    padding: 0.85rem var(--fds-spacing-5);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
-    height: var(--fds-sizing-10);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
-    height: var(--fds-sizing-12);
-  }
-
-  .fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
-    height: var(--fds-sizing-14);
-  }
-
-  .fds-textfield-label-d98267a0 {
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-  }
-
-  .fds-textfield-description-d98267a0 {
-    color: var(--fds-semantic-text-neutral-subtle);
-    margin-top: calc(var(--fds-spacing-2) * -1);
-  }
-
-  .fds-textfield-input-d98267a0.fds-textfield-small-d98267a0 {
-    padding: 0 var(--fds-spacing-2);
-  }
-
-  .fds-textfield-input-d98267a0.fds-textfield-medium-d98267a0 {
-    padding: 0 var(--fds-spacing-3);
-  }
-
-  .fds-textfield-input-d98267a0.fds-textfield-large-d98267a0 {
-    padding: 0 var(--fds-spacing-4);
-  }
-
-  .fds-textfield-disabled-d98267a0 {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-textfield-error-d98267a0 > .fds-textfield-input-d98267a0:not(:focus-visible) {
-    border-color: var(--fds-semantic-border-danger-default);
-    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-textfield-input-d98267a0:not(:focus-visible, :disabled, [aria-disabled]):hover {
-      border-color: var(--fds-semantic-border-input-hover);
-      box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
-    }
-  }
-
-  .fds-textfield-inputPrefix-d98267a0 {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .fds-textfield-inputSuffix-d98267a0 {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .fds-textfield-prefix-d98267a0 {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .fds-textfield-suffix-d98267a0 {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .fds-textfield-padlock-d98267a0 {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-textfield-errorMessage-d98267a0:empty {
-    display: none;
-  }
-}
-
-@layer fds.textarea {
-  .fds-textarea-formField-3d0e29bc {
-    display: grid;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-textarea-padlock-3d0e29bc {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-textarea-errorMessage-3d0e29bc:empty {
-    display: none;
-  }
-
-  .fds-textarea-label-3d0e29bc {
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-  }
-
-  .fds-textarea-description-3d0e29bc {
-    color: var(--fds-semantic-text-neutral-subtle);
-    margin-top: calc(var(--fds-spacing-2) * -1);
-  }
-
-  .fds-textarea-textarea-3d0e29bc {
-    font: inherit;
-    font-family: inherit;
-    position: relative;
-    box-sizing: border-box;
-    flex: 0 1 auto;
-    min-height: 2.5em;
-    width: 100%;
-    appearance: none;
-    padding: var(--fds-spacing-3);
-    border: solid 1px var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-medium);
-    resize: vertical;
-  }
-
-  .fds-textarea-textarea-3d0e29bc.fds-textarea-small-3d0e29bc {
-    padding: var(--fds-spacing-2);
-  }
-
-  .fds-textarea-textarea-3d0e29bc.fds-textarea-medium-3d0e29bc {
-    padding: var(--fds-spacing-3);
-  }
-
-  .fds-textarea-textarea-3d0e29bc.fds-textarea-large-3d0e29bc {
-    padding: var(--fds-spacing-4);
-  }
-
-  .fds-textarea-disabled-3d0e29bc {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-textarea-disabled-3d0e29bc .fds-textarea-textarea-3d0e29bc {
-    cursor: not-allowed;
-  }
-
-  .fds-textarea-readonly-3d0e29bc .fds-textarea-textarea-3d0e29bc {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    border-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-textarea-error-3d0e29bc > .fds-textarea-textarea-3d0e29bc:not(:focus-visible) {
-    border-color: var(--fds-semantic-border-danger-default);
-    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-textarea-textarea-3d0e29bc:not(:focus-visible, :disabled, [aria-disabled]):hover {
-      border-color: var(--fds-semantic-border-input-hover);
-      box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
-    }
-  }
-}
-
-@layer fds.tab {
-  .fds-tab-tabItem-747ae0b6 {
-    --fdsc-bottom-border-color: transparent;
-
-    display: flex;
-    flex-direction: row;
-    box-sizing: border-box;
-    gap: var(--fds-spacing-1);
-    justify-content: center;
-    text-align: center;
-    align-items: center;
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-    border: none;
-    border-radius: 0;
-    background-color: transparent;
-    cursor: pointer;
-    color: var(--fds-semantic-text-neutral-subtle);
-    position: relative;
-  }
-
-  .fds-tab-tabItem-747ae0b6.fds-tab-small-747ae0b6 {
-    font: var(--fds-typography-interactive-small);
-    font-family: inherit;
-    padding: var(--fds-spacing-2) var(--fds-spacing-4);
-  }
-
-  .fds-tab-tabItem-747ae0b6.fds-tab-medium-747ae0b6 {
-    font: var(--fds-typography-interactive-medium);
-    font-family: inherit;
-    padding: var(--fds-spacing-3) var(--fds-spacing-5);
-  }
-
-  .fds-tab-tabItem-747ae0b6.fds-tab-large-747ae0b6 {
-    font: var(--fds-typography-interactive-large);
-    font-family: inherit;
-    padding: var(--fds-spacing-4) var(--fds-spacing-6);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-tab-tabItem-747ae0b6:hover {
-      --fdsc-bottom-border-color: var(--fds-semantic-border-neutral-subtle);
-
-      color: var(--fds-semantic-text-neutral-default);
-    }
-  }
-
-  .fds-tab-tabItem-747ae0b6.fds-tab-isActive-747ae0b6 {
-    --fdsc-bottom-border-color: var(--fds-semantic-border-action-default);
-
-    color: var(--fds-semantic-text-action-default);
-  }
-
-  .fds-tab-tabItem-747ae0b6:focus-visible {
-    --fdsc-bottom-border-color: var(--fds-semantic-text-neutral-default);
-
-    background: var(--fds-semantic-border-focus-outline);
-    color: var(--fds-semantic-text-neutral-default);
-    outline: none;
-  }
-
-  .fds-tab-tabItem-747ae0b6::after {
-    content: '';
-    display: block;
-    height: 3px;
-    width: 100%;
-    border-radius: var(--fds-border_radius-full);
-    background-color: var(--fdsc-bottom-border-color);
-    position: absolute;
-    bottom: 0;
-    left: 0;
-  }
-}
-
-@layer fds.tablist {
-  .fds-tablist-tabItemList-6cf4b5ba {
-    display: flex;
-    flex-direction: row;
-    border-bottom: var(--fds-border_width-default) solid var(--fds-semantic-border-neutral-subtle);
-  }
-}
-
-@layer fds.tabcontent {
-  .fds-tabcontent-tabContent-1c049ba2 {
-    font-family: inherit;
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-small-1c049ba2 {
-    padding: var(--fds-spacing-4);
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-medium-1c049ba2 {
-    padding: var(--fds-spacing-5);
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-large-1c049ba2 {
-    padding: var(--fds-spacing-6);
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-small-1c049ba2 {
-    font: var(--fds-typography-interactive-small);
-    font-family: inherit;
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-medium-1c049ba2 {
-    font: var(--fds-typography-interactive-medium);
-    font-family: inherit;
-  }
-
-  .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-large-1c049ba2 {
-    font: var(--fds-typography-interactive-large);
-    font-family: inherit;
-  }
-}
-
-@layer fds.togglegroup {
-  .fds-togglegroup-toggleGroupContainer-500caf37 {
-    background-color: var(--fds-semantic-background-default);
-    border: var(--fds-semantic-border-neutral-default) solid var(--fds-border_width-default);
-    border-radius: var(--fds-border_radius-large);
-    width: fit-content;
-  }
-
-  .fds-togglegroup-groupContent-500caf37 {
-    display: inline-grid;
-    gap: var(--fds-spacing-1);
-    grid-auto-columns: 1fr;
-    grid-auto-flow: column;
-    padding: var(--fds-spacing-1);
-  }
-}
-
-@layer fds.togglegroup-item {
-  .fds-togglegroupitem-toggleGroupItem-e4b3afb5:focus-visible {
-    z-index: 1;
-  }
-}
-
-@layer fds.divider {
-  .fds-divider-divider-ce86dd9b {
-    border: none;
-    border-top: 1px solid;
-  }
-
-  .fds-divider-default-ce86dd9b {
-    border-color: var(--fds-semantic-border-divider-default);
-  }
-
-  .fds-divider-strong-ce86dd9b {
-    border-color: var(--fds-semantic-border-divider-strong);
-  }
-
-  .fds-divider-subtle-ce86dd9b {
-    border-color: var(--fds-semantic-border-divider-subtle);
-  }
-}
-
-@layer fds.modal-content {
-  .fds-modalcontent-modalContent-4af8b711 {
-    padding: var(--fds-spacing-2) var(--fds-spacing-6);
-    max-height: 80vh;
-    overflow-y: auto;
-  }
-}
-
-@layer fds.modal {
-  .fds-modal-modal-a6ba173 {
-    padding: 0;
-    width: 100%;
-    max-width: 650px;
-    border: none;
-    border-radius: var(--fds-border_radius-medium);
-    box-shadow: var(--fds-shadow-xlarge);
-  }
-
-  .fds-modal-modal-a6ba173::backdrop {
-    background-color: rgb(0 0 0 / 0.5);
-    animation: fds-modal-fade-in-a6ba173 300ms ease-in-out;
-  }
-
-  .fds-modal-modal-a6ba173[open] {
-    animation: fds-modal-slide-in-a6ba173 300ms ease-in-out, fds-modal-fade-in-a6ba173 300ms ease-in-out;
-  }
-
-  .fds-modal-modal-a6ba173 > hr {
-    margin: var(--fds-spacing-3) 0 !important;
-    border-color: var(--fds-semantic-border-divider-subtle);
-  }
-
-  @media (max-width: 650px) {
-    .fds-modal-modal-a6ba173 {
-      min-width: 100%;
-      max-width: 100%;
-      border-radius: 0;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .fds-modal-modal-a6ba173[open] {
-      animation: none;
-    }
-
-    .fds-modal-modal-a6ba173::backdrop {
-      animation: none;
-    }
-  }
-
-  .fds-modal-lockScroll-a6ba173 {
-    overflow: hidden;
-  }
-
-  @keyframes fds-modal-slide-in-a6ba173 {
-    0% {
-      transform: translateY(50px);
-    }
-
-    100% {
-      transform: translateY(0);
-    }
-  }
-
-  @keyframes fds-modal-fade-in-a6ba173 {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-}
-
-@layer fds.modal-footer {
-  .fds-modalfooter-modalFooter-d3aee3bf {
-    display: flex;
-    align-items: center;
-    gap: var(--fds-spacing-4);
-    padding-top: var(--fds-spacing-3);
-    padding-bottom: var(--fds-spacing-6);
-    padding-left: var(--fds-spacing-6);
-    padding-right: var(--fds-spacing-6);
-  }
-}
-
-@layer fds.modal-header {
-  .fds-modalheader-modalHeader-47e4ee5b {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    padding-top: var(--fds-spacing-6);
-    padding-bottom: var(--fds-spacing-2);
-    padding-left: var(--fds-spacing-6);
-    padding-right: var(--fds-spacing-18);
-    gap: var(--fds-spacing-1);
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-modalheader-modalHeaderButton-47e4ee5b {
-    position: absolute;
-    top: var(--fds-spacing-3);
-    right: var(--fds-spacing-3);
-  }
-
-  .fds-modalheader-modalHeader-47e4ee5b.fds-modalheader-noCloseButton-47e4ee5b {
-    padding-right: var(--fds-spacing-6);
-  }
-}
-
-@layer fds.dropdownmenu-group {
-  .fds-dropdownmenugroup-section-79852df0 {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .fds-dropdownmenugroup-heading-79852df0 {
-    padding: var(--fds-spacing-2) var(--fds-spacing-4);
-  }
-}
-
-@layer fds.dropdownmenu-item {
-  .fds-dropdownmenuitem-item-e01249b0 {
-    justify-content: start;
-    padding: 0 var(--fds-spacing-4);
-  }
-}
-
-@layer fds.dropdownmenu {
-  .fds-dropdownmenu-dropdown-cc18018f {
-    position: relative;
-    padding: var(--fds-spacing-2);
-    z-index: 1500;
-    margin: 0;
-    list-style: none;
-    border-radius: var(--fds-border_radius-medium);
-    box-shadow: var(--fds-shadow-medium);
-    background-color: var(--fds-semantic-background-default);
-  }
-
-  .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-small-cc18018f {
-    min-width: 240px;
-    padding: var(--fds-spacing-2);
-  }
-
-  .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-medium-cc18018f {
-    min-width: 260px;
-    padding: var(--fds-spacing-3) var(--fds-spacing-2);
-  }
-
-  .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-large-cc18018f {
-    min-width: 280px;
-    padding: var(--fds-spacing-4) var(--fds-spacing-2);
-  }
-
-  .fds-dropdownmenu-dropdown-cc18018f > hr {
-    border-color: var(--fds-semantic-border-divider-subtle) !important;
-  }
-}
-
-@layer fds.search {
-  .fds-search-formField-a6b5fe3c {
-    display: inline-grid;
-    width: 100%;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-search-formField-a6b5fe3c.fds-search-small-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-5);
-  }
-
-  .fds-search-formField-a6b5fe3c.fds-search-medium-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-6);
-  }
-
-  .fds-search-formField-a6b5fe3c.fds-search-large-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-8);
-  }
-
-  .fds-search-errorMessage-a6b5fe3c:empty {
-    display: none;
-  }
-
-  .fds-search-label-a6b5fe3c {
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-  }
-
-  .fds-search-field-a6b5fe3c {
-    display: flex;
-    width: 100%;
-    align-items: stretch;
-    border-radius: var(--fds-border_radius-medium);
-    position: relative;
-  }
-
-  .fds-search-icon-a6b5fe3c {
-    position: absolute;
-    height: 100%;
-    z-index: 2;
-    left: var(--fds-spacing-4);
-    transform: scale(1.5);
-    pointer-events: none;
-  }
-
-  [type='search']::-webkit-search-decoration,
-  [type='search']::-webkit-search-cancel-button {
-    appearance: none;
-  }
-
-  .fds-search-input-a6b5fe3c {
-    font: inherit;
-    font-family: inherit;
-    position: relative;
-    box-sizing: border-box;
-    flex: 0 1 auto;
-    height: var(--fds-sizing-10);
-    width: 100%;
-    appearance: none;
-    padding: 0 var(--fds-spacing-3);
-    border: solid 1px var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-search-input-a6b5fe3c.fds-search-withSearchButton-a6b5fe3c {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .fds-search-input-a6b5fe3c:disabled {
-    cursor: not-allowed;
-  }
-
-  .fds-search-input-a6b5fe3c[type='search']:focus-visible {
-    z-index: 1;
-  }
-
-  .fds-search-disabled-a6b5fe3c {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-search-searchButton-a6b5fe3c {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .fds-search-searchButton-a6b5fe3c:focus-visible {
-    z-index: 1;
-  }
-
-  .fds-search-clearButton-a6b5fe3c {
-    color: var(--fds-semantic-text-neutral-default);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    background: none;
-    border: none;
-    right: 0.6em;
-    top: 50%;
-    transform: translateY(-50%);
-    cursor: pointer;
-    height: var(--f-search-button-clear-size);
-    width: var(--f-search-button-clear-size);
-    border-radius: var(--fds-border_radius-medium);
-    font-size: 1.25rem;
-    padding: 0;
-    z-index: 2;
-  }
-
-  .fds-search-small-a6b5fe3c .fds-search-input-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-4);
-
-    height: var(--fds-sizing-10);
-    padding: 0 var(--fds-spacing-3);
-    padding-right: 2.5em;
-  }
-
-  .fds-search-small-a6b5fe3c .fds-search-icon-a6b5fe3c {
-    left: var(--fds-spacing-3);
-  }
-
-  .fds-search-medium-a6b5fe3c .fds-search-input-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-6);
-
-    height: var(--fds-sizing-12);
-    padding: 0 var(--fds-spacing-4);
-    padding-right: 2.2em;
-  }
-
-  .fds-search-medium-a6b5fe3c .fds-search-icon-a6b5fe3c {
-    left: var(--fds-spacing-4);
-  }
-
-  .fds-search-large-a6b5fe3c .fds-search-input-a6b5fe3c {
-    --f-search-button-clear-size: var(--fds-sizing-12);
-
-    height: var(--fds-sizing-14);
-    padding: 0 var(--fds-spacing-5);
-    padding-right: 2em;
-  }
-
-  .fds-search-large-a6b5fe3c .fds-search-icon-a6b5fe3c {
-    left: var(--fds-spacing-5);
-  }
-
-  .fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
-    padding-left: 2.4em;
-  }
-
-  .fds-search-error-a6b5fe3c > .fds-search-input-a6b5fe3c:not(:focus-visible) {
-    border-color: var(--fds-semantic-border-danger-default);
-    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .fds-search-input-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
-      border-color: var(--fds-semantic-border-input-hover);
-      box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
-    }
-
-    .fds-search-clearButton-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
-      background: var(--fds-semantic-surface-action-subtle-hover);
-    }
-  }
-}
-
-@layer fds.skeleton {
-  .fds-skeleton-skeleton-ecbca06f {
-    --animation-duration: 0.8s;
-
-    height: 1.3em;
-    pointer-events: none;
-    user-select: none;
-    background-color: var(--fds-semantic-surface-neutral-subtle-hover) !important;
-    animation: fds-skeleton-opacity-fade-ecbca06f var(--animation-duration) linear infinite alternate;
-  }
-
-  .fds-skeleton-circle-ecbca06f {
-    width: 1.3em;
-    border-radius: 50%;
-  }
-
-  .fds-skeleton-rectangle-ecbca06f {
-    width: 100%;
-    border-radius: 0.2em;
-  }
-
-  .fds-skeleton-text-ecbca06f {
-    width: 100%;
-    height: auto;
-    transform-origin: 0 55%;
-    transform: scale(1, 0.6);
-    border-radius: 0.55em;
-  }
-
-  .fds-skeleton-text-ecbca06f:empty::before {
-    content: '\00a0';
-  }
-
-  .fds-skeleton-hasChildren-ecbca06f {
-    width: fit-content;
-    height: fit-content;
-    color: transparent !important;
-  }
-
-  .fds-skeleton-hasChildren-ecbca06f > * {
-    visibility: hidden;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .fds-skeleton-skeleton-ecbca06f {
-      --animation-duration: 1.6s;
-    }
-  }
-
-  @keyframes fds-skeleton-opacity-fade-ecbca06f {
-    0% {
-      opacity: 1;
-    }
-
-    100% {
-      opacity: 0.4;
-    }
-  }
-}
-
-@layer fds.box {
-  .fds-box-xsmallShadow-7eee64b7 {
-    box-shadow: var(--fds-shadow-xsmall);
-  }
-
-  .fds-box-smallShadow-7eee64b7 {
-    box-shadow: var(--fds-shadow-small);
-  }
-
-  .fds-box-mediumShadow-7eee64b7 {
-    box-shadow: var(--fds-shadow-medium);
-  }
-
-  .fds-box-largeShadow-7eee64b7 {
-    box-shadow: var(--fds-shadow-large);
-  }
-
-  .fds-box-xlargeShadow-7eee64b7 {
-    box-shadow: var(--fds-shadow-xlarge);
-  }
-
-  .fds-box-defaultBorderColor-7eee64b7 {
-    border: 1px solid var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-box-subtleBorderColor-7eee64b7 {
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-box-strongBorderColor-7eee64b7 {
-    border: 1px solid var(--fds-semantic-border-neutral-strong);
-  }
-
-  .fds-box-smallBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-small);
-  }
-
-  .fds-box-mediumBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-box-largeBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-large);
-  }
-
-  .fds-box-xlargeBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-xlarge);
-  }
-
-  .fds-box-xxlargeBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-xxlarge);
-  }
-
-  .fds-box-xxxlargeBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-xxxlarge);
-  }
-
-  .fds-box-xxxxlargeBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-xxxxlarge);
-  }
-
-  .fds-box-fullBorderRadius-7eee64b7 {
-    border-radius: var(--fds-border_radius-full);
-  }
-
-  .fds-box-defaultBackground-7eee64b7 {
-    background-color: var(--fds-semantic-background-default);
-  }
-
-  .fds-box-subtleBackground-7eee64b7 {
-    background-color: var(--fds-semantic-background-subtle);
-  }
-}
-
-@layer fds.card {
-  .fds-card-media-a01cb08f {
-    width: auto;
-  }
-
-  .fds-card-media-a01cb08f > * {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    border: 0;
-  }
-
-  .fds-card-footer-a01cb08f,
-  .fds-card-content-a01cb08f {
-    display: flex;
-    justify-content: flex-start;
-    gap: var(--fds-spacing-4);
-    flex-wrap: wrap;
-    word-wrap: break-word;
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-    padding: var(--fds-spacing-2) 0;
-  }
-
-  .fds-card-content-a01cb08f {
-    flex-direction: column;
-  }
-
-  .fds-card-header-a01cb08f {
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    word-wrap: break-word;
-    font: var(--fds-typography-heading-medium);
-    font-family: inherit;
-    padding: var(--fds-spacing-2) 0;
-  }
-
-  .fds-card-card-a01cb08f {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    box-sizing: border-box;
-    position: relative;
-    overflow: hidden;
-    color: var(--fds-semantic-text-neutral-default);
-    border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-card-card-a01cb08f a,
-  .fds-card-card-a01cb08f a:visited {
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-card-card-a01cb08f > hr {
-    width: 100%;
-    margin: var(--fds-spacing-3) 0;
-  }
-
-  .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f, hr) {
-    padding-left: var(--fds-spacing-6);
-    padding-right: var(--fds-spacing-6);
-  }
-
-  .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):first-child {
-    padding-top: var(--fds-spacing-6);
-  }
-
-  .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):last-child {
-    padding-bottom: var(--fds-spacing-6);
-  }
-
-  .fds-card-media-a01cb08f:first-child {
-    padding-bottom: var(--fds-spacing-4);
-  }
-
-  .fds-card-media-a01cb08f:last-child {
-    padding-top: var(--fds-spacing-6);
-  }
-
-  .fds-card-linkCard-a01cb08f {
-    text-decoration: none;
-  }
-
-  .fds-card-linkCard-a01cb08f h1,
-  .fds-card-linkCard-a01cb08f h2,
-  .fds-card-linkCard-a01cb08f h3,
-  .fds-card-linkCard-a01cb08f h4,
-  .fds-card-linkCard-a01cb08f h5,
-  .fds-card-linkCard-a01cb08f h6 {
-    text-decoration: underline;
-    text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
-    text-underline-offset: max(4px, 0.25rem, 0.22em);
-  }
-
-  .fds-card-neutral-a01cb08f {
-    background-color: var(--fds-semantic-surface-neutral-default);
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-card-subtle-a01cb08f {
-    background-color: var(--fds-semantic-surface-neutral-subtle);
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:hover,
-  .fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-neutral-subtle-hover);
-  }
-
-  .fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:active,
-  .fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-neutral-subtle-active);
-  }
-
-  .fds-card-first-a01cb08f {
-    background-color: var(--fds-semantic-surface-first-light);
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-first-light-hover);
-  }
-
-  .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-first-light-active);
-  }
-
-  .fds-card-second-a01cb08f {
-    background-color: var(--fds-semantic-surface-second-light);
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-second-light-hover);
-  }
-
-  .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-second-light-active);
-  }
-
-  .fds-card-third-a01cb08f {
-    background-color: var(--fds-semantic-surface-third-light);
-    border: 1px solid var(--fds-semantic-border-neutral-subtle);
-  }
-
-  .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-third-light-hover);
-  }
-
-  .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-third-light-active);
-  }
-}
-
-@layer fds.combobox-option {
-  .fds-option-option-e45d3bd6 {
-    width: 100%;
-    display: grid;
-    grid-template-columns: 1.2em 1fr;
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-    padding-left: var(--fds-spacing-1);
-    border: none;
-    border-left: 5px solid transparent;
-    border-radius: var(--fds-border_radius-interactive);
-    justify-content: start;
-    background: none;
-    text-align: left;
-    height: auto;
-    cursor: pointer;
-    font: var(--fds-typography-label-medium);
-    font-family: inherit;
-  }
-
-  .fds-option-option-e45d3bd6.fds-option-active-e45d3bd6 {
-    background: var(--fds-semantic-surface-action-first-no_fill-hover);
-    border-left: 5px solid var(--fds-semantic-border-input-hover);
-  }
-
-  .fds-option-option-e45d3bd6 > div {
-    align-self: flex-start;
-  }
-
-  .fds-option-option-e45d3bd6.fds-option-multiple-e45d3bd6 {
-    grid-template-columns: auto 1fr;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-option-optionText-e45d3bd6 {
-    margin: auto 0;
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    cursor: pointer;
-    gap: var(--fds-spacing-1);
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-option-active-e45d3bd6 .fds-option-optionText-e45d3bd6 {
-    color: var(--fds-semantic-text-action-hover);
-  }
-
-  .fds-option-checkbox-e45d3bd6 {
-    min-width: unset;
-    min-height: unset;
-    aspect-ratio: 1 / 1;
-    line-height: 0 !important;
-  }
-
-  .fds-option-checkbox-e45d3bd6 input {
-    min-width: unset;
-    min-height: unset;
-  }
-
-  .fds-option-checkbox-e45d3bd6 > span {
-    position: relative;
-    min-width: unset;
-    min-height: unset;
-    height: unset;
-    width: unset;
-  }
-
-  .fds-option-selectIconWrapper-e45d3bd6 {
-    width: var(--fds-spacing-6);
-    aspect-ratio: 1 / 1;
-    border: 2px solid var(--fds-semantic-border-input-default);
-    border-radius: var(--fds-border_radius-interactive);
-    background-color: white;
-    display: grid;
-    place-items: center;
-  }
-
-  .fds-option-small-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
-    width: var(--fds-spacing-5);
-  }
-
-  .fds-option-medium-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
-    width: var(--fds-spacing-6);
-  }
-
-  .fds-option-large-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
-    width: var(--fds-spacing-7);
-  }
-
-  .fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 {
-    border-color: var(--fds-semantic-border-input-hover);
-    background-color: var(--fds-semantic-border-input-hover);
-  }
-
-  .fds-option-selectIcon-e45d3bd6 {
-    box-sizing: border-box;
-    padding-top: 0.2em;
-    transform: scale(1.4);
-    stroke: var(--fds-semantic-text-neutral-default);
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-option-selectIconWrapper-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
-    padding-top: 0;
-  }
-
-  .fds-option-active-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
-    stroke: var(--fds-semantic-text-action-hover);
-    color: var(--fds-semantic-text-action-hover);
-  }
-
-  .fds-option-active-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
-    border-color: var(--fds-semantic-border-input-hover);
-  }
-
-  .fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
-    color: white;
-    stroke: white;
-  }
-}
-
-@layer fds.combobox-option-description {
-  .fds-description-description-2f709a8a {
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    gap: var(--fds-spacing-1);
-    color: var(--fds-semantic-text-neutral-subtle);
-    font: inherit;
-    font-family: inherit;
-  }
-}
-
-@layer fds.combobox-custom {
-  .fds-custom-custom-b0827f56 {
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-  }
-
-  .fds-custom-large-b0827f56 {
-    font: var(--fds-typography-label-large);
-    font-family: inherit;
-    font-weight: 400;
-  }
-
-  .fds-custom-medium-b0827f56 {
-    font: var(--fds-typography-label-medium);
-    font-family: inherit;
-    font-weight: 400;
-  }
-
-  .fds-custom-small-b0827f56 {
-    font: var(--fds-typography-label-small);
-    font-family: inherit;
-    font-weight: 400;
-  }
-}
-
-@layer fds.combobox {
-  .fds-combobox-combobox-249a725c {
-    display: grid;
-    background-color: transparent;
-    gap: var(--fds-spacing-2);
-  }
-
-  .fds-combobox-optionsWrapper-249a725c {
-    padding: var(--fds-spacing-2);
-    background: var(--fds-semantic-background-default);
-    overflow-y: auto;
-    z-index: 1600;
-  }
-
-  .fds-combobox-readOnly-249a725c input {
-    pointer-events: none;
-  }
-
-  .fds-combobox-inputWrapper-249a725c {
-    display: flex;
-    align-items: center;
-    position: relative;
-    gap: var(--fds-spacing-1);
-    cursor: text;
-    padding: var(--fds-spacing-2);
-    width: 100%;
-    height: auto;
-    justify-content: space-between;
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-  }
-
-  .fds-combobox-inputWrapper-249a725c input {
-    height: 100%;
-    min-width: 50px;
-    flex-grow: 1;
-    appearance: none;
-    border: none;
-    background-color: transparent;
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
-    min-height: var(--fds-sizing-10);
-    font: var(--fds-typography-paragraph-small);
-    font-family: inherit;
-    padding: 5px var(--fds-spacing-2);
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c input {
-    font: var(--fds-typography-paragraph-small);
-    font-family: inherit;
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
-    min-height: var(--fds-sizing-12);
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-    padding: 7px var(--fds-spacing-3);
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c input {
-    font: var(--fds-typography-paragraph-medium);
-    font-family: inherit;
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
-    min-height: var(--fds-sizing-14);
-    font: var(--fds-typography-paragraph-large);
-    font-family: inherit;
-    padding: 7px var(--fds-spacing-4);
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c input {
-    font: var(--fds-typography-paragraph-large);
-    font-family: inherit;
-  }
-
-  .fds-combobox-inputWrapper-249a725c input:focus {
-    outline: none;
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-error-249a725c {
-    border-color: var(--fds-semantic-border-danger-default);
-    border-width: 2px;
-  }
-
-  .fds-combobox-chipAndInput-249a725c {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    gap: var(--fds-spacing-2);
-    align-items: center;
-    background-color: transparent;
-  }
-
-  .fds-combobox-chips-249a725c {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-    background-color: transparent;
-  }
-
-  .fds-combobox-arrow-249a725c {
-    display: grid;
-    place-items: center;
-    cursor: pointer;
-  }
-
-  .fds-combobox-inputWrapper-249a725c.fds-combobox-readonly-249a725c {
-    background: var(--fds-semantic-surface-neutral-subtle);
-    border-color: var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-combobox-label-249a725c {
-    min-width: min-content;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-  }
-
-  .fds-combobox-description-249a725c {
-    color: var(--fds-semantic-text-neutral-subtle);
-    margin-top: calc(var(--fds-spacing-2) * -1);
-  }
-
-  .fds-combobox-clearButton-249a725c {
-    display: grid;
-    place-items: center;
-    cursor: pointer;
-    background-color: transparent;
-    color: var(--fds-semantic-text-neutral-default);
-    border: none;
-    padding: 0;
-    border-radius: var(--fds-spacing-1);
-    height: 29px;
-    width: 29px;
-    aspect-ratio: 1;
-  }
-
-  .fds-combobox-clearButton-249a725c.fds-combobox-small-249a725c {
-    height: 25px;
-    width: 25px;
-  }
-
-  .fds-combobox-clearButton-249a725c.fds-combobox-medium-249a725c {
-    height: 29px;
-    width: 29px;
-  }
-
-  .fds-combobox-clearButton-249a725c.fds-combobox-large-249a725c {
-    height: 31px;
-    width: 31px;
-  }
-
-  .fds-combobox-clearButton-249a725c:not(.fds-combobox-disabled-249a725c):hover {
-    background-color: var(--fds-semantic-surface-info-subtle-hover);
-  }
-
-  .fds-combobox-disabled-249a725c {
-    opacity: var(--fds-opacity-disabled);
-  }
-
-  .fds-combobox-disabled-249a725c * {
-    cursor: not-allowed;
-  }
-
-  .fds-combobox-padlock-249a725c {
-    height: 1.2em;
-    width: 1.2em;
-  }
-
-  .fds-combobox-errorMessage-249a725c {
-    margin-top: var(--fds-spacing-2);
-  }
-
-  .fds-combobox-errorMessage-249a725c:empty {
-    display: none;
-  }
-
-  .fds-combobox-loading-249a725c {
-    display: flex;
-    gap: var(--fds-spacing-2);
-    align-content: center;
-  }
-
-  /**
-   * Apply a focus outline on an element when it is focused with keyboard
-   */
-  .fds-combobox-inputWrapper-249a725c:has(input:focus) {
-    --fds-focus-border-width: 3px;
-
-    outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
-    outline-offset: var(--fds-focus-border-width);
-    box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow) !important;
-  }
-
-  .fds-combobox-showChecked-249a725c path {
-    display: inline !important;
-  }
-
-  .fds-combobox-showChecked-249a725c rect {
-    stroke: var(--fds-semantic-border-input-hover) !important;
-    fill: var(--fds-semantic-border-input-hover) !important;
-  }
-}
-
-@layer fds.combobox-empty {
-  .fds-empty-empty-81c5195a {
-    padding: var(--fds-spacing-2) var(--fds-spacing-3);
-  }
-
-  .fds-empty-large-81c5195a {
-    font: var(--fds-typography-label-large);
-    font-family: inherit;
-    font-weight: 400;
-  }
-
-  .fds-empty-medium-81c5195a {
-    font: var(--fds-typography-label-medium);
-    font-family: inherit;
-    font-weight: 400;
-  }
-
-  .fds-empty-small-81c5195a {
-    font: var(--fds-typography-label-small);
-    font-family: inherit;
-    font-weight: 400;
-  }
-}
-
-@layer fds.table {
-  .fds-table-table-35cf16b1 {
-    position: relative;
-    border-collapse: separate;
-    border-spacing: 0;
-    text-align: left;
-
-    --table-padding: 0;
-    --border-radius: var(--fds-border_radius-medium);
-  }
-
-  .fds-table-table-35cf16b1.fds-table-stickyHeader-35cf16b1 {
-    overflow: auto;
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type td {
-    border-bottom: 0;
-  }
-
-  .fds-table-small-35cf16b1 {
-    --table-padding: var(--fds-spacing-1) var(--fds-spacing-3);
-  }
-
-  .fds-table-medium-35cf16b1 {
-    --table-padding: var(--fds-spacing-2) var(--fds-spacing-3);
-  }
-
-  .fds-table-large-35cf16b1 {
-    --table-padding: var(--fds-spacing-3) var(--fds-spacing-3);
-  }
-
-  .fds-table-head-35cf16b1 {
-    z-index: 0;
-    box-sizing: border-box;
-    font: inherit;
-    font-family: inherit;
-    border-spacing: 0;
-    font-weight: 500;
-    border-bottom: 2px solid var(--fds-semantic-border-divider-default);
-  }
-
-  .fds-table-headerCell-35cf16b1 {
-    padding: var(--table-padding);
-    font: inherit;
-    font-family: inherit;
-    background-color: var(--fds-semantic-surface-neutral-default);
-    border-spacing: 0;
-    border-bottom: 2px solid var(--fds-semantic-border-divider-default);
-  }
-
-  .fds-table-stickyHeader-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1 {
-    position: sticky;
-    top: 0;
-    z-index: 1;
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 {
-    padding: 0;
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button {
-    position: relative;
-    width: 100%;
-    border: none;
-    font: inherit;
-    font-family: inherit;
-    display: flex;
-    cursor: pointer;
-    gap: var(--fds-spacing-1);
-    align-items: center;
-    padding: var(--table-padding);
-    background-color: transparent;
-    z-index: 2;
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sorted-35cf16b1 button {
-    background-color: var(--fds-semantic-surface-neutral-subtle);
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:focus {
-    z-index: 3;
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:hover {
-    background-color: var(--fds-semantic-surface-neutral-subtle-hover);
-  }
-
-  .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button svg {
-    font-size: 1.2em;
-  }
-
-  .fds-table-cell-35cf16b1 {
-    padding: var(--table-padding);
-    border-bottom: 1px solid var(--fds-semantic-border-divider-default);
-    background-color: var(--fds-semantic-surface-neutral-default);
-  }
-
-  .fds-table-row-35cf16b1:hover .fds-table-cell-35cf16b1 {
-    background-color: var(--fds-semantic-surface-neutral-subtle-hover);
-  }
-
-  .fds-table-zebra-35cf16b1 .fds-table-row-35cf16b1 {
-    border-bottom: 0;
-  }
-
-  .fds-table-zebra-35cf16b1 tr:nth-child(even):not(:hover) .fds-table-cell-35cf16b1 {
-    background-color: var(--fds-semantic-background-subtle);
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 {
-    border-radius: var(--border-radius);
-    border: 1px solid var(--fds-semantic-border-neutral-default);
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:first-of-type {
-    border-top-left-radius: var(--border-radius);
-    overflow: hidden;
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:last-of-type {
-    border-top-right-radius: var(--border-radius);
-    overflow: hidden;
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:first-of-type {
-    border-bottom-left-radius: var(--border-radius);
-    overflow: hidden;
-  }
-
-  .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:last-of-type {
-    border-bottom-right-radius: var(--border-radius);
-    overflow: hidden;
-  }
-}
-
-@layer fds.errorsummary {
-  .fds-errorsummary-errorSummary-1700c6cf {
-    padding: var(--fds-spacing-6) var(--fds-spacing-8);
-    border-radius: var(--fds-border_radius-large);
-    background-color: var(--fds-semantic-surface-danger-subtle);
-  }
-
-  .fds-errorsummary-errorSummary-1700c6cf a {
-    color: var(--fds-semantic-text-neutral-default);
-  }
-
-  .fds-errorsummary-errorSummary-1700c6cf li:last-of-type {
-    margin-bottom: 0;
-  }
-}