@digdir/designsystemet-react 0.52.0-alpha.0

package/dist/esm/react-components.css

@@ -0,0 +1,3614 @@
+/**
+ * Visually hide an element, but leave it available for screen readers
+ */
+.fds-utility-visuallyHidden-1bd8d932 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+/**
+ * Apply a focus outline on an element when it is focused with keyboard
+ */
+.fds-utility-focusable-1bd8d932:focus-visible {
+  --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);
+}
+
+.fds-button-button-13ece2ef {
+  --fc-button-icon-size: var(--fds-sizing-4);
+  --fc-button-padding: 0 var(--fds-spacing-4);
+  --fc-button-color: var(--fds-semantic-text-action-first-on_action);
+
+  display: flex;
+  align-items: center;
+  border: var(--fds-border_width-default) solid transparent;
+  color: var(--fc-button-color);
+  fill: var(--fc-button-color);
+  min-width: 2.5em;
+  padding: var(--fc-button-padding);
+  box-sizing: border-box;
+  cursor: pointer;
+  font-family: inherit;
+  justify-content: center;
+  text-align: center;
+  text-decoration: none;
+  position: relative;
+  border-radius: var(--fds-border_radius-interactive);
+  min-height: var(--fds-sizing-10);
+}
+
+.fds-button-button-13ece2ef svg {
+  overflow: visible;
+}
+
+.fds-button-small-13ece2ef::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: auto;
+  min-height: auto;
+  content: '';
+}
+
+.fds-button-small-13ece2ef::after {
+  position: absolute;
+  top: -5px;
+  left: 0;
+  width: 100%;
+  height: 44px;
+  content: '';
+}
+
+.fds-button-button-13ece2ef:disabled,
+.fds-button-button-13ece2ef[aria-disabled='true'] {
+  cursor: not-allowed;
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-button-button-13ece2ef > :is(svg, img, i) {
+  height: var(--fc-button-icon-size);
+  width: var(--fc-button-icon-size);
+}
+
+.fds-button-small-13ece2ef {
+  --fc-button-padding: 0 var(--fds-spacing-3);
+  --fc-button-icon-size: var(--fds-sizing-4);
+
+  gap: var(--fds-sizing-1);
+  font: var(--fds-typography-paragraph-short-small);
+  font-family: inherit;
+  min-height: var(--fds-sizing-8);
+}
+
+.fds-button-medium-13ece2ef {
+  --fc-button-padding: 0 var(--fds-spacing-4);
+  --fc-button-icon-size: var(--fds-sizing-6);
+
+  gap: var(--fds-sizing-2);
+  font: var(--fds-typography-paragraph-short-medium);
+  font-family: inherit;
+  min-height: var(--fds-sizing-10);
+}
+
+.fds-button-large-13ece2ef {
+  --fc-button-padding: 0 var(--fds-spacing-5);
+  --fc-button-icon-size: var(--fds-sizing-8);
+
+  gap: var(--fds-sizing-2);
+  font: var(--fds-typography-paragraph-short-large);
+  font-family: inherit;
+  min-height: var(--fds-sizing-12);
+}
+
+.fds-button-fullWidth-13ece2ef {
+  width: 100%;
+}
+
+.fds-button-secondary-13ece2ef,
+.fds-button-tertiary-13ece2ef {
+  background-color: transparent;
+}
+
+.fds-button-onlyIcon-13ece2ef {
+  --fc-button-padding: 0;
+}
+
+/* Only use hover for non-touch devices to prevent sticky-hovering */
+@media (hover: hover) and (pointer: fine) {
+  .fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    background-color: var(--fds-semantic-surface-action-first-hover);
+  }
+
+  .fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    background-color: var(--fds-semantic-surface-action-second-hover);
+  }
+
+  .fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    background-color: var(--fds-semantic-surface-success-hover);
+  }
+
+  .fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    background-color: var(--fds-semantic-surface-danger-hover);
+  }
+
+  .fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-neutral-default);
+
+    background-color: var(--fds-semantic-surface-on_inverted-hover);
+  }
+
+  .fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-action-first-hover);
+
+    border-color: var(--fds-semantic-border-action-first-hover);
+    background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
+  }
+
+  .fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-action-second-hover);
+
+    border-color: var(--fds-semantic-border-action-second-hover);
+    background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
+  }
+
+  .fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-success-hover);
+
+    border-color: var(--fds-semantic-border-success-hover);
+    background-color: var(--fds-semantic-surface-success-no_fill-hover);
+  }
+
+  .fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-danger-hover);
+
+    border-color: var(--fds-semantic-border-danger-hover);
+    background-color: var(--fds-semantic-surface-danger-no_fill-hover);
+  }
+
+  .fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
+  }
+
+  .fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-action-first-hover);
+
+    background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
+  }
+
+  .fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-action-second-hover);
+
+    background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
+  }
+
+  .fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-success-hover);
+
+    background-color: var(--fds-semantic-surface-success-no_fill-hover);
+  }
+
+  .fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-danger-hover);
+
+    background-color: var(--fds-semantic-surface-danger-no_fill-hover);
+  }
+
+  .fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
+    --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
+
+    background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
+  }
+}
+
+/* Primary button colors */
+.fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef) {
+  background-color: var(--fds-semantic-surface-action-first-default);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef) {
+  background-color: var(--fds-semantic-surface-action-second-default);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef) {
+  background-color: var(--fds-semantic-surface-success-default);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef) {
+  background-color: var(--fds-semantic-surface-danger-default);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-neutral-default);
+
+  background-color: var(--fds-semantic-surface-on_inverted-default);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  background-color: var(--fds-semantic-surface-action-first-active);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  background-color: var(--fds-semantic-surface-action-second-active);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  background-color: var(--fds-semantic-surface-success-active);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  background-color: var(--fds-semantic-surface-danger-active);
+}
+
+.fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-neutral-default);
+
+  background-color: var(--fds-semantic-surface-on_inverted-active);
+}
+
+/* Secondary button colors */
+.fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-action-first-default);
+
+  border-color: var(--fds-semantic-border-action-first-default);
+  background-color: var(--fds-semantic-surface-action-first-no_fill);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-action-second-default);
+
+  border-color: var(--fds-semantic-border-action-second-default);
+  background-color: var(--fds-semantic-surface-action-second-no_fill);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-success-default);
+
+  border-color: var(--fds-semantic-border-success-default);
+  background-color: var(--fds-semantic-surface-success-no_fill);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-danger-default);
+
+  border-color: var(--fds-semantic-border-danger-default);
+  background-color: var(--fds-semantic-surface-danger-no_fill);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
+
+  border: 1px solid var(--fds-semantic-border-on_inverted-default);
+  background-color: transparent;
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-action-first-active);
+
+  border-color: var(--fds-semantic-border-action-first-active);
+  background-color: var(--fds-semantic-surface-action-first-no_fill-active);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-action-second-active);
+
+  border-color: var(--fds-semantic-border-action-second-active);
+  background-color: var(--fds-semantic-surface-action-second-no_fill-active);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-success-active);
+
+  border-color: var(--fds-semantic-border-success-active);
+  background-color: var(--fds-semantic-surface-success-no_fill-active);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-danger-active);
+
+  border-color: var(--fds-semantic-border-danger-active);
+  background-color: var(--fds-semantic-surface-danger-no_fill-active);
+}
+
+.fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
+
+  background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
+}
+
+/* Tertiary button colors */
+.fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-action-first-default);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-action-second-default);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-success-default);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-danger-default);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
+  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
+
+  background-color: transparent;
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-action-first-active);
+
+  background-color: var(--fds-semantic-surface-action-first-no_fill-active);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-action-second-active);
+
+  background-color: var(--fds-semantic-surface-action-second-no_fill-active);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-success-active);
+
+  background-color: var(--fds-semantic-surface-success-no_fill-active);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-danger-active);
+
+  background-color: var(--fds-semantic-surface-danger-no_fill-active);
+}
+
+.fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
+  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
+
+  background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
+}
+
+.fds-paragraph-paragraph-10d75e13 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  color: var(--fds-semantic-text-neutral-default);
+  margin: 0;
+}
+
+.fds-paragraph-spacing-10d75e13 {
+  margin-bottom: var(--fdsc-bottom-spacing);
+}
+
+.fds-paragraph-large-10d75e13 {
+  --fdsc-bottom-spacing: var(--fds-spacing-6);
+
+  font: var(--fds-typography-paragraph-large);
+  font-family: inherit;
+}
+
+.fds-paragraph-large-10d75e13:where(.fds-paragraph-short-10d75e13) {
+  font: var(--fds-typography-paragraph-short-large);
+  font-family: inherit;
+}
+
+.fds-paragraph-medium-10d75e13 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-paragraph-medium);
+  font-family: inherit;
+}
+
+.fds-paragraph-medium-10d75e13:where(.fds-paragraph-short-10d75e13) {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-paragraph-short-medium);
+  font-family: inherit;
+}
+
+.fds-paragraph-small-10d75e13 {
+  --fdsc-bottom-spacing: var(--fds-spacing-4);
+
+  font: var(--fds-typography-paragraph-small);
+  font-family: inherit;
+}
+
+.fds-paragraph-small-10d75e13:where(.fds-paragraph-short-10d75e13) {
+  --fdsc-bottom-spacing: var(--fds-spacing-4);
+
+  font: var(--fds-typography-paragraph-short-small);
+  font-family: inherit;
+}
+
+.fds-paragraph-xsmall-10d75e13 {
+  --fdsc-bottom-spacing: var(--fds-spacing-3);
+
+  font: var(--fds-typography-paragraph-xsmall);
+  font-family: inherit;
+}
+
+.fds-paragraph-xsmall-10d75e13:where(.fds-paragraph-short-10d75e13) {
+  --fdsc-bottom-spacing: var(--fds-spacing-3);
+
+  font: var(--fds-typography-paragraph-short-xsmall);
+  font-family: inherit;
+}
+
+.fds-heading-heading-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-6);
+
+  margin: 0;
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-heading-spacing-f77d34ab {
+  margin-bottom: var(--fdsc-bottom-spacing);
+}
+
+.fds-heading-size-3xlarge-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-8);
+
+  font: var(--fds-typography-heading-3xlarge);
+  font-family: inherit;
+}
+
+.fds-heading-size-2xlarge-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-7);
+
+  font: var(--fds-typography-heading-2xlarge);
+  font-family: inherit;
+}
+
+.fds-heading-size-xlarge-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-6);
+
+  font: var(--fds-typography-heading-xlarge);
+  font-family: inherit;
+}
+
+.fds-heading-size-large-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-heading-large);
+  font-family: inherit;
+}
+
+.fds-heading-size-medium-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-4);
+
+  font: var(--fds-typography-heading-medium);
+  font-family: inherit;
+}
+
+.fds-heading-size-small-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-3);
+
+  font: var(--fds-typography-heading-small);
+  font-family: inherit;
+}
+
+.fds-heading-size-xsmall-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-2);
+
+  font: var(--fds-typography-heading-xsmall);
+  font-family: inherit;
+}
+
+.fds-heading-size-xxsmall-f77d34ab {
+  --fdsc-bottom-spacing: var(--fds-spacing-1);
+
+  font: var(--fds-typography-heading-xxsmall);
+  font-family: inherit;
+}
+
+.fds-ingress-ingress-e1a65285 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  margin: 0;
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-ingress-ingress-e1a65285.fds-ingress-spacing-e1a65285 {
+  margin-bottom: var(--fdsc-bottom-spacing);
+}
+
+.fds-ingress-ingress-e1a65285.fds-ingress-medium-e1a65285 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-ingress-medium);
+  font-family: inherit;
+}
+
+.fds-label-label-b9d81987 {
+  --fdsc-bottom-spacing: var(--fds-spacing-1);
+
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-label-label-b9d81987.fds-label-spacing-b9d81987 {
+  margin-bottom: var(--fdsc-bottom-spacing);
+}
+
+.fds-label-label-b9d81987.fds-label-large-b9d81987 {
+  font: var(--fds-typography-label-large);
+  font-family: inherit;
+}
+
+.fds-label-label-b9d81987.fds-label-medium-b9d81987 {
+  font: var(--fds-typography-label-medium);
+  font-family: inherit;
+}
+
+.fds-label-label-b9d81987.fds-label-small-b9d81987 {
+  font: var(--fds-typography-label-small);
+  font-family: inherit;
+}
+
+.fds-label-label-b9d81987.fds-label-xsmall-b9d81987 {
+  font: var(--fds-typography-label-xsmall);
+  font-family: inherit;
+}
+
+.fds-label-label-b9d81987.fds-label-regularWeight-b9d81987 {
+  font-weight: 400;
+}
+
+.fds-label-label-b9d81987.fds-label-mediumWeight-b9d81987 {
+  font-weight: 500;
+}
+
+.fds-label-label-b9d81987.fds-label-semiboldWeight-b9d81987 {
+  font-weight: 600;
+}
+
+.fds-errormessage-errorMessage-a030a5d1 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  margin: 0;
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-error-a030a5d1 {
+  color: var(--fds-semantic-text-danger-default);
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-spacing-a030a5d1 {
+  margin-bottom: var(--fdsc-bottom-spacing);
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-large-a030a5d1 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-error_message-large);
+  font-family: inherit;
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-medium-a030a5d1 {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-error_message-medium);
+  font-family: inherit;
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-small-a030a5d1 {
+  --fdsc-bottom-spacing: var(--fds-spacing-4);
+
+  font: var(--fds-typography-error_message-small);
+  font-family: inherit;
+}
+
+.fds-errormessage-errorMessage-a030a5d1.fds-errormessage-xsmall-a030a5d1 {
+  --fdsc-bottom-spacing: var(--fds-spacing-3);
+
+  font: var(--fds-typography-error_message-xsmall);
+  font-family: inherit;
+}
+
+.fds-popover-popover-baea8f63 {
+  --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-baea8f63.fds-popover-small-baea8f63 {
+  padding: var(--fds-spacing-2) var(--fds-spacing-3);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-medium-baea8f63 {
+  padding: var(--fds-spacing-3) var(--fds-spacing-4);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-large-baea8f63 {
+  padding: var(--fds-spacing-3) var(--fds-spacing-5);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-default-baea8f63 {
+  --background: var(--fds-semantic-surface-neutral-default);
+
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-info-baea8f63 {
+  --background: var(--fds-semantic-surface-info-subtle);
+
+  border-color: var(--fds-semantic-border-info-default);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-warning-baea8f63 {
+  --background: var(--fds-semantic-surface-warning-subtle);
+
+  border-color: var(--fds-semantic-border-warning-default);
+}
+
+.fds-popover-popover-baea8f63.fds-popover-danger-baea8f63 {
+  --background: var(--fds-semantic-surface-danger-subtle);
+
+  border-color: var(--fds-semantic-border-danger-default);
+}
+
+.fds-popover-arrow-baea8f63 {
+  position: absolute;
+  background: var(--background);
+  transform: rotate(45deg);
+}
+
+.fds-popover-arrow-baea8f63.fds-popover-top-baea8f63 {
+  border-top: var(--border);
+  border-left: var(--border);
+  border-color: inherit;
+}
+
+.fds-popover-arrow-baea8f63.fds-popover-bottom-baea8f63 {
+  border-bottom: var(--border);
+  border-right: var(--border);
+  border-color: inherit;
+}
+
+.fds-popover-arrow-baea8f63.fds-popover-right-baea8f63 {
+  border-top: var(--border);
+  border-right: var(--border);
+  border-color: inherit;
+}
+
+.fds-popover-arrow-baea8f63.fds-popover-left-baea8f63 {
+  border-bottom: var(--border);
+  border-left: var(--border);
+  border-color: inherit;
+}
+
+.fds-helptext-helpTextButton-1937672f {
+  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-1937672f {
+    display: none;
+  }
+}
+
+.fds-helptext-helpTextIconFilled-1937672f {
+  display: none;
+}
+
+.fds-helptext-helpTextIcon-1937672f {
+  color: var(--fds-semantic-text-action-default);
+  width: var(--help_text-icon-width);
+  height: var(--help_text-icon-height);
+}
+
+.fds-helptext-helpTextButton-1937672f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIcon-1937672f {
+  display: none;
+}
+
+.fds-helptext-helpTextButton-1937672f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIconFilled-1937672f {
+  display: inline-block;
+}
+
+.fds-helptext-helpTextContent-1937672f {
+  font: var(--fds-typography-paragraph-medium);
+  font-family: inherit;
+  width: fit-content;
+  max-width: 700px;
+}
+
+.fds-helptext-helpTextIcon-1937672f.fds-helptext-small-1937672f {
+  --help_text-icon-width: 24px;
+  --help_text-icon-height: 24px;
+}
+
+.fds-helptext-helpTextIcon-1937672f.fds-helptext-medium-1937672f {
+  --help_text-icon-width: var(--fds-sizing-6);
+  --help_text-icon-height: var(--fds-sizing-6);
+}
+
+.fds-helptext-helpTextIcon-1937672f.fds-helptext-large-1937672f {
+  --help_text-icon-width: var(--fds-sizing-7);
+  --help_text-icon-height: var(--fds-sizing-7);
+}
+
+.fds-spinner-spinner-ecd53b7b {
+  animation: fds-spinner-rotate-animation-ecd53b7b linear infinite;
+  animation-duration: 2s;
+}
+
+.fds-spinner-spinnerCircle-ecd53b7b {
+  stroke-dasharray: 1px, 200px;
+  transform-origin: center;
+  animation: fds-spinner-stroke-animation-ecd53b7b 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-ecd53b7b {
+    animation-duration: 6s;
+  }
+
+  .fds-spinner-spinnerCircle-ecd53b7b {
+    animation-duration: 6s;
+  }
+}
+
+.fds-spinner-default-ecd53b7b {
+  stroke: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-spinner-interaction-ecd53b7b {
+  stroke: var(--fds-semantic-border-action-first-default);
+}
+
+.fds-spinner-inverted-ecd53b7b {
+  stroke: var(--fds-semantic-surface-neutral-default);
+}
+
+.fds-spinner-background-ecd53b7b {
+  stroke: var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-spinner-invertedBackground-ecd53b7b {
+  stroke: var(--fds-semantic-surface-neutral-dark);
+}
+
+@keyframes fds-spinner-rotate-animation-ecd53b7b {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes fds-spinner-stroke-animation-ecd53b7b {
+  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);
+  }
+}
+
+.fds-link-link-74840a2f {
+  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-74840a2f:visited {
+  color: var(--fds-semantic-text-visited-default);
+  text-decoration: none;
+}
+
+.fds-link-link-74840a2f:hover {
+  color: var(--fds-semantic-text-action-hover);
+  text-decoration-thickness: max(2px, 0.125rem, 0.12em);
+}
+
+.fds-link-link-74840a2f: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-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active),
+.fds-link-link-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active):hover,
+.fds-link-link-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active):visited {
+  color: white;
+}
+
+.fds-list-small-f2433af {
+  padding-left: var(--fds-spacing-4);
+}
+
+.fds-list-medium-f2433af,
+.fds-list-large-f2433af {
+  padding-left: var(--fds-spacing-6);
+}
+
+.fds-list-listItem-f2433af {
+  margin-bottom: var(--fds-spacing-2);
+}
+
+.fds-list-listItem-f2433af > :where(.fds-list-small-f2433af),
+.fds-list-listItem-f2433af > :where(.fds-list-medium-f2433af),
+.fds-list-listItem-f2433af > :where(.fds-list-large-f2433af) {
+  margin-top: var(--fds-spacing-2);
+}
+
+.fds-list-heading-f2433af {
+  margin-bottom: var(--fds-spacing-2);
+}
+
+.fds-accordion-accordion-cfa9e81d {
+  --fdsc-accordion-border: var(--fds-semantic-border-neutral-subtle);
+  --fdsc-accordion-border-radius: 3px;
+  --fdsc-accordion-header-padding-top: var(--fds-spacing-4);
+  --fdsc-accordion-header-padding-right: var(--fds-spacing-5);
+  --fdsc-accordion-header-padding-bottom: var(--fds-spacing-4);
+  --fdsc-accordion-header-padding-left: var(--fds-spacing-5);
+  --fdsc-accordion-header-bg-neutral: var(--fds-semantic-surface-neutral-default);
+  --fdsc-accordion-header-bg-neutral-active: var(--fds-semantic-surface-action-first-no_fill-hover);
+  --fdsc-accordion-header-bg-subtle: var(--fds-semantic-surface-neutral-subtle);
+  --fdsc-accordion-header-bg-subtle-hover: var(--fds-semantic-surface-neutral-subtle-hover);
+  --fdsc-accordion-header-bg-primary: var(--fds-semantic-surface-first-light);
+  --fdsc-accordion-header-bg-primary-hover: var(--fds-semantic-surface-first-light-hover);
+  --fdsc-accordion-header-bg-secondary: var(--fds-semantic-surface-second-light);
+  --fdsc-accordion-header-bg-secondary-hover: var(--fds-semantic-surface-second-light-hover);
+  --fdsc-accordion-header-bg-tertiary: var(--fds-semantic-surface-third-light);
+  --fdsc-accordion-header-bg-tertiary-hover: var(--fds-semantic-surface-third-light-hover);
+  --fdsc-accordion-header-border: var(--fds-semantic-border-neutral-subtle);
+  --fdsc-accordion-header-border-inverted: var(--fds-semantic-border-on_inverted-default);
+  --fdsc-accordion-header-shadow-focus: 2px 2px 3px var(--fds-semantic-border-neutral-subtle);
+  --fdsc-accordion-header-color-hover: var(--fds-semantic-text-action-first-default);
+  --fdsc-accordion-content-border: var(--fds-semantic-border-neutral-subtle);
+  --fdsc-accordion-content-border-open: var(--fds-semantic-border-neutral-strong);
+
+  border-bottom: 1px solid var(--fdsc-accordion-content-border);
+  box-sizing: border-box;
+}
+
+.fds-accordion-border-cfa9e81d {
+  border: 1px solid var(--fdsc-accordion-border);
+  border-radius: var(--fdsc-accordion-border-radius);
+}
+
+.fds-accordion-expandIcon-cfa9e81d {
+  font-size: 1.5rem;
+  height: 1.75rem;
+  flex-shrink: 0;
+}
+
+.fds-accordion-content-cfa9e81d {
+  padding: var(--fds-spacing-5, 1rem);
+  background-color: #ffffff50;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.fds-accordion-header-cfa9e81d {
+  margin: 0;
+}
+
+.fds-accordion-border-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  border-radius: var(--fdsc-accordion-border-radius);
+}
+
+.fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: var(--fds-sizing-4);
+  gap: var(--fds-spacing-4);
+  margin: 0;
+  text-align: left;
+  cursor: pointer;
+  border: none;
+  border-top: 1px solid var(--fdsc-accordion-header-border);
+  padding-top: var(--fdsc-accordion-header-padding-top);
+  padding-right: var(--fdsc-accordion-header-padding-right);
+  padding-bottom: var(--fdsc-accordion-header-padding-bottom);
+  padding-left: var(--fdsc-accordion-header-padding-left);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
+    color: var(--fdsc-accordion-header-color-hover);
+  }
+}
+
+.fds-accordion-item-cfa9e81d:focus-within {
+  position: relative;
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  background: var(--fdsc-accordion-header-bg-neutral);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  background: var(--fdsc-accordion-header-bg-subtle);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  --fdsc-accordion-border: var(--fds-semantic-border-first-default);
+
+  background: var(--fdsc-accordion-header-bg-primary);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  --fdsc-accordion-border: var(--fds-semantic-border-second-default);
+
+  background: var(--fdsc-accordion-header-bg-secondary);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  --fdsc-accordion-border: var(--fds-semantic-border-third-default);
+
+  background: var(--fdsc-accordion-header-bg-tertiary);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-border-cfa9e81d > .fds-accordion-item-cfa9e81d:first-child .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  border-top: 0;
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  border-top: 1px solid var(--fdsc-accordion-header-border-inverted);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
+    background: var(--fdsc-accordion-header-bg-subtle-hover);
+  }
+
+  .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
+    background: var(--fdsc-accordion-header-bg-primary-hover);
+  }
+
+  .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
+    background: var(--fdsc-accordion-header-bg-secondary-hover);
+  }
+
+  .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
+    background: var(--fdsc-accordion-header-bg-tertiary-hover);
+  }
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  background-color: var(--fdsc-accordion-header-bg-neutral-active);
+}
+
+.fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
+.fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
+  background-color: rgba(0 0 0 / 0.03);
+}
+
+.fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover + * .fds-accordion-content-cfa9e81d {
+  border-color: var(--fdsc-accordion-content-border-open);
+}
+
+.fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d .fds-accordion-expandIcon-cfa9e81d {
+  transform: rotateZ(180deg);
+}
+
+.fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover > .fds-accordion-accordion-cfa9e81d.fds-accordion-expandIcon-cfa9e81d.fds-accordion-filled-cfa9e81d {
+  display: inherit;
+}
+
+.fds-animateheight-root-e875993d.fds-animateheight-openingOrClosing-e875993d,
+.fds-animateheight-root-e875993d.fds-animateheight-closed-e875993d {
+  overflow: hidden;
+}
+
+.fds-animateheight-root-e875993d.fds-animateheight-open-e875993d .fds-animateheight-content-e875993d {
+  height: auto;
+}
+
+.fds-animateheight-root-e875993d.fds-animateheight-closed-e875993d .fds-animateheight-content-e875993d {
+  height: 0;
+  display: none;
+}
+
+.fds-nativeselect-select-88cf3fbc {
+  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-88cf3fbc: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-88cf3fbc.fds-nativeselect-multiple-88cf3fbc {
+  background-image: none;
+}
+
+.fds-nativeselect-select-88cf3fbc.fds-nativeselect-small-88cf3fbc {
+  padding: 0 var(--fds-spacing-2);
+  padding-right: var(--fds-spacing-8);
+  height: var(--fds-sizing-8);
+}
+
+.fds-nativeselect-select-88cf3fbc.fds-nativeselect-medium-88cf3fbc {
+  padding: 0 var(--fds-spacing-3);
+  padding-right: var(--fds-spacing-10);
+  height: var(--fds-sizing-10);
+}
+
+.fds-nativeselect-select-88cf3fbc.fds-nativeselect-large-88cf3fbc {
+  padding: 0 var(--fds-spacing-4);
+  padding-right: var(--fds-spacing-12);
+  height: var(--fds-sizing-12);
+}
+
+.fds-nativeselect-formField-88cf3fbc {
+  display: grid;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-nativeselect-disabled-88cf3fbc {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-nativeselect-disabled-88cf3fbc .fds-nativeselect-select-88cf3fbc {
+  cursor: not-allowed;
+}
+
+.fds-nativeselect-readOnly-88cf3fbc .fds-nativeselect-select-88cf3fbc {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-nativeselect-error-88cf3fbc > .fds-nativeselect-select-88cf3fbc: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-88cf3fbc {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-nativeselect-errorMessage-88cf3fbc:empty {
+  display: none;
+}
+
+.fds-nativeselect-label-88cf3fbc {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.fds-fieldset-fieldset-4ef8e1c {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-width: 0;
+}
+
+.fds-fieldset-withSpacing-4ef8e1c {
+  display: flex;
+  flex-direction: column;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-fieldset-description-4ef8e1c {
+  color: var(--fds-semantic-text-neutral-subtle);
+  font-weight: 400;
+}
+
+.fds-fieldset-legend-4ef8e1c {
+  display: contents;
+}
+
+.fds-fieldset-readonly-4ef8e1c .fds-fieldset-legendContent-4ef8e1c {
+  display: inline-flex;
+}
+
+.fds-fieldset-readonly-4ef8e1c .fds-fieldset-padlock-4ef8e1c {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-fieldset-disabled-4ef8e1c .fds-fieldset-legend-4ef8e1c,
+.fds-fieldset-disabled-4ef8e1c .fds-fieldset-description-4ef8e1c {
+  color: var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-fieldset-errorWrapper-4ef8e1c {
+  display: contents;
+}
+
+.fds-tag-tag-e4c97db9 {
+  --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-e4c97db9 {
+  --fdsc-tag-padding: var(--fds-spacing-1);
+  --fdsc-tag-min-height: var(--fds-sizing-5);
+}
+
+.fds-tag-medium-e4c97db9 {
+  --fdsc-tag-padding: var(--fds-spacing-1);
+  --fdsc-tag-min-height: var(--fds-sizing-6);
+}
+
+.fds-tag-large-e4c97db9 {
+  --fdsc-tag-padding: var(--fds-spacing-2);
+  --fdsc-tag-min-height: var(--fds-sizing-7);
+}
+
+.fds-tag-neutral-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tag-info-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-info-subtle);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tag-success-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-success-subtle);
+  --fdsc-tag-text: var(--fds-semantic-text-success-on_success_subtle);
+}
+
+.fds-tag-warning-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-warning-default);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tag-danger-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-danger-subtle);
+  --fdsc-tag-text: var(--fds-semantic-text-danger-on_danger_subtle);
+}
+
+.fds-tag-first-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-first-light);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tag-second-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-second-light);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tag-third-e4c97db9 {
+  --fdsc-tag-background: var(--fds-semantic-surface-third-light);
+  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-chip-chip-b1f59eef {
+  display: flex;
+}
+
+.fds-chip-chipButton-b1f59eef {
+  --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-b1f59eef:disabled,
+.fds-chip-chipButton-b1f59eef[aria-disabled='true'] {
+  cursor: not-allowed;
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-chip-chipButton-b1f59eef:is([aria-pressed='true']),
+.fds-chip-chipButton-b1f59eef: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);
+}
+
+.fds-chip-chipButton-b1f59eef .fds-chip-label-b1f59eef {
+  color: inherit;
+  line-height: normal;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-chip-removable-b1f59eef {
+  --fdsc-removable-background: var(--fds-semantic-surface-action-first-active);
+  --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: 0;
+  min-height: var(--fdsc-removable-chip-size);
+}
+
+.fds-chip-xMark-b1f59eef {
+  color: var(--fdsc-removable-chip-xmark-color);
+  height: var(--fdsc-removable-chip-xmark-size);
+  width: var(--fdsc-removable-chip-xmark-size);
+  padding-right: var(--fdsc-removable-chip-xmark-padding_right);
+}
+
+.fds-chip-removable-b1f59eef.fds-chip-small-b1f59eef {
+  --fdsc-removable-chip-size: var(--fds-sizing-6);
+}
+
+.fds-chip-removable-b1f59eef.fds-chip-medium-b1f59eef {
+  --fdsc-removable-chip-size: var(--fds-sizing-7);
+}
+
+.fds-chip-removable-b1f59eef.fds-chip-large-b1f59eef {
+  --fdsc-removable-chip-size: var(--fds-sizing-8);
+}
+
+.fds-chip-xMark-b1f59eef .fds-chip-icon-b1f59eef {
+  height: var(--fdsc-removable-chip-xmark-size);
+  width: var(--fdsc-removable-chip-xmark-size);
+}
+
+.fds-chip-spacing-b1f59eef {
+  padding-left: var(--fds-spacing-1) !important;
+}
+
+.fds-chip-small-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
+  height: var(--fds-sizing-5);
+  width: auto;
+}
+
+.fds-chip-medium-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
+  height: 24px;
+  width: auto;
+}
+
+.fds-chip-large-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
+  height: 26px;
+  width: auto;
+}
+
+.fds-chip-groupContainer-b1f59eef {
+  --fdsc-gap: var(--fds-spacing-2);
+
+  display: flex;
+  gap: var(--fdsc-gap);
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.fds-chip-groupContainer-b1f59eef.fds-chip-small-b1f59eef {
+  --fdsc-gap: var(--fds-spacing-2);
+}
+
+.fds-chip-groupContainer-b1f59eef.fds-chip-medium-b1f59eef {
+  --fdsc-gap: var(--fds-spacing-2);
+}
+
+.fds-chip-groupContainer-b1f59eef.fds-chip-large-b1f59eef {
+  --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-b1f59eef: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-b1f59eef: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-b1f59eef:not(:disabled, [aria-disabled='true']):hover,
+  .fds-chip-removable-b1f59eef:not(:disabled, [aria-disabled='true']):focus {
+    --fdsc-removable-background: linear-gradient(
+      to left,
+      var(--fds-semantic-surface-danger-default) var(--fdsc-removable-chip-xmark-wrapper-width),
+      var(--fds-semantic-surface-action-first-active) var(--fdsc-removable-chip-xmark-wrapper-width)
+    );
+    --fdsc-removable-chip-xmark-color: var(--fds-semantic-text-neutral-on_inverted);
+  }
+}
+
+.fds-chip-small-b1f59eef {
+  --fdsc-chip-height: var(--fds-sizing-6);
+  --fdsc-chip-padding: var(--fds-spacing-2);
+  --fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
+}
+
+.fds-chip-medium-b1f59eef {
+  --fdsc-chip-height: var(--fds-sizing-7);
+  --fdsc-chip-padding: var(--fds-spacing-3);
+  --fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
+}
+
+.fds-chip-large-b1f59eef {
+  --fdsc-chip-height: var(--fds-sizing-8);
+  --fdsc-chip-padding: var(--fds-spacing-3);
+  --fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
+}
+
+.fds-pagination-pagination-796b1b6f {
+  list-style-type: none;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  position: relative;
+  width: fit-content;
+}
+
+.fds-pagination-hidden-796b1b6f {
+  visibility: hidden;
+}
+
+.fds-pagination-pagination-796b1b6f:where(.fds-pagination-small-796b1b6f) {
+  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
+}
+
+.fds-pagination-pagination-796b1b6f:where(.fds-pagination-medium-796b1b6f) {
+  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
+}
+
+.fds-pagination-pagination-796b1b6f:where(.fds-pagination-large-796b1b6f) {
+  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
+}
+
+.fds-pagination-pagination-796b1b6f li:first-child {
+  margin-right: var(--fdsc-pagination-chevron-margin);
+}
+
+.fds-pagination-pagination-796b1b6f li:last-child {
+  margin-left: var(--fdsc-pagination-chevron-margin);
+}
+
+.fds-pagination-listitem-796b1b6f {
+  flex: 1;
+  margin-right: var(--fsdc-pagination-listitem-margin);
+}
+
+.fds-pagination-listitem-796b1b6f:where(.fds-pagination-small-796b1b6f) {
+  --fsdc-pagination-listitem-margin: var(--fds-spacing-2);
+  --fdsc-pagination-ellipsis-width: var(--fds-sizing-8);
+}
+
+.fds-pagination-listitem-796b1b6f:where(.fds-pagination-medium-796b1b6f) {
+  --fsdc-pagination-listitem-margin: var(--fds-spacing-4);
+  --fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
+}
+
+.fds-pagination-listitem-796b1b6f:where(.fds-pagination-large-796b1b6f) {
+  --fsdc-pagination-listitem-margin: var(--fds-spacing-6);
+  --fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
+}
+
+.fds-pagination-listitem-796b1b6f:where(.fds-pagination-compact-796b1b6f) {
+  --fsdc-pagination-listitem-margin: var(--fds-spacing-1);
+}
+
+.fds-pagination-pagination-796b1b6f .fds-pagination-ellipsis-796b1b6f {
+  margin-top: 0.5em;
+  text-align: center;
+  width: var(--fdsc-pagination-ellipsis-width);
+}
+
+.fds-skiplink-skiplink-fcabcecf:focus {
+  display: block;
+  outline: 0;
+  position: static;
+  width: auto;
+  height: auto;
+  margin: inherit;
+  overflow: visible;
+  clip: auto;
+  clip-path: none;
+  white-space: inherit;
+  text-decoration: underline;
+  text-decoration-thickness: 3px;
+  text-underline-offset: 0.3em;
+  padding: var(--fds-spacing-3) var(--fds-spacing-4) var(--fds-spacing-3) var(--fds-spacing-6);
+  color: var(--fds-semantic-text-neutral-default);
+  background: var(--fds-semantic-border-focus-outline);
+}
+
+.fds-tooltip-wrapper-47dedd27 {
+  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-47dedd27.fds-tooltip-inverted-47dedd27 {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-tooltip-wrapper-47dedd27 .fds-tooltip-arrow-47dedd27 {
+  fill: var(--fds-semantic-surface-neutral-inverted);
+}
+
+.fds-tooltip-wrapper-47dedd27.fds-tooltip-inverted-47dedd27 .fds-tooltip-arrow-47dedd27 {
+  fill: var(--fds-semantic-surface-neutral-subtle);
+}
+
+.fds-checkbox-container-874e13bc {
+  --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 6px var(--fds-semantic-surface-info-subtle-hover);
+
+  position: relative;
+}
+
+.fds-checkbox-label-874e13bc {
+  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;
+}
+
+/* Checkbox */
+.fds-checkbox-label-874e13bc::before {
+  content: '';
+  width: var(--fds-checkbox-size);
+  height: var(--fds-checkbox-size);
+  box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
+  background: var(--fds-checkbox-background);
+  flex-shrink: 0;
+  margin-inline: 6px;
+  margin-block: 6px;
+  border-radius: var(--fds-border_radius-medium);
+}
+
+.fds-checkbox-description-874e13bc {
+  padding-left: calc(var(--fds-checkbox-size) + 12px + var(--fds-spacing-1));
+  margin-top: calc(var(--fds-spacing-2) * -1);
+  color: var(--fds-semantic-text-neutral-subtle);
+}
+
+.fds-checkbox-input-874e13bc {
+  position: absolute;
+  width: 2.75rem;
+  height: 2.75rem;
+  z-index: 1;
+  opacity: 0;
+  cursor: pointer;
+  margin: 0;
+}
+
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-input-874e13bc,
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc,
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc::before {
+  cursor: not-allowed;
+}
+
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc,
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc::before,
+.fds-checkbox-disabled-874e13bc > .fds-checkbox-description-874e13bc {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-checkbox-input-874e13bc:focus-visible + .fds-checkbox-label-874e13bc::before {
+  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-874e13bc:checked + .fds-checkbox-label-874e13bc::before {
+  --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-874e13bc:indeterminate + .fds-checkbox-label-874e13bc::before {
+  --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-874e13bc > .fds-checkbox-input-874e13bc + .fds-checkbox-label-874e13bc::before {
+  --fds-checkbox-border-color: var(--fds-semantic-border-neutral-subtle);
+  --fds-checkbox-background: var(--fds-semantic-surface-neutral-subtle);
+}
+
+.fds-checkbox-input-874e13bc:checked:not(:focus-visible) + .fds-checkbox-label-874e13bc::before {
+  box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
+}
+
+.fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc,
+.fds-checkbox-readonly-874e13bc > .fds-checkbox-label-874e13bc {
+  cursor: default;
+}
+
+.fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc:checked + .fds-checkbox-label-874e13bc::before {
+  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-874e13bc > .fds-checkbox-input-874e13bc:indeterminate + .fds-checkbox-label-874e13bc::before {
+  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-874e13bc > .fds-checkbox-input-874e13bc:not(:disabled, :focus-visible) + .fds-checkbox-label-874e13bc::before {
+  --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-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-label-874e13bc:hover,
+  .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover + .fds-checkbox-label-874e13bc {
+    color: var(--fds-semantic-text-action-hover);
+  }
+
+  .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:not(:checked) + .fds-checkbox-label-874e13bc::before {
+    --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-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:checked + .fds-checkbox-label-874e13bc::before {
+    --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-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:checked:focus-visible + .fds-checkbox-label-874e13bc::before {
+    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-874e13bc,
+.fds-checkbox-small-874e13bc .fds-checkbox-label-874e13bc {
+  min-height: var(--fds-sizing-8);
+}
+
+.fds-checkbox-medium-874e13bc,
+.fds-checkbox-medium-874e13bc .fds-checkbox-label-874e13bc {
+  min-height: var(--fds-sizing-10);
+}
+
+.fds-checkbox-large-874e13bc,
+.fds-checkbox-large-874e13bc .fds-checkbox-label-874e13bc {
+  min-height: var(--fds-sizing-12);
+}
+
+.fds-checkbox-small-874e13bc {
+  --fds-checkbox-size: 1.5rem;
+
+  min-width: var(--fds-sizing-8);
+}
+
+.fds-checkbox-small-874e13bc .fds-checkbox-input-874e13bc {
+  left: -0.25rem;
+  top: -0.25rem;
+}
+
+.fds-checkbox-medium-874e13bc {
+  --fds-checkbox-size: 1.75rem;
+
+  min-width: var(--fds-sizing-10);
+}
+
+.fds-checkbox-medium-874e13bc .fds-checkbox-input-874e13bc {
+  left: 0;
+  top: 0;
+}
+
+.fds-checkbox-large-874e13bc {
+  --fds-checkbox-size: 2rem;
+
+  min-width: var(--fds-sizing-12);
+}
+
+.fds-checkbox-large-874e13bc .fds-checkbox-input-874e13bc {
+  left: 0;
+  top: 0.25rem;
+}
+
+.fds-radio-container-631ff5a4 {
+  --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 6px var(--fds-semantic-surface-info-subtle-hover);
+
+  position: relative;
+}
+
+.fds-radio-label-631ff5a4 {
+  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;
+}
+
+/* Radio */
+.fds-radio-label-631ff5a4::before {
+  content: '';
+  width: var(--fds-radio-size);
+  height: var(--fds-radio-size);
+  box-shadow: inset 0 0 0 2px var(--fds-radio-border-color);
+  background: var(--fds-radio-background);
+  border-radius: 50%;
+  flex-shrink: 0;
+  margin-inline: 6px;
+  margin-block: 6px;
+}
+
+.fds-radio-description-631ff5a4 {
+  padding-left: calc(var(--fds-radio-size) + 12px + var(--fds-spacing-1));
+  margin-top: calc(var(--fds-spacing-2) * -1);
+  color: var(--fds-semantic-text-neutral-subtle);
+}
+
+.fds-radio-input-631ff5a4 {
+  position: absolute;
+  width: 2.75rem;
+  height: 2.75rem;
+  z-index: 1;
+  opacity: 0;
+  cursor: pointer;
+  margin: 0;
+}
+
+.fds-radio-disabled-631ff5a4 > .fds-radio-input-631ff5a4,
+.fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4,
+.fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4::before {
+  cursor: not-allowed;
+}
+
+.fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4,
+.fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4::before,
+.fds-radio-disabled-631ff5a4 > .fds-radio-description-631ff5a4 {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-radio-input-631ff5a4:focus-visible + .fds-radio-label-631ff5a4::before {
+  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-631ff5a4:checked + .fds-radio-label-631ff5a4::before {
+  --fds-radio-border-color: var(--fds-semantic-border-input-hover);
+
+  background: var(--fds-radio-border-color);
+}
+
+.fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4 + .fds-radio-label-631ff5a4::before {
+  --fds-radio-border-color: var(--fds-semantic-border-neutral-subtle);
+  --fds-radio-background: var(--fds-semantic-surface-neutral-subtle);
+}
+
+.fds-radio-input-631ff5a4:checked:not(:focus-visible) + .fds-radio-label-631ff5a4::before {
+  box-shadow: inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
+}
+
+.fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4,
+.fds-radio-readonly-631ff5a4 > .fds-radio-label-631ff5a4 {
+  cursor: default;
+}
+
+.fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4:checked + .fds-radio-label-631ff5a4::before {
+  background: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-radio-error-631ff5a4 > .fds-radio-input-631ff5a4:not(:disabled, :focus-visible) + .fds-radio-label-631ff5a4::before {
+  --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-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-label-631ff5a4:hover,
+  .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover + .fds-radio-label-631ff5a4 {
+    color: var(--fds-semantic-text-action-hover);
+  }
+
+  .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:not(:checked) + .fds-radio-label-631ff5a4::before {
+    --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-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:checked + .fds-radio-label-631ff5a4::before {
+    --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-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:checked:focus-visible + .fds-radio-label-631ff5a4::before {
+    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-631ff5a4,
+.fds-radio-small-631ff5a4 .fds-radio-label-631ff5a4 {
+  min-height: var(--fds-sizing-8);
+}
+
+.fds-radio-medium-631ff5a4,
+.fds-radio-medium-631ff5a4 .fds-radio-label-631ff5a4 {
+  min-height: var(--fds-sizing-10);
+}
+
+.fds-radio-large-631ff5a4,
+.fds-radio-large-631ff5a4 .fds-radio-label-631ff5a4 {
+  min-height: var(--fds-sizing-12);
+}
+
+.fds-radio-small-631ff5a4 {
+  --fds-radio-size: 1.5rem;
+
+  min-width: var(--fds-sizing-8);
+}
+
+.fds-radio-small-631ff5a4 .fds-radio-input-631ff5a4 {
+  left: -0.25rem;
+  top: -0.25rem;
+}
+
+.fds-radio-medium-631ff5a4 {
+  --fds-radio-size: 1.75rem;
+
+  min-width: var(--fds-sizing-10);
+}
+
+.fds-radio-medium-631ff5a4 .fds-radio-input-631ff5a4 {
+  left: 0;
+  top: 0;
+}
+
+.fds-radio-large-631ff5a4 {
+  --fds-radio-size: 2rem;
+
+  min-width: var(--fds-sizing-12);
+}
+
+.fds-radio-large-631ff5a4 .fds-radio-input-631ff5a4 {
+  left: 0;
+  top: 0.25rem;
+}
+
+.fds-group-inline-d0931a50 {
+  display: flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-switch-switch-72679bdc {
+  --fds-transition: 200ms;
+  --fds-switch-height: 1.75rem;
+  --fds-switch-focus-border-width: 3px;
+
+  position: relative;
+}
+
+@media (prefers-reduced-motion) {
+  .fds-switch-switch-72679bdc {
+    --fds-transition: 0;
+  }
+}
+
+.fds-switch-label-72679bdc {
+  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-72679bdc {
+  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-72679bdc {
+  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-72679bdc {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-switch-right-72679bdc {
+  grid-template-columns: 1fr auto;
+  grid-auto-flow: dense;
+}
+
+.fds-switch-right-72679bdc .fds-switch-track-72679bdc {
+  order: 1;
+  margin-right: 0;
+}
+
+.fds-switch-right-72679bdc + .fds-switch-description-72679bdc {
+  padding-left: 0;
+}
+
+.fds-switch-input-72679bdc {
+  position: absolute;
+  width: 2.75rem;
+  height: 2.75rem;
+  z-index: 1;
+  opacity: 0;
+  cursor: pointer;
+  margin: 0;
+}
+
+.fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc {
+  grid-template-columns: auto min-content 1fr;
+}
+
+.fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc:where(.fds-switch-right-72679bdc) {
+  grid-template-columns: min-content 1fr auto;
+}
+
+.fds-switch-readonly-72679bdc > .fds-switch-input-72679bdc,
+.fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc {
+  cursor: default;
+}
+
+.fds-switch-disabled-72679bdc > .fds-switch-input-72679bdc,
+.fds-switch-disabled-72679bdc > .fds-switch-label-72679bdc,
+.fds-switch-disabled-72679bdc > .fds-switch-track-72679bdc {
+  cursor: not-allowed;
+}
+
+.fds-switch-disabled-72679bdc > .fds-switch-label-72679bdc,
+.fds-switch-disabled-72679bdc > .fds-switch-track-72679bdc,
+.fds-switch-disabled-72679bdc > .fds-switch-description-72679bdc {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-switch-readonly-72679bdc > .fds-switch-description-72679bdc {
+  margin-left: var(--fds-spacing-1);
+}
+
+.fds-switch-small-72679bdc,
+.fds-switch-small-72679bdc .fds-switch-label-72679bdc {
+  min-height: var(--fds-sizing-8);
+}
+
+.fds-switch-medium-72679bdc,
+.fds-switch-medium-72679bdc .fds-switch-label-72679bdc {
+  min-height: var(--fds-sizing-10);
+}
+
+.fds-switch-large-72679bdc,
+.fds-switch-large-72679bdc .fds-switch-label-72679bdc {
+  min-height: var(--fds-sizing-12);
+}
+
+.fds-switch-small-72679bdc {
+  --fds-switch-height: 1.5rem;
+  --fds-switch-width: 2.5rem;
+}
+
+.fds-switch-small-72679bdc .fds-switch-input-72679bdc {
+  left: -0.25rem;
+  top: -0.25rem;
+}
+
+.fds-switch-medium-72679bdc {
+  --fds-switch-height: 1.75rem;
+  --fds-switch-width: 3rem;
+}
+
+.fds-switch-medium-72679bdc .fds-switch-input-72679bdc {
+  left: 0;
+  top: 0;
+}
+
+.fds-switch-large-72679bdc {
+  --fds-switch-height: 2rem;
+  --fds-switch-width: 3.5rem;
+}
+
+.fds-switch-large-72679bdc .fds-switch-input-72679bdc {
+  left: 0;
+  top: 0.25rem;
+}
+
+.fds-switch-label-72679bdc:has(.fds-switch-track-72679bdc:only-child) {
+  grid-template-columns: auto;
+}
+
+.fds-switch-label-72679bdc:has(.fds-switch-track-72679bdc:only-child) .fds-switch-track-72679bdc {
+  margin-right: 0;
+}
+
+.fds-switch-input-72679bdc:focus-visible + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+  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-72679bdc:not([readonly]):checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+  background-color: var(--fds-semantic-surface-success-default);
+}
+
+.fds-switch-thumb-72679bdc {
+  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-72679bdc:checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc .fds-switch-thumb-72679bdc {
+  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-72679bdc .fds-switch-input-72679bdc[readonly] + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+  box-shadow: inset 0 0 0 2px var(--fds-semantic-border-neutral-subtle);
+  background-color: var(--fds-semantic-background-subtle);
+}
+
+.fds-switch-readonly-72679bdc .fds-switch-input-72679bdc[readonly] + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
+  background-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-switch-readonly-72679bdc .fds-switch-input-72679bdc[readonly]:checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc .fds-switch-thumb-72679bdc {
+  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-72679bdc:not([readonly], :disabled):hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
+    transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.2));
+  }
+
+  .fds-switch-input-72679bdc:not([readonly], :disabled):hover + .fds-switch-label-72679bdc {
+    color: var(--fds-semantic-border-input-hover);
+  }
+
+  .fds-switch-input-72679bdc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
+    transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.8));
+    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-72679bdc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+    background-color: var(--fds-semantic-surface-neutral-dark-hover);
+  }
+
+  .fds-switch-input-72679bdc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+    background-color: var(--fds-semantic-surface-success-hover);
+  }
+}
+
+.fds-switch-input-72679bdc:focus-visible:not(:disabled) ~ {
+  outline: var(--fds-focus-border-width) solid var(--fds-outer-focus-border-color);
+  outline-offset: 0;
+}
+
+.fds-switch-input-72679bdc:focus-visible:not(:disabled) + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
+  stroke: var(--fds-inner-focus-border-color);
+  stroke-width: var(--fds-focus-border-width);
+}
+
+.fds-textfield-formField-147467c0 {
+  display: grid;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-textfield-adornment-147467c0 {
+  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-147467c0 {
+  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-147467c0 .fds-textfield-input-147467c0 {
+  cursor: not-allowed;
+}
+
+.fds-textfield-readonly-147467c0 .fds-textfield-input-147467c0 {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-textfield-field-147467c0 {
+  display: flex;
+  align-items: stretch;
+  border-radius: var(--fds-border_radius-medium);
+}
+
+.fds-textfield-field-147467c0 > *:first-child {
+  border-top-left-radius: var(--fds-border_radius-medium);
+  border-bottom-left-radius: var(--fds-border_radius-medium);
+}
+
+.fds-textfield-field-147467c0 > *:last-child {
+  border-top-right-radius: var(--fds-border_radius-medium);
+  border-bottom-right-radius: var(--fds-border_radius-medium);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-small-147467c0 .fds-textfield-adornment-147467c0 {
+  padding: 6.5px var(--fds-spacing-3);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-medium-147467c0 .fds-textfield-adornment-147467c0 {
+  padding: 9px var(--fds-spacing-4);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-large-147467c0 .fds-textfield-adornment-147467c0 {
+  padding: 11px var(--fds-spacing-5);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-small-147467c0 .fds-textfield-field-147467c0 {
+  height: var(--fds-sizing-8);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-medium-147467c0 .fds-textfield-field-147467c0 {
+  height: var(--fds-sizing-10);
+}
+
+.fds-textfield-formField-147467c0.fds-textfield-large-147467c0 .fds-textfield-field-147467c0 {
+  height: var(--fds-sizing-12);
+}
+
+.fds-textfield-label-147467c0 {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.fds-textfield-description-147467c0 {
+  color: var(--fds-semantic-text-neutral-subtle);
+  margin-top: calc(var(--fds-spacing-2) * -1);
+}
+
+.fds-textfield-input-147467c0.fds-textfield-small-147467c0 {
+  padding: 0 var(--fds-spacing-2);
+}
+
+.fds-textfield-input-147467c0.fds-textfield-medium-147467c0 {
+  padding: 0 var(--fds-spacing-3);
+}
+
+.fds-textfield-input-147467c0.fds-textfield-large-147467c0 {
+  padding: 0 var(--fds-spacing-4);
+}
+
+.fds-textfield-disabled-147467c0 {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-textfield-error-147467c0 > .fds-textfield-input-147467c0: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-147467c0: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-147467c0 {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.fds-textfield-inputSuffix-147467c0 {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fds-textfield-prefix-147467c0 {
+  border-right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fds-textfield-suffix-147467c0 {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.fds-textfield-padlock-147467c0 {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-textfield-errorMessage-147467c0:empty {
+  display: none;
+}
+
+.fds-textarea-formField-16c1b1dc {
+  display: grid;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-textarea-padlock-16c1b1dc {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-textarea-errorMessage-16c1b1dc:empty {
+  display: none;
+}
+
+.fds-textarea-label-16c1b1dc {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.fds-textarea-description-16c1b1dc {
+  color: var(--fds-semantic-text-neutral-subtle);
+  margin-top: calc(var(--fds-spacing-2) * -1);
+}
+
+.fds-textarea-textarea-16c1b1dc {
+  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-16c1b1dc.fds-textarea-small-16c1b1dc {
+  padding: var(--fds-spacing-2);
+}
+
+.fds-textarea-textarea-16c1b1dc.fds-textarea-medium-16c1b1dc {
+  padding: var(--fds-spacing-3);
+}
+
+.fds-textarea-textarea-16c1b1dc.fds-textarea-large-16c1b1dc {
+  padding: var(--fds-spacing-4);
+}
+
+.fds-textarea-disabled-16c1b1dc {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-textarea-disabled-16c1b1dc .fds-textarea-textarea-16c1b1dc {
+  cursor: not-allowed;
+}
+
+.fds-textarea-readonly-16c1b1dc .fds-textarea-textarea-16c1b1dc {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-textarea-error-16c1b1dc > .fds-textarea-textarea-16c1b1dc: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-16c1b1dc: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-tab-tabItem-cb5410d6 {
+  --fdsc-icon-size: var(--fds-sizing-4);
+  --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-cb5410d6 > :is(svg, img, i) {
+  display: flex;
+  height: 1.75em;
+  width: auto;
+}
+
+.fds-tab-tabItem-cb5410d6.fds-tab-small-cb5410d6 {
+  --fdsc-icon-size: var(--fds-sizing-5);
+
+  font: var(--fds-typography-interactive-small);
+  font-family: inherit;
+  padding: var(--fds-spacing-2) var(--fds-spacing-4);
+}
+
+.fds-tab-tabItem-cb5410d6.fds-tab-medium-cb5410d6 {
+  --fdsc-icon-size: var(--fds-sizing-6);
+
+  font: var(--fds-typography-interactive-medium);
+  font-family: inherit;
+  padding: var(--fds-spacing-3) var(--fds-spacing-5);
+}
+
+.fds-tab-tabItem-cb5410d6.fds-tab-large-cb5410d6 {
+  --fdsc-icon-size: var(--fds-sizing-7);
+
+  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-cb5410d6:hover {
+    --fdsc-bottom-border-color: var(--fds-semantic-border-neutral-subtle);
+
+    color: var(--fds-semantic-text-neutral-default);
+  }
+}
+
+.fds-tab-tabItem-cb5410d6.fds-tab-isActive-cb5410d6 {
+  --fdsc-bottom-border-color: var(--fds-semantic-border-action-default);
+
+  color: var(--fds-semantic-text-action-default);
+}
+
+.fds-tab-tabItem-cb5410d6: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-cb5410d6::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;
+}
+
+.fds-tablist-tabItemList-382bc5da {
+  display: flex;
+  flex-direction: row;
+  border-bottom: var(--fds-border_width-default) solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-tabcontent-tabContent-627713c2 {
+  font-family: inherit;
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-small-627713c2 {
+  padding: var(--fds-spacing-4);
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-medium-627713c2 {
+  padding: var(--fds-spacing-5);
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-large-627713c2 {
+  padding: var(--fds-spacing-6);
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-small-627713c2 {
+  font: var(--fds-typography-interactive-small);
+  font-family: inherit;
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-medium-627713c2 {
+  font: var(--fds-typography-interactive-medium);
+  font-family: inherit;
+}
+
+.fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-large-627713c2 {
+  font: var(--fds-typography-interactive-large);
+  font-family: inherit;
+}
+
+.fds-togglegroup-toggleGroupContainer-acca2b17 {
+  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-acca2b17 {
+  display: inline-grid;
+  gap: var(--fds-spacing-1);
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  padding: var(--fds-spacing-1);
+}
+
+.fds-togglegroupitem-toggleGroupItem-4bc7b95:focus-visible {
+  z-index: 1;
+}
+
+.fds-divider-divider-72ee397b {
+  border: none;
+  border-top: 1px solid;
+}
+
+.fds-divider-default-72ee397b {
+  border-color: var(--fds-semantic-border-divider-default);
+}
+
+.fds-divider-strong-72ee397b {
+  border-color: var(--fds-semantic-border-divider-strong);
+}
+
+.fds-divider-subtle-72ee397b {
+  border-color: var(--fds-semantic-border-divider-subtle);
+}
+
+.fds-modalcontent-modalContent-37ec52f1 {
+  padding: var(--fds-spacing-2) var(--fds-spacing-6);
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.fds-modal-modal-999bed53 {
+  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-999bed53::backdrop {
+  background-color: rgb(0 0 0 / 0.5);
+  animation: fds-modal-fade-in-999bed53 300ms ease-in-out;
+}
+
+.fds-modal-modal-999bed53[open] {
+  animation: fds-modal-slide-in-999bed53 300ms ease-in-out, fds-modal-fade-in-999bed53 300ms ease-in-out;
+}
+
+.fds-modal-modal-999bed53 > hr {
+  margin: var(--fds-spacing-3) 0 !important;
+  border-color: var(--fds-semantic-border-divider-subtle);
+}
+
+@media (max-width: 650px) {
+  .fds-modal-modal-999bed53 {
+    min-width: 100%;
+    max-width: 100%;
+    border-radius: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fds-modal-modal-999bed53[open] {
+    animation: none;
+  }
+
+  .fds-modal-modal-999bed53::backdrop {
+    animation: none;
+  }
+}
+
+.fds-modal-lockScroll-999bed53 {
+  overflow: hidden;
+}
+
+@keyframes fds-modal-slide-in-999bed53 {
+  0% {
+    transform: translateY(50px);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}
+
+@keyframes fds-modal-fade-in-999bed53 {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.fds-modalfooter-modalFooter-d697f79f {
+  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);
+}
+
+.fds-modalheader-modalHeader-4ace023b {
+  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-modalHeader-4ace023b button {
+  position: absolute;
+  top: var(--fds-spacing-3);
+  right: var(--fds-spacing-3);
+}
+
+.fds-modalheader-modalHeader-4ace023b.fds-modalheader-noCloseButton-4ace023b {
+  padding-right: var(--fds-spacing-6);
+}
+
+.fds-dropdownmenugroup-section-480ce10 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.fds-dropdownmenugroup-heading-480ce10 {
+  padding: var(--fds-spacing-2) var(--fds-spacing-4);
+}
+
+.fds-dropdownmenuitem-item-bfb771d0 {
+  justify-content: start;
+  padding: 0 var(--fds-spacing-4);
+}
+
+.fds-dropdownmenu-dropdown-ef66056f {
+  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-ef66056f.fds-dropdownmenu-small-ef66056f {
+  min-width: 240px;
+  padding: var(--fds-spacing-2);
+}
+
+.fds-dropdownmenu-dropdown-ef66056f.fds-dropdownmenu-medium-ef66056f {
+  min-width: 260px;
+  padding: var(--fds-spacing-3) var(--fds-spacing-2);
+}
+
+.fds-dropdownmenu-dropdown-ef66056f.fds-dropdownmenu-large-ef66056f {
+  min-width: 280px;
+  padding: var(--fds-spacing-4) var(--fds-spacing-2);
+}
+
+.fds-dropdownmenu-dropdown-ef66056f > hr {
+  border-color: var(--fds-semantic-border-divider-subtle) !important;
+}
+
+.fds-search-formField-7eb2965c {
+  display: inline-grid;
+  width: 100%;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-search-formField-7eb2965c.fds-search-small-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-5);
+}
+
+.fds-search-formField-7eb2965c.fds-search-medium-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-6);
+}
+
+.fds-search-formField-7eb2965c.fds-search-large-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-8);
+}
+
+.fds-search-errorMessage-7eb2965c:empty {
+  display: none;
+}
+
+.fds-search-label-7eb2965c {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.fds-search-field-7eb2965c {
+  display: flex;
+  width: 100%;
+  align-items: stretch;
+  border-radius: var(--fds-border_radius-medium);
+  position: relative;
+}
+
+.fds-search-icon-7eb2965c {
+  position: absolute;
+  height: 100%;
+  z-index: 2;
+  left: var(--fds-spacing-3);
+  transform: scale(1.5);
+}
+
+[type='search']::-webkit-search-decoration,
+[type='search']::-webkit-search-cancel-button {
+  appearance: none;
+}
+
+.fds-search-input-7eb2965c {
+  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-7eb2965c.fds-search-withSearchButton-7eb2965c {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fds-search-input-7eb2965c:disabled {
+  cursor: not-allowed;
+}
+
+.fds-search-input-7eb2965c[type='search']:focus-visible {
+  z-index: 1;
+}
+
+.fds-search-disabled-7eb2965c {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-search-searchButton-7eb2965c {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.fds-search-searchButton-7eb2965c:focus-visible {
+  z-index: 1;
+}
+
+.fds-search-clearButton-7eb2965c {
+  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-input-7eb2965c.fds-search-small-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-4);
+
+  height: var(--fds-sizing-8);
+  padding: 0 var(--fds-spacing-2);
+  padding-right: 2.5em;
+}
+
+.fds-search-input-7eb2965c.fds-search-medium-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-6);
+
+  height: var(--fds-sizing-10);
+  padding: 0 var(--fds-spacing-3);
+  padding-right: 2.2em;
+}
+
+.fds-search-input-7eb2965c.fds-search-large-7eb2965c {
+  --f-search-button-clear-size: var(--fds-sizing-12);
+
+  height: var(--fds-sizing-12);
+  padding: 0 var(--fds-spacing-4);
+  padding-right: 2em;
+}
+
+.fds-search-input-7eb2965c.fds-search-simple-7eb2965c {
+  padding-left: 2.4em;
+}
+
+.fds-search-error-7eb2965c > .fds-search-input-7eb2965c: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-7eb2965c: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-7eb2965c:not(:focus-visible, :disabled, [aria-disabled]):hover {
+    background: var(--fds-semantic-surface-action-subtle-hover);
+  }
+}
+
+.fds-skeleton-skeleton-14bc844f {
+  --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-14bc844f var(--animation-duration) linear infinite alternate;
+}
+
+.fds-skeleton-circle-14bc844f {
+  width: 1.3em;
+  border-radius: 50%;
+}
+
+.fds-skeleton-rectangle-14bc844f {
+  width: 100%;
+  border-radius: 0.2em;
+}
+
+.fds-skeleton-text-14bc844f {
+  width: 100%;
+  height: auto;
+  transform-origin: 0 55%;
+  transform: scale(1, 0.6);
+  border-radius: 0.55em;
+}
+
+.fds-skeleton-text-14bc844f:empty::before {
+  content: '\00a0';
+}
+
+.fds-skeleton-hasChildren-14bc844f {
+  width: fit-content;
+  height: fit-content;
+  color: transparent !important;
+}
+
+.fds-skeleton-hasChildren-14bc844f > * {
+  visibility: hidden;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fds-skeleton-skeleton-14bc844f {
+    --animation-duration: 1.6s;
+  }
+}
+
+@keyframes fds-skeleton-opacity-fade-14bc844f {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0.4;
+  }
+}
+
+.fds-box-xsmallShadow-22dfa097 {
+  box-shadow: var(--fds-shadow-xsmall);
+}
+
+.fds-box-smallShadow-22dfa097 {
+  box-shadow: var(--fds-shadow-small);
+}
+
+.fds-box-mediumShadow-22dfa097 {
+  box-shadow: var(--fds-shadow-medium);
+}
+
+.fds-box-largeShadow-22dfa097 {
+  box-shadow: var(--fds-shadow-large);
+}
+
+.fds-box-xlargeShadow-22dfa097 {
+  box-shadow: var(--fds-shadow-xlarge);
+}
+
+.fds-box-defaultBorderColor-22dfa097 {
+  border: 1px solid var(--fds-semantic-border-neutral-default);
+}
+
+.fds-box-subtleBorderColor-22dfa097 {
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-box-strongBorderColor-22dfa097 {
+  border: 1px solid var(--fds-semantic-border-neutral-strong);
+}
+
+.fds-box-smallBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-small);
+}
+
+.fds-box-mediumBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-medium);
+}
+
+.fds-box-largeBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-large);
+}
+
+.fds-box-xlargeBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-xlarge);
+}
+
+.fds-box-xxlargeBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-xxlarge);
+}
+
+.fds-box-xxxlargeBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-xxxlarge);
+}
+
+.fds-box-xxxxlargeBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-xxxxlarge);
+}
+
+.fds-box-fullBorderRadius-22dfa097 {
+  border-radius: var(--fds-border_radius-full);
+}
+
+.fds-box-defaultBackground-22dfa097 {
+  background-color: var(--fds-semantic-background-default);
+}
+
+.fds-box-subtleBackground-22dfa097 {
+  background-color: var(--fds-semantic-background-subtle);
+}
+
+.fds-card-media-cae746f {
+  width: auto;
+}
+
+.fds-card-media-cae746f > * {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 0;
+}
+
+.fds-card-footer-cae746f,
+.fds-card-content-cae746f {
+  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-cae746f {
+  flex-direction: column;
+}
+
+.fds-card-header-cae746f {
+  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-cae746f {
+  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-cae746f a,
+.fds-card-card-cae746f a:visited {
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-card-card-cae746f > hr {
+  width: 100%;
+  margin: var(--fds-spacing-3) 0;
+}
+
+.fds-card-card-cae746f > *:not(.fds-card-media-cae746f, hr) {
+  padding-left: var(--fds-spacing-6);
+  padding-right: var(--fds-spacing-6);
+}
+
+.fds-card-card-cae746f > *:not(.fds-card-media-cae746f):first-child {
+  padding-top: var(--fds-spacing-6);
+}
+
+.fds-card-card-cae746f > *:not(.fds-card-media-cae746f):last-child {
+  padding-bottom: var(--fds-spacing-6);
+}
+
+.fds-card-media-cae746f:first-child {
+  padding-bottom: var(--fds-spacing-4);
+}
+
+.fds-card-media-cae746f:last-child {
+  padding-top: var(--fds-spacing-6);
+}
+
+.fds-card-linkCard-cae746f {
+  text-decoration: none;
+}
+
+.fds-card-linkCard-cae746f h1,
+.fds-card-linkCard-cae746f h2,
+.fds-card-linkCard-cae746f h3,
+.fds-card-linkCard-cae746f h4,
+.fds-card-linkCard-cae746f h5,
+.fds-card-linkCard-cae746f 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-cae746f {
+  background-color: var(--fds-semantic-surface-neutral-default);
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-card-subtle-cae746f {
+  background-color: var(--fds-semantic-surface-neutral-subtle);
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-card-neutral-cae746f.fds-card-linkCard-cae746f:hover,
+.fds-card-subtle-cae746f.fds-card-linkCard-cae746f:hover {
+  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
+}
+
+.fds-card-neutral-cae746f.fds-card-linkCard-cae746f:active,
+.fds-card-subtle-cae746f.fds-card-linkCard-cae746f:active {
+  background-color: var(--fds-semantic-surface-neutral-subtle-active);
+}
+
+.fds-card-first-cae746f {
+  background-color: var(--fds-semantic-surface-first-light);
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-card-first-cae746f.fds-card-linkCard-cae746f:hover {
+  background-color: var(--fds-semantic-surface-first-light-hover);
+}
+
+.fds-card-first-cae746f.fds-card-linkCard-cae746f:active {
+  background-color: var(--fds-semantic-surface-first-light-active);
+}
+
+.fds-card-second-cae746f {
+  background-color: var(--fds-semantic-surface-second-light);
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-card-second-cae746f.fds-card-linkCard-cae746f:hover {
+  background-color: var(--fds-semantic-surface-second-light-hover);
+}
+
+.fds-card-second-cae746f.fds-card-linkCard-cae746f:active {
+  background-color: var(--fds-semantic-surface-second-light-active);
+}
+
+.fds-card-third-cae746f {
+  background-color: var(--fds-semantic-surface-third-light);
+  border: 1px solid var(--fds-semantic-border-neutral-subtle);
+}
+
+.fds-card-third-cae746f.fds-card-linkCard-cae746f:hover {
+  background-color: var(--fds-semantic-surface-third-light-hover);
+}
+
+.fds-card-third-cae746f.fds-card-linkCard-cae746f:active {
+  background-color: var(--fds-semantic-surface-third-light-active);
+}
+
+.fds-option-option-6c39c7b6 {
+  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-6c39c7b6.fds-option-active-6c39c7b6 {
+  background: var(--fds-semantic-surface-action-first-no_fill-hover);
+  border-left: 5px solid var(--fds-semantic-border-input-hover);
+}
+
+.fds-option-option-6c39c7b6 > div {
+  align-self: flex-start;
+}
+
+.fds-option-option-6c39c7b6.fds-option-multiple-6c39c7b6 {
+  grid-template-columns: auto 1fr;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-option-optionText-6c39c7b6 {
+  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-6c39c7b6 .fds-option-optionText-6c39c7b6 {
+  color: var(--fds-semantic-text-action-hover);
+}
+
+.fds-option-checkbox-6c39c7b6 {
+  min-width: unset;
+  min-height: unset;
+  aspect-ratio: 1 / 1;
+  line-height: 0 !important;
+}
+
+.fds-option-checkbox-6c39c7b6 input {
+  min-width: unset;
+  min-height: unset;
+}
+
+.fds-option-checkbox-6c39c7b6 > span {
+  position: relative;
+  min-width: unset;
+  min-height: unset;
+  height: unset;
+  width: unset;
+}
+
+.fds-option-selectIconWrapper-6c39c7b6 {
+  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-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
+  width: var(--fds-spacing-5);
+}
+
+.fds-option-medium-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
+  width: var(--fds-spacing-6);
+}
+
+.fds-option-large-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
+  width: var(--fds-spacing-7);
+}
+
+.fds-option-selectIconWrapper-6c39c7b6.fds-option-selected-6c39c7b6 {
+  border-color: var(--fds-semantic-border-input-hover);
+  background-color: var(--fds-semantic-border-input-hover);
+}
+
+.fds-option-selectIcon-6c39c7b6 {
+  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-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
+  padding-top: 0;
+}
+
+.fds-option-active-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
+  stroke: var(--fds-semantic-text-action-hover);
+  color: var(--fds-semantic-text-action-hover);
+}
+
+.fds-option-active-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
+  border-color: var(--fds-semantic-border-input-hover);
+}
+
+.fds-option-selectIconWrapper-6c39c7b6.fds-option-selected-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
+  color: white;
+  stroke: white;
+}
+
+.fds-description-description-10814aaa {
+  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;
+}
+
+.fds-custom-custom-385f0b36 {
+  padding: var(--fds-spacing-2) var(--fds-spacing-3);
+}
+
+.fds-custom-large-385f0b36 {
+  font: var(--fds-typography-label-large);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-custom-medium-385f0b36 {
+  font: var(--fds-typography-label-medium);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-custom-small-385f0b36 {
+  font: var(--fds-typography-label-small);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-combobox-combobox-fe4dfa7c {
+  display: grid;
+  background-color: transparent;
+  gap: var(--fds-spacing-2);
+}
+
+.fds-combobox-optionsWrapper-fe4dfa7c {
+  padding: var(--fds-spacing-2);
+  background: var(--fds-semantic-background-default);
+  overflow-y: auto;
+  z-index: 1600;
+}
+
+.fds-combobox-readOnly-fe4dfa7c input {
+  pointer-events: none;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c {
+  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-fe4dfa7c input {
+  height: 100%;
+  min-width: 50px;
+  flex-grow: 1;
+  appearance: none;
+  border: none;
+  background-color: transparent;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-small-fe4dfa7c {
+  font: var(--fds-typography-paragraph-small);
+  font-family: inherit;
+  padding: 5px var(--fds-spacing-2);
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-small-fe4dfa7c input {
+  font: var(--fds-typography-paragraph-small);
+  font-family: inherit;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-medium-fe4dfa7c {
+  font: var(--fds-typography-paragraph-medium);
+  font-family: inherit;
+  padding: 7px var(--fds-spacing-3);
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-medium-fe4dfa7c input {
+  font: var(--fds-typography-paragraph-medium);
+  font-family: inherit;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-large-fe4dfa7c {
+  font: var(--fds-typography-paragraph-large);
+  font-family: inherit;
+  padding: 7px var(--fds-spacing-4);
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-large-fe4dfa7c input {
+  font: var(--fds-typography-paragraph-large);
+  font-family: inherit;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c input:focus {
+  outline: none;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-error-fe4dfa7c {
+  border-color: var(--fds-semantic-border-danger-default);
+  border-width: 2px;
+}
+
+.fds-combobox-chipAndInput-fe4dfa7c {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  gap: var(--fds-spacing-2);
+  align-items: center;
+  background-color: transparent;
+}
+
+.fds-combobox-chips-fe4dfa7c {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+  background-color: transparent;
+}
+
+.fds-combobox-arrow-fe4dfa7c {
+  display: grid;
+  place-items: center;
+  cursor: pointer;
+}
+
+.fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-readonly-fe4dfa7c {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.fds-combobox-label-fe4dfa7c {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.fds-combobox-description-fe4dfa7c {
+  color: var(--fds-semantic-text-neutral-subtle);
+  margin-top: calc(var(--fds-spacing-2) * -1);
+}
+
+.fds-combobox-clearButton-fe4dfa7c {
+  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-fe4dfa7c.fds-combobox-small-fe4dfa7c {
+  height: 25px;
+  width: 25px;
+}
+
+.fds-combobox-clearButton-fe4dfa7c.fds-combobox-medium-fe4dfa7c {
+  height: 29px;
+  width: 29px;
+}
+
+.fds-combobox-clearButton-fe4dfa7c.fds-combobox-large-fe4dfa7c {
+  height: 31px;
+  width: 31px;
+}
+
+.fds-combobox-clearButton-fe4dfa7c:not(.fds-combobox-disabled-fe4dfa7c):hover {
+  background-color: var(--fds-semantic-surface-info-subtle-hover);
+}
+
+.fds-combobox-disabled-fe4dfa7c {
+  opacity: var(--fds-opacity-disabled);
+}
+
+.fds-combobox-disabled-fe4dfa7c * {
+  cursor: not-allowed;
+}
+
+.fds-combobox-padlock-fe4dfa7c {
+  height: 1.2em;
+  width: 1.2em;
+}
+
+.fds-combobox-errorMessage-fe4dfa7c {
+  margin-top: var(--fds-spacing-2);
+}
+
+.fds-combobox-errorMessage-fe4dfa7c:empty {
+  display: none;
+}
+
+.fds-combobox-loading-fe4dfa7c {
+  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-inFocus-fe4dfa7c {
+  --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-fe4dfa7c path {
+  display: inline !important;
+}
+
+.fds-combobox-showChecked-fe4dfa7c rect {
+  stroke: var(--fds-semantic-border-input-hover) !important;
+  fill: var(--fds-semantic-border-input-hover) !important;
+}
+
+.fds-empty-empty-a5131d3a {
+  padding: var(--fds-spacing-2) var(--fds-spacing-3);
+}
+
+.fds-empty-large-a5131d3a {
+  font: var(--fds-typography-label-large);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-empty-medium-a5131d3a {
+  font: var(--fds-typography-label-medium);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-empty-small-a5131d3a {
+  font: var(--fds-typography-label-small);
+  font-family: inherit;
+  font-weight: 400;
+}
+
+.fds-table-table-c4ff6291 {
+  position: relative;
+  border-collapse: separate;
+  border-spacing: 0;
+  text-align: left;
+
+  --table-padding: 0;
+  --border-radius: var(--fds-border_radius-medium);
+}
+
+.fds-table-table-c4ff6291.fds-table-stickyHeader-c4ff6291 {
+  overflow: auto;
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type td {
+  border-bottom: 0;
+}
+
+.fds-table-small-c4ff6291 {
+  --table-padding: var(--fds-spacing-1) var(--fds-spacing-3);
+}
+
+.fds-table-medium-c4ff6291 {
+  --table-padding: var(--fds-spacing-2) var(--fds-spacing-3);
+}
+
+.fds-table-large-c4ff6291 {
+  --table-padding: var(--fds-spacing-3) var(--fds-spacing-3);
+}
+
+.fds-table-head-c4ff6291 {
+  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-c4ff6291 {
+  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-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291 {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+.fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 {
+  padding: 0;
+}
+
+.fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 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-c4ff6291.fds-table-sorted-c4ff6291 button {
+  background-color: var(--fds-semantic-surface-neutral-subtle);
+}
+
+.fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button:focus {
+  z-index: 3;
+}
+
+.fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button:hover {
+  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
+}
+
+.fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button svg {
+  font-size: 1.2em;
+}
+
+.fds-table-cell-c4ff6291 {
+  padding: var(--table-padding);
+  border-bottom: 1px solid var(--fds-semantic-border-divider-default);
+}
+
+.fds-table-row-c4ff6291:hover {
+  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
+}
+
+.fds-table-zebra-c4ff6291 .fds-table-row-c4ff6291 {
+  border-bottom: 0;
+}
+
+.fds-table-zebra-c4ff6291 tr:nth-child(even):not(:hover) .fds-table-cell-c4ff6291 {
+  background-color: var(--fds-semantic-background-subtle);
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 {
+  border-radius: var(--border-radius);
+  border: 1px solid var(--fds-semantic-border-neutral-default);
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291:first-of-type {
+  border-top-left-radius: var(--border-radius);
+  overflow: hidden;
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291:last-of-type {
+  border-top-right-radius: var(--border-radius);
+  overflow: hidden;
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type .fds-table-cell-c4ff6291:first-of-type {
+  border-bottom-left-radius: var(--border-radius);
+  overflow: hidden;
+}
+
+.fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type .fds-table-cell-c4ff6291:last-of-type {
+  border-bottom-right-radius: var(--border-radius);
+  overflow: hidden;
+}
+
+.fds-errorsummary-errorSummary-3a4ecaaf {
+  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-3a4ecaaf a {
+  color: var(--fds-semantic-text-neutral-default);
+}
+
+.fds-errorsummary-errorSummary-3a4ecaaf li:last-of-type {
+  margin-bottom: 0;
+}