@fkui/vue 6.15.0 → 6.16.1

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@ const vue = require("vue");
 const logic = require("@fkui/logic");
 const date = require("@fkui/date");
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -49,9 +49,9 @@ function requireGlobalThis() {
   globalThis_1 = // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == "object" && globalThis) || check(typeof window == "object" && window) || // eslint-disable-next-line no-restricted-globals -- safe
   check(typeof self == "object" && self) || check(typeof commonjsGlobal == "object" && commonjsGlobal) || check(typeof globalThis_1 == "object" && globalThis_1) || // eslint-disable-next-line no-new-func -- fallback
-  /* @__PURE__ */ function() {
+  /* @__PURE__ */ (function() {
     return this;
-  }() || Function("return this")();
+  })() || Function("return this")();
   return globalThis_1;
 }
 var objectGetOwnPropertyDescriptor = {};
@@ -451,10 +451,10 @@ function requireSharedStore() {
   var SHARED = "__core-js_shared__";
   var store = sharedStore.exports = globalThis2[SHARED] || defineGlobalProperty2(SHARED, {});
   (store.versions || (store.versions = [])).push({
-    version: "3.45.0",
+    version: "3.45.1",
     mode: IS_PURE ? "pure" : "global",
     copyright: "© 2014-2025 Denis Pushkarev (zloirock.ru)",
-    license: "https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE",
+    license: "https://github.com/zloirock/core-js/blob/v3.45.1/LICENSE",
     source: "https://github.com/zloirock/core-js"
   });
   return sharedStore.exports;
@@ -1585,9 +1585,9 @@ function requireClassof() {
   var wellKnownSymbol2 = requireWellKnownSymbol();
   var TO_STRING_TAG = wellKnownSymbol2("toStringTag");
   var $Object = Object;
-  var CORRECT_ARGUMENTS = classofRaw2(/* @__PURE__ */ function() {
+  var CORRECT_ARGUMENTS = classofRaw2(/* @__PURE__ */ (function() {
     return arguments;
-  }()) === "Arguments";
+  })()) === "Arguments";
   var tryGet = function(it, key) {
     try {
       return it[key];
@@ -1839,7 +1839,7 @@ function requireArraySetLength() {
   var isArray2 = requireIsArray$1();
   var $TypeError = TypeError;
   var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-  var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !function() {
+  var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !(function() {
     if (this !== void 0) return true;
     try {
       Object.defineProperty([], "length", {
@@ -1848,7 +1848,7 @@ function requireArraySetLength() {
     } catch (error) {
       return error instanceof TypeError;
     }
-  }();
+  })();
   arraySetLength = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function(O, length) {
     if (isArray2(O) && !getOwnPropertyDescriptor(O, "length").writable) {
       throw new $TypeError("Cannot set read only .length");
@@ -1922,7 +1922,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1l = vue.defineComponent({
+const _sfc_main$1m = vue.defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -2010,8 +2010,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$$ = ["aria-hidden"];
-const _hoisted_2$K = ["href"];
+const _hoisted_1$10 = ["aria-hidden"];
+const _hoisted_2$L = ["href"];
 function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps(_ctx.$attrs, {
     focusable: "false",
@@ -2019,9 +2019,140 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": _ctx.ariaHidden
   }), [vue.renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("use", {
     href: _ctx.spriteId
-  }, null, 8, _hoisted_2$K)], 16, _hoisted_1$$);
+  }, null, 8, _hoisted_2$L)], 16, _hoisted_1$10);
 }
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$Q]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$Q]]);
+const _hoisted_1$$ = ["type"];
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  __name: "FButton",
+  props: {
+    /**
+     * Type of button, can be one of:
+     * - `primary`
+     * - `secondary`
+     * - `tertiary`
+     */
+    variant: {
+      type: String,
+      default: "primary",
+      validator(value) {
+        return ["primary", "secondary", "tertiary"].includes(value);
+      }
+    },
+    /**
+     * Button size, can be one of:
+     * - `small`
+     * - `medium`
+     * - `large`
+     */
+    size: {
+      type: String,
+      default: "medium",
+      validator(value) {
+        return ["small", "medium", "large"].includes(value);
+      }
+    },
+    /**
+     * Name of an icon to display on the left side of the button.
+     */
+    iconLeft: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Name of an icon to display on the right side of the button.
+     */
+    iconRight: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Tertiary button style, used in conjunction with button variant `tertiary`.
+     * Can be one of:
+     * - `standard`
+     * - `black`
+     * - `inverted`
+     */
+    tertiaryStyle: {
+      type: String,
+      default: "standard",
+      validator(value) {
+        return ["standard", "black", "inverted"].includes(value);
+      }
+    },
+    /**
+     * Align button text and icon with content above or below.
+     * Used in conjunction with button variant `tertiary`.
+     */
+    alignText: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     *
+     * Enable full width on mobile for sizes `small` and `medium`, always active for button size `large`.
+     */
+    mobileFullWidth: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * The default behavior of the button. Possible values are:
+     * - `submit`
+     * - `reset`
+     * - `button`
+     */
+    type: {
+      type: String,
+      default: "button",
+      validator(value) {
+        return ["submit", "reset", "button"].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasIconLeft = vue.computed(() => {
+      return Boolean(props.iconLeft);
+    });
+    const hasIconRight = vue.computed(() => {
+      return Boolean(props.iconRight);
+    });
+    const hasIcon = vue.computed(() => {
+      return hasIconLeft.value || hasIconRight.value;
+    });
+    const buttonClass = vue.computed(() => {
+      const classes = ["button", `button--${props.variant}`, `button--${props.size}`];
+      if (props.variant === "tertiary" && props.alignText) {
+        classes.push(`button--align-text`);
+      }
+      if (props.variant === "tertiary") {
+        classes.push(`button--tertiary--${props.tertiaryStyle}`);
+      }
+      if (props.variant === "tertiary" && !hasIcon.value) {
+        classes.push(`button--tertiary--underline`);
+      }
+      if (props.mobileFullWidth && props.size !== "large") {
+        classes.push(`button--full-width`);
+      }
+      return classes;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: __props.type,
+        class: vue.normalizeClass(buttonClass.value)
+      }, [props.iconLeft ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
+        key: 0,
+        class: "button__icon",
+        name: props.iconLeft
+      }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default"), _cache[1] || (_cache[1] = vue.createTextVNode()), props.iconRight ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
+        key: 1,
+        class: "button__icon",
+        name: props.iconRight
+      }, null, 8, ["name"])) : vue.createCommentVNode("", true)], 10, _hoisted_1$$);
+    };
+  }
+});
 const DATA_TEST_ATTRIBUTE_NAME = "data-test";
 function throwErrorIfEmpty(value) {
   if (!value) {
@@ -2381,10 +2512,10 @@ function require_isMasked() {
   if (hasRequired_isMasked) return _isMasked;
   hasRequired_isMasked = 1;
   var coreJsData = require_coreJsData();
-  var maskSrcKey = function() {
+  var maskSrcKey = (function() {
     var uid2 = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
     return uid2 ? "Symbol(src)_1." + uid2 : "";
-  }();
+  })();
   function isMasked(func) {
     return !!maskSrcKey && maskSrcKey in func;
   }
@@ -3304,9 +3435,9 @@ function requireIsArguments() {
   var objectProto = Object.prototype;
   var hasOwnProperty = objectProto.hasOwnProperty;
   var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-  var isArguments = baseIsArguments(/* @__PURE__ */ function() {
+  var isArguments = baseIsArguments(/* @__PURE__ */ (function() {
     return arguments;
-  }()) ? baseIsArguments : function(value) {
+  })()) ? baseIsArguments : function(value) {
     return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
   };
   isArguments_1 = isArguments;
@@ -3414,7 +3545,7 @@ function require_nodeUtil() {
     var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
     var moduleExports = freeModule && freeModule.exports === freeExports;
     var freeProcess = moduleExports && freeGlobal.process;
-    var nodeUtil = function() {
+    var nodeUtil = (function() {
       try {
         var types = freeModule && freeModule.require && freeModule.require("util").types;
         if (types) {
@@ -3423,7 +3554,7 @@ function require_nodeUtil() {
         return freeProcess && freeProcess.binding && freeProcess.binding("util");
       } catch (e) {
       }
-    }();
+    })();
     module2.exports = nodeUtil;
   })(_nodeUtil, _nodeUtil.exports);
   return _nodeUtil.exports;
@@ -3734,7 +3865,7 @@ function requireEnvironment() {
   var userAgentStartsWith = function(string) {
     return userAgent.slice(0, string.length) === string;
   };
-  environment = function() {
+  environment = (function() {
     if (userAgentStartsWith("Bun/")) return "BUN";
     if (userAgentStartsWith("Cloudflare-Workers")) return "CLOUDFLARE";
     if (userAgentStartsWith("Deno/")) return "DENO";
@@ -3744,7 +3875,7 @@ function requireEnvironment() {
     if (classof2(globalThis2.process) === "process") return "NODE";
     if (globalThis2.window && globalThis2.document) return "BROWSER";
     return "REST";
-  }();
+  })();
   return environment;
 }
 var environmentIsNode;
@@ -4594,7 +4725,13 @@ const _sfc_main$1k = vue.defineComponent({
       }
     }
   },
-  emits: ["close"],
+  emits: [
+    /**
+     * Event that is dispatched when the escape button is pressed.
+     * In most use cases the `isOpen` prop should be set to false when this event is triggered.
+     */
+    "close"
+  ],
   data() {
     return {
       nonModalFocusableElements: [],
@@ -4699,13 +4836,13 @@ const _sfc_main$1k = vue.defineComponent({
   }
 });
 const _hoisted_1$_ = ["id"];
-const _hoisted_2$J = {
+const _hoisted_2$K = {
   class: "modal__backdrop"
 };
-const _hoisted_3$z = {
+const _hoisted_3$A = {
   class: "modal__inner-container"
 };
-const _hoisted_4$s = {
+const _hoisted_4$t = {
   class: "modal__dialog"
 };
 const _hoisted_5$n = {
@@ -4714,21 +4851,21 @@ const _hoisted_5$n = {
 const _hoisted_6$h = {
   class: "modal__header"
 };
-const _hoisted_7$b = {
+const _hoisted_7$c = {
   key: 0,
   ref: "modalTitle",
   class: "modal__title",
   tabindex: "-1"
 };
-const _hoisted_8$8 = {
+const _hoisted_8$9 = {
   ref: "modalContent",
   class: "modal__content",
   tabindex: "-1"
 };
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   class: "modal__footer"
 };
-const _hoisted_10$3 = {
+const _hoisted_10$4 = {
   class: "modal__shelf"
 };
 const _hoisted_11$3 = ["aria-label"];
@@ -4738,19 +4875,19 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     id: _ctx.id,
     class: vue.normalizeClass(["modal", _ctx.modalClass])
-  }, [vue.createElementVNode("div", _hoisted_2$J, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_2$K, [vue.createElementVNode("div", {
     class: "modal__outer-container scroll-target",
     tabindex: "-1",
     role: "dialog",
     "aria-modal": "true",
     onKeyup: _cache[3] || (_cache[3] = vue.withKeys((...args) => _ctx.onClose && _ctx.onClose(...args), ["esc"]))
-  }, [vue.createElementVNode("div", _hoisted_3$z, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_3$A, [vue.createElementVNode("div", {
     ref: "modalDialogContainer",
     class: vue.normalizeClass(["modal__dialog-container", _ctx.containerClasses])
-  }, [vue.createElementVNode("div", _hoisted_4$s, [vue.createElementVNode("div", _hoisted_5$n, [vue.createElementVNode("div", _hoisted_6$h, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_4$t, [vue.createElementVNode("div", _hoisted_5$n, [vue.createElementVNode("div", _hoisted_6$h, [vue.createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusFirst && _ctx.onFocusFirst(...args))
-  }, null, 32), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasHeaderSlot ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7$b, [vue.renderSlot(_ctx.$slots, "header")], 512)) : vue.createCommentVNode("", true)]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_8$8, [vue.renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_9$6, [vue.renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_10$3, [vue.createElementVNode("button", {
+  }, null, 32), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasHeaderSlot ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7$c, [vue.renderSlot(_ctx.$slots, "header")], 512)) : vue.createCommentVNode("", true)]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_8$9, [vue.renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_9$7, [vue.renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_10$4, [vue.createElementVNode("button", {
     type: "button",
     class: "close-button",
     "aria-label": _ctx.ariaCloseText,
@@ -4866,10 +5003,16 @@ const _sfc_main$1j = vue.defineComponent({
       }
     }
   },
-  emits: ["close", ...defaultButtons.map((it) => {
-    var _it$event;
-    return (_it$event = it.event) !== null && _it$event !== void 0 ? _it$event : "";
-  })],
+  emits: [
+    /**
+     * Emits reason for closing modal
+     */
+    "close",
+    ...defaultButtons.map((it) => {
+      var _it$event;
+      return (_it$event = it.event) !== null && _it$event !== void 0 ? _it$event : "";
+    })
+  ],
   computed: {
     preparedButtons() {
       const preparedButtonList = prepareButtonList(this.buttons);
@@ -4893,8 +5036,8 @@ const _sfc_main$1j = vue.defineComponent({
 const _hoisted_1$Z = {
   class: "button-group"
 };
-const _hoisted_2$I = ["onClick"];
-const _hoisted_3$y = {
+const _hoisted_2$J = ["onClick"];
+const _hoisted_3$z = {
   key: 0,
   class: "sr-only"
 };
@@ -4917,10 +5060,9 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         type: "button",
         class: vue.normalizeClass([button.classlist, "button-group__item"]),
         onClick: ($event) => _ctx.onClick(button)
-      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$y, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$I);
+      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$z, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$J);
     }), 128))])]),
-    _: 3,
-    __: [1, 2]
+    _: 3
   }, 8, ["fullscreen", "is-open", "aria-close-text", "size", "focus", "onClose"]);
 }
 const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$O]]);
@@ -5129,13 +5271,13 @@ const _sfc_main$1g = vue.defineComponent({
 const _hoisted_1$Y = {
   class: "error-list"
 };
-const _hoisted_2$H = {
+const _hoisted_2$I = {
   key: 0
 };
-const _hoisted_3$x = {
+const _hoisted_3$y = {
   class: "error-list__list error-list--list-style-none"
 };
-const _hoisted_4$r = ["onClick"];
+const _hoisted_4$s = ["onClick"];
 const _hoisted_5$m = {
   class: "error-list__link"
 };
@@ -5157,13 +5299,12 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       shrink: ""
     }, {
-      default: vue.withCtx(() => _cache[0] || (_cache[0] = [vue.createTextVNode(" ", -1)])),
-      _: 1,
-      __: [0]
+      default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [vue.createTextVNode(" ", -1)])]),
+      _: 1
     })) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createVNode(_component_i_flex_item, {
       grow: ""
     }, {
-      default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$H, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("ul", _hoisted_3$x, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+      default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$I, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("ul", _hoisted_3$y, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           key: item.id,
           class: vue.normalizeClass(_ctx.liClasses(item))
@@ -5178,7 +5319,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, -1)), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_5$m, vue.toDisplayString(item.title), 1)], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, [vue.createTextVNode(vue.toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$r)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, [vue.createTextVNode(vue.toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$s)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, [_ctx.bullets ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
@@ -5189,11 +5330,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1
         }, [vue.createTextVNode(vue.toDisplayString(item.title), 1)], 64))], 64))], 2);
       }), 128))])]),
-      _: 3,
-      __: [5]
+      _: 3
     })]),
-    _: 3,
-    __: [6, 7]
+    _: 3
   })]);
 }
 const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$L]]);
@@ -5317,7 +5456,6 @@ const _sfc_main$1f = vue.defineComponent({
      *   `componentsWithError`: a list of components with errors sorted in DOM order
      *
      *   `componentCount`: number of registered components
-     * @model
      */
     modelValue: {
       type: Object,
@@ -5339,7 +5477,19 @@ const _sfc_main$1f = vue.defineComponent({
       default: false
     }
   },
-  emits: ["group-validity", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when validation group has been updated.
+     *
+     * @type {GroupValidityEvent}
+     */
+    "group-validity",
+    /**
+     * V-model event.
+     * @type {GroupValidityEvent}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       components: {}
@@ -5463,7 +5613,12 @@ const _sfc_main$1e = vue.defineComponent({
       }
     }
   },
-  emits: ["submit"],
+  emits: [
+    /**
+     * Emitted when form is successfully submitted.
+     */
+    "submit"
+  ],
   data() {
     return {
       validity: {
@@ -5528,7 +5683,7 @@ const _sfc_main$1e = vue.defineComponent({
   }
 });
 const _hoisted_1$X = ["id"];
-const _hoisted_2$G = {
+const _hoisted_2$H = {
   key: 0,
   ref: "errors",
   tabindex: "-1",
@@ -5549,7 +5704,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       novalidate: "",
       autocomplete: "off",
       onSubmit: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-    }), [_ctx.displayErrors ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$G, [vue.createVNode(_component_f_error_list, {
+    }), [_ctx.displayErrors ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$H, [vue.createVNode(_component_f_error_list, {
       items: _ctx.errors,
       bullets: _ctx.errorListBullets,
       "before-navigate": _ctx.errorListBeforeNavigate
@@ -5682,7 +5837,23 @@ const _sfc_main$1d = vue.defineComponent({
       }]
     }
   },
-  emits: ["cancel", "close", "submit"],
+  emits: [
+    /**
+     * Event that is dispatched when escape is pressed or when the cancel or close buttons are clicked.
+     * In most use cases the isOpen prop should be set to false when this event is triggered.
+     */
+    "cancel",
+    /**
+     * Event that is dispatched when escape is pressed or when the cancel or close buttons are clicked.
+     * In most use cases the isOpen prop should be set to false when this event is triggered.
+     */
+    "close",
+    /**
+     * Event that is dispatched when the submit button is is clicked.
+     * The event payload is the data that has been submitted.
+     */
+    "submit"
+  ],
   data() {
     return {};
   },
@@ -5721,8 +5892,8 @@ const _sfc_main$1d = vue.defineComponent({
 const _hoisted_1$W = {
   class: "button-group"
 };
-const _hoisted_2$F = ["type", "form", "onClick"];
-const _hoisted_3$w = {
+const _hoisted_2$G = ["type", "form", "onClick"];
+const _hoisted_3$x = {
   key: 0,
   class: "sr-only"
 };
@@ -5748,8 +5919,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
       default: vue.withCtx(() => [_cache[0] || (_cache[0] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "input-text-fields")]),
-      _: 3,
-      __: [0]
+      _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit", "onCancel"])]),
     footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$W, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
       return vue.openBlock(), vue.createElementBlock("button", {
@@ -5758,10 +5928,9 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
         class: vue.normalizeClass([button.classlist, "button-group__item"]),
         form: button.buttonType === "submit" ? _ctx.formId : void 0,
         onClick: ($event) => button.buttonType === "button" ? _ctx.onCancel() : false
-      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$F);
+      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$x, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$G);
     }), 128))])]),
-    _: 3,
-    __: [3, 4]
+    _: 3
   }, 8, ["data-test", "fullscreen", "is-open", "size", "aria-close-text", "onClose"]);
 }
 const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$I]]);
@@ -6172,9 +6341,9 @@ const _hoisted_1$V = {
   "data-test": "f-error-page"
 };
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, _cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [..._cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
     href: "/"
-  }, "Gå till startsidan", -1)]));
+  }, "Gå till startsidan", -1)])]);
 }
 const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$H]]);
 const _sfc_main$1b = vue.defineComponent({
@@ -6437,9 +6606,46 @@ const _sfc_main$1a = vue.defineComponent({
     maxDate: {
       type: Object,
       required: true
+    },
+    /**
+     * Includes a year selector when enabled.
+     */
+    yearSelector: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Displays the year selector as open when enabled.
+     */
+    yearSelectorOpen: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Optional id (generated by default).
+     */
+    id: {
+      type: String,
+      required: false,
+      default: () => logic.ElementIdService.generateElementId()
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    "change",
+    /**
+     * V-model event.
+     * @param value
+     * @type {FDate}
+     */
+    "update:modelValue",
+    /**
+     * Emitted when year selector is opened or closed.
+     * @type {boolean}
+     */
+    "update:yearSelectorOpen"
+  ],
   computed: {
     previousDisabled() {
       return isInvalidMonth(this.modelValue.addMonths(-1), this.minDate, this.maxDate);
@@ -6462,6 +6668,12 @@ const _sfc_main$1a = vue.defineComponent({
     nextSrText() {
       return this.$t("fkui.calendar-navbar.next", "Nästa månad");
     },
+    openYearSelectorText() {
+      return this.$t("fkui.calendar-navbar.open-year-selector", "Öppna årsväljare");
+    },
+    closeYearSelectorText() {
+      return this.$t("fkui.calendar-navbar.close-year-selector", "Stäng årsväljare");
+    },
     previousIconClasses() {
       return {
         "calendar-navbar__icon": true,
@@ -6473,9 +6685,15 @@ const _sfc_main$1a = vue.defineComponent({
         "calendar-navbar__icon": true,
         "calendar-navbar__icon--disabled": this.nextDisabled
       };
+    },
+    monthTitleClass() {
+      return this.yearSelector ? "sr-only" : "";
     }
   },
   methods: {
+    onClickYearSelector() {
+      this.changeDisplayYearSelectorAsOpen(!this.yearSelectorOpen);
+    },
     onClickPreviousButton() {
       if (!this.previousDisabled) {
         this.$emit("update:modelValue", this.previousValue);
@@ -6515,6 +6733,12 @@ const _sfc_main$1a = vue.defineComponent({
         });
       }
     },
+    onCloseYearSelector() {
+      this.changeDisplayYearSelectorAsOpen(false);
+    },
+    changeDisplayYearSelectorAsOpen(value) {
+      this.$emit("update:yearSelectorOpen", value);
+    },
     getDateText(value) {
       return `${vue.capitalize(value.monthName)} ${value.year}`;
     },
@@ -6526,41 +6750,67 @@ const _sfc_main$1a = vue.defineComponent({
 const _hoisted_1$U = {
   class: "calendar-navbar"
 };
-const _hoisted_2$E = {
-  class: "calendar-navbar__month",
-  tabindex: "-1"
+const _hoisted_2$F = {
+  class: "calendar-navbar__month"
 };
-const _hoisted_3$v = ["aria-disabled", "aria-live"];
-const _hoisted_4$q = {
-  class: "sr-only"
+const _hoisted_3$w = ["aria-live"];
+const _hoisted_4$r = ["id", "aria-expanded"];
+const _hoisted_5$l = {
+  class: "calendar-navbar__year-selector-button--title",
+  "aria-hidden": "true"
 };
-const _hoisted_5$l = ["aria-disabled", "aria-live"];
 const _hoisted_6$g = {
   class: "sr-only"
 };
+const _hoisted_7$b = ["aria-disabled", "aria-live"];
+const _hoisted_8$8 = {
+  class: "sr-only"
+};
+const _hoisted_9$6 = ["aria-disabled", "aria-live"];
+const _hoisted_10$3 = {
+  class: "sr-only"
+};
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [vue.createElementVNode("div", _hoisted_2$E, vue.toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("button", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [vue.createElementVNode("div", _hoisted_2$F, [vue.createElementVNode("span", {
+    class: vue.normalizeClass([_ctx.monthTitleClass, "calendar-navbar__month--title"]),
+    tabindex: "-1",
+    "aria-live": _ctx.isFocused("yearSelectorButton") ? "polite" : "off"
+  }, vue.toDisplayString(_ctx.currentText), 11, _hoisted_3$w), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.yearSelector ? (vue.openBlock(), vue.createElementBlock("button", {
+    key: 0,
+    id: `${_ctx.id}`,
+    ref: "yearSelectorButton",
+    class: "calendar-navbar__year-selector-button",
+    type: "button",
+    "aria-haspopup": "listbox",
+    "aria-expanded": _ctx.yearSelectorOpen,
+    onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onClickYearSelector && _ctx.onClickYearSelector(...args), ["stop", "prevent"]))
+  }, [vue.createElementVNode("span", _hoisted_5$l, vue.toDisplayString(_ctx.currentText), 1), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_6$g, vue.toDisplayString(_ctx.yearSelectorOpen ? _ctx.closeYearSelectorText : _ctx.openYearSelectorText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
+    class: vue.normalizeClass(_ctx.yearSelectorOpen ? "calendar-navbar__arrow--up" : void 0),
+    name: "arrow-down"
+  }, null, 8, ["class"])], 8, _hoisted_4$r)) : vue.createCommentVNode("", true)]), _cache[8] || (_cache[8] = vue.createTextVNode()), !_ctx.yearSelectorOpen ? (vue.openBlock(), vue.createElementBlock("button", {
+    key: 0,
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
     "aria-disabled": _ctx.previousDisabled,
     "aria-live": _ctx.isFocused("previousButton") ? "polite" : "off",
-    onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onClickPreviousButton && _ctx.onClickPreviousButton(...args), ["stop"]))
-  }, [vue.createElementVNode("span", _hoisted_4$q, vue.toDisplayString(_ctx.previousSrText), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onClickPreviousButton && _ctx.onClickPreviousButton(...args), ["stop"]))
+  }, [vue.createElementVNode("span", _hoisted_8$8, vue.toDisplayString(_ctx.previousSrText), 1), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     class: vue.normalizeClass(_ctx.previousIconClasses),
     name: "arrow-right"
-  }, null, 8, ["class"])], 8, _hoisted_3$v), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("button", {
+  }, null, 8, ["class"])], 8, _hoisted_7$b)) : vue.createCommentVNode("", true), _cache[9] || (_cache[9] = vue.createTextVNode()), !_ctx.yearSelectorOpen ? (vue.openBlock(), vue.createElementBlock("button", {
+    key: 1,
     ref: "nextButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--next",
     type: "button",
     "aria-disabled": _ctx.nextDisabled,
     "aria-live": _ctx.isFocused("nextButton") ? "polite" : "off",
-    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onClickNextButton && _ctx.onClickNextButton(...args), ["stop"]))
-  }, [vue.createElementVNode("span", _hoisted_6$g, vue.toDisplayString(_ctx.nextSrText), 1), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
+    onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onClickNextButton && _ctx.onClickNextButton(...args), ["stop"]))
+  }, [vue.createElementVNode("span", _hoisted_10$3, vue.toDisplayString(_ctx.nextSrText), 1), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     class: vue.normalizeClass(_ctx.nextIconClasses),
     name: "arrow-right"
-  }, null, 8, ["class"])], 8, _hoisted_5$l)]);
+  }, null, 8, ["class"])], 8, _hoisted_9$6)) : vue.createCommentVNode("", true)]);
 }
 const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$F]]);
 function getDayStartOffset(days) {
@@ -6574,7 +6824,6 @@ const _sfc_main$19 = vue.defineComponent({
   props: {
     /**
      * Focused month.
-     * @model
      */
     value: {
       type: Object,
@@ -6644,17 +6893,17 @@ const _sfc_main$19 = vue.defineComponent({
   }
 });
 const _hoisted_1$T = ["aria-label"];
-const _hoisted_2$D = {
+const _hoisted_2$E = {
   key: 0,
   class: "calendar-month__col--week"
 };
-const _hoisted_3$u = {
+const _hoisted_3$v = {
   key: 0,
   scope: "col",
   "aria-hidden": "true",
   class: "calendar-month__header-cell"
 };
-const _hoisted_4$p = ["title"];
+const _hoisted_4$q = ["title"];
 const _hoisted_5$k = {
   key: 1
 };
@@ -6682,7 +6931,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": _ctx.ariaLabel,
     onFocusin: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusin && _ctx.onFocusin(...args)),
     onFocusout: _cache[1] || (_cache[1] = (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-  }, [vue.createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_2$D)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createElementVNode("col", {
+  }, [vue.createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_2$E)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[4] || (_cache[4] = vue.createTextVNode()), _cache[5] || (_cache[5] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
@@ -6696,7 +6945,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[14] || (_cache[14] = vue.createTextVNode()), _cache[15] || (_cache[15] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
-  }, null, -1))]), _cache[22] || (_cache[22] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$u)) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekdays, (weekday) => {
+  }, null, -1))]), _cache[22] || (_cache[22] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$v)) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekdays, (weekday) => {
     return vue.openBlock(), vue.createElementBlock("th", {
       key: weekday.name,
       scope: "col",
@@ -6705,7 +6954,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     }, [_ctx.showShortWeekdays ? (vue.openBlock(), vue.createElementBlock("abbr", {
       key: 0,
       title: weekday.name
-    }, vue.toDisplayString(weekday.shortName), 9, _hoisted_4$p)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$k, vue.toDisplayString(weekday.name), 1))]);
+    }, vue.toDisplayString(weekday.shortName), 9, _hoisted_4$q)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$k, vue.toDisplayString(weekday.name), 1))]);
   }), 128))])]), _cache[23] || (_cache[23] = vue.createTextVNode()), vue.createElementVNode("tbody", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (week) => {
     return vue.openBlock(), vue.createElementBlock("tr", {
       key: week.week
@@ -6762,23 +7011,582 @@ function getDayTabindex(date2, active, entry) {
     return date2.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$18 = vue.defineComponent({
-  name: "ICalendarMonth",
+const _sfc_main$18 = vue.defineComponent({
+  name: "ICalendarMonth",
+  components: {
+    ICalendarMonthGrid
+  },
+  mixins: [TranslationMixin],
+  props: {
+    /**
+     * Active month.
+     */
+    modelValue: {
+      type: Object,
+      required: true
+    },
+    /**
+     * Date to focus on when component gains focus.
+     *
+     * Consumers can update this related to active month.
+     * If undefined, the first day of the month will gain focus.
+     */
+    tabDate: {
+      type: Object,
+      required: false,
+      default: void 0
+    },
+    /**
+     * Min date.
+     */
+    minDate: {
+      type: Object,
+      required: true
+    },
+    /**
+     * Max date.
+     */
+    maxDate: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: [
+    "change",
+    /**
+     * `click` event.
+     * @type {string}
+     */
+    "click",
+    /**
+     * `v-model` event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
+  methods: {
+    onClickDay(date2) {
+      this.$emit("click", date2);
+    },
+    async onKeydownDay(date2, event) {
+      if (event.code === "Enter" || event.code === "Space") {
+        event.preventDefault();
+        this.$emit("click", date2);
+        return;
+      }
+      if (!isDayStepKey(event)) {
+        return;
+      }
+      event.preventDefault();
+      const dayStep = getDayStep(event);
+      const navigatedDay = date2.addDays(dayStep);
+      const navigatedMonth = navigatedDay.startOfMonth();
+      const message = getMessage(this.$t, navigatedDay, this.minDate, this.maxDate);
+      if (message) {
+        logic.alertScreenReader(message, {
+          assertive: true
+        });
+        return;
+      }
+      this.$emit("update:modelValue", navigatedMonth);
+      if (navigatedDay.month !== date2.month) {
+        await this.$nextTick();
+      }
+      this.$forceUpdate();
+      const navigatedDayRef = this.$refs[navigatedDay.toString()];
+      if (navigatedDayRef) {
+        const navigatedDayElement = getHTMLElementFromVueRef(navigatedDayRef);
+        logic.focus(navigatedDayElement);
+      }
+    },
+    isDayFocused(date2) {
+      return document.activeElement === this.$refs[date2.toString()];
+    },
+    getTabindex(date$1) {
+      let activeDate = void 0;
+      if (document.activeElement instanceof HTMLElement) {
+        const activeString = document.activeElement.dataset.date;
+        activeDate = activeString ? date.FDate.fromIso(activeString) : void 0;
+      }
+      return getDayTabindex(date$1, activeDate, this.tabDate);
+    }
+  }
+});
+const _hoisted_1$S = ["data-date", "tabindex", "onClick", "onKeydown"];
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_i_calendar_month_grid = vue.resolveComponent("i-calendar-month-grid");
+  return vue.openBlock(), vue.createBlock(_component_i_calendar_month_grid, {
+    value: _ctx.modelValue
+  }, {
+    default: vue.withCtx(({
+      date: date2
+    }) => [vue.createElementVNode("div", {
+      ref: date2.toString(),
+      role: "gridcell",
+      class: "calendar-month__button",
+      "data-test": "select-day-button",
+      "data-date": date2.toString(),
+      tabindex: _ctx.getTabindex(date2),
+      onClick: vue.withModifiers(($event) => _ctx.onClickDay(date2), ["stop", "prevent"]),
+      onKeydown: ($event) => _ctx.onKeydownDay(date2, $event)
+    }, [vue.renderSlot(_ctx.$slots, "default", {
+      date: date2,
+      isFocused: _ctx.isDayFocused(date2)
+    })], 40, _hoisted_1$S)]),
+    _: 3
+  }, 8, ["value"]);
+}
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$D]]);
+function tryOnScopeDispose(fn2) {
+  if (vue.getCurrentScope()) {
+    vue.onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+const injectLocal = (...args) => {
+  var _a;
+  const key = args[0];
+  const instance = (_a = vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null && !vue.hasInjectionContext())
+    throw new Error("injectLocal must be called in setup");
+  if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
+    return localProvidedStateMap.get(instance)[key];
+  return vue.inject(...args);
+};
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const notNullish = (val) => val != null;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+function pxValue(px) {
+  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
+}
+function getLifeCycleTarget(target) {
+  return vue.getCurrentInstance();
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function tryOnMounted(fn2, sync = true, target) {
+  const instance = getLifeCycleTarget();
+  if (instance)
+    vue.onMounted(fn2, target);
+  else if (sync)
+    fn2();
+  else
+    vue.nextTick(fn2);
+}
+function watchImmediate(source, cb, options) {
+  return vue.watch(
+    source,
+    cb,
+    {
+      ...options,
+      immediate: true
+    }
+  );
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _a;
+  const plain = vue.toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+function useEventListener$1(...args) {
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn2) => fn2());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  };
+  const firstParamTargets = vue.computed(() => {
+    const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  const stopWatch = watchImmediate(
+    () => {
+      var _a, _b;
+      return [
+        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+        toArray(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
+        toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        vue.toValue(firstParamTargets.value ? args[3] : args[2])
+      ];
+    },
+    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
+      cleanup();
+      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
+        return;
+      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+      cleanups.push(
+        ...raw_targets.flatMap(
+          (el) => raw_events.flatMap(
+            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(cleanup);
+  return stop;
+}
+function useMounted() {
+  const isMounted = vue.shallowRef(false);
+  const instance = vue.getCurrentInstance();
+  if (instance) {
+    vue.onMounted(() => {
+      isMounted.value = true;
+    }, instance);
+  }
+  return isMounted;
+}
+function useSupported(callback) {
+  const isMounted = useMounted();
+  return vue.computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useMutationObserver(target, callback, options = {}) {
+  const { window: window2 = defaultWindow, ...mutationOptions } = options;
+  let observer;
+  const isSupported = useSupported(() => window2 && "MutationObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const targets = vue.computed(() => {
+    const value = vue.toValue(target);
+    const items = toArray(value).map(unrefElement).filter(notNullish);
+    return new Set(items);
+  });
+  const stopWatch = vue.watch(
+    () => targets.value,
+    (targets2) => {
+      cleanup();
+      if (isSupported.value && targets2.size) {
+        observer = new MutationObserver(callback);
+        targets2.forEach((el) => observer.observe(el, mutationOptions));
+      }
+    },
+    { immediate: true, flush: "post" }
+  );
+  const takeRecords = () => {
+    return observer == null ? void 0 : observer.takeRecords();
+  };
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop,
+    takeRecords
+  };
+}
+const ssrWidthSymbol = Symbol("vueuse-ssr-width");
+function useSSRWidth() {
+  const ssrWidth = vue.hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
+  return typeof ssrWidth === "number" ? ssrWidth : void 0;
+}
+function useMediaQuery(query, options = {}) {
+  const { window: window2 = defaultWindow, ssrWidth = useSSRWidth() } = options;
+  const isSupported = useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
+  const ssrSupport = vue.shallowRef(typeof ssrWidth === "number");
+  const mediaQuery = vue.shallowRef();
+  const matches = vue.shallowRef(false);
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  vue.watchEffect(() => {
+    if (ssrSupport.value) {
+      ssrSupport.value = !isSupported.value;
+      const queryStrings = vue.toValue(query).split(",");
+      matches.value = queryStrings.some((queryString) => {
+        const not = queryString.includes("not all");
+        const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let res = Boolean(minWidth || maxWidth);
+        if (minWidth && res) {
+          res = ssrWidth >= pxValue(minWidth[1]);
+        }
+        if (maxWidth && res) {
+          res = ssrWidth <= pxValue(maxWidth[1]);
+        }
+        return not ? !res : res;
+      });
+      return;
+    }
+    if (!isSupported.value)
+      return;
+    mediaQuery.value = window2.matchMedia(vue.toValue(query));
+    matches.value = mediaQuery.value.matches;
+  });
+  useEventListener$1(mediaQuery, "change", handler, { passive: true });
+  return vue.computed(() => matches.value);
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window2 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const targets = vue.computed(() => {
+    const _targets = vue.toValue(target);
+    return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
+  });
+  const stopWatch = vue.watch(
+    targets,
+    (els) => {
+      cleanup();
+      if (isSupported.value && window2) {
+        observer = new ResizeObserver(callback);
+        for (const _el of els) {
+          if (_el)
+            observer.observe(_el, observerOptions);
+        }
+      }
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+function useElementBounding(target, options = {}) {
+  const {
+    reset = true,
+    windowResize = true,
+    windowScroll = true,
+    immediate = true,
+    updateTiming = "sync"
+  } = options;
+  const height = vue.shallowRef(0);
+  const bottom = vue.shallowRef(0);
+  const left = vue.shallowRef(0);
+  const right = vue.shallowRef(0);
+  const top = vue.shallowRef(0);
+  const width = vue.shallowRef(0);
+  const x = vue.shallowRef(0);
+  const y = vue.shallowRef(0);
+  function recalculate() {
+    const el = unrefElement(target);
+    if (!el) {
+      if (reset) {
+        height.value = 0;
+        bottom.value = 0;
+        left.value = 0;
+        right.value = 0;
+        top.value = 0;
+        width.value = 0;
+        x.value = 0;
+        y.value = 0;
+      }
+      return;
+    }
+    const rect = el.getBoundingClientRect();
+    height.value = rect.height;
+    bottom.value = rect.bottom;
+    left.value = rect.left;
+    right.value = rect.right;
+    top.value = rect.top;
+    width.value = rect.width;
+    x.value = rect.x;
+    y.value = rect.y;
+  }
+  function update() {
+    if (updateTiming === "sync")
+      recalculate();
+    else if (updateTiming === "next-frame")
+      requestAnimationFrame(() => recalculate());
+  }
+  useResizeObserver(target, update);
+  vue.watch(() => unrefElement(target), (ele) => !ele && update());
+  useMutationObserver(target, update, {
+    attributeFilter: ["style", "class"]
+  });
+  if (windowScroll)
+    useEventListener$1("scroll", update, { capture: true, passive: true });
+  if (windowResize)
+    useEventListener$1("resize", update, { passive: true });
+  tryOnMounted(() => {
+    if (immediate)
+      update();
+  });
+  return {
+    height,
+    bottom,
+    left,
+    right,
+    top,
+    width,
+    x,
+    y,
+    update
+  };
+}
+function onKeyDown(event, options) {
+  const {
+    activeYear,
+    firstYear,
+    lastYear,
+    focus: focus2,
+    close,
+    select
+  } = options;
+  if (event.ctrlKey) {
+    return;
+  }
+  switch (event.key) {
+    case "ArrowUp":
+      event.preventDefault();
+      activeYear.value = activeYear.value.equals(firstYear) ? lastYear : activeYear.value.previous();
+      focus2(activeYear.value);
+      break;
+    case "ArrowDown":
+      event.preventDefault();
+      activeYear.value = activeYear.value.equals(lastYear) ? firstYear : activeYear.value.next();
+      focus2(activeYear.value);
+      break;
+    case "Enter":
+    case " ":
+      event.preventDefault();
+      select(activeYear.value);
+      close();
+      break;
+  }
+}
+function useYearSelector(options) {
+  const yearSelectorOpen = vue.ref(false);
+  const activeYear = vue.shallowRef(date.FYear.fromYear("invalid"));
+  const {
+    minDate,
+    maxDate,
+    modelValue,
+    yearSelector
+  } = options;
+  const minYear = vue.computed(() => date.FYear.fromDate(minDate.value));
+  const maxYear = vue.computed(() => date.FYear.fromDate(maxDate.value));
+  const currentYear = vue.computed(() => date.FYear.fromDate(modelValue.value));
+  const selectableYears = vue.computed(() => Array.from(date.range(minYear.value, maxYear.value)));
+  vue.watchEffect(async () => {
+    if (!yearSelectorOpen.value) {
+      return;
+    }
+    await vue.nextTick();
+    activeYear.value = currentYear.value;
+    focusOnYear(activeYear.value);
+  });
+  useEventListener$1(yearSelector, "keydown", (event) => {
+    if (!yearSelectorOpen.value) {
+      return;
+    }
+    onKeyDown(event, {
+      activeYear,
+      firstYear: minYear.value,
+      lastYear: maxYear.value,
+      focus: focusOnYear,
+      close: closeYearSelector,
+      select: selectYear
+    });
+  });
+  return {
+    yearSelectorOpen,
+    activeYear,
+    selectableYears,
+    onClickSelectYear
+  };
+  function focusOnYear(year) {
+    const index = selectableYears.value.findIndex((it) => it.equals(year));
+    const yearElements = getHTMLElementsFromVueRef(options.yearElements.value);
+    const activeElement = yearElements[index];
+    logic.focus(activeElement);
+    logic.assertRef(yearSelector);
+    const wrapperElement = yearSelector.value;
+    const wrapperHeight = wrapperElement.getBoundingClientRect().height;
+    const activeElementHeight = activeElement.getBoundingClientRect().height;
+    const centerPosition = activeElement.offsetTop - (wrapperHeight - activeElementHeight) / 2;
+    wrapperElement.scrollTo({
+      top: centerPosition,
+      behavior: "instant"
+    });
+  }
+  function onClickSelectYear(year) {
+    activeYear.value = year;
+    selectYear(year);
+    closeYearSelector();
+  }
+  function selectYear(year) {
+    const offset2 = year.value - currentYear.value.value;
+    const updatedDate = modelValue.value.addYears(offset2);
+    options.onChangeDate(date.clamp(updatedDate, minDate.value, maxDate.value));
+  }
+  function closeYearSelector() {
+    yearSelectorOpen.value = false;
+    options.onClose();
+  }
+}
+function useCalendarHeight(options) {
+  const {
+    src,
+    dst,
+    property
+  } = options;
+  const {
+    height
+  } = useElementBounding(src);
+  const cachedHeight = vue.ref(NaN);
+  vue.watchEffect(() => {
+    if (height.value > 0) {
+      cachedHeight.value = height.value;
+    }
+  });
+  vue.watchEffect(async () => {
+    if (cachedHeight.value) {
+      dst.value?.style.setProperty(property, `${cachedHeight.value}px`);
+    }
+  });
+}
+const _sfc_main$17 = vue.defineComponent({
+  name: "FCalendar",
   components: {
-    ICalendarMonthGrid
+    ICalendarNavbar,
+    ICalendarMonth
   },
-  mixins: [TranslationMixin],
   props: {
     /**
      * Active month.
-     * @model
      */
     modelValue: {
       type: Object,
       required: true
     },
     /**
-     * Date to focus on when component gains focus.
+     * Date to set tabindex on when component gains focus.
      *
      * Consumers can update this related to active month.
      * If undefined, the first day of the month will gain focus.
@@ -6801,151 +7609,161 @@ const _sfc_main$18 = vue.defineComponent({
     maxDate: {
       type: Object,
       required: true
-    }
-  },
-  emits: ["change", "click", "update:modelValue"],
-  methods: {
-    onClickDay(date2) {
-      this.$emit("click", date2);
-    },
-    async onKeydownDay(date2, event) {
-      if (event.code === "Enter" || event.code === "Space") {
-        event.preventDefault();
-        this.$emit("click", date2);
-        return;
-      }
-      if (!isDayStepKey(event)) {
-        return;
-      }
-      event.preventDefault();
-      const dayStep = getDayStep(event);
-      const navigatedDay = date2.addDays(dayStep);
-      const navigatedMonth = navigatedDay.startOfMonth();
-      const message = getMessage(this.$t, navigatedDay, this.minDate, this.maxDate);
-      if (message) {
-        logic.alertScreenReader(message, {
-          assertive: true
-        });
-        return;
-      }
-      this.$emit("update:modelValue", navigatedMonth);
-      if (navigatedDay.month !== date2.month) {
-        await this.$nextTick();
-      }
-      this.$forceUpdate();
-      const navigatedDayRef = this.$refs[navigatedDay.toString()];
-      if (navigatedDayRef) {
-        const navigatedDayElement = getHTMLElementFromVueRef(navigatedDayRef);
-        logic.focus(navigatedDayElement);
-      }
-    },
-    isDayFocused(date2) {
-      return document.activeElement === this.$refs[date2.toString()];
     },
-    getTabindex(date$1) {
-      let activeDate = void 0;
-      if (document.activeElement instanceof HTMLElement) {
-        const activeString = document.activeElement.dataset.date;
-        activeDate = activeString ? date.FDate.fromIso(activeString) : void 0;
-      }
-      return getDayTabindex(date$1, activeDate, this.tabDate);
-    }
-  }
-});
-const _hoisted_1$S = ["data-date", "tabindex", "onClick", "onKeydown"];
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_i_calendar_month_grid = vue.resolveComponent("i-calendar-month-grid");
-  return vue.openBlock(), vue.createBlock(_component_i_calendar_month_grid, {
-    value: _ctx.modelValue
-  }, {
-    default: vue.withCtx(({
-      date: date2
-    }) => [vue.createElementVNode("div", {
-      ref: date2.toString(),
-      role: "gridcell",
-      class: "calendar-month__button",
-      "data-test": "select-day-button",
-      "data-date": date2.toString(),
-      tabindex: _ctx.getTabindex(date2),
-      onClick: vue.withModifiers(($event) => _ctx.onClickDay(date2), ["stop", "prevent"]),
-      onKeydown: ($event) => _ctx.onKeydownDay(date2, $event)
-    }, [vue.renderSlot(_ctx.$slots, "default", {
-      date: date2,
-      isFocused: _ctx.isDayFocused(date2)
-    })], 40, _hoisted_1$S)]),
-    _: 3
-  }, 8, ["value"]);
-}
-const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$D]]);
-const _sfc_main$17 = vue.defineComponent({
-  name: "FCalendar",
-  components: {
-    ICalendarNavbar,
-    ICalendarMonth
-  },
-  props: {
     /**
-     * Active month.
-     * @model
+     * Includes a year selector when enabled.
      */
-    modelValue: {
-      type: Object,
-      required: true
+    yearSelector: {
+      type: Boolean,
+      required: false,
+      default: false
     },
     /**
-     * Date to set tabindex on when component gains focus.
-     *
-     * Consumers can update this related to active month.
-     * If undefined, the first day of the month will gain focus.
+     * Optional id (generated by default).
      */
-    tabDate: {
-      type: Object,
+    id: {
+      type: String,
       required: false,
-      default: void 0
-    },
+      default: () => logic.ElementIdService.generateElementId()
+    }
+  },
+  emits: {
     /**
-     * Min date.
+     * `click` event. Emitted when a calendar day is clicked.
      */
-    minDate: {
-      type: Object,
-      required: true
+    click(_date) {
+      return true;
     },
     /**
-     * Max date.
+     * `v-model` event. Emitted when changing to a different month
+     * or year in the calendar.
      */
-    maxDate: {
-      type: Object,
-      required: true
+    "update:modelValue"(_date) {
+      return true;
+    }
+  },
+  setup(props, context) {
+    const modelValue = vue.shallowRef(props.modelValue);
+    const minDate = vue.shallowRef(props.minDate);
+    const maxDate = vue.shallowRef(props.maxDate);
+    const calendarRef = vue.useTemplateRef("calendar");
+    const yearElements = vue.useTemplateRef("yearElements");
+    const yearSelectorRef = vue.useTemplateRef("yearSelector");
+    const calendarNavbarRef = vue.useTemplateRef("calendarNavbar");
+    const calendar = vue.computed(() => {
+      var _findHTMLElementFromV;
+      return (_findHTMLElementFromV = findHTMLElementFromVueRef(calendarRef.value)) !== null && _findHTMLElementFromV !== void 0 ? _findHTMLElementFromV : null;
+    });
+    const yearSelector = vue.computed(() => {
+      var _findHTMLElementFromV2;
+      return (_findHTMLElementFromV2 = findHTMLElementFromVueRef(yearSelectorRef.value)) !== null && _findHTMLElementFromV2 !== void 0 ? _findHTMLElementFromV2 : null;
+    });
+    const calendarNavbar = vue.computed(() => {
+      var _findHTMLElementFromV3;
+      return (_findHTMLElementFromV3 = findHTMLElementFromVueRef(calendarNavbarRef.value)) !== null && _findHTMLElementFromV3 !== void 0 ? _findHTMLElementFromV3 : null;
+    });
+    const {
+      yearSelectorOpen,
+      activeYear,
+      selectableYears,
+      onClickSelectYear
+    } = useYearSelector({
+      modelValue,
+      yearElements,
+      yearSelector,
+      minDate,
+      maxDate,
+      onChangeDate,
+      onClose
+    });
+    useCalendarHeight({
+      src: calendar,
+      dst: yearSelector,
+      property: "--f-calendar-height"
+    });
+    vue.watch(() => props.modelValue, (value) => modelValue.value = value);
+    vue.watch(() => props.minDate, (value) => minDate.value = value);
+    vue.watch(() => props.maxDate, (value) => maxDate.value = value);
+    return {
+      yearSelectorOpen,
+      activeYear,
+      selectableYears,
+      onChangeDate,
+      onClickSelectYear
+    };
+    function onChangeDate(date2) {
+      context.emit("update:modelValue", date2);
+    }
+    function onClose() {
+      const button = calendarNavbar.value?.querySelector("button");
+      logic.focus(button);
+    }
+  },
+  computed: {
+    yearNounText() {
+      return this.$t("fkui.calendar.year-noun", "Årtal");
     }
   },
-  emits: ["click", "update:modelValue"],
   methods: {
+    getSelectableYearId(year) {
+      return `${this.id}-year-${year.toString()}`;
+    },
     onClickDay(date2) {
       this.$emit("click", date2);
-    },
-    onChangeMonth(date2) {
-      this.$emit("update:modelValue", date2);
     }
   }
 });
 const _hoisted_1$R = {
   class: "calendar__wrapper"
 };
+const _hoisted_2$D = {
+  key: 0,
+  ref: "yearSelector",
+  class: "calendar__year-selector"
+};
+const _hoisted_3$u = ["aria-activedescendant", "aria-label"];
+const _hoisted_4$p = ["id", "tabindex", "aria-selected", "onClick"];
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_navbar = vue.resolveComponent("i-calendar-navbar");
   const _component_i_calendar_month = vue.resolveComponent("i-calendar-month");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [vue.createVNode(_component_i_calendar_navbar, {
+    id: _ctx.id,
+    ref: "calendarNavbar",
+    "year-selector-open": _ctx.yearSelectorOpen,
+    "onUpdate:yearSelectorOpen": _cache[0] || (_cache[0] = ($event) => _ctx.yearSelectorOpen = $event),
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
-    "onUpdate:modelValue": _ctx.onChangeMonth
-  }, null, 8, ["model-value", "min-date", "max-date", "onUpdate:modelValue"]), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createVNode(_component_i_calendar_month, {
+    "year-selector": _ctx.yearSelector,
+    "onUpdate:modelValue": _ctx.onChangeDate
+  }, null, 8, ["id", "year-selector-open", "model-value", "min-date", "max-date", "year-selector", "onUpdate:modelValue"]), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.yearSelectorOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [vue.createElementVNode("ul", {
+    role: "listbox",
+    class: "calendar__year-selector__listbox",
+    "aria-activedescendant": _ctx.getSelectableYearId(_ctx.activeYear),
+    "aria-label": _ctx.yearNounText
+  }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selectableYears, (year) => {
+    return vue.openBlock(), vue.createElementBlock("li", {
+      id: _ctx.getSelectableYearId(year),
+      ref_for: true,
+      ref: "yearElements",
+      key: year.value,
+      role: "option",
+      tabindex: _ctx.activeYear.equals(year) ? 0 : -1,
+      "aria-selected": _ctx.activeYear.equals(year) ? "true" : void 0,
+      class: vue.normalizeClass(["calendar__year-selector__year", {
+        "calendar__year-selector__year--highlight": _ctx.activeYear.equals(year)
+      }]),
+      onClick: vue.withModifiers(($event) => _ctx.onClickSelectYear(year), ["stop", "prevent"])
+    }, vue.toDisplayString(year), 11, _hoisted_4$p);
+  }), 128))], 8, _hoisted_3$u)], 512)) : (vue.openBlock(), vue.createBlock(_component_i_calendar_month, {
+    key: 1,
+    ref: "calendar",
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
     "tab-date": _ctx.tabDate,
     onClick: _ctx.onClickDay,
-    "onUpdate:modelValue": _ctx.onChangeMonth
+    "onUpdate:modelValue": _ctx.onChangeDate
   }, {
     default: vue.withCtx(({
       date: date2,
@@ -6955,7 +7773,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       isFocused: focused
     })]),
     _: 3
-  }, 8, ["model-value", "min-date", "max-date", "tab-date", "onClick", "onUpdate:modelValue"])]);
+  }, 8, ["model-value", "min-date", "max-date", "tab-date", "onClick", "onUpdate:modelValue"]))]);
 }
 const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$C]]);
 function getCalendarDaySrText(day, enabled, selected, t) {
@@ -7053,7 +7871,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createElementVNode("span", _hoisted_1$Q, vue.toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$C, vue.toDisplayString(_ctx.srText), 1)], 2);
 }
 const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$B]]);
-function useEventListener$1(target, event, callback) {
+function useEventListener(target, event, callback) {
   vue.onMounted(() => {
     vue.toValue(target)?.addEventListener(event, callback);
   });
@@ -7168,8 +7986,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(validationMessage.value), 1)]),
           _: 1
         })]),
-        _: 1,
-        __: [0]
+        _: 1
       })) : vue.createCommentVNode("", true)]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$t, [vue.renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = vue.createTextVNode()), hasFooterSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({
         hasError: hasError.value,
         validationMessage: validationMessage.value
@@ -8155,7 +8972,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     const teleportTarget = vue.computed(() => config.teleportTarget);
     let guessedItemHeight = void 0;
     let verticalSpacing = void 0;
-    useEventListener$1(__props.anchor, "keyup", onKeyEsc);
+    useEventListener(__props.anchor, "keyup", onKeyEsc);
     vue.watchEffect(() => {
       if (wrapperRef.value && __props.activeElement !== void 0) {
         const centerPosition = __props.activeElement.offsetTop - (wrapperRef.value.getBoundingClientRect().height - __props.activeElement.getBoundingClientRect().height) / 2;
@@ -8338,8 +9155,6 @@ const _sfc_main$10 = vue.defineComponent({
   props: {
     /**
      * Key of the currently selected and highlighted item.
-     *
-     * @model
      */
     modelValue: {
       type: String,
@@ -8349,8 +9164,6 @@ const _sfc_main$10 = vue.defineComponent({
     /**
      * Key of the currently focused item.
      * Sets focus on matching item element when value changes.
-     *
-     * @model
      */
     focusedItem: {
       type: String,
@@ -8406,28 +9219,23 @@ const _sfc_main$10 = vue.defineComponent({
   emits: [
     /**
      * Emitted when an item is selected and when tabbing out of the popup.
-     *
-     * @event close
      */
     "close",
     /**
      * Emitted when an item is selected.
      *
-     * @event select
      * @type {string} item key
      */
     "select",
     /**
      * V-model event. Emitted when an item is selected.
      *
-     * @event select
      * @type {string} item key
      */
     "update:modelValue",
     /**
      * V-model event. Emitted when item focus changes.
      *
-     * @event select
      * @type {string} Key of focused item, or empty if no item focused.
      */
     "update:focusedItem"
@@ -8888,10 +9696,10 @@ function useCombobox(inputRef, options, onOptionSelected) {
       }
     };
   }
-  useEventListener$1(inputRef, "click", onInputClick);
-  useEventListener$1(inputRef, "focus", onInputFocus);
-  useEventListener$1(inputRef, "keydown", onInputKeyDown);
-  useEventListener$1(inputRef, "keyup", onInputKeyUp);
+  useEventListener(inputRef, "click", onInputClick);
+  useEventListener(inputRef, "focus", onInputFocus);
+  useEventListener(inputRef, "keydown", onInputKeyDown);
+  useEventListener(inputRef, "keyup", onInputKeyUp);
   const dropdownId = logic.ElementIdService.generateElementId();
   const dropdownIsOpen = vue.ref(false);
   const activeOptionId = logic.ElementIdService.generateElementId();
@@ -9324,8 +10132,6 @@ const _sfc_main$X = vue.defineComponent({
     },
     /**
      * State (expanded or collapsed) of the tooltip. The value is `true` if the tooltip is expanded.
-     *
-     * @model
      */
     modelValue: {
       type: Boolean,
@@ -9366,7 +10172,20 @@ const _sfc_main$X = vue.defineComponent({
       }
     }
   },
-  emits: ["update:modelValue", "toggle"],
+  emits: [
+    /**
+     * v-model event.
+     *
+     * @param {boolean} value - Model value
+     */
+    "update:modelValue",
+    /**
+     * Emitted when the state of the tooltip (collapsed/expanded) changes.
+     *
+     * @param {{ isOpen: boolean }} event - New state of tooltip.
+     */
+    "toggle"
+  ],
   setup(props) {
     const provided = vue.inject(tooltipAttachTo, null);
     const attachTo = vue.toRef(props, "attachTo");
@@ -9873,7 +10692,6 @@ const _sfc_main$V = vue.defineComponent({
     },
     /**
      * The value for the input checked attribute.
-     * @model
      */
     // ? The rule is disabled so that the `checked` prop can be undefined or null.
     /* eslint-disable-next-line vue/require-default-prop -- technical debt,
@@ -9891,7 +10709,19 @@ const _sfc_main$V = vue.defineComponent({
       required: true
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when the value of the checkbox changes.
+     *
+     * @type {anyType | anyType[]}
+     */
+    "change",
+    /**
+     * V-model event.
+     * @type {anyType | anyType[]}
+     */
+    "update:modelValue"
+  ],
   setup() {
     const {
       showDetails,
@@ -10202,7 +11032,18 @@ const _sfc_main$U = vue.defineComponent({
       default: "Kontextuell meny"
     }
   },
-  emits: ["close", "select"],
+  emits: [
+    /**
+     * Event that is dispatched after an item is selected or
+     * after pressing for example esc in the menu
+     */
+    "close",
+    /**
+     * Event that is dispatched when an item is selected.
+     * @type {string} item key
+     */
+    "select"
+  ],
   setup() {
     return {
       contextmenu: vue.ref(null)
@@ -10389,6 +11230,25 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["NONE"] = 3] = "NONE";
   return Operation2;
 })(Operation || {});
+function filterItem(items, target, nested) {
+  const newItems = [...items];
+  for (let i = 0; i < newItems.length; i++) {
+    const item = newItems[i];
+    if (item === target) {
+      newItems.splice(i, 1);
+      return newItems;
+    }
+    if (nested && Array.isArray(item[nested])) {
+      const nestedItems = item[nested];
+      const nestedIndex = nestedItems.findIndex((it) => it === target);
+      if (nestedIndex !== -1) {
+        nestedItems.splice(nestedIndex, 1);
+        return newItems;
+      }
+    }
+  }
+  return newItems;
+}
 const _hoisted_1$D = {
   class: "crud-dataset"
 };
@@ -10401,7 +11261,6 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     /**
      * The list of items that should be deleted, modified or added to.
      * If the prop is not set an empty array will be used.
-     * @model
      */
     modelValue: {
       type: Array,
@@ -10488,6 +11347,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     const result = vue.ref([]);
     const operation = vue.ref(Operation.NONE);
     const item = vue.ref(null);
+    const nestedKey = vue.ref(null);
     const originalItemToUpdate = vue.ref(null);
     const isFormModalOpen = vue.ref(false);
     const isConfirmModalOpen = vue.ref(false);
@@ -10554,6 +11414,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     vue.provide("registerCallbackBeforeItemDelete", (callback) => {
       callbackBeforeItemDelete.value = callback;
     });
+    vue.provide("setNestedKey", setNestedKey);
     vue.onMounted(() => {
       if (!hasAddSlot.value && !hasDeleteSlot.value && !hasModifySlot.value) {
         throw Error("At least one template of the following must be defined. #add, #delete or #modify");
@@ -10586,7 +11447,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       callbackBeforeItemDelete.value(item.value);
-      result.value = result.value.filter((it) => it !== item.value);
+      result.value = filterItem(result.value, item.value, nestedKey.value);
       emit("deleted", item.value);
       emit("update:modelValue", result.value);
       const message = $t2("fkui.crud-dataset.aria-live.delete", "Raden har tagits bort");
@@ -10641,6 +11502,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       item.value = logic.deepClone(current);
       isFormModalOpen.value = true;
     }
+    function setNestedKey(key) {
+      nestedKey.value = key;
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
         updateItem,
@@ -10680,8 +11544,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         }, {
           item: item.value
         }))) : vue.createCommentVNode("", true)]),
-        _: 3,
-        __: [4]
+        _: 3
       }, 8, ["is-open", "aria-close-text", "buttons", "before-submit", "before-validation", "on-cancel", "onCancel"]), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createVNode(vue.unref(FConfirmModal), {
         "is-open": isConfirmModalOpen.value,
         buttons: confirmDeleteButtons.value,
@@ -10692,8 +11555,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         content: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "delete", vue.normalizeProps(vue.guardReactiveProps({
           item: item.value
         })))]),
-        _: 3,
-        __: [5]
+        _: 3
       }, 8, ["is-open", "buttons"])]);
     };
   }
@@ -10819,7 +11681,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
 function ActivateItemInjected() {
   return {
     registerCallbackAfterItemAdd: vue.inject("registerCallbackAfterItemAdd", () => void 0),
-    registerCallbackBeforeItemDelete: vue.inject("registerCallbackBeforeItemDelete", () => void 0)
+    registerCallbackBeforeItemDelete: vue.inject("registerCallbackBeforeItemDelete", () => void 0),
+    setNestedKey: vue.inject("setNestedKey", () => void 0)
   };
 }
 var es_set_difference_v2 = {};
@@ -11826,7 +12689,6 @@ const _sfc_main$O = vue.defineComponent({
     /**
      * The value for the input.
      * If the prop is not set undefined will be used.
-     * @model
      */
     modelValue: {
       type: [String, Number, Object, Array, Boolean, null],
@@ -11858,7 +12720,19 @@ const _sfc_main$O = vue.defineComponent({
       default: "sm-12"
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when the value of the dropdown changes.
+     *
+     * @type {string}
+     */
+    "change",
+    /**
+     * V-model event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   setup() {
     return {
       textFieldTableMode: vue.inject("textFieldTableMode", false)
@@ -12053,7 +12927,6 @@ const _sfc_main$N = vue.defineComponent({
      * The value for the input.
      * If the prop is not used or set to undefined
      * or null then the default value will be used.
-     * @model
      */
     modelValue: {
       type: [String, Number, null],
@@ -12147,7 +13020,20 @@ const _sfc_main$N = vue.defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update:modelValue"],
+  emits: [
+    /**
+     * @type {string}
+     */
+    "blur",
+    /**
+     * @type {string}
+     */
+    "change",
+    /* V-model event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   setup(props) {
     const {
       textFieldTableMode,
@@ -12487,7 +13373,6 @@ const _sfc_main$M = vue.defineComponent({
     /**
      * The value for the input.
      * If the prop is not set undefined will be used.
-     * @model
      */
     modelValue: {
       type: [String, null],
@@ -12512,7 +13397,22 @@ const _sfc_main$M = vue.defineComponent({
       default: logic.TranslationService.provider.translate("fkui.email-text-field.error.pasting", "Du kan inte kopiera mejladressen. Du måste skriva in den igen.")
     }
   },
-  emits: ["blur", "change", "update:modelValue"],
+  emits: [
+    /**
+     * @type {string | number}
+     */
+    "blur",
+    /**
+     * @type {string | number}
+     */
+    "change",
+    /**
+     * V-model event.
+     *
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       validityMode: "INITIAL",
@@ -12601,8 +13501,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   }), {
     "error-message": vue.withCtx(() => [_ctx.showPasteErrorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$y, vue.toDisplayString(_ctx.pasteErrorText), 1)) : vue.createCommentVNode("", true)]),
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = vue.createTextVNode())]),
-    _: 3,
-    __: [2]
+    _: 3
   }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
     key: 0,
     modelValue: _ctx.secondEmail,
@@ -12639,7 +13538,6 @@ const _sfc_main$L = vue.defineComponent({
      * The value for the input.
      * If the prop is not used or set to undefined
      * or null then the default value will be used.
-     * @model
      */
     modelValue: {
       type: [String, null],
@@ -12655,7 +13553,21 @@ const _sfc_main$L = vue.defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update:modelValue"],
+  emits: [
+    /**
+     * @type {string | number}
+     */
+    "blur",
+    /**
+     * @type {string | number}
+     */
+    "change",
+    /**
+     * V-model event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       validityMode: "INITIAL",
@@ -12808,7 +13720,23 @@ const _sfc_main$J = vue.defineComponent({
       default: 80
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: [
+    /**
+     * @type {string | number}
+     */
+    "blur",
+    /**
+     * @type {string | number}
+     */
+    "change",
+    "update",
+    /**
+     * V-model event.
+     *
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       defaultText: this.$t("fkui.search-text-field.label", "Sök")
@@ -12995,7 +13923,6 @@ const _sfc_main$F = vue.defineComponent({
   props: {
     /**
      * The number of decimals to format number as.
-     * @model
      */
     decimals: {
       type: Number,
@@ -13461,6 +14388,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         if (foundAttribute) {
           sortAttribute.value = foundAttribute;
         }
+        useDefaultSortOrder.value = false;
       }
       sortFilterData();
     }, {
@@ -13480,7 +14408,6 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       emit("datasetSorted", sortFilterResult.value);
     }
     function onChangeSortAttribute() {
-      useDefaultSortOrder.value = false;
       sortFilterData();
       emit("usedSortAttributes", sortAttribute.value);
     }
@@ -13579,18 +14506,15 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     value: sortOrder
                   }, vue.toDisplayString(sortOrder.name) + " (" + vue.toDisplayString(sortOrder.ascendingName) + ")\n                            ", 9, _hoisted_6$a);
                 }), 128))]),
-                _: 1,
-                __: [5, 6]
+                _: 1
               }, 8, ["modelValue"])]),
               _: 1
             })) : vue.createCommentVNode("", true)]),
-            _: 1,
-            __: [7]
+            _: 1
           })]),
           _: 1
         })]),
-        _: 3,
-        __: [8]
+        _: 3
       }), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
         sortFilterResult: sortFilterResult.value
       })))]);
@@ -13902,7 +14826,6 @@ const _sfc_main$x = vue.defineComponent({
   inheritAttrs: false,
   props: {
     /** Selected day.
-     * @model
      */
     modelValue: {
       type: String,
@@ -13933,6 +14856,14 @@ const _sfc_main$x = vue.defineComponent({
       type: Boolean,
       default: false
     },
+    /**
+     * Includes a year selector when enabled.
+     */
+    yearSelector: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
     /**
      * Set responsive width for label section.
      *
@@ -13966,7 +14897,19 @@ const _sfc_main$x = vue.defineComponent({
       default: false
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when date changes.
+     *
+     * @type {string}
+     */
+    "change",
+    /**
+     * `v-model` event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   setup() {
     const defaultMinDate = date.FDate.now().addYears(-10);
     const defaultMaxDate = date.FDate.now().addYears(10);
@@ -14104,7 +15047,7 @@ const _sfc_main$x = vue.defineComponent({
         return;
       }
       const popup = getHTMLElementFromVueRef(this.$refs.popup);
-      const navMonth = popup.querySelector(".calendar-navbar__month");
+      const navMonth = popup.querySelector(".calendar-navbar__month--title");
       if (navMonth) {
         navMonth.focus({
           preventScroll: true
@@ -14227,6 +15170,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       "tab-date": _ctx.calendarValue,
       "min-date": _ctx.minDate,
       "max-date": _ctx.maxDate,
+      "year-selector": _ctx.yearSelector,
       onClick: _ctx.onSelectCalendarDay,
       onKeyup: vue.withKeys(vue.withModifiers(_ctx.onKeyupEsc, ["stop"]), ["esc"])
     }, {
@@ -14241,7 +15185,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         selected: _ctx.isDaySelected(date2)
       }, null, 8, ["day", "enabled", "focused", "highlight", "selected"])]),
       _: 1
-    }, 8, ["modelValue", "tab-date", "min-date", "max-date", "onClick", "onKeyup"]), _cache[12] || (_cache[12] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_4$e, [vue.createElementVNode("button", {
+    }, 8, ["modelValue", "tab-date", "min-date", "max-date", "year-selector", "onClick", "onKeyup"]), _cache[12] || (_cache[12] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_4$e, [vue.createElementVNode("button", {
       class: "button button--discrete button--discrete--black datepicker-field__close__button",
       type: "button",
       onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onClickCloseCalendarButton && _ctx.onClickCloseCalendarButton(...args)),
@@ -14255,196 +15199,6 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["is-open", "anchor", "inline", "onOpen", "onClose"])], 512);
 }
 const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$k]]);
-function tryOnScopeDispose(fn2) {
-  if (vue.getCurrentScope()) {
-    vue.onScopeDispose(fn2);
-    return true;
-  }
-  return false;
-}
-const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
-const injectLocal = (...args) => {
-  var _a;
-  const key = args[0];
-  const instance = (_a = vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
-  if (instance == null && !vue.hasInjectionContext())
-    throw new Error("injectLocal must be called in setup");
-  if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
-    return localProvidedStateMap.get(instance)[key];
-  return vue.inject(...args);
-};
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const notNullish = (val) => val != null;
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-function pxValue(px) {
-  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
-}
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-function watchImmediate(source, cb, options) {
-  return vue.watch(
-    source,
-    cb,
-    {
-      ...options,
-      immediate: true
-    }
-  );
-}
-const defaultWindow = isClient ? window : void 0;
-function unrefElement(elRef) {
-  var _a;
-  const plain = vue.toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-function useEventListener(...args) {
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn2) => fn2());
-    cleanups.length = 0;
-  };
-  const register = (el, event, listener, options) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
-  };
-  const firstParamTargets = vue.computed(() => {
-    const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
-    return test.every((e) => typeof e !== "string") ? test : void 0;
-  });
-  const stopWatch = watchImmediate(
-    () => {
-      var _a, _b;
-      return [
-        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
-        toArray(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
-        toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        vue.toValue(firstParamTargets.value ? args[3] : args[2])
-      ];
-    },
-    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
-      cleanup();
-      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
-        return;
-      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-      cleanups.push(
-        ...raw_targets.flatMap(
-          (el) => raw_events.flatMap(
-            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  );
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(cleanup);
-  return stop;
-}
-function useMounted() {
-  const isMounted = vue.shallowRef(false);
-  const instance = vue.getCurrentInstance();
-  if (instance) {
-    vue.onMounted(() => {
-      isMounted.value = true;
-    }, instance);
-  }
-  return isMounted;
-}
-function useSupported(callback) {
-  const isMounted = useMounted();
-  return vue.computed(() => {
-    isMounted.value;
-    return Boolean(callback());
-  });
-}
-function useMutationObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...mutationOptions } = options;
-  let observer;
-  const isSupported = useSupported(() => window2 && "MutationObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
-    }
-  };
-  const targets = vue.computed(() => {
-    const value = vue.toValue(target);
-    const items = toArray(value).map(unrefElement).filter(notNullish);
-    return new Set(items);
-  });
-  const stopWatch = vue.watch(
-    () => targets.value,
-    (targets2) => {
-      cleanup();
-      if (isSupported.value && targets2.size) {
-        observer = new MutationObserver(callback);
-        targets2.forEach((el) => observer.observe(el, mutationOptions));
-      }
-    },
-    { immediate: true, flush: "post" }
-  );
-  const takeRecords = () => {
-    return observer == null ? void 0 : observer.takeRecords();
-  };
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop);
-  return {
-    isSupported,
-    stop,
-    takeRecords
-  };
-}
-const ssrWidthSymbol = Symbol("vueuse-ssr-width");
-function useSSRWidth() {
-  const ssrWidth = vue.hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
-  return typeof ssrWidth === "number" ? ssrWidth : void 0;
-}
-function useMediaQuery(query, options = {}) {
-  const { window: window2 = defaultWindow, ssrWidth = useSSRWidth() } = options;
-  const isSupported = useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
-  const ssrSupport = vue.shallowRef(typeof ssrWidth === "number");
-  const mediaQuery = vue.shallowRef();
-  const matches = vue.shallowRef(false);
-  const handler = (event) => {
-    matches.value = event.matches;
-  };
-  vue.watchEffect(() => {
-    if (ssrSupport.value) {
-      ssrSupport.value = !isSupported.value;
-      const queryStrings = vue.toValue(query).split(",");
-      matches.value = queryStrings.some((queryString) => {
-        const not = queryString.includes("not all");
-        const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let res = Boolean(minWidth || maxWidth);
-        if (minWidth && res) {
-          res = ssrWidth >= pxValue(minWidth[1]);
-        }
-        if (maxWidth && res) {
-          res = ssrWidth <= pxValue(maxWidth[1]);
-        }
-        return not ? !res : res;
-      });
-      return;
-    }
-    if (!isSupported.value)
-      return;
-    mediaQuery.value = window2.matchMedia(vue.toValue(query));
-    matches.value = mediaQuery.value.matches;
-  });
-  useEventListener(mediaQuery, "change", handler, { passive: true });
-  return vue.computed(() => matches.value);
-}
 const layoutRegister = {};
 function getLayout(name) {
   var _layoutRegister$name;
@@ -14768,7 +15522,7 @@ function useAreaData(element) {
   const attachPanel = vue.ref(null);
   const direction = vue.ref(null);
   const layoutElement = vue.computed(() => findLayoutElement(vue.toValue(element)));
-  useEventListener(layoutElement, "update", () => {
+  useEventListener$1(layoutElement, "update", () => {
     if (element.value) {
       update(element.value);
     }
@@ -14822,7 +15576,7 @@ function useKeyboardHandler(options) {
     attachment,
     separator
   } = options;
-  useEventListener(separator, "keydown", (event) => {
+  useEventListener$1(separator, "keydown", (event) => {
     if (!attachment.value) {
       return;
     }
@@ -14854,7 +15608,7 @@ function usePointerHandler(options) {
       return "vertical";
     }
   });
-  useEventListener(separator, "pointerdown", (event) => {
+  useEventListener$1(separator, "pointerdown", (event) => {
     const {
       isPrimary,
       button,
@@ -15107,7 +15861,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         current: clamp(initialSize.value, minSize.value, maxSize.value)
       };
     });
-    useEventListener$1(window, "resize", logic.debounce(onResize, 20));
+    useEventListener(window, "resize", logic.debounce(onResize, 20));
     function onResize() {
       layoutSize.value = getLayoutSize();
       state.value = {
@@ -15327,7 +16081,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _style_0$2 = '@charset "UTF-8";\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n}\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\nselect::-ms-expand {\n  display: none;\n}\nselect:focus::-ms-value {\n  background: none;\n  color: #000;\n  outline: 1px dotted #000;\n}\nul,\nol {\n  padding-left: 1rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\na {\n  text-decoration: none;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\nhtml {\n  font-size: var(--f-font-size-default-rem);\n}\n@media (min-width: 1024px) {\nhtml {\n    font-size: var(--f-font-size-default-large-up-rem);\n}\n}\nbody {\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n}\np {\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n  margin-bottom: 1rem;\n}\nb,\nstrong {\n  font-weight: var(--f-font-weight-medium);\n}\ncode {\n  font-size: var(--f-font-size-standard);\n  border-radius: var(--f-border-radius-small);\n  font-family: var(--f-font-family-code);\n  background-color: var(--f-background-code);\n  display: inline-block;\n  margin: 0 0.25rem;\n  padding: 0 0.25rem;\n}\npre code {\n  display: block;\n}\nh1, .heading--h1,\nh2,\n.heading--h2,\nh3,\n.heading--h3,\n.expandable-panel__heading,\nh4,\n.heading--h4,\nh5,\n.heading--h5,\nh6,\n.heading--h6 {\n  font-weight: var(--f-font-weight-bold);\n  margin-bottom: 0.25rem;\n  line-height: var(--f-line-height-medium);\n}\nh1, .heading--h1 {\n  font-size: var(--f-font-size-h1);\n  color: var(--f-text-color-heading-1);\n}\nh2, .heading--h2 {\n  font-size: var(--f-font-size-h2);\n  color: var(--f-text-color-heading-2);\n}\nh3, .heading--h3, .expandable-panel__heading {\n  font-size: var(--f-font-size-h3);\n  color: var(--f-text-color-heading-3);\n}\nh4, .heading--h4 {\n  font-size: var(--f-font-size-h4);\n  color: var(--f-text-color-heading-4);\n}\nh5, .heading--h5 {\n  font-size: var(--f-font-size-large);\n  color: var(--f-text-color-heading-5);\n}\nh6, .heading--h6 {\n  font-size: var(--f-font-size-standard);\n  color: var(--f-text-color-heading-6);\n}\n.heading--strong {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-medium);\n}\n* + h1, * + .heading--h1,\n* + h2,\n* + .heading--h2,\n* + h3,\n* + .heading--h3,\n* + .expandable-panel__heading,\n* + h4,\n* + .heading--h4,\n* + h5,\n* + .heading--h5,\n* + h6,\n* + .heading--h6 {\n  margin-top: 2rem;\n}\n@media (max-width: 640px) {\nh1, .heading--h1 {\n    font-size: var(--f-font-size-h2);\n}\nh2, .heading--h2 {\n    font-size: var(--f-font-size-xxx-large);\n}\nh3, .heading--h3, .expandable-panel__heading {\n    font-size: var(--f-font-size-h4);\n}\nh4, .heading--h4 {\n    font-size: var(--f-font-size-large);\n}\nh5, .heading--h5 {\n    font-size: var(--f-font-size-standard);\n}\nh6, .heading--h6 {\n    font-size: var(--f-font-size-standard);\n}\n.heading--strong {\n    font-size: var(--f-font-size-large);\n    font-weight: var(--f-font-weight-medium);\n}\n}\n.heading--h1 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h2 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h3, .expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h4 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h5 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h6 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\nh1 + h2, .heading--h1 + h2, h1 + .heading--h2, .heading--h1 + .heading--h2 {\n  margin-top: 1rem;\n}\nh2 + h3, .heading--h2 + h3, h2 + .heading--h3, h2 + .expandable-panel__heading, .heading--h2 + .heading--h3, .heading--h2 + .expandable-panel__heading {\n  margin-top: 1rem;\n}\nh3 + h4, .heading--h3 + h4, .expandable-panel__heading + h4, h3 + .heading--h4, .heading--h3 + .heading--h4, .expandable-panel__heading + .heading--h4 {\n  margin-top: 1rem;\n}\nh4 + h5, .heading--h4 + h5, h4 + .heading--h5, .heading--h4 + .heading--h5 {\n  margin-top: 1rem;\n}\nh5 + h6, .heading--h5 + h6, h5 + .heading--h6, .heading--h5 + .heading--h6 {\n  margin-top: 1rem;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.sr-separator {\n  display: block !important;\n}\nbutton:focus,\na:focus,\na.button:focus,\nimg:focus,\nselect:focus,\ntextarea:focus,\ninput[type=submit]:focus,\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=tel]:focus,\ninput[type=image]:focus,\ninput[type=search]:focus,\n[tabindex]:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n[tabindex="-1"]:focus {\n  box-shadow: none;\n  outline: none;\n}\n\n/*\n    For help-classes, it is alright to use `!important` when the intent is to\n    overwrite standard behaviour for components.\n\n    All help-classes shall be prefixed with `h-`.\n*/\n.h-no-margin {\n  margin: 0 !important;\n}\n.h-root-size {\n  font-size: 1rem !important;\n}\n.h-display-flex {\n  display: flex;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n.container {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 95%;\n}\n@media (min-width: 640px) {\n.container {\n    max-width: 90%;\n}\n}\n@media (min-width: 1024px) {\n.container {\n    max-width: 80%;\n}\n}\n@media (min-width: 1280px) {\n.container {\n    max-width: 1280px;\n}\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem;\n}\n.row--align-end {\n  justify-content: flex-end;\n}\n.row--align-center {\n  justify-content: center;\n}\n.row--align-justify {\n  justify-content: space-between;\n}\n.row--align-spaced {\n  justify-content: space-around;\n}\n.row--align-middle {\n  align-items: center;\n}\n.row--align-bottom {\n  align-items: flex-end;\n}\n.row--align-top {\n  align-items: flex-start;\n}\n.col {\n  position: relative;\n  min-height: 1px;\n  box-sizing: border-box;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  width: auto;\n  max-width: none;\n}\n.col--align-bottom {\n  align-self: flex-end;\n}\n.col--align-middle {\n  align-self: center;\n}\n.col--align-stretch {\n  align-self: stretch;\n}\n.col--align-top {\n  align-self: flex-start;\n}\n.col.col--order-1 {\n  order: 1;\n}\n.col.col--order-2 {\n  order: 2;\n}\n.col.col--order-3 {\n  order: 3;\n}\n.col.col--order-4 {\n  order: 4;\n}\n.col.col--order-5 {\n  order: 5;\n}\n.col.col--order-6 {\n  order: 6;\n}\n.col.col--order-7 {\n  order: 7;\n}\n.col.col--order-8 {\n  order: 8;\n}\n.col.col--order-9 {\n  order: 9;\n}\n.col.col--order-10 {\n  order: 10;\n}\n.col.col--order-11 {\n  order: 11;\n}\n.col.col--order-12 {\n  order: 12;\n}\n.col.col--sm-1 {\n  width: 100%;\n}\n.col.col--sm-2 {\n  width: 100%;\n}\n.col.col--sm-3 {\n  width: 100%;\n}\n.col.col--sm-4 {\n  width: 100%;\n}\n.col.col--sm-5 {\n  width: 100%;\n}\n.col.col--sm-6 {\n  width: 100%;\n}\n.col.col--sm-7 {\n  width: 100%;\n}\n.col.col--sm-8 {\n  width: 100%;\n}\n.col.col--sm-9 {\n  width: 100%;\n}\n.col.col--sm-10 {\n  width: 100%;\n}\n.col.col--sm-11 {\n  width: 100%;\n}\n.col.col--sm-12 {\n  width: 100%;\n}\n.col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.col.col--sm-order-1 {\n  order: 1;\n}\n.col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.col.col--sm-order-2 {\n  order: 2;\n}\n.col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.col.col--sm-order-3 {\n  order: 3;\n}\n.col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.col.col--sm-order-4 {\n  order: 4;\n}\n.col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.col.col--sm-order-5 {\n  order: 5;\n}\n.col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.col.col--sm-order-6 {\n  order: 6;\n}\n.col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.col.col--sm-order-7 {\n  order: 7;\n}\n.col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.col.col--sm-order-8 {\n  order: 8;\n}\n.col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.col.col--sm-order-9 {\n  order: 9;\n}\n.col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.col.col--sm-order-10 {\n  order: 10;\n}\n.col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.col.col--sm-order-11 {\n  order: 11;\n}\n.col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.col.col--sm-order-12 {\n  order: 12;\n}\n.col.col--md-1 {\n  width: 100%;\n}\n.col.col--md-2 {\n  width: 100%;\n}\n.col.col--md-3 {\n  width: 100%;\n}\n.col.col--md-4 {\n  width: 100%;\n}\n.col.col--md-5 {\n  width: 100%;\n}\n.col.col--md-6 {\n  width: 100%;\n}\n.col.col--md-7 {\n  width: 100%;\n}\n.col.col--md-8 {\n  width: 100%;\n}\n.col.col--md-9 {\n  width: 100%;\n}\n.col.col--md-10 {\n  width: 100%;\n}\n.col.col--md-11 {\n  width: 100%;\n}\n.col.col--md-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.col.col--md-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--md-order-1 {\n    order: 1;\n}\n.col.col--md-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--md-order-2 {\n    order: 2;\n}\n.col.col--md-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--md-order-3 {\n    order: 3;\n}\n.col.col--md-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--md-order-4 {\n    order: 4;\n}\n.col.col--md-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--md-order-5 {\n    order: 5;\n}\n.col.col--md-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--md-order-6 {\n    order: 6;\n}\n.col.col--md-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--md-order-7 {\n    order: 7;\n}\n.col.col--md-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--md-order-8 {\n    order: 8;\n}\n.col.col--md-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--md-order-9 {\n    order: 9;\n}\n.col.col--md-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--md-order-10 {\n    order: 10;\n}\n.col.col--md-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--md-order-11 {\n    order: 11;\n}\n.col.col--md-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--md-order-12 {\n    order: 12;\n}\n}\n.col.col--lg-1 {\n  width: 100%;\n}\n.col.col--lg-2 {\n  width: 100%;\n}\n.col.col--lg-3 {\n  width: 100%;\n}\n.col.col--lg-4 {\n  width: 100%;\n}\n.col.col--lg-5 {\n  width: 100%;\n}\n.col.col--lg-6 {\n  width: 100%;\n}\n.col.col--lg-7 {\n  width: 100%;\n}\n.col.col--lg-8 {\n  width: 100%;\n}\n.col.col--lg-9 {\n  width: 100%;\n}\n.col.col--lg-10 {\n  width: 100%;\n}\n.col.col--lg-11 {\n  width: 100%;\n}\n.col.col--lg-12 {\n  width: 100%;\n}\n@media (min-width: 1024px) {\n.col.col--lg-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--lg-order-1 {\n    order: 1;\n}\n.col.col--lg-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--lg-order-2 {\n    order: 2;\n}\n.col.col--lg-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--lg-order-3 {\n    order: 3;\n}\n.col.col--lg-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--lg-order-4 {\n    order: 4;\n}\n.col.col--lg-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--lg-order-5 {\n    order: 5;\n}\n.col.col--lg-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--lg-order-6 {\n    order: 6;\n}\n.col.col--lg-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--lg-order-7 {\n    order: 7;\n}\n.col.col--lg-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--lg-order-8 {\n    order: 8;\n}\n.col.col--lg-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--lg-order-9 {\n    order: 9;\n}\n.col.col--lg-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--lg-order-10 {\n    order: 10;\n}\n.col.col--lg-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--lg-order-11 {\n    order: 11;\n}\n.col.col--lg-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--lg-order-12 {\n    order: 12;\n}\n}\n.col.col--xl-1 {\n  width: 100%;\n}\n.col.col--xl-2 {\n  width: 100%;\n}\n.col.col--xl-3 {\n  width: 100%;\n}\n.col.col--xl-4 {\n  width: 100%;\n}\n.col.col--xl-5 {\n  width: 100%;\n}\n.col.col--xl-6 {\n  width: 100%;\n}\n.col.col--xl-7 {\n  width: 100%;\n}\n.col.col--xl-8 {\n  width: 100%;\n}\n.col.col--xl-9 {\n  width: 100%;\n}\n.col.col--xl-10 {\n  width: 100%;\n}\n.col.col--xl-11 {\n  width: 100%;\n}\n.col.col--xl-12 {\n  width: 100%;\n}\n@media (min-width: 1280px) {\n.col.col--xl-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--xl-order-1 {\n    order: 1;\n}\n.col.col--xl-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--xl-order-2 {\n    order: 2;\n}\n.col.col--xl-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--xl-order-3 {\n    order: 3;\n}\n.col.col--xl-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--xl-order-4 {\n    order: 4;\n}\n.col.col--xl-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--xl-order-5 {\n    order: 5;\n}\n.col.col--xl-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--xl-order-6 {\n    order: 6;\n}\n.col.col--xl-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--xl-order-7 {\n    order: 7;\n}\n.col.col--xl-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--xl-order-8 {\n    order: 8;\n}\n.col.col--xl-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--xl-order-9 {\n    order: 9;\n}\n.col.col--xl-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--xl-order-10 {\n    order: 10;\n}\n.col.col--xl-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--xl-order-11 {\n    order: 11;\n}\n.col.col--xl-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--xl-order-12 {\n    order: 12;\n}\n}\n.i-width-sm-1 {\n  width: 8.3333333333%;\n}\n.i-width-sm-2 {\n  width: 16.6666666667%;\n}\n.i-width-sm-3 {\n  width: 25%;\n}\n.i-width-sm-4 {\n  width: 33.3333333333%;\n}\n.i-width-sm-5 {\n  width: 41.6666666667%;\n}\n.i-width-sm-6 {\n  width: 50%;\n}\n.i-width-sm-7 {\n  width: 58.3333333333%;\n}\n.i-width-sm-8 {\n  width: 66.6666666667%;\n}\n.i-width-sm-9 {\n  width: 75%;\n}\n.i-width-sm-10 {\n  width: 83.3333333333%;\n}\n.i-width-sm-11 {\n  width: 91.6666666667%;\n}\n.i-width-sm-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.i-width-md-1 {\n    width: 8.3333333333%;\n}\n.i-width-md-2 {\n    width: 16.6666666667%;\n}\n.i-width-md-3 {\n    width: 25%;\n}\n.i-width-md-4 {\n    width: 33.3333333333%;\n}\n.i-width-md-5 {\n    width: 41.6666666667%;\n}\n.i-width-md-6 {\n    width: 50%;\n}\n.i-width-md-7 {\n    width: 58.3333333333%;\n}\n.i-width-md-8 {\n    width: 66.6666666667%;\n}\n.i-width-md-9 {\n    width: 75%;\n}\n.i-width-md-10 {\n    width: 83.3333333333%;\n}\n.i-width-md-11 {\n    width: 91.6666666667%;\n}\n.i-width-md-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1024px) {\n.i-width-lg-1 {\n    width: 8.3333333333%;\n}\n.i-width-lg-2 {\n    width: 16.6666666667%;\n}\n.i-width-lg-3 {\n    width: 25%;\n}\n.i-width-lg-4 {\n    width: 33.3333333333%;\n}\n.i-width-lg-5 {\n    width: 41.6666666667%;\n}\n.i-width-lg-6 {\n    width: 50%;\n}\n.i-width-lg-7 {\n    width: 58.3333333333%;\n}\n.i-width-lg-8 {\n    width: 66.6666666667%;\n}\n.i-width-lg-9 {\n    width: 75%;\n}\n.i-width-lg-10 {\n    width: 83.3333333333%;\n}\n.i-width-lg-11 {\n    width: 91.6666666667%;\n}\n.i-width-lg-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1280px) {\n.i-width-xl-1 {\n    width: 8.3333333333%;\n}\n.i-width-xl-2 {\n    width: 16.6666666667%;\n}\n.i-width-xl-3 {\n    width: 25%;\n}\n.i-width-xl-4 {\n    width: 33.3333333333%;\n}\n.i-width-xl-5 {\n    width: 41.6666666667%;\n}\n.i-width-xl-6 {\n    width: 50%;\n}\n.i-width-xl-7 {\n    width: 58.3333333333%;\n}\n.i-width-xl-8 {\n    width: 66.6666666667%;\n}\n.i-width-xl-9 {\n    width: 75%;\n}\n.i-width-xl-10 {\n    width: 83.3333333333%;\n}\n.i-width-xl-11 {\n    width: 91.6666666667%;\n}\n.i-width-xl-12 {\n    width: 100%;\n}\n}\n.sticky {\n  /* Double position is specified due to E11-compability.\n  `fixed` is used by IE11.\n  `sticky` is used by other web browsers. */\n  position: fixed;\n  position: sticky;\n  z-index: 9999;\n}\n.sticky--top {\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.density-default {\n  --f-density-factor: 1;\n}\n.density-dense {\n  --f-density-factor: 0.8;\n}\n.density-densest {\n  --f-density-factor: 0.6;\n}\n.formatter--date, .formatter--date-full, .formatter--date-long, .formatter--date-range, .formatter--text {\n  white-space: nowrap;\n}\n.formatter--bankgiro, .formatter--number, .formatter--orgnr, .formatter--plusgiro, .formatter--pnr, .formatter--postnummer {\n  white-space: nowrap;\n  font-feature-settings: "tnum";\n}\n.anchor, .file-item__file-open {\n  color: var(--f-text-color-link);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n  text-decoration-color: var(--f-text-color-link);\n  font-weight: var(--f-font-weight-medium);\n}\n.anchor:hover, .file-item__file-open:hover {\n  color: var(--f-text-color-link-hover);\n  text-decoration-color: var(--f-border-color-link-hover);\n}\n.anchor.anchor--block, .file-item__file-open {\n  display: inline-flex;\n}\n.anchor.anchor--block > svg, .file-item__file-open > svg, .anchor.anchor--block > .icon-stack, .file-item__file-open > .icon-stack {\n  flex-shrink: 0;\n  margin: calc((var(--f-line-height-large) * 1rem - var(--f-icon-size-small)) / 2) 0.25rem 0;\n}\n.anchor.anchor--discrete, .anchor--discrete.file-item__file-open {\n  color: var(--f-text-color-link-discrete);\n  text-decoration-color: var(--f-border-color-link-discrete);\n}\n.anchor.anchor--discrete:hover, .anchor--discrete.file-item__file-open:hover {\n  color: var(--f-text-color-link-discrete-hover);\n  text-decoration-color: var(--f-text-color-link-discrete-hover);\n}\n.badge {\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-small);\n  box-sizing: border-box;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: calc(var(--f-line-height-large) * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n  padding: 0 0.5rem;\n}\n.badge--default {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral-strong);\n  border-color: var(--fkds-color-feedback-background-neutral-strong);\n}\n.badge--default-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral);\n  border-color: var(--fkds-color-feedback-border-neutral);\n}\n.badge--warning {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n  border-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.badge--warning-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-color: var(--fkds-color-feedback-border-warning);\n}\n.badge--error {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n  border-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.badge--error-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.badge--success {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-background-positive-strong);\n}\n.badge--success-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.badge--info {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-info-strong);\n  border-color: var(--fkds-color-feedback-background-info-strong);\n}\n.badge--info-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-color: var(--fkds-color-feedback-border-info);\n}\n.button-group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.button-group .button-group__item {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n@media (min-width: 640px) {\n.button-group .button-group__item {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group .button-group__item:last-child {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--discrete, .button-group > .button.button--text {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.button-group > .button.button--discrete:last-child, .button-group > .button.button--text:last-child {\n  margin-right: 0;\n}\n.button-group > .button.button--small {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 0.75rem;\n}\n.button-group > .button.button--small:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--small.button--full-width {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--medium {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 1rem;\n}\n.button-group > .button.button--medium:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--medium.button--full-width {\n    margin-right: 0;\n}\n}\n@media (min-width: 640px) {\n.button-group > .button.button--large {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group > .button.button--large:last-child {\n    margin-right: 0;\n}\n}\n.button-group--end {\n  justify-content: flex-end;\n}\n.button-list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  padding-left: 0;\n}\n.button-list > li button {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--small, .button-list > li button.button.button--medium {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--large {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button {\n  border-color: transparent;\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-medium);\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  letter-spacing: var(--f-button-letter-spacing);\n  line-height: var(--f-button-default-line-height);\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  min-width: var(--f-button-min-width);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-default-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-default-padding-right);\n  padding-bottom: calc(var(--f-button-default-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-default-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  position: relative;\n  text-align: center;\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n}\n@media (max-width: 639.98px) {\n.button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button--text {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.button--text--black {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  color: var(--f-text-color-default);\n}\n.button--text--black > .button__icon {\n  color: var(--f-icon-color-black);\n}\n.button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--f-text-color-button-standard);\n  padding: calc(var(--f-button-standard-padding-top) * var(--f-density-factor)) var(--f-button-standard-padding-right) calc(var(--f-button-standard-padding-bottom) * var(--f-density-factor)) var(--f-button-standard-padding-left);\n}\n.button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--f-text-color-button-standard);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button:active, .button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--f-text-color-button-standard);\n}\n.button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover, .button.button--disabled, .button.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--primary {\n  background-color: var(--fkds-color-action-background-primary-default);\n  border-color: transparent;\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-primary-padding-top) * var(--f-density-factor)) var(--f-button-primary-padding-right) calc(var(--f-button-primary-padding-bottom) * var(--f-density-factor)) var(--f-button-primary-padding-left);\n}\n.button.button--primary:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--primary:active, .button.button--primary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--primary.disabled, .button.button--primary.disabled:hover, .button.button--primary:disabled, .button.button--primary:disabled:hover, .button.button--primary.button--disabled, .button.button--primary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--secondary {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-secondary-padding-top) * var(--f-density-factor)) var(--f-button-secondary-padding-right) calc(var(--f-button-secondary-padding-bottom) * var(--f-density-factor)) var(--f-button-secondary-padding-left);\n}\n.button.button--secondary:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--secondary:active, .button.button--secondary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--secondary.disabled, .button.button--secondary.disabled:hover, .button.button--secondary:disabled, .button.button--secondary:disabled:hover, .button.button--secondary.button--disabled, .button.button--secondary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--discrete, .button.button--text {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--f-text-color-button-discrete);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete:hover, .button.button--text:hover {\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete:active, .button.button--text:active, .button.button--discrete:focus, .button.button--text:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n}\n.button.button--discrete.disabled, .button.disabled.button--text, .button.button--discrete.disabled:hover, .button.button--discrete:disabled, .button.button--text:disabled, .button.button--discrete:disabled:hover, .button.button--discrete.button--disabled, .button.button--disabled.button--text, .button.button--discrete.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete, .button.button--text {\n    width: auto;\n}\n}\n.button.button--discrete--black, .button.button--text--black {\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-black-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-black-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-black-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-black-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  color: var(--f-text-color-default);\n}\n.button.button--discrete--black > .button__icon, .button.button--text--black > .button__icon {\n  color: var(--f-icon-color-black);\n}\n.button.button--discrete:hover, .button.button--text:hover {\n  box-shadow: none;\n  mix-blend-mode: multiply;\n}\n.button.button--discrete, .button.button--text, .button.button--discrete:focus, .button.button--discrete:active, .button.button--discrete:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--discrete-inverted {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--f-text-color-button-discrete-inverted);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete-inverted:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete-inverted:active, .button.button--discrete-inverted:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n}\n.button.button--discrete-inverted.disabled, .button.button--discrete-inverted.disabled:hover, .button.button--discrete-inverted:disabled, .button.button--discrete-inverted:disabled:hover, .button.button--discrete-inverted.button--disabled, .button.button--discrete-inverted.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete-inverted {\n    width: auto;\n}\n}\n.button.button--discrete-inverted, .button.button--discrete-inverted:focus, .button.button--discrete-inverted:active, .button.button--discrete-inverted:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--tertiary {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n}\n.button.button--tertiary:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.button.button--tertiary:active, .button.button--tertiary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--tertiary.disabled, .button.button--tertiary.disabled:hover, .button.button--tertiary:disabled, .button.button--tertiary:disabled:hover, .button.button--tertiary.button--disabled, .button.button--tertiary.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary {\n    width: auto;\n}\n}\n.button.button--tertiary--black {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--black:hover, .button.button--tertiary--black:active, .button.button--tertiary--black:focus {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted:hover, .button.button--tertiary--inverted:active, .button.button--tertiary--inverted:focus {\n  color: var(--fkds-color-action-text-inverted-focus);\n  background-color: transparent;\n}\n.button.button--tertiary--inverted:disabled {\n  color: var(--fkds-color-text-disabled);\n  border-width: 0;\n  background-color: transparent;\n}\n.button.button--tertiary--underline {\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 4px;\n}\n.button.button--tertiary--underline:disabled {\n  text-decoration: none;\n}\n.button.button--tertiary.button--small {\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.button.button--tertiary.button--small.button--align-text {\n  margin-left: -0.25rem;\n}\n.button.button--tertiary.button--medium {\n  min-width: 8rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-tertiary-padding-right);\n  padding-bottom: calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-tertiary-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n}\n.button.button--tertiary.button--medium.button--align-text {\n  margin-left: -0.5rem;\n}\n.button.button--tertiary.button--large {\n  min-width: var(--f-button-min-width);\n  padding: calc(1.125rem * var(--f-density-factor)) 0.75rem;\n}\n.button.button--tertiary.button--large.button--align-text {\n  margin-left: -0.75rem;\n}\n.button.button--tertiary.button--align-text {\n  margin-left: -0.5rem;\n  min-width: 0;\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary.button--full-width {\n    min-width: var(--f-width-full);\n}\n}\n.button.button--full-width {\n  min-width: var(--f-width-full);\n}\n.button.button--margin-bottom-0 {\n  margin-bottom: 0;\n}\n.button.button--small {\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 4rem;\n  padding: calc(0.25rem * var(--f-density-factor)) 0.75rem;\n}\n@media (max-width: 639.98px) {\n.button.button--small:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--small > .button__icon {\n  height: 14px;\n  width: 14px;\n}\n.button.button--medium {\n  line-height: 1.5rem;\n  min-width: 8rem;\n  padding: calc(0.625rem * var(--f-density-factor)) 1.25rem;\n}\n@media (max-width: 639.98px) {\n.button.button--medium:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--large {\n  line-height: 1.5rem;\n  min-width: 9.5rem;\n  padding: calc(1rem * var(--f-density-factor)) 1.5rem;\n}\n@media (max-width: 639.98px) {\n.button.button--large {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button > .button__icon {\n  margin-right: 0.25rem;\n  transform: translate(0, 15%);\n}\n.button > .button__icon:not(:first-child) {\n  margin-left: 0.25rem;\n  margin-right: 0;\n}\n.button > .button__icon--end {\n  position: absolute;\n  right: 1.25rem;\n}\n.button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover, .button.button--disabled {\n  border-width: var(--f-border-width-medium);\n  box-shadow: none;\n  cursor: default;\n}\n.calendar-day {\n  align-items: center;\n  display: inline-flex;\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  height: 2.75rem;\n  width: 100%;\n}\n.calendar-day--highlight {\n  position: relative;\n}\n.calendar-day--highlight::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--highlight.calendar-day--disabled::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--disabled::after {\n  content: "";\n  z-index: 1;\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day--selected {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day:hover:not(.calendar-day--disabled, .calendar-day--selected), .calendar-day--hover:not(.calendar-day--disabled, .calendar-day--selected) {\n  background-color: var(--fkds-color-select-background-primary-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.card {\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  margin: calc(1rem * var(--f-density-factor)) 0;\n}\n.card--default {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n}\n.card--error {\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-negative);\n}\n.card__content {\n  color: var(--fkds-color-text-primary);\n}\n.card__content > p:last-child,\n.card__content > div:last-child {\n  margin-bottom: 0;\n}\n.card__content > p:last-child > *:last-child,\n.card__content > div:last-child > *:last-child {\n  margin-bottom: 0;\n}\n.card__header-label {\n  color: var(--fkds-color-text-primary);\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  display: block;\n}\n.card__footer {\n  padding-top: calc(1.25rem * var(--f-density-factor));\n}\n.card__footer > .button-group {\n  margin-bottom: 0;\n}\n.card__footer > .button-group .button-group__item {\n  margin-bottom: 0 !important;\n}\n.card__error-message {\n  color: var(--f-text-color-error);\n}\n.list__item {\n  display: flex;\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  background: var(--f-background-grid-default);\n}\n.radio-button-group--border .radio-button-group__content .radio-button:not(.disabled):hover, .checkbox-group--border .checkbox-group__content .checkbox:not(.disabled):hover, .list--hover .list__item:not(.disabled):focus-within,\n.list--hover .list__item:not(.disabled):hover, .list__item--hover:not(.disabled) {\n  background: var(--f-background-grid-hover);\n}\n.list--hover .list__item:focus-within.list__item--active,\n.list--hover .list__item:hover.list__item--active, .list__item--active {\n  background: var(--f-background-grid-active);\n}\n.list {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  padding-left: 0;\n}\n.list__item:not(:last-child) {\n  border-bottom: none;\n}\n.list__item__itempane {\n  width: 100%;\n  padding: calc(var(--f-list-item-itempane-padding) * var(--f-density-factor)) var(--f-list-item-itempane-padding);\n  color: inherit;\n  --f-margin-component-bottom: 0.5rem;\n}\n.list__item__itempane .button {\n  margin-bottom: 0;\n}\n.list__item__itempane ul {\n  list-style-type: disc;\n}\n.list__item__itempane ul ul {\n  list-style-type: circle;\n}\n.list__item__selectpane {\n  padding: calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) 0 calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) calc(var(--f-list-item-itempane-padding) - 0.2rem);\n}\n.list__item__selectpane__input {\n  margin-top: 0.1rem;\n}\n.list__item__selectpane__input .checkbox__label,\n.list__item__selectpane__input .radio-button__label {\n  min-width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n}\n.list__item__selectpane__input .checkbox__label::after,\n.list__item__selectpane__input .checkbox__label::before,\n.list__item__selectpane__input .radio-button__label::after,\n.list__item__selectpane__input .radio-button__label::before {\n  top: calc(0.2rem * var(--f-density-factor));\n  left: 0.2rem;\n}\n.list--hover .list__item:focus-within,\n.list--hover .list__item:hover {\n  cursor: pointer;\n}\n.radio-button-group--border .radio-button-group__content .radio-button, .checkbox-group--border .checkbox-group__content .checkbox {\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  margin-bottom: 0;\n  width: 100%;\n  cursor: pointer;\n  border-bottom: none;\n}\n.radio-button-group--border .radio-button-group__content .radio-button:last-child, .checkbox-group--border .checkbox-group__content .checkbox:last-child {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-grid);\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:focus + label, .checkbox-group--border .checkbox-group__content .checkbox input:focus + label {\n  outline: 2px solid var(--f-border-color-grid);\n  outline-offset: -2px;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input + label::after, .checkbox-group--border .checkbox-group__content .checkbox input + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:checked + label::after, .checkbox-group--border .checkbox-group__content .checkbox input:checked + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label::before, .checkbox-group--border .checkbox-group__content .checkbox label::before {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label, .checkbox-group--border .checkbox-group__content .checkbox label {\n  padding: 1rem;\n  padding-left: 3rem;\n  width: 100%;\n}\n.radio-button__details,\n.checkbox__details {\n  display: block;\n}\n.radio-button__width,\n.checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrYm94LWljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMy40NzQiIHk9IjkuMTk0IiBmaWxsPSIjM0M1NTkyIiB3aWR0aD0iMCIgaGVpZ2h0PSIwIi8+CjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCiAgICAgICAgYzAuNjM1LTAuNjMzLDEuNjYzLTAuNjMzLDIuMjk4LDBsMi4xMDEsMi4wOTdsNS4zNTEtNS4zNGMwLjYzNS0wLjYzNCwxLjY2My0wLjYzNCwyLjI5OCwwYzAuNjM1LDAuNjMzLDAuNjM1LDEuNjU5LDAsMi4yOTMKICAgICAgICBsLTYuNSw2LjQ4N0M5LjIwNywxNC44NDcsOC43OTIsMTUuMDA1LDguMzc2LDE1LjAwNXoiLz4KPC9zdmc+Cg==");\n  mask-repeat: no-repeat;\n}\n.checkbox {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.checkbox:last-child {\n  margin-bottom: 0;\n}\n.checkbox__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.checkbox__label {\n  min-width: 4.5rem;\n  display: inline-block;\n  cursor: pointer;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n}\n.checkbox__label * {\n  pointer-events: none;\n}\n.checkbox__label::before, .checkbox__label::after {\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  width: var(--f-icon-size-medium);\n}\n.checkbox__label::before {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-small);\n  cursor: pointer;\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-inverted);\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n@media (forced-colors: active) {\n.checkbox__label::after {\n    background-color: Canvas;\n}\n}\n.checkbox.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled {\n    color: GrayText;\n}\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n    border-color: GrayText;\n}\n}\n.checkbox.disabled input[type=checkbox]:checked + .checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-select-background-primary-default);\n  border: var(--f-border-width-medium) solid transparent;\n}\n@media (forced-colors: active) {\n.checkbox input[type=checkbox]:checked + label::before {\n    background-color: HighLight;\n    border-color: HighLight;\n}\n}\n.checkbox input[type=checkbox]:checked + .checkbox__label::after {\n  opacity: 1;\n}\n.checkbox input[type=checkbox]:focus + .checkbox__label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group--chip .radio-button-group__label {\n  margin-bottom: 0.25rem;\n}\n.radio-button-group--chip .radio-button-group__content {\n  margin: -0.25rem;\n}\n.radio-button-group--chip .radio-button {\n  margin: 0;\n  padding: 0.25rem;\n}\n.radio-button-group--chip .radio-button.disabled .radio-button__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.radio-button-group--chip .radio-button__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.radio-button-group--chip .radio-button__label::before, .radio-button-group--chip .radio-button__label::after {\n  display: none;\n}\n.radio-button-group--chip .radio-button__label svg {\n  margin-right: 0.5rem;\n}\n.radio-button-group--chip .radio-button__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.radio-button-group--chip input[type=radio]:checked + .radio-button__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.radio-button-group--chip input[type=radio]:focus + label.radio-button__label {\n  border-radius: 20px;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n  flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n    flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 0;\n}\n}\n.checkbox-group--chip .checkbox-group__label {\n  margin-bottom: 0.25rem;\n}\n.checkbox-group--chip .checkbox-group__content {\n  margin: -0.25rem;\n}\n.checkbox-group--chip .checkbox {\n  margin: 0;\n  padding: 0.25rem;\n}\n.checkbox-group--chip .checkbox.disabled .checkbox__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.checkbox-group--chip .checkbox__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.checkbox-group--chip .checkbox__label::before, .checkbox-group--chip .checkbox__label::after {\n  display: none;\n}\n.checkbox-group--chip .checkbox__label svg {\n  margin-right: 0.5rem;\n}\n.checkbox-group--chip .checkbox__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.checkbox-group--chip input[type=checkbox]:checked + .checkbox__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.checkbox-group--chip input[type=checkbox]:focus + label.checkbox__label {\n  border-radius: 20px;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n  flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n    flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n    margin-bottom: 0;\n}\n}\n.close-button {\n  align-items: center;\n  background: inherit;\n  border: none;\n  color: var(--f-text-color-close-button);\n  cursor: pointer;\n  display: flex;\n  font-weight: 700;\n  gap: 0.5rem;\n  margin: 0.375rem;\n  padding: 0.125rem 0.625rem;\n}\n.close-button .icon {\n  min-width: var(--f-icon-size-small);\n}\n.popup .popup__wrapper.combobox__listbox {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-box-modal-shadow);\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding: 2px;\n}\n.combobox__listbox__list {\n  margin: 0;\n  padding: 0;\n}\n.combobox__listbox__option {\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  list-style-type: none;\n  padding: 0.75rem;\n  white-space: nowrap;\n}\n.combobox__listbox__option:hover {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.combobox__listbox__option--highlight {\n  background-color: var(--fkds-color-select-background-primary-default);\n  color: var(--fkds-color-text-inverted);\n  font-weight: var(--f-font-weight-medium);\n}\n.combobox__button {\n  background: inherit;\n  border: none;\n  color: var(--fkds-icon-color-action-content-primary-default);\n  margin: 0;\n  padding: 0;\n}\n.combobox__button:disabled {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.contextmenu {\n  min-width: 260px;\n  background-color: var(--f-background-popupmenu);\n}\n.contextmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n  display: block;\n  list-style-type: none;\n}\n.contextmenu__list__item {\n  cursor: pointer;\n  white-space: normal;\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n}\n.contextmenu__list__item a,\n.contextmenu__list__item a:visited,\n.contextmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.contextmenu__list__item:hover {\n  color: var(--f-text-color-popupmenu-hover);\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n@media (min-width: 640px) {\n.contextmenu__list__item {\n    white-space: nowrap;\n}\n}\n.contextmenu__separator {\n  margin: 0.75rem;\n  height: 1px;\n  border: none;\n  border-top: 1px solid var(--f-border-color-separator-contextmenu);\n}\n.contextmenu__lefticon {\n  margin-right: 0.75rem;\n  min-width: var(--f-icon-size-small);\n}\n.crud-dataset {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.crud-dataset__add-button {\n  margin-bottom: 0 !important;\n  margin-top: 0.5rem !important;\n  margin-left: 2px;\n}\n.crud-dataset .list,\n.crud-dataset .table {\n  margin-bottom: 0;\n}\n.datepicker-field__button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--f-border-radius-medium);\n  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n  min-height: var(--f-icon-size-large);\n  min-width: var(--f-icon-size-large);\n  height: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  width: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  vertical-align: middle;\n}\n.datepicker-field__button:hover .icon {\n  color: var(--fkds-icon-color-action-content-primary-hover);\n}\n.datepicker-field__button:disabled .icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n}\n.datepicker-field__close {\n  display: flex;\n  justify-content: flex-end;\n}\n.datepicker-field__close > .datepicker-field__close__button {\n  margin: 0;\n  padding: 1rem;\n}\n.popup--overlay .datepicker-field__popup {\n  width: calc(100vw - 40px);\n  max-width: 28rem;\n}\n.popup--inline .datepicker-field__popup {\n  width: 100%;\n}\n.popup--inline .datepicker-field__table {\n  margin-top: 0;\n}\n.popup--inline .datepicker-field__table .calendar-month__cell {\n  padding: 0;\n  border-bottom: unset;\n}\n.popup--inline .datepicker-field__table .calendar-month__header-cell {\n  background-color: unset;\n  border: unset;\n}\n.dialogue-tree {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.dialogue-tree__list {\n  margin-left: 0;\n  padding-left: 0;\n  list-style-type: none;\n  border-radius: 2px;\n  border: 1px solid var(--fkds-color-border-primary);\n}\n.dialogue-tree__list-item {\n  background-color: var(--fkds-color-background-primary);\n  border-bottom: 1px solid var(--fkds-color-border-primary);\n  padding: 0.25em;\n  height: 60px;\n}\n.dialogue-tree__list-item:last-child {\n  border-bottom: none;\n}\n.dialogue-tree__list-item:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.dialogue-tree__list-item button {\n  padding: 0 0.75em;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.dialogue-tree__list-item button span {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-weight: var(--f-font-weight-medium);\n  font-size: var(--f-font-size-standard);\n  color: var(--fkds-color-action-text-secondary-default);\n  text-align: left;\n  cursor: pointer;\n}\n.dialogue-tree__list-item button .icon {\n  flex-shrink: 0;\n  margin-left: 1.25rem;\n}\n.entrypoint {\n  background-color: var(--fkds-color-action-background-primary-default);\n  color: var(--fkds-color-action-text-inverted-default);\n  border: var(--f-border-width-medium) solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-button-shadow);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  text-align: left;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  line-height: var(--f-line-height-large);\n  width: 100%;\n}\n.entrypoint__icon {\n  margin-left: 2rem;\n  flex-shrink: 0;\n}\n.entrypoint:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n}\n.error-list {\n  color: var(--fkds-color-feedback-text-negative);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.error-list--list-style-none {\n  list-style-type: none;\n  padding: 0;\n}\n.error-list--padding-left {\n  padding-left: 1rem;\n}\n.error-list__list {\n  margin: 0;\n  line-height: max(1.5, 2 * var(--f-density-factor));\n}\n.error-list__bullet::before {\n  color: var(--fkds-color-feedback-text-negative);\n  content: "•";\n  display: inline;\n  font-size: var(--f-font-size-h4);\n  line-height: 0;\n  margin-right: 0.75rem;\n}\n.error-list__link {\n  color: var(--fkds-color-feedback-text-negative);\n  list-style-position: inside;\n  text-decoration: underline;\n  text-underline-offset: 0.25em;\n}\n.error-list__link a {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.error-list__link:hover {\n  text-decoration-thickness: 2px;\n}\n.error-list__icon {\n  max-width: none;\n  position: relative;\n  top: 3px;\n}\n.error-list--list-item {\n  display: list-item;\n}\n.offline .icon, .icon, .offline .icon-stack, .icon-stack,\n.icon--stack {\n  display: inline-block;\n  height: var(--f-icon-size-small);\n  max-height: 100%;\n  max-width: 100%;\n  pointer-events: none;\n  width: var(--f-icon-size-small);\n}\n.select-field__icon, .label__icon {\n  display: inline;\n  height: var(--f-icon-size-large);\n  position: absolute;\n  right: 0.75rem;\n  top: calc(0.5rem * var(--f-density-factor));\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.offline .icon-stack, .icon-stack,\n.icon--stack {\n  position: relative;\n}\n.icon-stack .icon,\n.icon--stack .icon {\n  position: absolute;\n}\n.icon--flip-horizontal {\n  transform: scaleX(-1);\n}\n.icon--flip-vertical {\n  transform: scaleY(-1);\n}\n.icon--rotate-90 {\n  transform: rotate(90deg);\n}\n.icon--rotate-180 {\n  transform: rotate(180deg);\n}\n.icon--rotate-270 {\n  transform: rotate(270deg);\n}\n.icon-stack--new-window .icon.f-icon-new-window,\n.icon--new-window .icon.f-icon-new-window {\n  width: 55%;\n  height: 55%;\n  top: 0;\n  right: 0;\n}\n.icon-stack--new-window .icon:not(.f-icon-new-window),\n.icon--new-window .icon:not(.f-icon-new-window) {\n  width: 83%;\n  height: 83%;\n  bottom: 0;\n  left: 5%;\n}\n.icon-stack--tooltip .f-icon-circle,\n.icon--stack--tooltip .f-icon-circle {\n  fill: var(--f-icon-color-info);\n  color: var(--f-icon-color-info);\n}\n.icon-stack--tooltip .f-icon-i,\n.icon--stack--tooltip .f-icon-i {\n  color: var(--f-icon-color-white);\n}\n.icon-stack--info .f-icon-circle,\n.icon--stack--info .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-info);\n  fill: var(--fkds-icon-color-feedback-border-info);\n}\n.icon-stack--warning .f-icon-circle,\n.icon--stack--warning .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-warning);\n  fill: var(--fkds-icon-color-feedback-border-warning);\n}\n.icon-stack--error .f-icon-triangle,\n.icon--stack--error .f-icon-triangle {\n  color: var(--fkds-icon-color-feedback-background-negative);\n  fill: var(--fkds-icon-color-feedback-border-negative);\n}\n.icon-stack--success .f-icon-circle,\n.icon--stack--success .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-positive);\n  fill: var(--fkds-icon-color-feedback-border-positive);\n}\n.icon-stack--success .f-icon-success,\n.icon--stack--success .f-icon-success {\n  transform: scale(0.6);\n}\n.icon-stack--large,\n.icon--stack--large {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n.icon-stack--large svg,\n.icon--stack--large svg {\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle, .icon-stack--circle-bottom,\n.icon--stack--circle,\n.icon--stack--circle-bottom {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100%;\n  overflow: hidden;\n}\n.icon-stack--circle .f-icon-circle, .icon-stack--circle-bottom .f-icon-circle,\n.icon--stack--circle .f-icon-circle,\n.icon--stack--circle-bottom .f-icon-circle {\n  color: var(--f-icon-color-success-background);\n  fill: var(--f-icon-color-success-background);\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle .icon:not(.f-icon-circle), .icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  color: var(--f-icon-color-success);\n  position: absolute;\n}\n.icon-stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle) {\n  width: 70%;\n  height: 70%;\n  inset: 0;\n  margin: auto;\n}\n.icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  width: 80%;\n  height: 80%;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0%;\n}\n.expandable-panel {\n  margin-bottom: calc(2rem * var(--f-density-factor));\n}\n.expandable-panel__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-panel);\n  width: var(--f-icon-size-medium);\n  height: var(--f-icon-size-medium);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-medium)) / 2);\n  display: flex;\n  color: var(--f-background-heading-expandable-panel);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-panel__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__content {\n  height: auto;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__heading button {\n  border: var(--f-expandable-panel-heading-border-open);\n}\n.expandable-panel.expandable-panel--collapsed .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  margin-bottom: 0 !important;\n}\n.expandable-panel__heading button {\n  background-color: var(--f-background-heading-expandable-panel);\n  border: var(--f-expandable-panel-heading-border-close);\n  border-radius: var(--f-expandable-panel-heading-border-radius);\n  color: var(--f-text-color-heading-expandable-panel);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  position: relative;\n  text-align: left;\n  width: 100%;\n}\n.expandable-panel__heading button:focus, .expandable-panel__heading button:hover {\n  background-color: var(--f-background-heading-expandable-panel-hover);\n}\n.expandable-panel__notification {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-notice);\n  border: var(--f-border-width-medium) solid var(--f-icon-color-white);\n  width: var(--f-icon-size-x-large);\n  height: var(--f-icon-size-x-large);\n  display: inline-block;\n  padding: 0.27rem;\n  position: absolute;\n  right: 1.5rem;\n  top: -0.75rem;\n  line-height: 0;\n}\n.expandable-panel__notification svg {\n  color: var(--f-icon-color-white);\n  height: auto;\n  width: auto;\n}\n.expandable-panel__content {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) ease-in;\n}\n.expandable-panel__body {\n  background-color: var(--f-background-expandable-panel);\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  border-top: 0;\n  line-height: inherit;\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n}\n.expandable-paragraph {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.expandable-paragraph__heading {\n  line-height: var(--f-line-height-medium);\n  margin: 0;\n}\n.expandable-paragraph__heading button {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  margin: 0;\n  display: flex;\n  text-align: left;\n  padding: 0;\n  flex-shrink: 0;\n}\n.expandable-paragraph__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-paragraph);\n  width: var(--f-icon-size-small);\n  height: var(--f-icon-size-small);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-small)) / 2);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n  display: flex;\n  color: var(--f-icon-color-white);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-paragraph__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__container {\n  height: auto;\n}\n.expandable-paragraph.expandable-paragraph--closed .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-paragraph__container {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.expandable-paragraph__content, .expandable-paragraph__related-information {\n  margin-left: calc(var(--f-icon-size-small) + 0.5rem);\n}\n.expandable-paragraph__related-information {\n  color: var(--f-text-color-discrete);\n  font-size: 0.875rem;\n}\n.expandable-paragraph__content {\n  margin-top: calc(0.75rem * var(--f-density-factor));\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.expandable-paragraph__separator {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin: 0 0.5rem calc(0.5rem * var(--f-density-factor)) 0.5rem;\n}\n.expandable-paragraph--list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  padding-bottom: calc(0.5rem * var(--f-density-factor));\n  border-bottom: var(--f-border-width-small) solid var(--f-border-color-separator);\n}\n.fieldset {\n  border: 0;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  min-width: 0;\n  padding: 0;\n  width: var(--f-width-full);\n}\n.fieldset__label {\n  padding: 0;\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.fieldset__content {\n  display: flex;\n  flex-direction: column;\n}\n.file-item-list {\n  list-style-type: none;\n  padding-left: 0;\n}\n.file-item .button--discrete {\n  padding: 0;\n  min-width: auto;\n  text-align: left;\n  margin-right: 0.25rem;\n}\n.file-item__row {\n  margin-bottom: 1.25rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.file-item__row button,\n.file-item__row a {\n  margin-bottom: 0;\n}\n.file-item__file-open {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  flex: 0 1 auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.file-item__file-remove {\n  flex: 0 0 auto;\n}\n.file-item__file-abort {\n  flex: 0 0 auto;\n}\n.file-item__file-abort svg {\n  color: var(--f-icon-color-error);\n}\n.file-item__change-info {\n  margin-top: -1.25rem;\n}\n.file-item__file-name {\n  margin-left: 0.25rem;\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.file-item__separator {\n  margin-bottom: 1.25rem;\n  border: var(--f-border-width-medium) solid var(--f-border-color-separator);\n}\n.file-selector svg {\n  color: var(--f-icon-color-primary);\n}\n.file-selector input[type=file] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.file-selector input[type=file]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.file-selector label {\n  cursor: pointer;\n}\n.file-selector input:disabled + label {\n  background-color: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n.file-uploader__message-box {\n  margin-top: 1.25rem;\n}\n.component-group > .component-group__item:not(:only-child) {\n  margin-bottom: 1rem;\n}\n.component-group > .component-group__item:last-child:not(:first-child) {\n  margin-bottom: 2rem;\n}\n.indent {\n  border-left: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin-bottom: 1rem;\n  margin-left: 0.5rem;\n  padding-left: 1.5rem;\n}\n.label {\n  color: var(--fkds-color-text-primary);\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n}\n.label.sr-only {\n  width: auto;\n}\n.label__message {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  margin-top: var(--f-label-message-margin-top);\n}\n.label__message--error {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.label__icon-wrapper {\n  position: relative;\n}\n.label__icon--left {\n  position: relative;\n  top: calc(3px * var(--f-density-factor));\n}\n.label__description {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  color: var(--fkds-color-text-primary);\n}\n.label__description--format {\n  color: var(--fkds-color-text-secondary);\n}\n.layout-application-template {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.layout-application-template__header {\n  z-index: 9994;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  width: 100%;\n}\n.layout-application-template__footer {\n  flex-shrink: 0;\n}\n.layout-application-template__main {\n  flex-grow: 1;\n}\n.layout-application-template__main > .container-fluid {\n  margin: 20px;\n  width: initial;\n  max-width: 1440px;\n}\n.layout-application-template__body {\n  margin: 0;\n  padding: 0;\n  min-height: 100vh;\n}\n.layout-application-template__body > div {\n  height: 100%;\n}\n.layout-application-template__html {\n  height: 100%;\n}\n.grid--force .col.col--sm-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-sm .col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-1 {\n  order: 1;\n}\n.grid--force-sm .col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-2 {\n  order: 2;\n}\n.grid--force-sm .col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-sm .col.col--sm-order-3 {\n  order: 3;\n}\n.grid--force-sm .col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-4 {\n  order: 4;\n}\n.grid--force-sm .col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-5 {\n  order: 5;\n}\n.grid--force-sm .col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-sm .col.col--sm-order-6 {\n  order: 6;\n}\n.grid--force-sm .col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-7 {\n  order: 7;\n}\n.grid--force-sm .col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-8 {\n  order: 8;\n}\n.grid--force-sm .col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-sm .col.col--sm-order-9 {\n  order: 9;\n}\n.grid--force-sm .col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-10 {\n  order: 10;\n}\n.grid--force-sm .col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-11 {\n  order: 11;\n}\n.grid--force-sm .col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-sm .col.col--sm-order-12 {\n  order: 12;\n}\n.grid--force .col.col--md-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-md .col.col--md-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-md .col.col--md-order-1 {\n  order: 1;\n}\n.grid--force-md .col.col--md-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-md .col.col--md-order-2 {\n  order: 2;\n}\n.grid--force-md .col.col--md-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-md .col.col--md-order-3 {\n  order: 3;\n}\n.grid--force-md .col.col--md-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-md .col.col--md-order-4 {\n  order: 4;\n}\n.grid--force-md .col.col--md-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-md .col.col--md-order-5 {\n  order: 5;\n}\n.grid--force-md .col.col--md-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-md .col.col--md-order-6 {\n  order: 6;\n}\n.grid--force-md .col.col--md-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-md .col.col--md-order-7 {\n  order: 7;\n}\n.grid--force-md .col.col--md-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-md .col.col--md-order-8 {\n  order: 8;\n}\n.grid--force-md .col.col--md-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-md .col.col--md-order-9 {\n  order: 9;\n}\n.grid--force-md .col.col--md-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-md .col.col--md-order-10 {\n  order: 10;\n}\n.grid--force-md .col.col--md-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-md .col.col--md-order-11 {\n  order: 11;\n}\n.grid--force-md .col.col--md-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-md .col.col--md-order-12 {\n  order: 12;\n}\n.grid--force .col.col--lg-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-lg .col.col--lg-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-1 {\n  order: 1;\n}\n.grid--force-lg .col.col--lg-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-2 {\n  order: 2;\n}\n.grid--force-lg .col.col--lg-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-lg .col.col--lg-order-3 {\n  order: 3;\n}\n.grid--force-lg .col.col--lg-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-4 {\n  order: 4;\n}\n.grid--force-lg .col.col--lg-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-5 {\n  order: 5;\n}\n.grid--force-lg .col.col--lg-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-lg .col.col--lg-order-6 {\n  order: 6;\n}\n.grid--force-lg .col.col--lg-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-7 {\n  order: 7;\n}\n.grid--force-lg .col.col--lg-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-8 {\n  order: 8;\n}\n.grid--force-lg .col.col--lg-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-lg .col.col--lg-order-9 {\n  order: 9;\n}\n.grid--force-lg .col.col--lg-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-10 {\n  order: 10;\n}\n.grid--force-lg .col.col--lg-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-11 {\n  order: 11;\n}\n.grid--force-lg .col.col--lg-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-lg .col.col--lg-order-12 {\n  order: 12;\n}\n.grid--force .col.col--xl-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-xl .col.col--xl-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-1 {\n  order: 1;\n}\n.grid--force-xl .col.col--xl-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-2 {\n  order: 2;\n}\n.grid--force-xl .col.col--xl-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-xl .col.col--xl-order-3 {\n  order: 3;\n}\n.grid--force-xl .col.col--xl-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-4 {\n  order: 4;\n}\n.grid--force-xl .col.col--xl-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-5 {\n  order: 5;\n}\n.grid--force-xl .col.col--xl-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-xl .col.col--xl-order-6 {\n  order: 6;\n}\n.grid--force-xl .col.col--xl-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-7 {\n  order: 7;\n}\n.grid--force-xl .col.col--xl-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-8 {\n  order: 8;\n}\n.grid--force-xl .col.col--xl-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-xl .col.col--xl-order-9 {\n  order: 9;\n}\n.grid--force-xl .col.col--xl-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-10 {\n  order: 10;\n}\n.grid--force-xl .col.col--xl-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-11 {\n  order: 11;\n}\n.grid--force-xl .col.col--xl-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-xl .col.col--xl-order-12 {\n  order: 12;\n}\n.layout-navigation {\n  min-height: 100%;\n  width: 100%;\n}\n.layout-navigation__primary {\n  flex: auto;\n}\n.layout-navigation__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-navigation__navigation {\n  background-color: #f4f4f4;\n  display: flex;\n  position: fixed;\n  z-index: 9994;\n  left: 0;\n  bottom: 0;\n}\n.layout-navigation__navigation .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-navigation__navigation__border {\n  width: 4px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-navigation__navigation__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-navigation__navigation__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-navigation__navigation__inner {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  margin-right: 12px;\n  word-wrap: break-word;\n  padding: 1rem;\n}\n.layout-navigation__navigation__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-navigation__navigation__inner__title button {\n  margin: 0;\n  position: absolute;\n  right: 0.5rem;\n}\n.layout-navigation__navigation__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n.layout-navigation__navigation__inner--minimized {\n  margin-left: -0.6rem;\n  margin-right: -0.8rem;\n  padding: 0;\n}\n.layout-secondary {\n  width: 100%;\n  min-height: 100%;\n}\n.layout-secondary__primary {\n  flex: auto;\n}\n.layout-secondary__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-secondary__secondary {\n  background-color: #f4f4f4;\n  position: fixed;\n  display: flex;\n  right: 0;\n  bottom: 0;\n  z-index: 9994;\n}\n.layout-secondary__secondary .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-secondary__secondary__border {\n  width: 5px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-secondary__secondary__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-secondary__secondary__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-secondary__secondary__inner {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  word-wrap: break-word;\n  margin: 16px;\n  margin-left: 11px;\n}\n.layout-secondary__secondary__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-secondary__secondary__inner__close.button {\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin-bottom: 0;\n}\n.layout-secondary__secondary__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n@media (width <= 1280px) {\n.layout-secondary__secondary {\n    box-shadow: 4px 0 2px rgba(0, 0, 0, 0.5), -4px 0 2px rgba(0, 0, 0, 0.5);\n}\n}\n@keyframes bouncedelay {\n0%, 80%, 100% {\n    transform: scale(0);\n}\n40% {\n    transform: scale(1);\n}\n}\n@keyframes spinner-delay {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n.loader div[tabindex] {\n  outline: none;\n}\n.loader__wrapper {\n  height: var(--f-loader-size);\n  margin: var(--f-loader-margin);\n  position: relative;\n  width: var(--f-loader-size);\n}\n.loader--delay {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.loader__spinner {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.loader__circle {\n  animation: bouncedelay 1.2s infinite ease-in-out;\n  animation-fill-mode: both;\n  background-color: var(--f-icon-color-loader);\n  border-radius: 100%;\n  height: 1rem;\n  position: absolute;\n  width: 1rem;\n}\n.loader__wait-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  white-space: pre-wrap;\n}\n.loader--overlay .loader__backdrop {\n  align-items: center;\n  background: var(--f-background-overlay);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n}\n.loader--overlay .loader__wait-text {\n  color: var(--f-text-color-default-inverted);\n}\n.loader--overlay .loader__circle {\n  background-color: var(--f-icon-color-white);\n}\n.loader .loader__spinner-1-circle2 {\n  animation-delay: -0.9s;\n}\n.loader .loader__spinner-1-circle3 {\n  animation-delay: -0.6s;\n}\n.loader .loader__spinner-1-circle4 {\n  animation-delay: -0.3s;\n}\n.loader .loader__spinner-2 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(45deg);\n}\n.loader .loader__spinner-2-circle1 {\n  animation-delay: -1.1s;\n}\n.loader .loader__spinner-2-circle2 {\n  animation-delay: -0.8s;\n}\n.loader .loader__spinner-2-circle3 {\n  animation-delay: -0.5s;\n}\n.loader .loader__spinner-2-circle4 {\n  animation-delay: -0.2s;\n}\n.loader .loader__spinner-3 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(90deg);\n}\n.loader .loader__spinner-3-circle1 {\n  animation-delay: -1s;\n}\n.loader .loader__spinner-3-circle2 {\n  animation-delay: -0.7s;\n}\n.loader .loader__spinner-3-circle3 {\n  animation-delay: -0.4s;\n}\n.loader .loader__spinner-3-circle4 {\n  animation-delay: -0.1s;\n}\n.loader__circle--1 {\n  left: 0;\n  top: 0;\n}\n.loader__circle--2 {\n  right: 0;\n  top: 0;\n}\n.loader__circle--3 {\n  bottom: 0;\n  right: 0;\n}\n.loader__circle--4 {\n  bottom: 0;\n  left: 0;\n}\n.loader__delay__spinner {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.logo {\n  display: inline-block;\n}\n.logo--small {\n  padding: var(--f-logo-size-small);\n  background: var(--f-logo-image-small);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--large {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--responsive {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n@media (max-width: 639.98px) {\n.logo--responsive {\n    padding: var(--f-logo-size-small);\n    background: var(--f-logo-image-small);\n    background-repeat: no-repeat;\n    background-position: center;\n}\n}\n.message-box {\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n  margin: 0.5rem 0 calc(2rem * var(--f-density-factor)) 0;\n}\n.message-box__heading {\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--fkds-color-text-primary);\n  line-height: var(--f-line-height-medium);\n  align-items: flex-start;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: 0;\n}\n@media (max-width: 639.98px) {\n.message-box__heading {\n    font-size: var(--f-font-size-large);\n}\n}\n.message-box__icon {\n  line-height: var(--f-line-height-large);\n}\n.message-box__content {\n  text-align: left;\n}\n.message-box--info {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--info-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--info-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--info-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--info-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--info-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--error-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--error-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--error-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--error-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--warning-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--warning-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--warning-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--warning-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--success-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--success-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--success-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--success-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.message-box {\n    margin-bottom: calc(1.5rem * var(--f-density-factor));\n    margin-top: calc(1.5rem * var(--f-density-factor));\n    padding: calc(1rem * var(--f-density-factor)) 1rem;\n}\n}\n.modal__backdrop {\n  background: var(--f-background-overlay);\n  display: flex;\n  height: 100%;\n  inset: 0;\n  position: fixed;\n  width: 100%;\n  z-index: 9994;\n}\n.modal__outer-container {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  overflow: auto;\n  width: 100%;\n}\n.modal__inner-container {\n  align-items: center;\n  justify-content: center;\n  max-height: 100%;\n  width: 100%;\n}\n.modal__shelf {\n  justify-content: flex-end;\n  display: flex;\n  background-color: var(--fkds-color-background-primary);\n  border-top-left-radius: var(--f-border-radius-medium);\n  border-top-right-radius: var(--f-border-radius-medium);\n  margin-bottom: 1rem;\n}\n.modal__header {\n  display: flex;\n  font-size: var(--f-font-size-h4);\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n.modal__header .modal__title {\n  font-size: var(--f-modal-title-font-size);\n  margin-bottom: 0;\n  margin-top: 0;\n  color: var(--fkds-color-text-primary);\n}\n.modal__dialog-container {\n  background: transparent;\n  display: flex;\n  margin: auto;\n  width: calc(100vw - 40px);\n}\n@media (min-width: 640px) {\n.modal__dialog-container {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--small {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--medium {\n    max-width: var(--f-modal-size-medium);\n}\n.modal__dialog-container--large {\n    max-width: var(--f-modal-size-large);\n}\n.modal__dialog-container--fullwidth {\n    max-width: var(--f-modal-size-fullwidth);\n}\n}\n@media (max-width: 639.98px) {\n.modal__dialog-container--fullscreen {\n    width: 100%;\n    max-width: none;\n}\n.modal__dialog-container--fullscreen .modal__dialog {\n    min-height: 100vh;\n}\n.modal__dialog-container--fullscreen .modal__dialog-inner {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n}\n.modal__dialog-container--fullscreen .modal__content {\n    flex: 1 1 auto;\n}\n}\n.modal__dialog {\n  background: var(--fkds-color-background-primary);\n  outline: 2px solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  display: flex;\n  flex-direction: column-reverse;\n  height: auto;\n  margin: auto;\n  width: 100%;\n  position: relative;\n  z-index: 9995;\n}\n.modal__dialog .modal__dialog-inner {\n  height: auto;\n  margin: 0 1.5rem 1.5rem;\n}\n@media (max-width: 639.98px) {\n.modal__dialog .modal__dialog-inner {\n    margin: 0 1rem 1rem;\n}\n}\n.modal__dialog .modal__footer {\n  margin-top: 2rem;\n}\n.modal__dialog .modal__footer > .button-group {\n  margin-bottom: 0;\n}\n.modal__dialog .modal__footer > .button-group .button-group__item:last-child:not(.button--small, .button--medium) {\n  margin-bottom: 0;\n}\n@media (min-width: 640px) {\n.modal__dialog .modal__footer > .button-group .button-group__item {\n    margin-bottom: 0;\n}\n}\n.modal__dialog > .button-group {\n  margin: 0;\n}\n.modal__dialog > .button-group .button-group__item:last-child {\n  margin: var(--f-modal-close-button-margin);\n  padding: var(--f-modal-close-button-padding);\n}\n.modal--information .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-info-strong);\n}\n.modal--information .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.modal--warning .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.modal--error .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.modal--error .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.imenu__list {\n  background-color: var(--f-background-menu);\n  margin: 0;\n  padding: 0;\n}\n.imenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__list__item a,\n.imenu__list__item a:visited,\n.imenu__list__item a:active {\n  color: var(--f-text-color-menu);\n}\n.imenu__list__item a:hover {\n  color: var(--f-text-color-menu-hover);\n}\n.imenu__popup-item {\n  position: relative;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__popup-item__wrapper {\n  display: inline-flex;\n  position: absolute;\n  left: 0;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--vertical .imenu__list {\n  display: block;\n}\n.imenu--vertical .imenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.imenu--vertical .imenu__list__item:hover {\n  font-weight: var(--f-font-weight-normal);\n  background-color: var(--f-background-menu-vertical-hover);\n}\n.imenu--vertical .imenu__list__item--highlight {\n  background-color: var(--f-background-menu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--vertical .imenu__list__item--highlight:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal {\n  overflow: hidden;\n}\n.imenu--horizontal .imenu__list {\n  display: flex;\n}\n.imenu--horizontal .imenu__list__item {\n  display: inline-flex;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--horizontal .imenu__list__item--highlight {\n  color: var(--f-text-color-menu-horizontal-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor-container {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-highlight);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--hidden {\n  visibility: hidden;\n}\n.imenu--horizontal .imenu__list__anchor-container {\n  padding-bottom: 0.5rem;\n  border-bottom: 5px solid transparent;\n}\n.imenu--horizontal .imenu__list__anchor-container:hover {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-hover);\n}\n.imenu--horizontal .imenu__list__anchor {\n  display: inline-flex;\n}\n.imenu--horizontal .imenu__list__anchor-icon-right {\n  flex: 1 0 auto;\n  padding-top: 0.25rem;\n  margin-left: 0.75rem;\n  color: var(--f-border-color-menu-horizontal-highlight);\n}\n.offline {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n  padding: 1.5rem;\n}\n.offline .offline__icon {\n  font-size: 0;\n}\n.offline .offline__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.offline .offline__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.offline .offline__icon__banner {\n  margin-top: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline__wrapper {\n  position: fixed;\n  position: sticky;\n  z-index: 9998;\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.output-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n.output-field__output {\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  font-size: var(--f-font-size-standard);\n  min-height: var(--f-height-medium);\n  position: relative;\n  width: var(--f-width-full);\n  margin-bottom: 0;\n}\n.page-header {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-pageheader-primary);\n  padding: 1rem 0 1rem 1rem;\n  align-items: center;\n  overflow: hidden;\n}\n.page-header__logo {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n.page-header__logo > a {\n  display: inline-flex;\n}\n.page-header__logo::after {\n  content: " ";\n  background-color: var(--f-border-color-separator-pageheader-primary);\n  height: 1.38rem;\n  padding: 0.5px;\n  margin: 0 1rem 0.155rem;\n}\n.page-header__app-name {\n  padding-top: 0.22rem;\n  margin: 0;\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--f-text-color-default-inverted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 9rem;\n}\n.page-header__right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  white-space: nowrap;\n  padding-top: 0.4rem;\n  font-size: var(--f-font-size-standard);\n}\n.page-header__right-slot {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.progress {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-positive);\n}\n@media (forced-colors: active) {\n.progress {\n    border: var(--f-border-width-medium) solid highlight;\n}\n}\n.progress__meter {\n  display: block;\n  float: left;\n  height: calc(var(--f-height-small) - var(--f-border-width-medium) * 2);\n  transition: width var(--f-animation-duration-medium) ease-out, background-color var(--f-animation-duration-medium) ease-out;\n}\n.progress__meter--inprogress {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--inprogress {\n    background: highlight;\n}\n}\n.progress__meter--finished {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--finished {\n    background: highlight;\n}\n}\n.radio-button {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.radio-button:last-child {\n  margin-bottom: 0;\n  margin-right: 0;\n}\n.radio-button__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.radio-button__label {\n  min-width: 4.5rem;\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n}\n.radio-button__label * {\n  pointer-events: none;\n}\n.radio-button__label::before, .radio-button__label::after {\n  border-radius: 50%;\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  width: var(--f-icon-size-medium);\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.radio-button__label::after {\n  background-color: var(--fkds-color-select-background-primary-default);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--fkds-color-background-primary);\n  opacity: 0;\n}\n@media (forced-colors: active) {\n.radio-button__label::after {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    box-shadow: inset 0 0 0 var(--f-border-width-medium) Canvas;\n}\n}\n.radio-button.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.radio-button.disabled {\n    color: GrayText;\n}\n}\n.radio-button.disabled .radio-button__label {\n  cursor: default;\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  background: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: default;\n}\n@media (forced-colors: active) {\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n    border: var(--f-border-width-medium) solid GrayText;\n}\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\n  border: var(--f-border-width-medium) solid transparent;\n  opacity: 1;\n}\n.radio-button input[type=radio]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content {\n  flex-direction: row;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--horizontal .radio-button-group__content {\n    flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 1rem;\n}\n}\n.select-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.select-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.select-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.select-field--table {\n  margin-bottom: 0;\n}\n.select-field--table-error .select-field__select {\n  padding-right: calc(var(--f-icon-size-large) + 2.25rem);\n}\n.select-field__select {\n  appearance: none;\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: var(--padding-input-fields);\n  width: var(--f-width-full);\n}\n.select-field__select:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.select-field__select:focus {\n  background-color: var(--fkds-color-background-primary);\n}\n.select-field__select:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  opacity: 1;\n}\n.select-field__select:disabled + .select-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.select-field__icon-wrapper {\n  position: relative;\n}\n.select-field__icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n}\n.select-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  display: inline;\n  position: absolute;\n  right: calc(var(--f-icon-size-large) + 0.75rem);\n  top: 0.5rem;\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.select-field--error .select-field__select {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.sort-filter-dataset__sort {\n  min-width: 80px;\n}\n.sort-filter-dataset__search {\n  position: relative;\n}\n.sort-filter-dataset__search input {\n  padding-left: 2.1rem;\n  padding-right: 2.1rem;\n}\n@media (min-width: 640px) {\n.sort-filter-dataset__search input {\n    width: 160px;\n}\n}\n.sort-filter-dataset__search__magnify-icon {\n  position: absolute;\n  left: 1.75rem;\n  height: var(--f-height-large);\n  /* same as textfield */\n  z-index: 1;\n  /* In front of input field */\n  width: 1.2rem;\n  color: var(--f-icon-color-sort-filter-dataset-search);\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__magnify-icon {\n    top: 1.5rem;\n    left: 0.75rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete {\n  position: absolute;\n  top: -0.75rem;\n  right: 0;\n  color: var(--f-icon-color-sort-filter-dataset-close);\n  cursor: pointer;\n  padding: 1rem;\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__close-icon.button--discrete {\n    top: 1rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete:hover {\n  box-shadow: none;\n  background-color: transparent;\n}\n.static-panel {\n  margin-bottom: 2.5rem;\n}\n.static-panel__heading {\n  background: var(--f-background-heading-static-panel);\n  border: var(--f-static-panel-heading-border);\n  border-bottom: 0;\n  font-size: var(--f-font-size-h3);\n  line-height: 2rem;\n  margin-bottom: 0;\n  padding: 0.25rem 1rem;\n}\n.static-panel__content {\n  border-top: 0;\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  padding: 1.75rem 1.5rem;\n}\n.static-panel__icon {\n  height: var(--f-icon-size-x-large);\n  margin-right: 0.25rem;\n  position: relative;\n  top: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.table tbody .table__column--numeric, .table tbody .table__column--date {\n  font-feature-settings: tnum 1;\n  font-variant-numeric: tabular-nums;\n}\n.table tbody .table__expandable-row, .table tbody .table__row--normal, .table tbody .table__row {\n  background: var(--f-background-grid-default);\n  color: var(--f-text-color-default);\n}\n.table--striped tbody .table__row:nth-child(even), .table tbody .table__row--striped {\n  background: var(--f-background-grid-striped);\n  color: var(--f-text-color-default);\n}\n.table--hover tbody .table__row:hover, .table tbody .table__row--hover {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 1px solid var(--f-border-color-grid-hover);\n}\n.table tbody .table__row:focus-within, .table tbody .table__row--focus-within {\n  background: var(--f-background-grid-focus-inner);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row:focus, .table tbody .table__row--focus {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 2px solid var(--f-color-focus);\n  box-shadow: none;\n}\n.table--hover tbody .table__row:hover.table__row--active, .table--striped tbody .table__row:nth-child(even).table__row--active, .table tbody .table__row--active, .table tbody .table__row:focus.table__row--active, .table tbody .table__row--focus.table__row--active, .table tbody .table__row:focus-within.table__row--active, .table tbody .table__row--focus-within.table__row--active {\n  background: var(--f-background-grid-active);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row--expanded-border td,\n.table tbody .table__row--expanded-border th {\n  border-bottom-color: var(--f-border-color-grid-expanded);\n}\n.table tbody .table__row--expandable {\n  cursor: pointer;\n}\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--f-font-size-standard);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  width: 100%;\n  border: 2px solid transparent;\n}\n.table:focus {\n  border-color: var(--f-color-focus);\n  box-shadow: none;\n}\n.table caption {\n  background: transparent;\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n  text-align: left;\n}\n.table thead th {\n  background: var(--f-background-grid-header);\n  border-bottom: 2px solid var(--f-border-color-grid-header);\n  border-right: 1px solid var(--f-border-color-grid);\n  color: var(--f-text-color-default);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  padding: calc(0.25rem * var(--f-density-factor)) 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.table thead th:last-child {\n  border-right: none;\n}\n.table thead th .table__column__header__icon {\n  color: var(--f-icon-color-table-header);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n  min-width: var(--f-icon-size-x-small);\n}\n.table thead th .table__column__header__icon--discrete {\n  color: var(--f-icon-color-table-header-discrete);\n}\n.table thead .table__column--numeric {\n  text-align: right;\n}\n.table tbody .table__expandable-row--collapsed {\n  display: none;\n}\n.table tbody td,\n.table tbody th {\n  padding: calc(var(--f-table-body-row-padding) * var(--f-density-factor)) var(--f-table-body-row-padding);\n  border-bottom: 1px solid var(--f-border-color-grid);\n  vertical-align: top;\n}\n.table tbody td {\n  line-height: calc(1.5rem * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n}\n.table tbody th {\n  border-right: 1px solid var(--f-border-color-grid);\n  font-weight: var(--f-font-weight-medium);\n  line-height: calc(1.5rem * var(--f-density-factor));\n}\n.table tbody .table__column--action {\n  white-space: nowrap;\n}\n.table tbody .table__column--selectable {\n  padding: calc(0.2rem * var(--f-density-factor)) 0.2rem;\n}\n.table tbody .table__column--placeholder + .table__column {\n  padding-left: 1.5rem;\n}\n.table tbody .table__column--action .button--discrete, .table tbody .table__column--action .button--tertiary {\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  min-width: 24px;\n  width: max-content;\n}\n.table tbody .table__column--action .button--discrete .button__icon, .table tbody .table__column--action .button--tertiary .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n}\n.table__column--text {\n  text-align: left;\n}\n.table__column--numeric {\n  text-align: right;\n}\n.table__column--date {\n  text-align: left;\n}\n.table__column--action {\n  text-align: center;\n}\n.table__column--shrink {\n  width: 1px;\n  white-space: nowrap;\n}\n.table__column--sortable {\n  cursor: pointer;\n}\n.table__column__description {\n  display: block;\n  background: transparent;\n  color: var(--f-text-color-discrete);\n  font-weight: var(--f-font-weight-normal);\n}\n.table--selectable .table__row td:hover,\n.table--selectable .table__row th:hover {\n  cursor: pointer;\n}\n.table__scroll {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  overflow: hidden;\n}\n.table__scroll thead th,\n.table__scroll thead td,\n.table__scroll tbody th,\n.table__scroll tbody td {\n  white-space: nowrap;\n}\n.table__scroll .table {\n  margin: 0;\n}\n.table__scroll--horizontal {\n  overflow-x: auto;\n}\n.table__input {\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.table__input .checkbox__label,\n.table__input .radio-button__label {\n  min-width: 1.75rem;\n  min-height: 1.75rem;\n  padding: 0;\n}\n.table__input .checkbox__label::after,\n.table__input .checkbox__label::before,\n.table__input .radio-button__label::after,\n.table__input .radio-button__label::before {\n  top: calc(0.15rem * var(--f-density-factor));\n  left: 0.25rem;\n}\n.table__expand-icon {\n  color: var(--f-icon-color-primary);\n  background: transparent;\n  border: 0;\n  flex: 0 0 auto;\n  padding: 0;\n  pointer-events: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.table__anchor {\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.25rem;\n}\n.table__anchor > svg.icon {\n  flex-shrink: 0;\n  align-self: center;\n  min-width: auto;\n  max-width: none;\n}\n.table__button {\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  width: max-content;\n}\n.table__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.table__button:active, .table__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.table__button.disabled, .table__button.disabled:hover, .table__button:disabled, .table__button:disabled:hover, .table__button.table__button--disabled, .table__button.table__button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n.table__button .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n  height: 14px;\n  width: 14px;\n}\n.text-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n  /* stylelint-disable property-no-vendor-prefix */\n}\n@media (min-width: 640px) {\n.text-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.text-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.text-field--table {\n  margin-bottom: 0;\n}\n.text-field input[type=text]::-ms-clear {\n  display: none;\n}\n.text-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  height: 16px;\n}\n.text-field__input-wrapper {\n  display: flex;\n  gap: calc(0.5rem * var(--f-density-factor));\n}\n.text-field__input {\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: 0 0.75rem;\n  width: var(--f-width-full);\n}\n.text-field__icon-wrapper {\n  flex: 1 1 auto;\n  position: relative;\n}\n.text-field__icon-wrapper:has(.text-field__append-inner) .text-field__input {\n  padding: var(--padding-input-fields);\n}\n.text-field__append-inner {\n  display: inline;\n  position: absolute;\n  right: calc(0.75rem * var(--f-density-factor));\n  top: calc(0.5rem * var(--f-density-factor));\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.text-field__icon {\n  height: var(--f-icon-size-large);\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.text-field__icon--left {\n  position: relative;\n  top: 3px;\n}\n.text-field__input:disabled + .text-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.text-field__input:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.text-field--error .text-field__input {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.text-field--search + .text-field__append-inner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  right: calc(0.25rem * var(--f-density-factor));\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  width: 2.5rem;\n}\n.text-field .clear-button {\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.text-field .clear-button__icon {\n  color: var(--fkds-icon-color-action-content-weak-default);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n}\n.text-field input[type=search]::-webkit-search-decoration,\n.text-field input[type=search]::-webkit-search-cancel-button,\n.text-field input[type=search]::-webkit-search-results-button,\n.text-field input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n.textarea-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: var(--f-line-height-large);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.textarea-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.textarea-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.textarea-field__textarea {\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  box-sizing: border-box;\n  font-size: var(--f-font-size-standard);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: calc(0.5rem * var(--f-density-factor)) 0.75rem;\n  width: var(--f-width-full);\n}\n.textarea-field__textarea[rows] {\n  height: auto;\n}\n.textarea-field__textarea:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.textarea-field--error .textarea-field__textarea {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.textarea-field__resize--none {\n  resize: none;\n}\n.textarea-field__resize--vertical {\n  resize: vertical;\n}\n.tooltip {\n  display: none;\n  overflow: hidden;\n  width: 100%;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.tooltip.expanded, .tooltip.animating {\n  display: block;\n}\n.tooltip__container {\n  text-wrap: pretty;\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n}\n.tooltip__container:has(+ .tooltip.expanded), .tooltip__container:has(+ .tooltip.animating) {\n  margin-bottom: 0;\n}\n.tooltip__container .label {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container h1,\n.tooltip__container h2,\n.tooltip__container h3,\n.tooltip__container h4,\n.tooltip__container h5,\n.tooltip__container h6 {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container:has(h1) .tooltip__button {\n  bottom: 0.2lh;\n}\n.tooltip__container:has(h2) .tooltip__button {\n  bottom: 0.1lh;\n}\n.tooltip__container:has(h3) .tooltip__button {\n  bottom: 0;\n}\n.tooltip__button {\n  display: inline-flex;\n  appearance: none;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  margin-left: 0.25rem;\n  position: relative;\n  bottom: -0.1lh;\n}\n.tooltip__button .icon {\n  top: 0;\n  left: 0;\n}\n.tooltip__button,\n.tooltip__button .icon,\n.tooltip__button .icon-stack {\n  width: 1em;\n  height: 1em;\n}\n.tooltip__body {\n  padding: 0 1rem;\n}\n.tooltip__header {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-medium);\n  padding: 0 1rem;\n  margin-bottom: 0.5rem;\n}\n.tooltip .close-button {\n  margin: var(--f-tooltip-close-button-margin);\n}\n.tooltip__footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.tooltip__bubble {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-top: 10px;\n  margin-bottom: 0.5rem;\n  border: 2px solid var(--fkds-color-feedback-border-info);\n  border-radius: var(--f-border-radius-small);\n  background-color: var(--fkds-color-feedback-background-info);\n  padding-top: 1rem;\n}\n.tooltip__bubble::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 10px 10px 10px;\n  border-color: transparent transparent var(--fkds-color-feedback-border-info);\n  translate: -50% -100%;\n}\n.tooltip__bubble::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 7.2px 7.2px 7.2px;\n  border-color: transparent transparent var(--fkds-color-feedback-background-info);\n  translate: -50% -100%;\n}\n.wizard {\n  margin-top: 20px;\n}\n\n/* Selectors */\n/* position adjustments for lines */\n/* change line-gap-to-circle variable to change distances */\n.wizard-step {\n  display: grid;\n  grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__content wizard-step__content" min-content/min-content 1fr;\n  gap: 0 0.5rem;\n}\n.wizard-step:first-of-type .wizard-step__line-up {\n  border: 0;\n}\n.wizard-step:last-of-type .wizard-step__line-down,\n.wizard-step:last-of-type .wizard-step__icon-container__line-down {\n  border: 0;\n}\n.wizard-step .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 2px;\n  margin-bottom: 20px;\n}\n.wizard-step .wizard-step__icon-container {\n  grid-area: wizard-step__icon-container;\n  display: flex;\n  flex-direction: column;\n}\n.wizard-step .wizard-step__icon-container__circle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--fkds-color-border-strong);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n  font-weight: bold;\n  text-align: center;\n  transition: background-color 400ms ease-out, border-color 400ms ease-out, opacity 400ms ease-out;\n}\n@media (max-width: 639.98px) {\n.wizard-step .wizard-step-body__border-container {\n    display: none;\n}\n}\n.wizard-step .wizard-step-body__border-container .wizard-step__line-down {\n  margin-top: 0;\n}\n.wizard-step .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header {\n  grid-area: wizard-step__header;\n}\n.wizard-step .wizard-step__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__line-down,\n.wizard-step .wizard-step__icon-container__line-down,\n.wizard-step .wizard-step__line-up {\n  border-left: 2px solid var(--fkds-color-border-strong);\n  margin-left: 14px;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  margin-top: 4px;\n}\n.wizard-step .wizard-step__line-down {\n  grid-area: wizard-step__line-down;\n}\n.wizard-step .wizard-step__content {\n  margin-left: 0.5rem;\n  min-width: 0;\n  grid-area: wizard-step__content;\n}\n.wizard-step .wizard-step__line-up {\n  margin-bottom: 4px;\n  grid-area: wizard-step__line-up;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n  padding-top: 20px;\n  margin-top: -0.5rem;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  flex: 1;\n}\n@media (min-width: 640px) {\n.wizard-step {\n    grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__line-down wizard-step__content" min-content/min-content 1fr;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n    margin-top: 0;\n    padding-top: 0;\n}\n.wizard-step .wizard-step__content {\n    margin-left: 0;\n}\n}\n.wizard-step--open .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__step-of {\n  display: block;\n}\n.wizard-step--done .wizard-step__header__title .anchor {\n  color: var(--fkds-color-feedback-text-positive);\n  text-decoration-color: var(--fkds-color-feedback-text-positive);\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .wizard-step__header__title .anchor:hover {\n  text-decoration-color: var(--fkds-color-feedback-text-positive);\n  text-decoration-thickness: 3px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: auto;\n}\n.wizard-step--done .wizard-step__icon-container__circle {\n  background-color: var(--f-icon-color-wizard-step-done);\n  border-color: var(--f-icon-color-wizard-step-done);\n}\n.wizard-step--done .wizard-step__icon-container__number {\n  display: none;\n}\n.wizard-step--pending .wizard-step__header__title {\n  color: var(--f-text-color-discrete);\n}\n.wizard-step--pending .wizard-step__icon-container__circle {\n  border: 2px solid var(--fkds-color-border-strong);\n  background-color: var(--fkds-color-background-disabled);\n  color: var(--f-icon-color-discrete);\n}\n@media (forced-colors: active) {\n.wizard-step .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.animate-expand {\n  transition: var(--f-animation-expand-close);\n  overflow: hidden;\n  visibility: hidden;\n}\n.animate-expand--expanded {\n  transition: var(--f-animation-expand-open);\n  opacity: 1;\n  visibility: visible;\n}\n.animate-expand--opacity {\n  opacity: 0;\n}\n.calendar-month__table {\n  border-spacing: 2px;\n  padding: 0 0.5rem 1rem;\n  width: 100%;\n  border-collapse: separate;\n  border: none;\n  margin: 0;\n}\n.calendar-month__col--week {\n  width: 2%;\n}\n.calendar-month__col--day {\n  width: 14%;\n}\n.calendar-month__header-cell {\n  padding: 0.5rem 0;\n  text-align: center;\n}\n.calendar-month__header-cell abbr,\n.calendar-month__header-cell span {\n  font-weight: var(--f-font-weight-normal);\n  text-decoration: none;\n  border-bottom: none;\n  text-transform: none;\n  font-size: 1rem;\n  cursor: auto;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n}\n.calendar-month__cell--week-number {\n  vertical-align: middle;\n  padding-right: 0.25rem;\n  text-align: right;\n  min-width: 2rem;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--fkds-color-background-secondary);\n  font-size: 1rem;\n}\n.calendar-month__button:focus {\n  position: relative;\n  z-index: 9997;\n}\n.calendar-month__button:focus[tabindex="-1"] {\n  box-shadow: var(--f-focus-box-shadow);\n}\n.calendar-navbar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  border-bottom: var(--f-border-width-medium) solid var(--fkds-color-border-weak);\n  padding: 1rem;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h3);\n}\n.calendar-navbar__month {\n  margin-right: auto;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.calendar-navbar__arrow--previous {\n  transform: scaleX(-1);\n}\n.calendar-navbar__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\n  background-color: var(--fkds-color-action-background-primary-default);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: var(--f-button-shadow);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--fkds-icon-color-content-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  padding: 4px;\n  border: 1px solid var(--fkds-color-border-disabled);\n  box-shadow: none;\n}\n.calendar-navbar__arrow {\n  padding: 0;\n  display: flex;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n.calendar__wrapper {\n  width: 100%;\n}\n.iflex {\n  display: flex;\n}\n.iflex--gap-1x {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.iflex--gap-1x .iflex__item {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.iflex--gap-2x {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n.iflex--gap-2x .iflex__item {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.iflex--gap-3x {\n  margin-left: -0.75rem;\n  margin-right: -0.75rem;\n}\n.iflex--gap-3x .iflex__item {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.iflex--gap-4x {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.iflex--gap-4x .iflex__item {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.iflex--gap-5x {\n  margin-left: -1.25rem;\n  margin-right: -1.25rem;\n}\n.iflex--gap-5x .iflex__item {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.iflex--gap-6x {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n.iflex--gap-6x .iflex__item {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.iflex--gap-7x {\n  margin-left: -1.75rem;\n  margin-right: -1.75rem;\n}\n.iflex--gap-7x .iflex__item {\n  padding-left: 1.75rem;\n  padding-right: 1.75rem;\n}\n.iflex--gap-8x {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n.iflex--gap-8x .iflex__item {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.iflex__item {\n  flex: 1 0 0%;\n}\n.iflex--grow {\n  flex: 1 1 auto;\n}\n.iflex--shrink {\n  flex: 0 1 auto;\n}\n.iflex--align-top {\n  align-self: flex-start;\n}\n.iflex--align-center {\n  align-self: center;\n}\n.iflex--align-bottom {\n  align-self: flex-end;\n}\n@media (max-width: 639.98px) {\n.iflex--collapse {\n    display: block;\n}\n}\n.iflex--wrap {\n  flex-wrap: wrap;\n}\n.iflex--float-right {\n  justify-content: flex-end;\n}\n.iflex--float-center {\n  justify-content: center;\n}\n.popup-error {\n  --i-popup-error-offset: 24px;\n}\n.popup-error--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup-error--overlay .popup-error__wrapper {\n  left: -10000px;\n  position: absolute;\n  z-index: 9996;\n  white-space: nowrap;\n}\n.popup-error--inline {\n  position: static;\n}\n.popup-error--inline .popup-error__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.popup-error--arrow {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5em 10px;\n  background: var(--f-border-color-error);\n  line-height: 24px;\n  position: relative;\n}\n.popup-error--arrow .popup-error__button {\n  margin: 0;\n  min-height: 24px;\n  min-width: 24px;\n  padding: 0;\n  padding-left: 5px;\n}\n.popup-error--arrow::before {\n  content: "";\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  padding: var(--f-border-width-medium);\n  border-radius: inherit;\n  background: var(--f-background-error) content-box;\n}\n.popup-error--top {\n  border-radius: min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px 5.7735026919px/5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 0, calc(100% - var(--i-popup-error-offset)) -10px, max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0);\n}\n.popup-error--bottom {\n  border-radius: 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg)/5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 100%, calc(100% - var(--i-popup-error-offset)) calc(100% + 10px), max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 100%);\n}\n.popup-error--left {\n  border-radius: 5.7735026919px/min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg);\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), -10px calc(100% - var(--i-popup-error-offset)), 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--right {\n  border-radius: 5.7735026919px/5.7735026919px min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), calc(100% + 10px) calc(100% - var(--i-popup-error-offset)), 100% max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--top::before {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium), calc(100% - var(--i-popup-error-offset)) calc(var(--f-border-width-medium) / 0.5 - 10px), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n}\n.popup-error--bottom::before {\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)), calc(100% - var(--i-popup-error-offset)) calc(100% + 10px - var(--f-border-width-medium) / 0.5), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n}\n.popup-error--left::before {\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--f-border-width-medium) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(var(--f-border-width-medium) / 0.5 - 10px) calc(100% - var(--i-popup-error-offset)), var(--f-border-width-medium) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n}\n.popup-error--right::before {\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, calc(100% - var(--f-border-width-medium)) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(100% + 10px - var(--f-border-width-medium) / 0.5) calc(100% - var(--i-popup-error-offset)), calc(100% - var(--f-border-width-medium)) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n}\n.ipopupmenu {\n  background-color: var(--f-background-popupmenu);\n}\n.ipopupmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n}\n.ipopupmenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.ipopupmenu__list__item a,\n.ipopupmenu__list__item a:visited,\n.ipopupmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.ipopupmenu__list__item a:hover {\n  color: var(--f-text-color-popupmenu-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list {\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item:hover {\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list__item--highlight {\n  background-color: var(--f-background-popupmenu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.popup--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup--overlay .popup__wrapper {\n  left: -10000px;\n  max-width: fit-content;\n  border-radius: var(--f-border-radius-small);\n  position: absolute;\n  z-index: 9996;\n  box-shadow: var(--f-box-modal-shadow);\n}\n.popup--inline {\n  position: static;\n}\n.popup--inline .popup__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.iskiplink {\n  position: absolute;\n  top: -200px;\n}\n.iskiplink:focus {\n  color: black;\n  background-color: var(--f-background-skiplink-focus);\n  left: 10px;\n  top: 45px;\n}\n\n/* spacing around the panel (space from layout area/resize handle to header, content, footer) */\n/* distance between each slot: header, content, footer) */\n/* panel background color */\n/* button background color when hovering */\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted([slot=icon]) {\n  display: contents;\n}\n::slotted([slot=header]) {\n  font-weight: 700 !important;\n  font-size: 1.25rem !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n}\n.panel__wrapper {\n  flex-grow: 1;\n  display: flex;\n}\n.panel {\n  background: var(--f-page-layout-background);\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.5rem;\n}\n.panel__header {\n  flex: 0 0 auto;\n  display: flex;\n  gap: 0.25rem;\n  align-items: baseline;\n  justify-content: center;\n}\n.attach-left .panel__header {\n  flex-direction: row;\n}\n.attach-right .panel__header {\n  flex-direction: row-reverse;\n}\n.panel__close-button {\n  flex: 0 0 auto;\n  appearance: none;\n  line-height: 1;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  padding: 1rem;\n  width: max-content;\n}\n.panel__close-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__close-button:active, .panel__close-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__title {\n  flex: 1 1 auto;\n}\n.panel__content {\n  flex: 1 0 auto;\n}\n.panel__footer {\n  flex: 0 0 auto;\n}';
+const _style_0$2 = '@charset "UTF-8";\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n}\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\nselect::-ms-expand {\n  display: none;\n}\nselect:focus::-ms-value {\n  background: none;\n  color: #000;\n  outline: 1px dotted #000;\n}\nul,\nol {\n  padding-left: 1rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\na {\n  text-decoration: none;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\nhtml {\n  font-size: var(--f-font-size-default-rem);\n}\n@media (min-width: 1024px) {\nhtml {\n    font-size: var(--f-font-size-default-large-up-rem);\n}\n}\nbody {\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n}\np {\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n  margin-bottom: 1rem;\n}\nb,\nstrong {\n  font-weight: var(--f-font-weight-medium);\n}\ncode {\n  font-size: var(--f-font-size-standard);\n  border-radius: var(--f-border-radius-small);\n  font-family: var(--f-font-family-code);\n  background-color: var(--f-background-code);\n  display: inline-block;\n  margin: 0 0.25rem;\n  padding: 0 0.25rem;\n}\npre code {\n  display: block;\n}\nh1, .heading--h1,\nh2,\n.heading--h2,\nh3,\n.heading--h3,\n.expandable-panel__heading,\nh4,\n.heading--h4,\nh5,\n.heading--h5,\nh6,\n.heading--h6 {\n  font-weight: var(--f-font-weight-bold);\n  margin-bottom: 0.25rem;\n  line-height: var(--f-line-height-medium);\n}\nh1, .heading--h1 {\n  font-size: var(--f-font-size-h1);\n  color: var(--f-text-color-heading-1);\n}\nh2, .heading--h2 {\n  font-size: var(--f-font-size-h2);\n  color: var(--f-text-color-heading-2);\n}\nh3, .heading--h3, .expandable-panel__heading {\n  font-size: var(--f-font-size-h3);\n  color: var(--f-text-color-heading-3);\n}\nh4, .heading--h4 {\n  font-size: var(--f-font-size-h4);\n  color: var(--f-text-color-heading-4);\n}\nh5, .heading--h5 {\n  font-size: var(--f-font-size-large);\n  color: var(--f-text-color-heading-5);\n}\nh6, .heading--h6 {\n  font-size: var(--f-font-size-standard);\n  color: var(--f-text-color-heading-6);\n}\n.heading--strong {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-medium);\n}\n* + h1, * + .heading--h1,\n* + h2,\n* + .heading--h2,\n* + h3,\n* + .heading--h3,\n* + .expandable-panel__heading,\n* + h4,\n* + .heading--h4,\n* + h5,\n* + .heading--h5,\n* + h6,\n* + .heading--h6 {\n  margin-top: 2rem;\n}\n@media (max-width: 640px) {\nh1, .heading--h1 {\n    font-size: var(--f-font-size-h2);\n}\nh2, .heading--h2 {\n    font-size: var(--f-font-size-xxx-large);\n}\nh3, .heading--h3, .expandable-panel__heading {\n    font-size: var(--f-font-size-h4);\n}\nh4, .heading--h4 {\n    font-size: var(--f-font-size-large);\n}\nh5, .heading--h5 {\n    font-size: var(--f-font-size-standard);\n}\nh6, .heading--h6 {\n    font-size: var(--f-font-size-standard);\n}\n.heading--strong {\n    font-size: var(--f-font-size-large);\n    font-weight: var(--f-font-weight-medium);\n}\n}\n.heading--h1 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h2 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h3, .expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h4 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h5 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h6 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\nh1 + h2, .heading--h1 + h2, h1 + .heading--h2, .heading--h1 + .heading--h2 {\n  margin-top: 1rem;\n}\nh2 + h3, .heading--h2 + h3, h2 + .heading--h3, h2 + .expandable-panel__heading, .heading--h2 + .heading--h3, .heading--h2 + .expandable-panel__heading {\n  margin-top: 1rem;\n}\nh3 + h4, .heading--h3 + h4, .expandable-panel__heading + h4, h3 + .heading--h4, .heading--h3 + .heading--h4, .expandable-panel__heading + .heading--h4 {\n  margin-top: 1rem;\n}\nh4 + h5, .heading--h4 + h5, h4 + .heading--h5, .heading--h4 + .heading--h5 {\n  margin-top: 1rem;\n}\nh5 + h6, .heading--h5 + h6, h5 + .heading--h6, .heading--h5 + .heading--h6 {\n  margin-top: 1rem;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.sr-separator {\n  display: block !important;\n}\nbutton:focus,\na:focus,\na.button:focus,\nimg:focus,\nselect:focus,\ntextarea:focus,\ninput[type=submit]:focus,\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=tel]:focus,\ninput[type=image]:focus,\ninput[type=search]:focus,\n[tabindex]:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n[tabindex="-1"]:focus {\n  box-shadow: none;\n  outline: none;\n}\n\n/*\n    For help-classes, it is alright to use `!important` when the intent is to\n    overwrite standard behaviour for components.\n\n    All help-classes shall be prefixed with `h-`.\n*/\n.h-no-margin {\n  margin: 0 !important;\n}\n.h-root-size {\n  font-size: 1rem !important;\n}\n.h-display-flex {\n  display: flex;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n.container {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 95%;\n}\n@media (min-width: 640px) {\n.container {\n    max-width: 90%;\n}\n}\n@media (min-width: 1024px) {\n.container {\n    max-width: 80%;\n}\n}\n@media (min-width: 1280px) {\n.container {\n    max-width: 1280px;\n}\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem;\n}\n.row--align-end {\n  justify-content: flex-end;\n}\n.row--align-center {\n  justify-content: center;\n}\n.row--align-justify {\n  justify-content: space-between;\n}\n.row--align-spaced {\n  justify-content: space-around;\n}\n.row--align-middle {\n  align-items: center;\n}\n.row--align-bottom {\n  align-items: flex-end;\n}\n.row--align-top {\n  align-items: flex-start;\n}\n.col {\n  position: relative;\n  min-height: 1px;\n  box-sizing: border-box;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  width: auto;\n  max-width: none;\n}\n.col--align-bottom {\n  align-self: flex-end;\n}\n.col--align-middle {\n  align-self: center;\n}\n.col--align-stretch {\n  align-self: stretch;\n}\n.col--align-top {\n  align-self: flex-start;\n}\n.col.col--order-1 {\n  order: 1;\n}\n.col.col--order-2 {\n  order: 2;\n}\n.col.col--order-3 {\n  order: 3;\n}\n.col.col--order-4 {\n  order: 4;\n}\n.col.col--order-5 {\n  order: 5;\n}\n.col.col--order-6 {\n  order: 6;\n}\n.col.col--order-7 {\n  order: 7;\n}\n.col.col--order-8 {\n  order: 8;\n}\n.col.col--order-9 {\n  order: 9;\n}\n.col.col--order-10 {\n  order: 10;\n}\n.col.col--order-11 {\n  order: 11;\n}\n.col.col--order-12 {\n  order: 12;\n}\n.col.col--sm-1 {\n  width: 100%;\n}\n.col.col--sm-2 {\n  width: 100%;\n}\n.col.col--sm-3 {\n  width: 100%;\n}\n.col.col--sm-4 {\n  width: 100%;\n}\n.col.col--sm-5 {\n  width: 100%;\n}\n.col.col--sm-6 {\n  width: 100%;\n}\n.col.col--sm-7 {\n  width: 100%;\n}\n.col.col--sm-8 {\n  width: 100%;\n}\n.col.col--sm-9 {\n  width: 100%;\n}\n.col.col--sm-10 {\n  width: 100%;\n}\n.col.col--sm-11 {\n  width: 100%;\n}\n.col.col--sm-12 {\n  width: 100%;\n}\n.col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.col.col--sm-order-1 {\n  order: 1;\n}\n.col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.col.col--sm-order-2 {\n  order: 2;\n}\n.col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.col.col--sm-order-3 {\n  order: 3;\n}\n.col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.col.col--sm-order-4 {\n  order: 4;\n}\n.col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.col.col--sm-order-5 {\n  order: 5;\n}\n.col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.col.col--sm-order-6 {\n  order: 6;\n}\n.col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.col.col--sm-order-7 {\n  order: 7;\n}\n.col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.col.col--sm-order-8 {\n  order: 8;\n}\n.col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.col.col--sm-order-9 {\n  order: 9;\n}\n.col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.col.col--sm-order-10 {\n  order: 10;\n}\n.col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.col.col--sm-order-11 {\n  order: 11;\n}\n.col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.col.col--sm-order-12 {\n  order: 12;\n}\n.col.col--md-1 {\n  width: 100%;\n}\n.col.col--md-2 {\n  width: 100%;\n}\n.col.col--md-3 {\n  width: 100%;\n}\n.col.col--md-4 {\n  width: 100%;\n}\n.col.col--md-5 {\n  width: 100%;\n}\n.col.col--md-6 {\n  width: 100%;\n}\n.col.col--md-7 {\n  width: 100%;\n}\n.col.col--md-8 {\n  width: 100%;\n}\n.col.col--md-9 {\n  width: 100%;\n}\n.col.col--md-10 {\n  width: 100%;\n}\n.col.col--md-11 {\n  width: 100%;\n}\n.col.col--md-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.col.col--md-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--md-order-1 {\n    order: 1;\n}\n.col.col--md-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--md-order-2 {\n    order: 2;\n}\n.col.col--md-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--md-order-3 {\n    order: 3;\n}\n.col.col--md-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--md-order-4 {\n    order: 4;\n}\n.col.col--md-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--md-order-5 {\n    order: 5;\n}\n.col.col--md-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--md-order-6 {\n    order: 6;\n}\n.col.col--md-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--md-order-7 {\n    order: 7;\n}\n.col.col--md-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--md-order-8 {\n    order: 8;\n}\n.col.col--md-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--md-order-9 {\n    order: 9;\n}\n.col.col--md-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--md-order-10 {\n    order: 10;\n}\n.col.col--md-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--md-order-11 {\n    order: 11;\n}\n.col.col--md-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--md-order-12 {\n    order: 12;\n}\n}\n.col.col--lg-1 {\n  width: 100%;\n}\n.col.col--lg-2 {\n  width: 100%;\n}\n.col.col--lg-3 {\n  width: 100%;\n}\n.col.col--lg-4 {\n  width: 100%;\n}\n.col.col--lg-5 {\n  width: 100%;\n}\n.col.col--lg-6 {\n  width: 100%;\n}\n.col.col--lg-7 {\n  width: 100%;\n}\n.col.col--lg-8 {\n  width: 100%;\n}\n.col.col--lg-9 {\n  width: 100%;\n}\n.col.col--lg-10 {\n  width: 100%;\n}\n.col.col--lg-11 {\n  width: 100%;\n}\n.col.col--lg-12 {\n  width: 100%;\n}\n@media (min-width: 1024px) {\n.col.col--lg-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--lg-order-1 {\n    order: 1;\n}\n.col.col--lg-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--lg-order-2 {\n    order: 2;\n}\n.col.col--lg-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--lg-order-3 {\n    order: 3;\n}\n.col.col--lg-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--lg-order-4 {\n    order: 4;\n}\n.col.col--lg-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--lg-order-5 {\n    order: 5;\n}\n.col.col--lg-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--lg-order-6 {\n    order: 6;\n}\n.col.col--lg-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--lg-order-7 {\n    order: 7;\n}\n.col.col--lg-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--lg-order-8 {\n    order: 8;\n}\n.col.col--lg-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--lg-order-9 {\n    order: 9;\n}\n.col.col--lg-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--lg-order-10 {\n    order: 10;\n}\n.col.col--lg-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--lg-order-11 {\n    order: 11;\n}\n.col.col--lg-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--lg-order-12 {\n    order: 12;\n}\n}\n.col.col--xl-1 {\n  width: 100%;\n}\n.col.col--xl-2 {\n  width: 100%;\n}\n.col.col--xl-3 {\n  width: 100%;\n}\n.col.col--xl-4 {\n  width: 100%;\n}\n.col.col--xl-5 {\n  width: 100%;\n}\n.col.col--xl-6 {\n  width: 100%;\n}\n.col.col--xl-7 {\n  width: 100%;\n}\n.col.col--xl-8 {\n  width: 100%;\n}\n.col.col--xl-9 {\n  width: 100%;\n}\n.col.col--xl-10 {\n  width: 100%;\n}\n.col.col--xl-11 {\n  width: 100%;\n}\n.col.col--xl-12 {\n  width: 100%;\n}\n@media (min-width: 1280px) {\n.col.col--xl-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--xl-order-1 {\n    order: 1;\n}\n.col.col--xl-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--xl-order-2 {\n    order: 2;\n}\n.col.col--xl-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--xl-order-3 {\n    order: 3;\n}\n.col.col--xl-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--xl-order-4 {\n    order: 4;\n}\n.col.col--xl-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--xl-order-5 {\n    order: 5;\n}\n.col.col--xl-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--xl-order-6 {\n    order: 6;\n}\n.col.col--xl-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--xl-order-7 {\n    order: 7;\n}\n.col.col--xl-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--xl-order-8 {\n    order: 8;\n}\n.col.col--xl-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--xl-order-9 {\n    order: 9;\n}\n.col.col--xl-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--xl-order-10 {\n    order: 10;\n}\n.col.col--xl-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--xl-order-11 {\n    order: 11;\n}\n.col.col--xl-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--xl-order-12 {\n    order: 12;\n}\n}\n.i-width-sm-1 {\n  width: 8.3333333333%;\n}\n.i-width-sm-2 {\n  width: 16.6666666667%;\n}\n.i-width-sm-3 {\n  width: 25%;\n}\n.i-width-sm-4 {\n  width: 33.3333333333%;\n}\n.i-width-sm-5 {\n  width: 41.6666666667%;\n}\n.i-width-sm-6 {\n  width: 50%;\n}\n.i-width-sm-7 {\n  width: 58.3333333333%;\n}\n.i-width-sm-8 {\n  width: 66.6666666667%;\n}\n.i-width-sm-9 {\n  width: 75%;\n}\n.i-width-sm-10 {\n  width: 83.3333333333%;\n}\n.i-width-sm-11 {\n  width: 91.6666666667%;\n}\n.i-width-sm-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.i-width-md-1 {\n    width: 8.3333333333%;\n}\n.i-width-md-2 {\n    width: 16.6666666667%;\n}\n.i-width-md-3 {\n    width: 25%;\n}\n.i-width-md-4 {\n    width: 33.3333333333%;\n}\n.i-width-md-5 {\n    width: 41.6666666667%;\n}\n.i-width-md-6 {\n    width: 50%;\n}\n.i-width-md-7 {\n    width: 58.3333333333%;\n}\n.i-width-md-8 {\n    width: 66.6666666667%;\n}\n.i-width-md-9 {\n    width: 75%;\n}\n.i-width-md-10 {\n    width: 83.3333333333%;\n}\n.i-width-md-11 {\n    width: 91.6666666667%;\n}\n.i-width-md-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1024px) {\n.i-width-lg-1 {\n    width: 8.3333333333%;\n}\n.i-width-lg-2 {\n    width: 16.6666666667%;\n}\n.i-width-lg-3 {\n    width: 25%;\n}\n.i-width-lg-4 {\n    width: 33.3333333333%;\n}\n.i-width-lg-5 {\n    width: 41.6666666667%;\n}\n.i-width-lg-6 {\n    width: 50%;\n}\n.i-width-lg-7 {\n    width: 58.3333333333%;\n}\n.i-width-lg-8 {\n    width: 66.6666666667%;\n}\n.i-width-lg-9 {\n    width: 75%;\n}\n.i-width-lg-10 {\n    width: 83.3333333333%;\n}\n.i-width-lg-11 {\n    width: 91.6666666667%;\n}\n.i-width-lg-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1280px) {\n.i-width-xl-1 {\n    width: 8.3333333333%;\n}\n.i-width-xl-2 {\n    width: 16.6666666667%;\n}\n.i-width-xl-3 {\n    width: 25%;\n}\n.i-width-xl-4 {\n    width: 33.3333333333%;\n}\n.i-width-xl-5 {\n    width: 41.6666666667%;\n}\n.i-width-xl-6 {\n    width: 50%;\n}\n.i-width-xl-7 {\n    width: 58.3333333333%;\n}\n.i-width-xl-8 {\n    width: 66.6666666667%;\n}\n.i-width-xl-9 {\n    width: 75%;\n}\n.i-width-xl-10 {\n    width: 83.3333333333%;\n}\n.i-width-xl-11 {\n    width: 91.6666666667%;\n}\n.i-width-xl-12 {\n    width: 100%;\n}\n}\n.sticky {\n  /* Double position is specified due to E11-compability.\n  `fixed` is used by IE11.\n  `sticky` is used by other web browsers. */\n  position: fixed;\n  position: sticky;\n  z-index: 9999;\n}\n.sticky--top {\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.density-default {\n  --f-density-factor: 1;\n}\n.density-dense {\n  --f-density-factor: 0.8;\n}\n.density-densest {\n  --f-density-factor: 0.6;\n}\n.formatter--date, .formatter--date-full, .formatter--date-long, .formatter--date-range, .formatter--text {\n  white-space: nowrap;\n}\n.formatter--bankgiro, .formatter--number, .formatter--orgnr, .formatter--plusgiro, .formatter--pnr, .formatter--postnummer {\n  white-space: nowrap;\n  font-feature-settings: "tnum";\n}\n.anchor, .file-item__file-open {\n  color: var(--f-text-color-link);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n  text-decoration-color: var(--f-text-color-link);\n  font-weight: var(--f-font-weight-medium);\n}\n.anchor:hover, .file-item__file-open:hover {\n  color: var(--f-text-color-link-hover);\n  text-decoration-color: var(--f-border-color-link-hover);\n}\n.anchor.anchor--block, .file-item__file-open {\n  display: inline-flex;\n}\n.anchor.anchor--block > svg, .file-item__file-open > svg, .anchor.anchor--block > .icon-stack, .file-item__file-open > .icon-stack {\n  flex-shrink: 0;\n  margin: calc((var(--f-line-height-large) * 1rem - var(--f-icon-size-small)) / 2) 0.25rem 0;\n}\n.anchor.anchor--discrete, .anchor--discrete.file-item__file-open {\n  color: var(--f-text-color-link-discrete);\n  text-decoration-color: var(--f-border-color-link-discrete);\n}\n.anchor.anchor--discrete:hover, .anchor--discrete.file-item__file-open:hover {\n  color: var(--f-text-color-link-discrete-hover);\n  text-decoration-color: var(--f-text-color-link-discrete-hover);\n}\n.badge {\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-small);\n  box-sizing: border-box;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: calc(var(--f-line-height-large) * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n  padding: 0 0.5rem;\n}\n.badge--default {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral-strong);\n  border-color: var(--fkds-color-feedback-background-neutral-strong);\n}\n.badge--default-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral);\n  border-color: var(--fkds-color-feedback-border-neutral);\n}\n.badge--warning {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n  border-color: var(--fkds-color-feedback-background-warning-strong);\n}\n@media (prefers-color-scheme: dark) {\n.badge--warning {\n    color: var(--fkds-color-text-inverted);\n}\n}\n.badge--warning-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-color: var(--fkds-color-feedback-border-warning);\n}\n.badge--error {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n  border-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.badge--error-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.badge--success {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-background-positive-strong);\n}\n.badge--success-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.badge--info {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-info-strong);\n  border-color: var(--fkds-color-feedback-background-info-strong);\n}\n.badge--info-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-color: var(--fkds-color-feedback-border-info);\n}\n.button-group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.button-group .button-group__item {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n@media (min-width: 640px) {\n.button-group .button-group__item {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group .button-group__item:last-child {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--discrete, .button-group > .button--discrete.calendar-navbar__year-selector-button, .button-group > .button.button--text, .button-group > .button--text.calendar-navbar__year-selector-button {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.button-group > .button.button--discrete:last-child, .button-group > .button--discrete.calendar-navbar__year-selector-button:last-child, .button-group > .button.button--text:last-child, .button-group > .button--text.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n.button-group > .button.button--small, .button-group > .button--small.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 0.75rem;\n}\n.button-group > .button.button--small:last-child, .button-group > .button--small.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--small.button--full-width, .button-group > .button--small.button--full-width.calendar-navbar__year-selector-button {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--medium, .button-group > .button--medium.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 1rem;\n}\n.button-group > .button.button--medium:last-child, .button-group > .button--medium.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--medium.button--full-width, .button-group > .button--medium.button--full-width.calendar-navbar__year-selector-button {\n    margin-right: 0;\n}\n}\n@media (min-width: 640px) {\n.button-group > .button.button--large, .button-group > .button--large.calendar-navbar__year-selector-button {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group > .button.button--large:last-child, .button-group > .button--large.calendar-navbar__year-selector-button:last-child {\n    margin-right: 0;\n}\n}\n.button-group--end {\n  justify-content: flex-end;\n}\n.button-list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  padding-left: 0;\n}\n.button-list > li button {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--small, .button-list > li button.button--small.calendar-navbar__year-selector-button, .button-list > li button.button.button--medium, .button-list > li button.button--medium.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--large, .button-list > li button.button--large.calendar-navbar__year-selector-button {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button, .calendar-navbar__year-selector-button {\n  border-color: transparent;\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-medium);\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  letter-spacing: var(--f-button-letter-spacing);\n  line-height: var(--f-button-default-line-height);\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  min-width: var(--f-button-min-width);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-default-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-default-padding-right);\n  padding-bottom: calc(var(--f-button-default-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-default-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  position: relative;\n  text-align: center;\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n}\n@media (max-width: 639.98px) {\n.button, .calendar-navbar__year-selector-button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button--text {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.button--text--black {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button, .calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-standard-padding-top) * var(--f-density-factor)) var(--f-button-standard-padding-right) calc(var(--f-button-standard-padding-bottom) * var(--f-density-factor)) var(--f-button-standard-padding-left);\n}\n.button:hover, .calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button:active, .calendar-navbar__year-selector-button:active, .button:focus, .calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.disabled, .disabled.calendar-navbar__year-selector-button, .button.disabled:hover, .button:disabled, .calendar-navbar__year-selector-button:disabled, .button:disabled:hover, .button.button--disabled, .button--disabled.calendar-navbar__year-selector-button, .button.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--primary, .button--primary.calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-primary-default);\n  border-color: transparent;\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-primary-padding-top) * var(--f-density-factor)) var(--f-button-primary-padding-right) calc(var(--f-button-primary-padding-bottom) * var(--f-density-factor)) var(--f-button-primary-padding-left);\n}\n.button.button--primary:hover, .button--primary.calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--primary:active, .button--primary.calendar-navbar__year-selector-button:active, .button.button--primary:focus, .button--primary.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--primary.disabled, .button--primary.disabled.calendar-navbar__year-selector-button, .button.button--primary.disabled:hover, .button.button--primary:disabled, .button--primary.calendar-navbar__year-selector-button:disabled, .button.button--primary:disabled:hover, .button.button--primary.button--disabled, .button--primary.button--disabled.calendar-navbar__year-selector-button, .button.button--primary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--secondary, .button--secondary.calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-secondary-padding-top) * var(--f-density-factor)) var(--f-button-secondary-padding-right) calc(var(--f-button-secondary-padding-bottom) * var(--f-density-factor)) var(--f-button-secondary-padding-left);\n}\n.button.button--secondary:hover, .button--secondary.calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--secondary:active, .button--secondary.calendar-navbar__year-selector-button:active, .button.button--secondary:focus, .button--secondary.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--secondary.disabled, .button--secondary.disabled.calendar-navbar__year-selector-button, .button.button--secondary.disabled:hover, .button.button--secondary:disabled, .button--secondary.calendar-navbar__year-selector-button:disabled, .button.button--secondary:disabled:hover, .button.button--secondary.button--disabled, .button--secondary.button--disabled.calendar-navbar__year-selector-button, .button.button--secondary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete:hover, .button--discrete.calendar-navbar__year-selector-button:hover, .button.button--text:hover, .button--text.calendar-navbar__year-selector-button:hover {\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete:active, .button--discrete.calendar-navbar__year-selector-button:active, .button.button--text:active, .button--text.calendar-navbar__year-selector-button:active, .button.button--discrete:focus, .button--discrete.calendar-navbar__year-selector-button:focus, .button.button--text:focus, .button--text.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n}\n.button.button--discrete.disabled, .button--discrete.disabled.calendar-navbar__year-selector-button, .button.disabled.button--text, .disabled.button--text.calendar-navbar__year-selector-button, .button.button--discrete.disabled:hover, .button.button--discrete:disabled, .button--discrete.calendar-navbar__year-selector-button:disabled, .button.button--text:disabled, .button--text.calendar-navbar__year-selector-button:disabled, .button.button--discrete:disabled:hover, .button.button--discrete.button--disabled, .button--discrete.button--disabled.calendar-navbar__year-selector-button, .button.button--disabled.button--text, .button--disabled.button--text.calendar-navbar__year-selector-button, .button.button--discrete.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--discrete--black, .button--discrete--black.calendar-navbar__year-selector-button, .button.button--text--black, .button--text--black.calendar-navbar__year-selector-button {\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-black-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-black-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-black-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-black-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--discrete:hover, .button--discrete.calendar-navbar__year-selector-button:hover, .button.button--text:hover, .button--text.calendar-navbar__year-selector-button:hover {\n  box-shadow: none;\n  mix-blend-mode: multiply;\n}\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button, .button.button--discrete:focus, .button.button--discrete:active, .button.button--discrete:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete-inverted:hover, .button--discrete-inverted.calendar-navbar__year-selector-button:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete-inverted:active, .button--discrete-inverted.calendar-navbar__year-selector-button:active, .button.button--discrete-inverted:focus, .button--discrete-inverted.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n}\n.button.button--discrete-inverted.disabled, .button--discrete-inverted.disabled.calendar-navbar__year-selector-button, .button.button--discrete-inverted.disabled:hover, .button.button--discrete-inverted:disabled, .button--discrete-inverted.calendar-navbar__year-selector-button:disabled, .button.button--discrete-inverted:disabled:hover, .button.button--discrete-inverted.button--disabled, .button--discrete-inverted.button--disabled.calendar-navbar__year-selector-button, .button.button--discrete-inverted.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button, .button.button--discrete-inverted:focus, .button.button--discrete-inverted:active, .button.button--discrete-inverted:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--tertiary, .calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n}\n.button.button--tertiary:hover, .calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.button.button--tertiary:active, .calendar-navbar__year-selector-button:active, .button.button--tertiary:focus, .calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--tertiary.disabled, .disabled.calendar-navbar__year-selector-button, .button.button--tertiary.disabled:hover, .button.button--tertiary:disabled, .calendar-navbar__year-selector-button:disabled, .button.button--tertiary:disabled:hover, .button.button--tertiary.button--disabled, .button--disabled.calendar-navbar__year-selector-button, .button.button--tertiary.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary, .calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--tertiary--black, .calendar-navbar__year-selector-button {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--black:hover, .calendar-navbar__year-selector-button:hover, .button.button--tertiary--black:active, .calendar-navbar__year-selector-button:active, .button.button--tertiary--black:focus, .calendar-navbar__year-selector-button:focus {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary:disabled, .calendar-navbar__year-selector-button:disabled {\n  border: none;\n}\n.button.button--tertiary--inverted, .button--tertiary--inverted.calendar-navbar__year-selector-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted:hover, .button--tertiary--inverted.calendar-navbar__year-selector-button:hover, .button.button--tertiary--inverted:active, .button--tertiary--inverted.calendar-navbar__year-selector-button:active, .button.button--tertiary--inverted:focus, .button--tertiary--inverted.calendar-navbar__year-selector-button:focus {\n  color: var(--fkds-color-action-text-inverted-focus);\n  background-color: transparent;\n}\n.button.button--tertiary--inverted:disabled, .button--tertiary--inverted.calendar-navbar__year-selector-button:disabled {\n  color: var(--fkds-color-text-disabled);\n  border: none;\n  border-width: 0;\n  background-color: transparent;\n}\n.button.button--tertiary--underline, .button--tertiary--underline.calendar-navbar__year-selector-button {\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 4px;\n}\n.button.button--tertiary--underline:disabled, .button--tertiary--underline.calendar-navbar__year-selector-button:disabled {\n  text-decoration: none;\n}\n.button.button--tertiary.button--small, .button--small.calendar-navbar__year-selector-button {\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.button.button--tertiary.button--small.button--align-text, .button--small.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.25rem;\n}\n.button.button--tertiary.button--medium, .button--medium.calendar-navbar__year-selector-button {\n  min-width: 8rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-tertiary-padding-right);\n  padding-bottom: calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-tertiary-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n}\n.button.button--tertiary.button--medium.button--align-text, .button--medium.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.5rem;\n}\n.button.button--tertiary.button--large, .button--large.calendar-navbar__year-selector-button {\n  min-width: var(--f-button-min-width);\n  padding: calc(1.125rem * var(--f-density-factor)) 0.75rem;\n}\n.button.button--tertiary.button--large.button--align-text, .button--large.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.75rem;\n}\n.button.button--tertiary.button--align-text, .button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.5rem;\n  min-width: 0;\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary.button--full-width, .button--full-width.calendar-navbar__year-selector-button {\n    min-width: var(--f-width-full);\n}\n}\n.button.button--full-width, .button--full-width.calendar-navbar__year-selector-button {\n  min-width: var(--f-width-full);\n}\n.button.button--margin-bottom-0, .calendar-navbar__year-selector-button {\n  margin-bottom: 0;\n}\n.button.button--small, .button--small.calendar-navbar__year-selector-button {\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 4rem;\n  padding: calc(0.25rem * var(--f-density-factor)) 0.75rem;\n}\n@media (max-width: 639.98px) {\n.button.button--small:not(.button--full-width), .button--small.calendar-navbar__year-selector-button:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--small > .button__icon, .button--small.calendar-navbar__year-selector-button > .button__icon {\n  height: 14px;\n  width: 14px;\n}\n.button.button--medium, .button--medium.calendar-navbar__year-selector-button {\n  line-height: 1.5rem;\n  min-width: 8rem;\n  padding: calc(0.625rem * var(--f-density-factor)) 1.25rem;\n}\n@media (max-width: 639.98px) {\n.button.button--medium:not(.button--full-width), .button--medium.calendar-navbar__year-selector-button:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--large, .button--large.calendar-navbar__year-selector-button {\n  line-height: 1.5rem;\n  min-width: 9.5rem;\n  padding: calc(1rem * var(--f-density-factor)) 1.5rem;\n}\n@media (max-width: 639.98px) {\n.button.button--large, .button--large.calendar-navbar__year-selector-button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button > .button__icon, .calendar-navbar__year-selector-button > .button__icon {\n  margin-right: 0.25rem;\n  transform: translate(0, 15%);\n}\n.button > .button__icon:not(:first-child), .calendar-navbar__year-selector-button > .button__icon:not(:first-child) {\n  margin-left: 0.25rem;\n  margin-right: 0;\n}\n.button > .button__icon--end, .calendar-navbar__year-selector-button > .button__icon--end {\n  position: absolute;\n  right: 1.25rem;\n}\n.button.disabled, .disabled.calendar-navbar__year-selector-button, .button.disabled:hover, .button:disabled, .calendar-navbar__year-selector-button:disabled, .button:disabled:hover, .button.button--disabled, .button--disabled.calendar-navbar__year-selector-button {\n  border-width: var(--f-border-width-medium);\n  box-shadow: none;\n  cursor: default;\n}\n.calendar-day {\n  align-items: center;\n  display: inline-flex;\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  height: 2.75rem;\n  width: 100%;\n  color: var(--fkds-color-text-primary);\n}\n.calendar-day--highlight {\n  position: relative;\n}\n.calendar-day--highlight::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--highlight.calendar-day--disabled::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--disabled::after {\n  content: "";\n  z-index: 1;\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day--selected {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day:hover:not(.calendar-day--disabled, .calendar-day--selected), .calendar-day--hover:not(.calendar-day--disabled, .calendar-day--selected) {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.card {\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  margin: calc(1rem * var(--f-density-factor)) 0;\n}\n.card--default {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n}\n.card--error {\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-negative);\n}\n.card__content {\n  color: var(--fkds-color-text-primary);\n}\n.card__content > p:last-child,\n.card__content > div:last-child {\n  margin-bottom: 0;\n}\n.card__content > p:last-child > *:last-child,\n.card__content > div:last-child > *:last-child {\n  margin-bottom: 0;\n}\n.card__header-label {\n  color: var(--fkds-color-text-primary);\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  display: block;\n}\n.card__footer {\n  padding-top: calc(1.25rem * var(--f-density-factor));\n}\n.card__footer > .button-group {\n  margin-bottom: 0;\n}\n.card__footer > .button-group .button-group__item {\n  margin-bottom: 0 !important;\n}\n.card__error-message {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.list__item {\n  display: flex;\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  background: var(--f-background-grid-default);\n}\n.radio-button-group--border .radio-button-group__content .radio-button:not(.disabled):hover, .checkbox-group--border .checkbox-group__content .checkbox:not(.disabled):hover, .list--hover .list__item:not(.disabled):focus-within,\n.list--hover .list__item:not(.disabled):hover, .list__item--hover:not(.disabled) {\n  background: var(--f-background-grid-hover);\n}\n.list--hover .list__item:focus-within.list__item--active,\n.list--hover .list__item:hover.list__item--active, .list__item--active {\n  background: var(--f-background-grid-active);\n}\n.list {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  padding-left: 0;\n}\n.list__item:not(:last-child) {\n  border-bottom: none;\n}\n.list__item__itempane {\n  width: 100%;\n  padding: calc(var(--f-list-item-itempane-padding) * var(--f-density-factor)) var(--f-list-item-itempane-padding);\n  color: inherit;\n  --f-margin-component-bottom: 0.5rem;\n}\n.list__item__itempane .button {\n  margin-bottom: 0;\n}\n.list__item__itempane ul {\n  list-style-type: disc;\n}\n.list__item__itempane ul ul {\n  list-style-type: circle;\n}\n.list__item__selectpane {\n  padding: calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) 0 calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) calc(var(--f-list-item-itempane-padding) - 0.2rem);\n}\n.list__item__selectpane__input {\n  margin-top: 0.1rem;\n}\n.list__item__selectpane__input .checkbox__label,\n.list__item__selectpane__input .radio-button__label {\n  min-width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n}\n.list__item__selectpane__input .checkbox__label::after,\n.list__item__selectpane__input .checkbox__label::before,\n.list__item__selectpane__input .radio-button__label::after,\n.list__item__selectpane__input .radio-button__label::before {\n  top: calc(0.2rem * var(--f-density-factor));\n  left: 0.2rem;\n}\n.list--hover .list__item:focus-within,\n.list--hover .list__item:hover {\n  cursor: pointer;\n}\n.radio-button-group--border .radio-button-group__content .radio-button, .checkbox-group--border .checkbox-group__content .checkbox {\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  margin-bottom: 0;\n  width: 100%;\n  cursor: pointer;\n  border-bottom: none;\n}\n.radio-button-group--border .radio-button-group__content .radio-button:last-child, .checkbox-group--border .checkbox-group__content .checkbox:last-child {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-grid);\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:focus + label, .checkbox-group--border .checkbox-group__content .checkbox input:focus + label {\n  outline: 2px solid var(--f-border-color-grid);\n  outline-offset: -2px;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input + label::after, .checkbox-group--border .checkbox-group__content .checkbox input + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:checked + label::after, .checkbox-group--border .checkbox-group__content .checkbox input:checked + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label::before, .checkbox-group--border .checkbox-group__content .checkbox label::before {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label, .checkbox-group--border .checkbox-group__content .checkbox label {\n  padding: 1rem;\n  padding-left: 3rem;\n  width: 100%;\n}\n.radio-button__details,\n.checkbox__details {\n  display: block;\n}\n.radio-button__width,\n.checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrYm94LWljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMy40NzQiIHk9IjkuMTk0IiBmaWxsPSIjM0M1NTkyIiB3aWR0aD0iMCIgaGVpZ2h0PSIwIi8+CjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCiAgICAgICAgYzAuNjM1LTAuNjMzLDEuNjYzLTAuNjMzLDIuMjk4LDBsMi4xMDEsMi4wOTdsNS4zNTEtNS4zNGMwLjYzNS0wLjYzNCwxLjY2My0wLjYzNCwyLjI5OCwwYzAuNjM1LDAuNjMzLDAuNjM1LDEuNjU5LDAsMi4yOTMKICAgICAgICBsLTYuNSw2LjQ4N0M5LjIwNywxNC44NDcsOC43OTIsMTUuMDA1LDguMzc2LDE1LjAwNXoiLz4KPC9zdmc+Cg==");\n  mask-repeat: no-repeat;\n}\n.checkbox {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.checkbox:last-child {\n  margin-bottom: 0;\n}\n.checkbox__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.checkbox__label {\n  min-width: 4.5rem;\n  display: inline-block;\n  cursor: pointer;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n  color: var(--fkds-color-text-primary);\n}\n.checkbox__label * {\n  pointer-events: none;\n}\n.checkbox__label::before, .checkbox__label::after {\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  width: var(--f-icon-size-medium);\n}\n.checkbox__label::before {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-small);\n  cursor: pointer;\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-inverted);\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n@media (forced-colors: active) {\n.checkbox__label::after {\n    background-color: Canvas;\n}\n}\n.checkbox.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled {\n    color: GrayText;\n}\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n    border-color: GrayText;\n}\n}\n.checkbox.disabled input[type=checkbox]:checked + .checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-select-background-primary-default);\n  border: var(--f-border-width-medium) solid transparent;\n}\n@media (forced-colors: active) {\n.checkbox input[type=checkbox]:checked + label::before {\n    background-color: HighLight;\n    border-color: HighLight;\n}\n}\n.checkbox input[type=checkbox]:checked + .checkbox__label::after {\n  opacity: 1;\n}\n.checkbox input[type=checkbox]:focus + .checkbox__label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group--chip .radio-button-group__label {\n  margin-bottom: 0.25rem;\n}\n.radio-button-group--chip .radio-button-group__content {\n  margin: -0.25rem;\n}\n.radio-button-group--chip .radio-button {\n  margin: 0;\n  padding: 0.25rem;\n}\n.radio-button-group--chip .radio-button.disabled .radio-button__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.radio-button-group--chip .radio-button__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.radio-button-group--chip .radio-button__label::before, .radio-button-group--chip .radio-button__label::after {\n  display: none;\n}\n.radio-button-group--chip .radio-button__label svg {\n  margin-right: 0.5rem;\n}\n.radio-button-group--chip .radio-button__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.radio-button-group--chip input[type=radio]:checked + .radio-button__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.radio-button-group--chip input[type=radio]:focus + label.radio-button__label {\n  border-radius: 20px;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n  flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n    flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 0;\n}\n}\n.checkbox-group--chip .checkbox-group__label {\n  margin-bottom: 0.25rem;\n}\n.checkbox-group--chip .checkbox-group__content {\n  margin: -0.25rem;\n}\n.checkbox-group--chip .checkbox {\n  margin: 0;\n  padding: 0.25rem;\n}\n.checkbox-group--chip .checkbox.disabled .checkbox__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.checkbox-group--chip .checkbox__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.checkbox-group--chip .checkbox__label::before, .checkbox-group--chip .checkbox__label::after {\n  display: none;\n}\n.checkbox-group--chip .checkbox__label svg {\n  margin-right: 0.5rem;\n}\n.checkbox-group--chip .checkbox__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.checkbox-group--chip input[type=checkbox]:checked + .checkbox__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.checkbox-group--chip input[type=checkbox]:focus + label.checkbox__label {\n  border-radius: 20px;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n  flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n    flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n    margin-bottom: 0;\n}\n}\n.close-button {\n  align-items: center;\n  background: inherit;\n  border: none;\n  color: var(--fkds-color-action-text-secondary-default);\n  cursor: pointer;\n  display: flex;\n  font-weight: 700;\n  gap: 0.5rem;\n  margin: 0.375rem;\n  padding: 0.125rem 0.625rem;\n}\n.close-button .icon {\n  min-width: var(--f-icon-size-small);\n}\n.popup .popup__wrapper.combobox__listbox {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-box-modal-shadow);\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding: 2px;\n}\n.calendar__year-selector__listbox, .combobox__listbox__list {\n  margin: 0;\n  padding: 0;\n}\n.calendar__year-selector__year, .combobox__listbox__option {\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  list-style-type: none;\n  padding: 0.75rem;\n  white-space: nowrap;\n}\n.calendar__year-selector__year:hover, .combobox__listbox__option:hover {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.calendar__year-selector__year--highlight {\n  background-color: var(--fkds-color-select-background-primary-default);\n  color: var(--fkds-color-text-inverted);\n  font-weight: var(--f-font-weight-medium);\n}\n.combobox__button {\n  background: inherit;\n  border: none;\n  color: var(--fkds-icon-color-action-content-primary-default);\n  margin: 0;\n  padding: 0;\n}\n.combobox__button:disabled {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.contextmenu {\n  min-width: 260px;\n  background-color: var(--f-background-popupmenu);\n}\n.contextmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n  display: block;\n  list-style-type: none;\n}\n.contextmenu__list__item {\n  cursor: pointer;\n  white-space: normal;\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n}\n.contextmenu__list__item a,\n.contextmenu__list__item a:visited,\n.contextmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.contextmenu__list__item:hover {\n  color: var(--f-text-color-popupmenu-hover);\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n@media (min-width: 640px) {\n.contextmenu__list__item {\n    white-space: nowrap;\n}\n}\n.contextmenu__separator {\n  margin: 0.75rem;\n  height: 1px;\n  border: none;\n  border-top: 1px solid var(--f-border-color-separator-contextmenu);\n}\n.contextmenu__lefticon {\n  margin-right: 0.75rem;\n  min-width: var(--f-icon-size-small);\n}\n.crud-dataset {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.crud-dataset__add-button {\n  margin-bottom: 0 !important;\n  margin-top: 0.5rem !important;\n  margin-left: 2px;\n}\n.crud-dataset .list,\n.crud-dataset .table {\n  margin-bottom: 0;\n}\n.datepicker-field__button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--f-border-radius-medium);\n  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n  min-height: var(--f-icon-size-large);\n  min-width: var(--f-icon-size-large);\n  height: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  width: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  vertical-align: middle;\n}\n.datepicker-field__button:hover .icon {\n  color: var(--fkds-icon-color-action-content-primary-hover);\n}\n.datepicker-field__button:disabled .icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n}\n.datepicker-field__close {\n  display: flex;\n  justify-content: flex-end;\n}\n.datepicker-field__close > .datepicker-field__close__button {\n  margin: 0;\n  padding: 1rem;\n}\n.popup--overlay .datepicker-field__popup {\n  width: calc(100vw - 40px);\n  max-width: 28rem;\n}\n.popup--inline .datepicker-field__popup {\n  width: 100%;\n}\n.popup--inline .datepicker-field__table {\n  margin-top: 0;\n}\n.popup--inline .datepicker-field__table .calendar-month__cell {\n  padding: 0;\n  border-bottom: unset;\n}\n.popup--inline .datepicker-field__table .calendar-month__header-cell {\n  background-color: unset;\n  border: unset;\n}\n.dialogue-tree {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.dialogue-tree__list {\n  margin-left: 0;\n  padding-left: 0;\n  list-style-type: none;\n  border-radius: 2px;\n  border: 1px solid var(--fkds-color-border-primary);\n}\n.dialogue-tree__list-item {\n  background-color: var(--fkds-color-background-primary);\n  border-bottom: 1px solid var(--fkds-color-border-primary);\n  padding: 0.25em;\n  height: 60px;\n}\n.dialogue-tree__list-item:last-child {\n  border-bottom: none;\n}\n.dialogue-tree__list-item:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.dialogue-tree__list-item button {\n  padding: 0 0.75em;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  color: var(--fkds-color-action-text-secondary-default);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.dialogue-tree__list-item button span {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-weight: var(--f-font-weight-medium);\n  font-size: var(--f-font-size-standard);\n  text-align: left;\n  cursor: pointer;\n}\n.dialogue-tree__list-item button .icon {\n  flex-shrink: 0;\n  margin-left: 1.25rem;\n  color: currentcolor;\n}\n.entrypoint {\n  background-color: var(--fkds-color-action-background-primary-default);\n  color: var(--fkds-color-action-text-inverted-default);\n  border: var(--f-border-width-medium) solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-button-shadow);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  text-align: left;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  line-height: var(--f-line-height-large);\n  width: 100%;\n}\n.entrypoint__icon {\n  margin-left: 2rem;\n  flex-shrink: 0;\n}\n.entrypoint:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n}\n.error-list {\n  color: var(--fkds-color-feedback-text-negative);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.error-list--list-style-none {\n  list-style-type: none;\n  padding: 0;\n}\n.error-list--padding-left {\n  padding-left: 1rem;\n}\n.error-list__list {\n  margin: 0;\n  line-height: max(1.5, 2 * var(--f-density-factor));\n}\n.error-list__bullet::before {\n  color: var(--fkds-color-feedback-text-negative);\n  content: "•";\n  display: inline;\n  font-size: var(--f-font-size-h4);\n  line-height: 0;\n  margin-right: 0.75rem;\n}\n.error-list__link {\n  color: var(--fkds-color-feedback-text-negative);\n  list-style-position: inside;\n  text-decoration: underline;\n  text-underline-offset: 0.25em;\n}\n.error-list__link a {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.error-list__link:hover {\n  text-decoration-thickness: 2px;\n}\n.error-list__icon {\n  max-width: none;\n  position: relative;\n  top: 3px;\n}\n.error-list--list-item {\n  display: list-item;\n}\n.offline .icon, .icon, .offline .icon-stack, .icon-stack,\n.icon--stack {\n  display: inline-block;\n  height: var(--f-icon-size-small);\n  max-height: 100%;\n  max-width: 100%;\n  pointer-events: none;\n  width: var(--f-icon-size-small);\n}\n.select-field__icon, .label__icon {\n  display: inline;\n  height: var(--f-icon-size-large);\n  position: absolute;\n  right: 0.75rem;\n  top: calc(0.5rem * var(--f-density-factor));\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.offline .icon-stack, .icon-stack,\n.icon--stack {\n  position: relative;\n}\n.icon-stack .icon,\n.icon--stack .icon {\n  position: absolute;\n}\n.icon--flip-horizontal {\n  transform: scaleX(-1);\n}\n.icon--flip-vertical {\n  transform: scaleY(-1);\n}\n.icon--rotate-90 {\n  transform: rotate(90deg);\n}\n.icon--rotate-180 {\n  transform: rotate(180deg);\n}\n.icon--rotate-270 {\n  transform: rotate(270deg);\n}\n.icon-stack--new-window .icon.f-icon-new-window,\n.icon--new-window .icon.f-icon-new-window {\n  width: 55%;\n  height: 55%;\n  top: 0;\n  right: 0;\n}\n.icon-stack--new-window .icon:not(.f-icon-new-window),\n.icon--new-window .icon:not(.f-icon-new-window) {\n  width: 83%;\n  height: 83%;\n  bottom: 0;\n  left: 5%;\n}\n.icon-stack--tooltip .f-icon-circle,\n.icon--stack--tooltip .f-icon-circle {\n  fill: var(--f-icon-color-info);\n  color: var(--f-icon-color-info);\n}\n.icon-stack--tooltip .f-icon-i,\n.icon--stack--tooltip .f-icon-i {\n  color: var(--f-icon-color-white);\n}\n.icon-stack--info .f-icon-circle,\n.icon--stack--info .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-info);\n  fill: var(--fkds-icon-color-feedback-border-info);\n}\n.icon-stack--warning .f-icon-circle,\n.icon--stack--warning .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-warning);\n  fill: var(--fkds-icon-color-feedback-border-warning);\n}\n.icon-stack--error .f-icon-triangle,\n.icon--stack--error .f-icon-triangle {\n  color: var(--fkds-icon-color-feedback-background-negative);\n  fill: var(--fkds-icon-color-feedback-border-negative);\n}\n.icon-stack--success .f-icon-circle,\n.icon--stack--success .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-positive);\n  fill: var(--fkds-icon-color-feedback-border-positive);\n}\n.icon-stack--success .f-icon-success,\n.icon--stack--success .f-icon-success {\n  transform: scale(0.6);\n}\n.icon-stack--large,\n.icon--stack--large {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n.icon-stack--large svg,\n.icon--stack--large svg {\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle, .icon-stack--circle-bottom,\n.icon--stack--circle,\n.icon--stack--circle-bottom {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100%;\n  overflow: hidden;\n}\n.icon-stack--circle .f-icon-circle, .icon-stack--circle-bottom .f-icon-circle,\n.icon--stack--circle .f-icon-circle,\n.icon--stack--circle-bottom .f-icon-circle {\n  color: var(--f-icon-color-success-background);\n  fill: var(--f-icon-color-success-background);\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle .icon:not(.f-icon-circle), .icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  color: var(--f-icon-color-success);\n  position: absolute;\n}\n.icon-stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle) {\n  width: 70%;\n  height: 70%;\n  inset: 0;\n  margin: auto;\n}\n.icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  width: 80%;\n  height: 80%;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0%;\n}\n.expandable-panel {\n  margin-bottom: calc(2rem * var(--f-density-factor));\n}\n.expandable-panel__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-panel);\n  width: var(--f-icon-size-medium);\n  height: var(--f-icon-size-medium);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-medium)) / 2);\n  display: flex;\n  color: var(--f-background-heading-expandable-panel);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-panel__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__content {\n  height: auto;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__heading button {\n  border: var(--f-expandable-panel-heading-border-open);\n}\n.expandable-panel.expandable-panel--collapsed .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  margin-bottom: 0 !important;\n}\n.expandable-panel__heading button {\n  background-color: var(--f-background-heading-expandable-panel);\n  border: var(--f-expandable-panel-heading-border-close);\n  border-radius: var(--f-expandable-panel-heading-border-radius);\n  color: var(--f-text-color-heading-expandable-panel);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  position: relative;\n  text-align: left;\n  width: 100%;\n}\n.expandable-panel__heading button:focus, .expandable-panel__heading button:hover {\n  background-color: var(--f-background-heading-expandable-panel-hover);\n}\n.expandable-panel__notification {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-notice);\n  border: var(--f-border-width-medium) solid var(--f-icon-color-white);\n  width: var(--f-icon-size-x-large);\n  height: var(--f-icon-size-x-large);\n  display: inline-block;\n  padding: 0.27rem;\n  position: absolute;\n  right: 1.5rem;\n  top: -0.75rem;\n  line-height: 0;\n}\n.expandable-panel__notification svg {\n  color: var(--f-icon-color-white);\n  height: auto;\n  width: auto;\n}\n.expandable-panel__content {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) ease-in;\n}\n.expandable-panel__body {\n  background-color: var(--f-background-expandable-panel);\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  border-top: 0;\n  line-height: inherit;\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n}\n.expandable-paragraph {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.expandable-paragraph__heading {\n  line-height: var(--f-line-height-medium);\n  margin: 0;\n}\n.expandable-paragraph__heading button {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  margin: 0;\n  display: flex;\n  text-align: left;\n  padding: 0;\n  flex-shrink: 0;\n}\n.expandable-paragraph__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-paragraph);\n  width: var(--f-icon-size-small);\n  height: var(--f-icon-size-small);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-small)) / 2);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n  display: flex;\n  color: var(--f-icon-color-white);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-paragraph__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__container {\n  height: auto;\n}\n.expandable-paragraph.expandable-paragraph--closed .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-paragraph__container {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.expandable-paragraph__content, .expandable-paragraph__related-information {\n  margin-left: calc(var(--f-icon-size-small) + 0.5rem);\n}\n.expandable-paragraph__related-information {\n  color: var(--f-text-color-discrete);\n  font-size: 0.875rem;\n}\n.expandable-paragraph__content {\n  margin-top: calc(0.75rem * var(--f-density-factor));\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.expandable-paragraph__separator {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin: 0 0.5rem calc(0.5rem * var(--f-density-factor)) 0.5rem;\n}\n.expandable-paragraph--list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  padding-bottom: calc(0.5rem * var(--f-density-factor));\n  border-bottom: var(--f-border-width-small) solid var(--f-border-color-separator);\n}\n.fieldset {\n  border: 0;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  min-width: 0;\n  padding: 0;\n  width: var(--f-width-full);\n}\n.fieldset__label {\n  padding: 0;\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.fieldset__content {\n  display: flex;\n  flex-direction: column;\n}\n.file-item-list {\n  list-style-type: none;\n  padding-left: 0;\n}\n.file-item .button--discrete {\n  padding: 0;\n  min-width: auto;\n  text-align: left;\n  margin-right: 0.25rem;\n}\n.file-item__row {\n  margin-bottom: 1.25rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.file-item__row button,\n.file-item__row a {\n  margin-bottom: 0;\n}\n.file-item__file-open {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  flex: 0 1 auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.file-item__file-remove {\n  flex: 0 0 auto;\n}\n.file-item__file-abort {\n  flex: 0 0 auto;\n}\n.file-item__file-abort svg {\n  color: var(--f-icon-color-error);\n}\n.file-item__change-info {\n  margin-top: -1.25rem;\n}\n.file-item__file-name {\n  margin-left: 0.25rem;\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.file-item__separator {\n  margin-bottom: 1.25rem;\n  border: var(--f-border-width-medium) solid var(--f-border-color-separator);\n}\n.file-selector input[type=file] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.file-selector input[type=file]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.file-selector label {\n  cursor: pointer;\n}\n.file-selector input:disabled + label {\n  background-color: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n.file-uploader__message-box {\n  margin-top: 1.25rem;\n}\n.component-group > .component-group__item:not(:only-child) {\n  margin-bottom: 1rem;\n}\n.component-group > .component-group__item:last-child:not(:first-child) {\n  margin-bottom: 2rem;\n}\n.indent {\n  border-left: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin-bottom: 1rem;\n  margin-left: 0.5rem;\n  padding-left: 1.5rem;\n}\n.label {\n  color: var(--fkds-color-text-primary);\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n}\n.label.sr-only {\n  width: auto;\n}\n.label__message {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  margin-top: var(--f-label-message-margin-top);\n}\n.label__message--error {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.label__icon-wrapper {\n  position: relative;\n}\n.label__icon--left {\n  position: relative;\n  top: calc(3px * var(--f-density-factor));\n}\n.label__description {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  color: var(--fkds-color-text-primary);\n}\n.label__description--format {\n  color: var(--fkds-color-text-secondary);\n}\n.layout-application-template {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.layout-application-template__header {\n  z-index: 9994;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  width: 100%;\n}\n.layout-application-template__footer {\n  flex-shrink: 0;\n}\n.layout-application-template__main {\n  flex-grow: 1;\n}\n.layout-application-template__main > .container-fluid {\n  margin: 20px;\n  width: initial;\n  max-width: 1440px;\n}\n.layout-application-template__body {\n  margin: 0;\n  padding: 0;\n  min-height: 100vh;\n}\n.layout-application-template__body > div {\n  height: 100%;\n}\n.layout-application-template__html {\n  height: 100%;\n}\n.grid--force .col.col--sm-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-sm .col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-1 {\n  order: 1;\n}\n.grid--force-sm .col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-2 {\n  order: 2;\n}\n.grid--force-sm .col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-sm .col.col--sm-order-3 {\n  order: 3;\n}\n.grid--force-sm .col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-4 {\n  order: 4;\n}\n.grid--force-sm .col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-5 {\n  order: 5;\n}\n.grid--force-sm .col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-sm .col.col--sm-order-6 {\n  order: 6;\n}\n.grid--force-sm .col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-7 {\n  order: 7;\n}\n.grid--force-sm .col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-8 {\n  order: 8;\n}\n.grid--force-sm .col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-sm .col.col--sm-order-9 {\n  order: 9;\n}\n.grid--force-sm .col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-10 {\n  order: 10;\n}\n.grid--force-sm .col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-11 {\n  order: 11;\n}\n.grid--force-sm .col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-sm .col.col--sm-order-12 {\n  order: 12;\n}\n.grid--force .col.col--md-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-md .col.col--md-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-md .col.col--md-order-1 {\n  order: 1;\n}\n.grid--force-md .col.col--md-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-md .col.col--md-order-2 {\n  order: 2;\n}\n.grid--force-md .col.col--md-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-md .col.col--md-order-3 {\n  order: 3;\n}\n.grid--force-md .col.col--md-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-md .col.col--md-order-4 {\n  order: 4;\n}\n.grid--force-md .col.col--md-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-md .col.col--md-order-5 {\n  order: 5;\n}\n.grid--force-md .col.col--md-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-md .col.col--md-order-6 {\n  order: 6;\n}\n.grid--force-md .col.col--md-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-md .col.col--md-order-7 {\n  order: 7;\n}\n.grid--force-md .col.col--md-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-md .col.col--md-order-8 {\n  order: 8;\n}\n.grid--force-md .col.col--md-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-md .col.col--md-order-9 {\n  order: 9;\n}\n.grid--force-md .col.col--md-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-md .col.col--md-order-10 {\n  order: 10;\n}\n.grid--force-md .col.col--md-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-md .col.col--md-order-11 {\n  order: 11;\n}\n.grid--force-md .col.col--md-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-md .col.col--md-order-12 {\n  order: 12;\n}\n.grid--force .col.col--lg-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-lg .col.col--lg-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-1 {\n  order: 1;\n}\n.grid--force-lg .col.col--lg-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-2 {\n  order: 2;\n}\n.grid--force-lg .col.col--lg-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-lg .col.col--lg-order-3 {\n  order: 3;\n}\n.grid--force-lg .col.col--lg-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-4 {\n  order: 4;\n}\n.grid--force-lg .col.col--lg-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-5 {\n  order: 5;\n}\n.grid--force-lg .col.col--lg-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-lg .col.col--lg-order-6 {\n  order: 6;\n}\n.grid--force-lg .col.col--lg-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-7 {\n  order: 7;\n}\n.grid--force-lg .col.col--lg-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-8 {\n  order: 8;\n}\n.grid--force-lg .col.col--lg-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-lg .col.col--lg-order-9 {\n  order: 9;\n}\n.grid--force-lg .col.col--lg-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-10 {\n  order: 10;\n}\n.grid--force-lg .col.col--lg-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-11 {\n  order: 11;\n}\n.grid--force-lg .col.col--lg-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-lg .col.col--lg-order-12 {\n  order: 12;\n}\n.grid--force .col.col--xl-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-xl .col.col--xl-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-1 {\n  order: 1;\n}\n.grid--force-xl .col.col--xl-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-2 {\n  order: 2;\n}\n.grid--force-xl .col.col--xl-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-xl .col.col--xl-order-3 {\n  order: 3;\n}\n.grid--force-xl .col.col--xl-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-4 {\n  order: 4;\n}\n.grid--force-xl .col.col--xl-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-5 {\n  order: 5;\n}\n.grid--force-xl .col.col--xl-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-xl .col.col--xl-order-6 {\n  order: 6;\n}\n.grid--force-xl .col.col--xl-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-7 {\n  order: 7;\n}\n.grid--force-xl .col.col--xl-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-8 {\n  order: 8;\n}\n.grid--force-xl .col.col--xl-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-xl .col.col--xl-order-9 {\n  order: 9;\n}\n.grid--force-xl .col.col--xl-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-10 {\n  order: 10;\n}\n.grid--force-xl .col.col--xl-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-11 {\n  order: 11;\n}\n.grid--force-xl .col.col--xl-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-xl .col.col--xl-order-12 {\n  order: 12;\n}\n.layout-navigation {\n  min-height: 100%;\n  width: 100%;\n}\n.layout-navigation__primary {\n  flex: auto;\n}\n.layout-navigation__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-navigation__navigation {\n  background-color: #f4f4f4;\n  display: flex;\n  position: fixed;\n  z-index: 9994;\n  left: 0;\n  bottom: 0;\n}\n.layout-navigation__navigation .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-navigation__navigation__border {\n  width: 4px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-navigation__navigation__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-navigation__navigation__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-navigation__navigation__inner {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  margin-right: 12px;\n  word-wrap: break-word;\n  padding: 1rem;\n}\n.layout-navigation__navigation__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-navigation__navigation__inner__title button {\n  margin: 0;\n  position: absolute;\n  right: 0.5rem;\n}\n.layout-navigation__navigation__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n.layout-navigation__navigation__inner--minimized {\n  margin-left: -0.6rem;\n  margin-right: -0.8rem;\n  padding: 0;\n}\n.layout-secondary {\n  width: 100%;\n  min-height: 100%;\n}\n.layout-secondary__primary {\n  flex: auto;\n}\n.layout-secondary__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-secondary__secondary {\n  background-color: #f4f4f4;\n  position: fixed;\n  display: flex;\n  right: 0;\n  bottom: 0;\n  z-index: 9994;\n}\n.layout-secondary__secondary .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-secondary__secondary__border {\n  width: 5px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-secondary__secondary__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-secondary__secondary__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-secondary__secondary__inner {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  word-wrap: break-word;\n  margin: 16px;\n  margin-left: 11px;\n}\n.layout-secondary__secondary__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-secondary__secondary__inner__close.button {\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin-bottom: 0;\n}\n.layout-secondary__secondary__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n@media (width <= 1280px) {\n.layout-secondary__secondary {\n    box-shadow: 4px 0 2px rgba(0, 0, 0, 0.5), -4px 0 2px rgba(0, 0, 0, 0.5);\n}\n}\n@keyframes bouncedelay {\n0%, 80%, 100% {\n    transform: scale(0);\n}\n40% {\n    transform: scale(1);\n}\n}\n@keyframes spinner-delay {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n.loader div[tabindex] {\n  outline: none;\n}\n.loader__wrapper {\n  height: var(--f-loader-size);\n  margin: var(--f-loader-margin);\n  position: relative;\n  width: var(--f-loader-size);\n}\n.loader--delay {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.loader__spinner {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.loader__circle {\n  animation: bouncedelay 1.2s infinite ease-in-out;\n  animation-fill-mode: both;\n  background-color: var(--f-icon-color-loader);\n  border-radius: 100%;\n  height: 1rem;\n  position: absolute;\n  width: 1rem;\n}\n.loader__wait-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  white-space: pre-wrap;\n}\n.loader--overlay .loader__backdrop {\n  align-items: center;\n  background: var(--f-background-overlay);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n}\n.loader--overlay .loader__wait-text {\n  color: var(--f-text-color-default-inverted);\n}\n.loader--overlay .loader__circle {\n  background-color: var(--f-icon-color-white);\n}\n.loader .loader__spinner-1-circle2 {\n  animation-delay: -0.9s;\n}\n.loader .loader__spinner-1-circle3 {\n  animation-delay: -0.6s;\n}\n.loader .loader__spinner-1-circle4 {\n  animation-delay: -0.3s;\n}\n.loader .loader__spinner-2 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(45deg);\n}\n.loader .loader__spinner-2-circle1 {\n  animation-delay: -1.1s;\n}\n.loader .loader__spinner-2-circle2 {\n  animation-delay: -0.8s;\n}\n.loader .loader__spinner-2-circle3 {\n  animation-delay: -0.5s;\n}\n.loader .loader__spinner-2-circle4 {\n  animation-delay: -0.2s;\n}\n.loader .loader__spinner-3 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(90deg);\n}\n.loader .loader__spinner-3-circle1 {\n  animation-delay: -1s;\n}\n.loader .loader__spinner-3-circle2 {\n  animation-delay: -0.7s;\n}\n.loader .loader__spinner-3-circle3 {\n  animation-delay: -0.4s;\n}\n.loader .loader__spinner-3-circle4 {\n  animation-delay: -0.1s;\n}\n.loader__circle--1 {\n  left: 0;\n  top: 0;\n}\n.loader__circle--2 {\n  right: 0;\n  top: 0;\n}\n.loader__circle--3 {\n  bottom: 0;\n  right: 0;\n}\n.loader__circle--4 {\n  bottom: 0;\n  left: 0;\n}\n.loader__delay__spinner {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.logo {\n  display: inline-block;\n}\n.logo--small {\n  padding: var(--f-logo-size-small);\n  background: var(--f-logo-image-small);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--large {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--responsive {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n@media (max-width: 639.98px) {\n.logo--responsive {\n    padding: var(--f-logo-size-small);\n    background: var(--f-logo-image-small);\n    background-repeat: no-repeat;\n    background-position: center;\n}\n}\n.message-box {\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n  margin: 0.5rem 0 calc(2rem * var(--f-density-factor)) 0;\n  color: var(--fkds-color-text-primary);\n}\n.message-box__heading {\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--fkds-color-text-primary);\n  line-height: var(--f-line-height-medium);\n  align-items: flex-start;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: 0;\n}\n@media (max-width: 639.98px) {\n.message-box__heading {\n    font-size: var(--f-font-size-large);\n}\n}\n.message-box__icon {\n  line-height: var(--f-line-height-large);\n}\n.message-box__content {\n  text-align: left;\n}\n.message-box--info {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--info-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--info-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--info-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--info-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--info-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--error-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--error-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--error-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--error-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--warning-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--warning-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--warning-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--warning-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--success-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--success-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--success-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--success-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.message-box {\n    margin-bottom: calc(1.5rem * var(--f-density-factor));\n    margin-top: calc(1.5rem * var(--f-density-factor));\n    padding: calc(1rem * var(--f-density-factor)) 1rem;\n}\n}\n.modal__backdrop {\n  background: var(--f-background-overlay);\n  display: flex;\n  height: 100%;\n  inset: 0;\n  position: fixed;\n  width: 100%;\n  z-index: 9994;\n}\n.modal__outer-container {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  overflow: auto;\n  width: 100%;\n}\n.modal__inner-container {\n  align-items: center;\n  justify-content: center;\n  max-height: 100%;\n  width: 100%;\n}\n.modal__shelf {\n  justify-content: flex-end;\n  display: flex;\n  background-color: var(--fkds-color-background-primary);\n  border-top-left-radius: var(--f-border-radius-medium);\n  border-top-right-radius: var(--f-border-radius-medium);\n  margin-bottom: 1rem;\n}\n.modal__header {\n  display: flex;\n  font-size: var(--f-font-size-h4);\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n.modal__header .modal__title {\n  font-size: var(--f-modal-title-font-size);\n  margin-bottom: 0;\n  margin-top: 0;\n  color: var(--fkds-color-text-primary);\n}\n.modal__dialog-container {\n  background: transparent;\n  display: flex;\n  margin: auto;\n  width: calc(100vw - 40px);\n}\n@media (min-width: 640px) {\n.modal__dialog-container {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--small {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--medium {\n    max-width: var(--f-modal-size-medium);\n}\n.modal__dialog-container--large {\n    max-width: var(--f-modal-size-large);\n}\n.modal__dialog-container--fullwidth {\n    max-width: var(--f-modal-size-fullwidth);\n}\n}\n@media (max-width: 639.98px) {\n.modal__dialog-container--fullscreen {\n    width: 100%;\n    max-width: none;\n}\n.modal__dialog-container--fullscreen .modal__dialog {\n    min-height: 100vh;\n}\n.modal__dialog-container--fullscreen .modal__dialog-inner {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n}\n.modal__dialog-container--fullscreen .modal__content {\n    flex: 1 1 auto;\n}\n}\n.modal__dialog {\n  background: var(--fkds-color-background-primary);\n  outline: 2px solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  display: flex;\n  flex-direction: column-reverse;\n  height: auto;\n  margin: auto;\n  width: 100%;\n  position: relative;\n  z-index: 9995;\n}\n.modal__dialog .modal__dialog-inner {\n  height: auto;\n  margin: 0 1.5rem 1.5rem;\n}\n@media (max-width: 639.98px) {\n.modal__dialog .modal__dialog-inner {\n    margin: 0 1rem 1rem;\n}\n}\n.modal__dialog .modal__footer {\n  margin-top: 2rem;\n}\n.modal__dialog .modal__footer > .button-group {\n  margin-bottom: 0;\n}\n.modal__dialog .modal__footer > .button-group .button-group__item:last-child:not(.button--small, .button--medium) {\n  margin-bottom: 0;\n}\n@media (min-width: 640px) {\n.modal__dialog .modal__footer > .button-group .button-group__item {\n    margin-bottom: 0;\n}\n}\n.modal__dialog > .button-group {\n  margin: 0;\n}\n.modal__dialog > .button-group .button-group__item:last-child {\n  margin: var(--f-modal-close-button-margin);\n  padding: var(--f-modal-close-button-padding);\n}\n.modal--information .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-info-strong);\n}\n.modal--information .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.modal--warning .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.modal--error .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.modal--error .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.imenu__list {\n  background-color: var(--f-background-menu);\n  margin: 0;\n  padding: 0;\n}\n.imenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__list__item a,\n.imenu__list__item a:visited,\n.imenu__list__item a:active {\n  color: var(--f-text-color-menu);\n}\n.imenu__list__item a:hover {\n  color: var(--f-text-color-menu-hover);\n}\n.imenu__popup-item {\n  position: relative;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__popup-item__wrapper {\n  display: inline-flex;\n  position: absolute;\n  left: 0;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--vertical .imenu__list {\n  display: block;\n}\n.imenu--vertical .imenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.imenu--vertical .imenu__list__item:hover {\n  font-weight: var(--f-font-weight-normal);\n  background-color: var(--f-background-menu-vertical-hover);\n}\n.imenu--vertical .imenu__list__item--highlight {\n  background-color: var(--f-background-menu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--vertical .imenu__list__item--highlight:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal {\n  overflow: hidden;\n}\n.imenu--horizontal .imenu__list {\n  display: flex;\n}\n.imenu--horizontal .imenu__list__item {\n  display: inline-flex;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--horizontal .imenu__list__item--highlight {\n  color: var(--f-text-color-menu-horizontal-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor-container {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-highlight);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--hidden {\n  visibility: hidden;\n}\n.imenu--horizontal .imenu__list__anchor-container {\n  padding-bottom: 0.5rem;\n  border-bottom: 5px solid transparent;\n}\n.imenu--horizontal .imenu__list__anchor-container:hover {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-hover);\n}\n.imenu--horizontal .imenu__list__anchor {\n  display: inline-flex;\n}\n.imenu--horizontal .imenu__list__anchor-icon-right {\n  flex: 1 0 auto;\n  padding-top: 0.25rem;\n  margin-left: 0.75rem;\n  color: var(--f-border-color-menu-horizontal-highlight);\n}\n.offline {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n  padding: 1.5rem;\n}\n.offline .offline__icon {\n  font-size: 0;\n}\n.offline .offline__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.offline .offline__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.offline .offline__icon__banner {\n  margin-top: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline__wrapper {\n  position: fixed;\n  position: sticky;\n  z-index: 9998;\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.output-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n.output-field__output {\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  font-size: var(--f-font-size-standard);\n  min-height: var(--f-height-medium);\n  position: relative;\n  width: var(--f-width-full);\n  margin-bottom: 0;\n}\n.page-header {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-pageheader-primary);\n  padding: 1rem 0 1rem 1rem;\n  align-items: center;\n  overflow: hidden;\n}\n.page-header__logo {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n.page-header__logo > a {\n  display: inline-flex;\n}\n.page-header__logo::after {\n  content: " ";\n  background-color: var(--f-border-color-separator-pageheader-primary);\n  height: 1.38rem;\n  padding: 0.5px;\n  margin: 0 1rem 0.155rem;\n}\n.page-header__app-name {\n  padding-top: 0.22rem;\n  margin: 0;\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--f-text-color-default-inverted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 9rem;\n}\n.page-header__right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  white-space: nowrap;\n  padding-top: 0.4rem;\n  font-size: var(--f-font-size-standard);\n}\n.page-header__right-slot {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.progress {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-positive);\n}\n@media (forced-colors: active) {\n.progress {\n    border: var(--f-border-width-medium) solid highlight;\n}\n}\n.progress__meter {\n  display: block;\n  float: left;\n  height: calc(var(--f-height-small) - var(--f-border-width-medium) * 2);\n  transition: width var(--f-animation-duration-medium) ease-out, background-color var(--f-animation-duration-medium) ease-out;\n}\n.progress__meter--inprogress {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--inprogress {\n    background: highlight;\n}\n}\n.progress__meter--finished {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--finished {\n    background: highlight;\n}\n}\n.radio-button {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.radio-button:last-child {\n  margin-bottom: 0;\n  margin-right: 0;\n}\n.radio-button__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.radio-button__label {\n  min-width: 4.5rem;\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n  color: var(--fkds-color-text-primary);\n}\n.radio-button__label * {\n  pointer-events: none;\n}\n.radio-button__label::before, .radio-button__label::after {\n  border-radius: 50%;\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  width: var(--f-icon-size-medium);\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.radio-button__label::after {\n  background-color: var(--fkds-color-select-background-primary-default);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--fkds-color-background-primary);\n  opacity: 0;\n}\n@media (forced-colors: active) {\n.radio-button__label::after {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    box-shadow: inset 0 0 0 var(--f-border-width-medium) Canvas;\n}\n}\n.radio-button.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.radio-button.disabled {\n    color: GrayText;\n}\n}\n.radio-button.disabled .radio-button__label {\n  cursor: default;\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  background: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: default;\n}\n@media (forced-colors: active) {\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n    border: var(--f-border-width-medium) solid GrayText;\n}\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\n  border: var(--f-border-width-medium) solid transparent;\n  opacity: 1;\n}\n.radio-button input[type=radio]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content {\n  flex-direction: row;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--horizontal .radio-button-group__content {\n    flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 1rem;\n}\n}\n.select-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.select-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.select-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.select-field--table {\n  margin-bottom: 0;\n}\n.select-field--table-error .select-field__select {\n  padding-right: calc(var(--f-icon-size-large) + 2.25rem);\n}\n.select-field__select {\n  appearance: none;\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: var(--padding-input-fields);\n  width: var(--f-width-full);\n}\n.select-field__select:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.select-field__select:focus {\n  background-color: var(--fkds-color-background-primary);\n}\n.select-field__select:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  opacity: 1;\n}\n.select-field__select:disabled + .select-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.select-field__icon-wrapper {\n  position: relative;\n}\n.select-field__icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n}\n.select-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  display: inline;\n  position: absolute;\n  right: calc(var(--f-icon-size-large) + 0.75rem);\n  top: 0.5rem;\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.select-field--error .select-field__select {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.sort-filter-dataset__sort {\n  min-width: 80px;\n}\n.sort-filter-dataset__search {\n  position: relative;\n}\n.sort-filter-dataset__search input {\n  padding-left: 2.1rem;\n  padding-right: 2.1rem;\n}\n@media (min-width: 640px) {\n.sort-filter-dataset__search input {\n    width: 160px;\n}\n}\n.sort-filter-dataset__search__magnify-icon {\n  position: absolute;\n  left: 1.75rem;\n  height: var(--f-height-large);\n  /* same as textfield */\n  z-index: 1;\n  /* In front of input field */\n  width: 1.2rem;\n  color: var(--f-icon-color-sort-filter-dataset-search);\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__magnify-icon {\n    top: 1.5rem;\n    left: 0.75rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete {\n  position: absolute;\n  top: -0.75rem;\n  right: 0;\n  color: var(--f-icon-color-sort-filter-dataset-close);\n  cursor: pointer;\n  padding: 1rem;\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__close-icon.button--discrete {\n    top: 1rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete:hover {\n  box-shadow: none;\n  background-color: transparent;\n}\n.static-panel {\n  margin-bottom: 2.5rem;\n}\n.static-panel__heading {\n  background: var(--f-background-heading-static-panel);\n  border: var(--f-static-panel-heading-border);\n  border-bottom: 0;\n  font-size: var(--f-font-size-h3);\n  line-height: 2rem;\n  margin-bottom: 0;\n  padding: 0.25rem 1rem;\n}\n.static-panel__content {\n  border-top: 0;\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  padding: 1.75rem 1.5rem;\n}\n.static-panel__icon {\n  height: var(--f-icon-size-x-large);\n  margin-right: 0.25rem;\n  position: relative;\n  top: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.table tbody .table__column--numeric, .table tbody .table__column--date {\n  font-feature-settings: tnum 1;\n  font-variant-numeric: tabular-nums;\n}\n.table tbody .table__expandable-row, .table tbody .table__row--normal, .table tbody .table__row {\n  background: var(--f-background-grid-default);\n  color: var(--f-text-color-default);\n}\n.table--striped tbody .table__row:nth-child(even), .table tbody .table__row--striped {\n  background: var(--f-background-grid-striped);\n  color: var(--f-text-color-default);\n}\n.table--hover tbody .table__row:hover, .table tbody .table__row--hover {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 1px solid var(--f-border-color-grid-hover);\n}\n.table tbody .table__row:focus-within, .table tbody .table__row--focus-within {\n  background: var(--f-background-grid-focus-inner);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row:focus, .table tbody .table__row--focus {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 2px solid var(--f-color-focus);\n  box-shadow: none;\n}\n.table--hover tbody .table__row:hover.table__row--active, .table--striped tbody .table__row:nth-child(even).table__row--active, .table tbody .table__row--active, .table tbody .table__row:focus.table__row--active, .table tbody .table__row--focus.table__row--active, .table tbody .table__row:focus-within.table__row--active, .table tbody .table__row--focus-within.table__row--active {\n  background: var(--f-background-grid-active);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row--expanded-border td,\n.table tbody .table__row--expanded-border th {\n  border-bottom-color: var(--f-border-color-grid-expanded);\n}\n.table tbody .table__row--expandable {\n  cursor: pointer;\n}\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--f-font-size-standard);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  width: 100%;\n  border: 2px solid transparent;\n}\n.table:focus {\n  border-color: var(--f-color-focus);\n  box-shadow: none;\n}\n.table caption {\n  background: transparent;\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n  text-align: left;\n}\n.table thead th {\n  background: var(--f-background-grid-header);\n  border-bottom: 2px solid var(--f-border-color-grid-header);\n  border-right: 1px solid var(--f-border-color-grid);\n  color: var(--f-text-color-default);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  padding: calc(0.25rem * var(--f-density-factor)) 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.table thead th:last-child {\n  border-right: none;\n}\n.table thead th .table__column__header__icon {\n  color: var(--f-icon-color-table-header);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n  min-width: var(--f-icon-size-x-small);\n}\n.table thead th .table__column__header__icon--discrete {\n  color: var(--f-icon-color-table-header-discrete);\n}\n.table thead .table__column--numeric {\n  text-align: right;\n}\n.table tbody .table__expandable-row--collapsed {\n  display: none;\n}\n.table tbody td,\n.table tbody th {\n  padding: calc(var(--f-table-body-row-padding) * var(--f-density-factor)) var(--f-table-body-row-padding);\n  border-bottom: 1px solid var(--f-border-color-grid);\n  vertical-align: top;\n}\n.table tbody td {\n  line-height: calc(1.5rem * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n}\n.table tbody th {\n  border-right: 1px solid var(--f-border-color-grid);\n  font-weight: var(--f-font-weight-medium);\n  line-height: calc(1.5rem * var(--f-density-factor));\n}\n.table tbody .table__column--action {\n  white-space: nowrap;\n}\n.table tbody .table__column--selectable {\n  padding: calc(0.2rem * var(--f-density-factor)) 0.2rem;\n}\n.table tbody .table__column--placeholder + .table__column {\n  padding-left: 1.5rem;\n}\n.table tbody .table__column--action .button--discrete, .table tbody .table__column--action .button--tertiary {\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  min-width: 24px;\n  width: max-content;\n}\n.table tbody .table__column--action .button--discrete .button__icon, .table tbody .table__column--action .button--tertiary .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n}\n.table__column--text {\n  text-align: left;\n}\n.table__column--numeric {\n  text-align: right;\n}\n.table__column--date {\n  text-align: left;\n}\n.table__column--action {\n  text-align: center;\n}\n.table__column--shrink {\n  width: 1px;\n  white-space: nowrap;\n}\n.table__column--sortable {\n  cursor: pointer;\n}\n.table__column__description {\n  display: block;\n  background: transparent;\n  color: var(--f-text-color-discrete);\n  font-weight: var(--f-font-weight-normal);\n}\n.table--selectable .table__row td:hover,\n.table--selectable .table__row th:hover {\n  cursor: pointer;\n}\n.table__scroll {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  overflow: hidden;\n}\n.table__scroll thead th,\n.table__scroll thead td,\n.table__scroll tbody th,\n.table__scroll tbody td {\n  white-space: nowrap;\n}\n.table__scroll .table {\n  margin: 0;\n}\n.table__scroll--horizontal {\n  overflow-x: auto;\n}\n.table__input {\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.table__input .checkbox__label,\n.table__input .radio-button__label {\n  min-width: 1.75rem;\n  min-height: 1.75rem;\n  padding: 0;\n}\n.table__input .checkbox__label::after,\n.table__input .checkbox__label::before,\n.table__input .radio-button__label::after,\n.table__input .radio-button__label::before {\n  top: calc(0.15rem * var(--f-density-factor));\n  left: 0.25rem;\n}\n.table__expand-icon {\n  color: var(--f-icon-color-primary);\n  background: transparent;\n  border: 0;\n  flex: 0 0 auto;\n  padding: 0;\n  pointer-events: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.table__anchor {\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.25rem;\n}\n.table__anchor > svg.icon {\n  flex-shrink: 0;\n  align-self: center;\n  min-width: auto;\n  max-width: none;\n}\n.table__button {\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  width: max-content;\n}\n.table__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.table__button:active, .table__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.table__button.disabled, .table__button.disabled:hover, .table__button:disabled, .table__button:disabled:hover, .table__button.table__button--disabled, .table__button.table__button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n.table__button .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n  height: 14px;\n  width: 14px;\n}\n.text-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n  /* stylelint-disable property-no-vendor-prefix */\n}\n@media (min-width: 640px) {\n.text-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.text-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.text-field--table {\n  margin-bottom: 0;\n}\n.text-field input[type=text]::-ms-clear {\n  display: none;\n}\n.text-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  height: 16px;\n}\n.text-field__input-wrapper {\n  display: flex;\n  gap: calc(0.5rem * var(--f-density-factor));\n}\n.text-field__input {\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: 0 0.75rem;\n  width: var(--f-width-full);\n}\n.text-field__icon-wrapper {\n  flex: 1 1 auto;\n  position: relative;\n}\n.text-field__icon-wrapper:has(.text-field__append-inner) .text-field__input {\n  padding: var(--padding-input-fields);\n}\n.text-field__append-inner {\n  display: inline;\n  position: absolute;\n  right: calc(0.75rem * var(--f-density-factor));\n  top: calc(0.5rem * var(--f-density-factor));\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.text-field__icon {\n  height: var(--f-icon-size-large);\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.text-field__icon--left {\n  position: relative;\n  top: 3px;\n}\n.text-field__input:disabled + .text-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.text-field__input:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.text-field--error .text-field__input {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.text-field--search + .text-field__append-inner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  right: calc(0.25rem * var(--f-density-factor));\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  width: 2.5rem;\n}\n.text-field .clear-button {\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.text-field .clear-button__icon {\n  color: var(--fkds-icon-color-action-content-weak-default);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n}\n.text-field input[type=search]::-webkit-search-decoration,\n.text-field input[type=search]::-webkit-search-cancel-button,\n.text-field input[type=search]::-webkit-search-results-button,\n.text-field input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n.textarea-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: var(--f-line-height-large);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.textarea-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.textarea-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.textarea-field__textarea {\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  box-sizing: border-box;\n  font-size: var(--f-font-size-standard);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: calc(0.5rem * var(--f-density-factor)) 0.75rem;\n  width: var(--f-width-full);\n}\n.textarea-field__textarea[rows] {\n  height: auto;\n}\n.textarea-field__textarea:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.textarea-field--error .textarea-field__textarea {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.textarea-field__resize--none {\n  resize: none;\n}\n.textarea-field__resize--vertical {\n  resize: vertical;\n}\n.tooltip {\n  display: none;\n  overflow: hidden;\n  width: 100%;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.tooltip.expanded, .tooltip.animating {\n  display: block;\n}\n.tooltip__container {\n  text-wrap: pretty;\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n}\n.tooltip__container:has(+ .tooltip.expanded), .tooltip__container:has(+ .tooltip.animating) {\n  margin-bottom: 0;\n}\n.tooltip__container .label {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container h1,\n.tooltip__container h2,\n.tooltip__container h3,\n.tooltip__container h4,\n.tooltip__container h5,\n.tooltip__container h6 {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container:has(h1) .tooltip__button {\n  bottom: 0.2lh;\n}\n.tooltip__container:has(h2) .tooltip__button {\n  bottom: 0.1lh;\n}\n.tooltip__container:has(h3) .tooltip__button {\n  bottom: 0;\n}\n.tooltip__button {\n  display: inline-flex;\n  appearance: none;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  margin-left: 0.25rem;\n  position: relative;\n  bottom: -0.1lh;\n}\n.tooltip__button .icon {\n  top: 0;\n  left: 0;\n}\n.tooltip__button,\n.tooltip__button .icon,\n.tooltip__button .icon-stack {\n  width: 1em;\n  height: 1em;\n}\n.tooltip__body {\n  padding: 0 1rem;\n}\n.tooltip__header {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-medium);\n  padding: 0 1rem;\n  margin-bottom: 0.5rem;\n}\n.tooltip .close-button {\n  margin: var(--f-tooltip-close-button-margin);\n}\n.tooltip__footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.tooltip__bubble {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-top: 10px;\n  margin-bottom: 0.5rem;\n  border: 2px solid var(--fkds-color-feedback-border-info);\n  border-radius: var(--f-border-radius-small);\n  background-color: var(--fkds-color-feedback-background-info);\n  padding-top: 1rem;\n}\n.tooltip__bubble::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 10px 10px 10px;\n  border-color: transparent transparent var(--fkds-color-feedback-border-info);\n  translate: -50% -100%;\n}\n.tooltip__bubble::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 7.2px 7.2px 7.2px;\n  border-color: transparent transparent var(--fkds-color-feedback-background-info);\n  translate: -50% -100%;\n}\n.wizard {\n  margin-top: 20px;\n}\n\n/* Selectors */\n/* position adjustments for lines */\n/* change line-gap-to-circle variable to change distances */\n.wizard-step {\n  display: grid;\n  grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__content wizard-step__content" min-content/min-content 1fr;\n  gap: 0 0.5rem;\n}\n.wizard-step:first-of-type .wizard-step__line-up {\n  border: 0;\n}\n.wizard-step:last-of-type .wizard-step__line-down,\n.wizard-step:last-of-type .wizard-step__icon-container__line-down {\n  border: 0;\n}\n.wizard-step .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 2px;\n  margin-bottom: 20px;\n}\n.wizard-step .wizard-step__icon-container {\n  grid-area: wizard-step__icon-container;\n  display: flex;\n  flex-direction: column;\n}\n.wizard-step .wizard-step__icon-container__circle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--fkds-color-border-strong);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n  font-weight: bold;\n  text-align: center;\n  color: var(--fkds-color-text-primary);\n  transition: background-color 400ms ease-out, border-color 400ms ease-out, opacity 400ms ease-out;\n}\n@media (max-width: 639.98px) {\n.wizard-step .wizard-step-body__border-container {\n    display: none;\n}\n}\n.wizard-step .wizard-step-body__border-container .wizard-step__line-down {\n  margin-top: 0;\n}\n.wizard-step .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header {\n  grid-area: wizard-step__header;\n}\n.wizard-step .wizard-step__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__line-down,\n.wizard-step .wizard-step__icon-container__line-down,\n.wizard-step .wizard-step__line-up {\n  border-left: 2px solid var(--fkds-color-border-strong);\n  margin-left: 14px;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  margin-top: 4px;\n}\n.wizard-step .wizard-step__line-down {\n  grid-area: wizard-step__line-down;\n}\n.wizard-step .wizard-step__content {\n  margin-left: 0.5rem;\n  min-width: 0;\n  grid-area: wizard-step__content;\n}\n.wizard-step .wizard-step__line-up {\n  margin-bottom: 4px;\n  grid-area: wizard-step__line-up;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n  padding-top: 20px;\n  margin-top: -0.5rem;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  flex: 1;\n}\n@media (min-width: 640px) {\n.wizard-step {\n    grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__line-down wizard-step__content" min-content/min-content 1fr;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n    margin-top: 0;\n    padding-top: 0;\n}\n.wizard-step .wizard-step__content {\n    margin-left: 0;\n}\n}\n.wizard-step--open .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__step-of {\n  display: block;\n}\n.wizard-step--done .wizard-step__header__title .anchor {\n  color: var(--fkds-color-feedback-text-positive);\n  text-decoration-color: currentcolor;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .wizard-step__header__title .anchor:hover {\n  text-decoration-thickness: 3px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: auto;\n}\n.wizard-step--done .wizard-step__icon-container__circle {\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.wizard-step--done .wizard-step__icon-container__number {\n  display: none;\n}\n.wizard-step--pending .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--pending .wizard-step__icon-container__circle {\n  border: 2px solid var(--fkds-color-border-strong);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n}\n@media (forced-colors: active) {\n.wizard-step .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.animate-expand {\n  transition: var(--f-animation-expand-close);\n  overflow: hidden;\n  visibility: hidden;\n}\n.animate-expand--expanded {\n  transition: var(--f-animation-expand-open);\n  opacity: 1;\n  visibility: visible;\n}\n.animate-expand--opacity {\n  opacity: 0;\n}\n.calendar-month__table {\n  border-spacing: 2px;\n  padding: 0 0.5rem 1rem;\n  width: 100%;\n  border-collapse: separate;\n  border: none;\n  margin: 0;\n}\n.calendar-month__col--week {\n  width: 2%;\n}\n.calendar-month__col--day {\n  width: 14%;\n}\n.calendar-month__header-cell {\n  padding: 0.5rem 0;\n  text-align: center;\n}\n.calendar-month__header-cell abbr,\n.calendar-month__header-cell span {\n  font-weight: var(--f-font-weight-normal);\n  text-decoration: none;\n  border-bottom: none;\n  text-transform: none;\n  font-size: 1rem;\n  cursor: auto;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n}\n.calendar-month__cell--week-number {\n  vertical-align: middle;\n  padding-right: 0.25rem;\n  text-align: right;\n  min-width: 2rem;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--fkds-color-background-secondary);\n  font-size: 1rem;\n}\n.calendar-month__button:focus {\n  position: relative;\n  z-index: 9997;\n}\n.calendar-month__button:focus[tabindex="-1"] {\n  box-shadow: var(--f-focus-box-shadow);\n}\n.calendar-navbar__year-selector-button--title, .calendar-navbar__month--title {\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.calendar-navbar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  border-bottom: var(--f-border-width-medium) solid var(--fkds-color-border-weak);\n  color: var(--fkds-color-text-primary);\n  padding: 1rem;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h3);\n}\n.calendar-navbar__month {\n  margin-right: auto;\n}\n.calendar-navbar__arrow--previous {\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--up {\n  transform: rotate(0.5turn);\n}\n.calendar-navbar__year-selector-button {\n  /* stylelint-disable scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-enable */\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.calendar-navbar__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\n  background-color: var(--fkds-color-action-background-primary-default);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: var(--f-button-shadow);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--fkds-icon-color-content-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  padding: 4px;\n  border: 1px solid var(--fkds-color-border-disabled);\n  box-shadow: none;\n}\n.calendar-navbar__arrow {\n  padding: 0;\n  display: flex;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n.calendar__wrapper {\n  width: 100%;\n}\n.calendar__year-selector {\n  height: var(--f-calendar-height);\n  overflow-x: auto;\n  position: relative;\n}\n.calendar__year-selector__year {\n  margin: 5px;\n}\n.iflex {\n  display: flex;\n}\n.iflex--gap-1x {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.iflex--gap-1x .iflex__item {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.iflex--gap-2x {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n.iflex--gap-2x .iflex__item {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.iflex--gap-3x {\n  margin-left: -0.75rem;\n  margin-right: -0.75rem;\n}\n.iflex--gap-3x .iflex__item {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.iflex--gap-4x {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.iflex--gap-4x .iflex__item {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.iflex--gap-5x {\n  margin-left: -1.25rem;\n  margin-right: -1.25rem;\n}\n.iflex--gap-5x .iflex__item {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.iflex--gap-6x {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n.iflex--gap-6x .iflex__item {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.iflex--gap-7x {\n  margin-left: -1.75rem;\n  margin-right: -1.75rem;\n}\n.iflex--gap-7x .iflex__item {\n  padding-left: 1.75rem;\n  padding-right: 1.75rem;\n}\n.iflex--gap-8x {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n.iflex--gap-8x .iflex__item {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.iflex__item {\n  flex: 1 0 0%;\n}\n.iflex--grow {\n  flex: 1 1 auto;\n}\n.iflex--shrink {\n  flex: 0 1 auto;\n}\n.iflex--align-top {\n  align-self: flex-start;\n}\n.iflex--align-center {\n  align-self: center;\n}\n.iflex--align-bottom {\n  align-self: flex-end;\n}\n@media (max-width: 639.98px) {\n.iflex--collapse {\n    display: block;\n}\n}\n.iflex--wrap {\n  flex-wrap: wrap;\n}\n.iflex--float-right {\n  justify-content: flex-end;\n}\n.iflex--float-center {\n  justify-content: center;\n}\n.popup-error {\n  --i-popup-error-offset: 24px;\n}\n.popup-error--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup-error--overlay .popup-error__wrapper {\n  left: -10000px;\n  position: absolute;\n  z-index: 9996;\n  white-space: nowrap;\n}\n.popup-error--inline {\n  position: static;\n}\n.popup-error--inline .popup-error__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.popup-error--arrow {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5em 10px;\n  background: var(--fkds-icon-color-feedback-border-negative);\n  line-height: 24px;\n  position: relative;\n}\n.popup-error--arrow .popup-error__button {\n  margin: 0;\n  min-height: 24px;\n  min-width: 24px;\n  padding: 0;\n  padding-left: 5px;\n}\n.popup-error--arrow::before {\n  content: "";\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  padding: var(--f-border-width-medium);\n  border-radius: inherit;\n  background: var(--fkds-icon-color-feedback-background-negative) content-box;\n}\n.popup-error--top {\n  border-radius: min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px 5.7735026919px/5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 0, calc(100% - var(--i-popup-error-offset)) -10px, max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0);\n}\n.popup-error--bottom {\n  border-radius: 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg)/5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 100%, calc(100% - var(--i-popup-error-offset)) calc(100% + 10px), max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 100%);\n}\n.popup-error--left {\n  border-radius: 5.7735026919px/min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg);\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), -10px calc(100% - var(--i-popup-error-offset)), 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--right {\n  border-radius: 5.7735026919px/5.7735026919px min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), calc(100% + 10px) calc(100% - var(--i-popup-error-offset)), 100% max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--top::before {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium), calc(100% - var(--i-popup-error-offset)) calc(var(--f-border-width-medium) / 0.5 - 10px), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n}\n.popup-error--bottom::before {\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)), calc(100% - var(--i-popup-error-offset)) calc(100% + 10px - var(--f-border-width-medium) / 0.5), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n}\n.popup-error--left::before {\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--f-border-width-medium) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(var(--f-border-width-medium) / 0.5 - 10px) calc(100% - var(--i-popup-error-offset)), var(--f-border-width-medium) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n}\n.popup-error--right::before {\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, calc(100% - var(--f-border-width-medium)) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(100% + 10px - var(--f-border-width-medium) / 0.5) calc(100% - var(--i-popup-error-offset)), calc(100% - var(--f-border-width-medium)) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n}\n.ipopupmenu {\n  background-color: var(--f-background-popupmenu);\n}\n.ipopupmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n}\n.ipopupmenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.ipopupmenu__list__item a,\n.ipopupmenu__list__item a:visited,\n.ipopupmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.ipopupmenu__list__item a:hover {\n  color: var(--f-text-color-popupmenu-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list {\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item:hover {\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list__item--highlight {\n  background-color: var(--f-background-popupmenu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.popup--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup--overlay .popup__wrapper {\n  left: -10000px;\n  max-width: fit-content;\n  border-radius: var(--f-border-radius-small);\n  position: absolute;\n  z-index: 9996;\n  box-shadow: var(--f-box-modal-shadow);\n}\n.popup--inline {\n  position: static;\n}\n.popup--inline .popup__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.iskiplink {\n  position: absolute;\n  top: -200px;\n}\n.iskiplink:focus {\n  color: black;\n  background-color: var(--f-background-skiplink-focus);\n  left: 10px;\n  top: 45px;\n}\n\n/* spacing around the panel (space from layout area/resize handle to header, content, footer) */\n/* distance between each slot: header, content, footer) */\n/* panel background color */\n/* button background color when hovering */\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted([slot=icon]) {\n  display: contents;\n}\n::slotted([slot=header]) {\n  font-weight: 700 !important;\n  font-size: 1.25rem !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n}\n.panel__wrapper {\n  flex-grow: 1;\n  display: flex;\n}\n.panel {\n  background: var(--f-page-layout-background);\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.5rem;\n}\n.panel__header {\n  flex: 0 0 auto;\n  display: flex;\n  gap: 0.25rem;\n  align-items: baseline;\n  justify-content: center;\n}\n.attach-left .panel__header {\n  flex-direction: row;\n}\n.attach-right .panel__header {\n  flex-direction: row-reverse;\n}\n.panel__close-button {\n  flex: 0 0 auto;\n  appearance: none;\n  line-height: 1;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  padding: 1rem;\n  width: max-content;\n}\n.panel__close-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__close-button:active, .panel__close-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__title {\n  flex: 1 1 auto;\n}\n.panel__content {\n  flex: 1 0 auto;\n}\n.panel__footer {\n  flex: 0 0 auto;\n}';
 const FDetailsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["styles", [_style_0$2]]]);
 const _hoisted_1$p = {
   slot: "icon"
@@ -15390,8 +16144,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [vue.createElementVNode("title", null, vue.toDisplayString(vue.unref(closeText)), 1)]),
           _: 1
         })])]),
-        _: 3,
-        __: [1]
+        _: 3
       }, 40, ["data-panel-name"])) : vue.createCommentVNode("", true);
     };
   }
@@ -15407,7 +16160,6 @@ const _sfc_main$q = vue.defineComponent({
   props: {
     /**
      * Current dialogue question
-     * @model
      */
     modelValue: {
       type: Object,
@@ -15421,7 +16173,13 @@ const _sfc_main$q = vue.defineComponent({
       required: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: [
+    /**
+     * `v-model` event.
+     * @type {FDialogueTreeUserProgress}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       currentStep: this.dialogueTree,
@@ -15563,7 +16321,13 @@ const _sfc_main$p = vue.defineComponent({
       default: "Du har %VALUE% notifieringar."
     }
   },
-  emits: ["toggle"],
+  emits: [
+    /**
+     * Emitted when panel heading is clicked.
+     * @type {MouseEvent}
+     */
+    "toggle"
+  ],
   computed: {
     expandedClass() {
       return this.expanded ? "expandable-panel--expanded" : "expandable-panel--collapsed";
@@ -15699,7 +16463,13 @@ const _sfc_main$o = vue.defineComponent({
       default: () => logic.ElementIdService.generateElementId()
     }
   },
-  emits: ["toggle"],
+  emits: [
+    /**
+     * Emitted when heading is clicked.
+     * @type {MouseEvent}
+     */
+    "toggle"
+  ],
   computed: {
     expandedClass() {
       return this.expanded ? "expandable-paragraph--open" : "expandable-paragraph--closed";
@@ -15920,7 +16690,15 @@ const _sfc_main$m = vue.defineComponent({
       default: null
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when file changes.
+     *
+     * @type {FileList}
+     */
+    "change",
+    "update:modelValue"
+  ],
   computed: {
     attrs() {
       return {
@@ -16080,23 +16858,25 @@ function useExpandableTable(expandableAttribute, keyAttribute, describedby, emit
   function hasExpandableContent(row) {
     return Boolean(expandableRows(row));
   }
-  function getExpandedIndex(shallowIndex, rows) {
-    let expandedIndex = 0;
-    for (let i = 0; i < shallowIndex; i++) {
-      const row = rows[i];
-      expandedIndex++;
-      if (!hasExpandableContent(row)) {
-        continue;
+  function getExpandedIndex(row, rows) {
+    let index = 0;
+    for (const currentRow of rows) {
+      if (currentRow === row) {
+        return index;
       }
-      const {
-        length
-      } = expandableRows(row);
-      if (length === 0) {
+      index++;
+      if (!hasExpandableContent(currentRow) || !isExpanded(currentRow)) {
         continue;
       }
-      expandedIndex += length;
+      const nestedRows = expandableRows(currentRow);
+      for (const currentNestedRow of nestedRows) {
+        if (currentNestedRow === row) {
+          return index;
+        }
+        index++;
+      }
     }
-    return expandedIndex;
+    return -1;
   }
   return {
     isExpandableTable,
@@ -16299,7 +17079,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     } = FSortFilterDatasetInjected();
     const {
       registerCallbackAfterItemAdd,
-      registerCallbackBeforeItemDelete
+      registerCallbackBeforeItemDelete,
+      setNestedKey
     } = ActivateItemInjected();
     const internalKey2 = getInternalKey();
     const activeRow = vue.ref(void 0);
@@ -16421,6 +17202,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       if (tbody.value) {
         updateTr(tbody.value);
       }
+      if (isExpandableTable) {
+        setNestedKey(props.expandableAttribute);
+      }
       registerCallbackOnSort(callbackOnSort);
       registerCallbackOnMount(callbackSortableColumns);
       registerCallbackAfterItemAdd(callbackAfterItemAdd);
@@ -16546,36 +17330,35 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       if (internalRows.value.length === 0) {
         return;
       }
-      const index = internalRows.value.indexOf(item);
+      let index;
+      if (isExpandableTable) {
+        index = getExpandedIndex(item, internalRows.value);
+      } else {
+        index = internalRows.value.indexOf(item);
+      }
       const target = (_getPreviousFocus = getPreviousFocus(index)) !== null && _getPreviousFocus !== void 0 ? _getPreviousFocus : getNextFocus(index);
       if (target) {
         target.focus();
       }
     }
     function getPreviousFocus(currentIndex) {
-      const targetIndex = currentIndex - 1;
-      if (targetIndex < 0) {
+      const previousIndex = currentIndex - 1;
+      if (previousIndex < 0) {
         return void 0;
       }
-      const targetRow = tr.value[targetIndex];
+      let targetRow = trAll.value[previousIndex];
       if (!targetRow) {
         return void 0;
       }
-      const row = internalRows.value[targetIndex];
-      if (!isExpanded(row)) {
+      for (let index = 0; index <= previousIndex; index++) {
+        const targetIndex = previousIndex - index;
+        targetRow = trAll.value[targetIndex];
+        if (!logic.isVisible(targetRow)) {
+          continue;
+        }
         const tabbables = logic.findTabbableElements(targetRow);
-        return tabbables[tabbables.length - 1];
-      }
-      const expandedIndex = getExpandedIndex(currentIndex, internalRows.value) - 1;
-      const {
-        length
-      } = expandableRows(row);
-      for (let i = 0; i <= length; i++) {
-        const targetExpandedRow = trAll.value[expandedIndex - i];
-        const tabbables = logic.findTabbableElements(targetExpandedRow);
-        const target = tabbables[tabbables.length - 1];
-        if (target) {
-          return target;
+        if (tabbables.length > 0) {
+          return tabbables[tabbables.length - 1];
         }
       }
       return void 0;
@@ -17011,13 +17794,13 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "layout-navigation__navigation__border",
     onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.onBorderMouseDown && _ctx.onBorderMouseDown(...args))
-  }, _cache[12] || (_cache[12] = [vue.createElementVNode("div", {
+  }, [..._cache[12] || (_cache[12] = [vue.createElementVNode("div", {
     class: "layout-navigation__navigation__border__dot"
   }, null, -1), vue.createTextVNode(), vue.createElementVNode("div", {
     class: "layout-navigation__navigation__border__dot"
   }, null, -1), vue.createTextVNode(), vue.createElementVNode("div", {
     class: "layout-navigation__navigation__border__dot"
-  }, null, -1)]), 32)) : vue.createCommentVNode("", true)], 12, _hoisted_2$d), _cache[14] || (_cache[14] = vue.createTextVNode()), vue.createElementVNode("div", {
+  }, null, -1)])], 32)) : vue.createCommentVNode("", true)], 12, _hoisted_2$d), _cache[14] || (_cache[14] = vue.createTextVNode()), vue.createElementVNode("div", {
     id: "layout-navigation__primary",
     class: vue.normalizeClass(["layout-navigation__primary", _ctx.leftPrimaryClasses]),
     style: vue.normalizeStyle(_ctx.primaryStyle)
@@ -17159,9 +17942,6 @@ const _sfc_main$g = vue.defineComponent({
     onCloseSecondary() {
       this.isOpen = false;
     },
-    openSecondary() {
-      FLayoutRightPanelService.open();
-    },
     onClickCloseSecondary() {
       FLayoutRightPanelService.close();
     },
@@ -17189,13 +17969,13 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createElementVNode("div", {
     class: "layout-secondary__secondary__border",
     onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onBorderMouseDown && _ctx.onBorderMouseDown(...args))
-  }, _cache[2] || (_cache[2] = [vue.createElementVNode("div", {
+  }, [..._cache[2] || (_cache[2] = [vue.createElementVNode("div", {
     class: "layout-secondary__secondary__border__dot"
   }, null, -1), vue.createTextVNode(), vue.createElementVNode("div", {
     class: "layout-secondary__secondary__border__dot"
   }, null, -1), vue.createTextVNode(), vue.createElementVNode("div", {
     class: "layout-secondary__secondary__border__dot"
-  }, null, -1)]), 32), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_2$c, [vue.createElementVNode("div", {
+  }, null, -1)])], 32), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_2$c, [vue.createElementVNode("div", {
     ref: "title",
     class: "layout-secondary__secondary__inner__title",
     style: vue.normalizeStyle(_ctx.contentStyle)
@@ -17912,8 +18692,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       })))]),
       _: 3
     })]),
-    _: 3,
-    __: [1]
+    _: 3
   })], 2);
 }
 const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$9]]);
@@ -18043,7 +18822,6 @@ const _sfc_main$b = vue.defineComponent({
      * Event that is dispatched when a menu item is selected, for example, by clicking on the item.
      * In most use cases the event payload is used to call Vue `router.push()` from the consumer code.
      *
-     * @event selectedRoute
      * @param route
      * @type {string}
      */
@@ -18051,7 +18829,6 @@ const _sfc_main$b = vue.defineComponent({
     /**
      * V-model event to update route property.
      *
-     * @event update:route
      * @param route
      * @type {string}
      */
@@ -18481,8 +19258,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [vue.createElementVNode("p", _hoisted_4$4, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vue.createTextVNode(" Det verkar som att du inte har någon internetuppkoppling just nu ", -1))])])]),
       _: 3
     })]),
-    _: 3,
-    __: [2]
+    _: 3
   })])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("span", {
     class: "sr-only",
     "aria-hidden": _ctx.shouldNotRead ? "true" : void 0
@@ -18725,7 +19501,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _style_0 = '@charset "UTF-8";\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n}\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\nselect::-ms-expand {\n  display: none;\n}\nselect:focus::-ms-value {\n  background: none;\n  color: #000;\n  outline: 1px dotted #000;\n}\nul,\nol {\n  padding-left: 1rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\na {\n  text-decoration: none;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\nhtml {\n  font-size: var(--f-font-size-default-rem);\n}\n@media (min-width: 1024px) {\nhtml {\n    font-size: var(--f-font-size-default-large-up-rem);\n}\n}\nbody {\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n}\np {\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n  margin-bottom: 1rem;\n}\nb,\nstrong {\n  font-weight: var(--f-font-weight-medium);\n}\ncode {\n  font-size: var(--f-font-size-standard);\n  border-radius: var(--f-border-radius-small);\n  font-family: var(--f-font-family-code);\n  background-color: var(--f-background-code);\n  display: inline-block;\n  margin: 0 0.25rem;\n  padding: 0 0.25rem;\n}\npre code {\n  display: block;\n}\nh1, .heading--h1,\nh2,\n.heading--h2,\nh3,\n.heading--h3,\n.expandable-panel__heading,\nh4,\n.heading--h4,\nh5,\n.heading--h5,\nh6,\n.heading--h6 {\n  font-weight: var(--f-font-weight-bold);\n  margin-bottom: 0.25rem;\n  line-height: var(--f-line-height-medium);\n}\nh1, .heading--h1 {\n  font-size: var(--f-font-size-h1);\n  color: var(--f-text-color-heading-1);\n}\nh2, .heading--h2 {\n  font-size: var(--f-font-size-h2);\n  color: var(--f-text-color-heading-2);\n}\nh3, .heading--h3, .expandable-panel__heading {\n  font-size: var(--f-font-size-h3);\n  color: var(--f-text-color-heading-3);\n}\nh4, .heading--h4 {\n  font-size: var(--f-font-size-h4);\n  color: var(--f-text-color-heading-4);\n}\nh5, .heading--h5 {\n  font-size: var(--f-font-size-large);\n  color: var(--f-text-color-heading-5);\n}\nh6, .heading--h6 {\n  font-size: var(--f-font-size-standard);\n  color: var(--f-text-color-heading-6);\n}\n.heading--strong {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-medium);\n}\n* + h1, * + .heading--h1,\n* + h2,\n* + .heading--h2,\n* + h3,\n* + .heading--h3,\n* + .expandable-panel__heading,\n* + h4,\n* + .heading--h4,\n* + h5,\n* + .heading--h5,\n* + h6,\n* + .heading--h6 {\n  margin-top: 2rem;\n}\n@media (max-width: 640px) {\nh1, .heading--h1 {\n    font-size: var(--f-font-size-h2);\n}\nh2, .heading--h2 {\n    font-size: var(--f-font-size-xxx-large);\n}\nh3, .heading--h3, .expandable-panel__heading {\n    font-size: var(--f-font-size-h4);\n}\nh4, .heading--h4 {\n    font-size: var(--f-font-size-large);\n}\nh5, .heading--h5 {\n    font-size: var(--f-font-size-standard);\n}\nh6, .heading--h6 {\n    font-size: var(--f-font-size-standard);\n}\n.heading--strong {\n    font-size: var(--f-font-size-large);\n    font-weight: var(--f-font-weight-medium);\n}\n}\n.heading--h1 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h2 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h3, .expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h4 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h5 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h6 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\nh1 + h2, .heading--h1 + h2, h1 + .heading--h2, .heading--h1 + .heading--h2 {\n  margin-top: 1rem;\n}\nh2 + h3, .heading--h2 + h3, h2 + .heading--h3, h2 + .expandable-panel__heading, .heading--h2 + .heading--h3, .heading--h2 + .expandable-panel__heading {\n  margin-top: 1rem;\n}\nh3 + h4, .heading--h3 + h4, .expandable-panel__heading + h4, h3 + .heading--h4, .heading--h3 + .heading--h4, .expandable-panel__heading + .heading--h4 {\n  margin-top: 1rem;\n}\nh4 + h5, .heading--h4 + h5, h4 + .heading--h5, .heading--h4 + .heading--h5 {\n  margin-top: 1rem;\n}\nh5 + h6, .heading--h5 + h6, h5 + .heading--h6, .heading--h5 + .heading--h6 {\n  margin-top: 1rem;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.sr-separator {\n  display: block !important;\n}\nbutton:focus,\na:focus,\na.button:focus,\nimg:focus,\nselect:focus,\ntextarea:focus,\ninput[type=submit]:focus,\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=tel]:focus,\ninput[type=image]:focus,\ninput[type=search]:focus,\n[tabindex]:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n[tabindex="-1"]:focus {\n  box-shadow: none;\n  outline: none;\n}\n\n/*\n    For help-classes, it is alright to use `!important` when the intent is to\n    overwrite standard behaviour for components.\n\n    All help-classes shall be prefixed with `h-`.\n*/\n.h-no-margin {\n  margin: 0 !important;\n}\n.h-root-size {\n  font-size: 1rem !important;\n}\n.h-display-flex {\n  display: flex;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n.container {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 95%;\n}\n@media (min-width: 640px) {\n.container {\n    max-width: 90%;\n}\n}\n@media (min-width: 1024px) {\n.container {\n    max-width: 80%;\n}\n}\n@media (min-width: 1280px) {\n.container {\n    max-width: 1280px;\n}\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem;\n}\n.row--align-end {\n  justify-content: flex-end;\n}\n.row--align-center {\n  justify-content: center;\n}\n.row--align-justify {\n  justify-content: space-between;\n}\n.row--align-spaced {\n  justify-content: space-around;\n}\n.row--align-middle {\n  align-items: center;\n}\n.row--align-bottom {\n  align-items: flex-end;\n}\n.row--align-top {\n  align-items: flex-start;\n}\n.col {\n  position: relative;\n  min-height: 1px;\n  box-sizing: border-box;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  width: auto;\n  max-width: none;\n}\n.col--align-bottom {\n  align-self: flex-end;\n}\n.col--align-middle {\n  align-self: center;\n}\n.col--align-stretch {\n  align-self: stretch;\n}\n.col--align-top {\n  align-self: flex-start;\n}\n.col.col--order-1 {\n  order: 1;\n}\n.col.col--order-2 {\n  order: 2;\n}\n.col.col--order-3 {\n  order: 3;\n}\n.col.col--order-4 {\n  order: 4;\n}\n.col.col--order-5 {\n  order: 5;\n}\n.col.col--order-6 {\n  order: 6;\n}\n.col.col--order-7 {\n  order: 7;\n}\n.col.col--order-8 {\n  order: 8;\n}\n.col.col--order-9 {\n  order: 9;\n}\n.col.col--order-10 {\n  order: 10;\n}\n.col.col--order-11 {\n  order: 11;\n}\n.col.col--order-12 {\n  order: 12;\n}\n.col.col--sm-1 {\n  width: 100%;\n}\n.col.col--sm-2 {\n  width: 100%;\n}\n.col.col--sm-3 {\n  width: 100%;\n}\n.col.col--sm-4 {\n  width: 100%;\n}\n.col.col--sm-5 {\n  width: 100%;\n}\n.col.col--sm-6 {\n  width: 100%;\n}\n.col.col--sm-7 {\n  width: 100%;\n}\n.col.col--sm-8 {\n  width: 100%;\n}\n.col.col--sm-9 {\n  width: 100%;\n}\n.col.col--sm-10 {\n  width: 100%;\n}\n.col.col--sm-11 {\n  width: 100%;\n}\n.col.col--sm-12 {\n  width: 100%;\n}\n.col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.col.col--sm-order-1 {\n  order: 1;\n}\n.col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.col.col--sm-order-2 {\n  order: 2;\n}\n.col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.col.col--sm-order-3 {\n  order: 3;\n}\n.col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.col.col--sm-order-4 {\n  order: 4;\n}\n.col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.col.col--sm-order-5 {\n  order: 5;\n}\n.col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.col.col--sm-order-6 {\n  order: 6;\n}\n.col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.col.col--sm-order-7 {\n  order: 7;\n}\n.col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.col.col--sm-order-8 {\n  order: 8;\n}\n.col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.col.col--sm-order-9 {\n  order: 9;\n}\n.col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.col.col--sm-order-10 {\n  order: 10;\n}\n.col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.col.col--sm-order-11 {\n  order: 11;\n}\n.col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.col.col--sm-order-12 {\n  order: 12;\n}\n.col.col--md-1 {\n  width: 100%;\n}\n.col.col--md-2 {\n  width: 100%;\n}\n.col.col--md-3 {\n  width: 100%;\n}\n.col.col--md-4 {\n  width: 100%;\n}\n.col.col--md-5 {\n  width: 100%;\n}\n.col.col--md-6 {\n  width: 100%;\n}\n.col.col--md-7 {\n  width: 100%;\n}\n.col.col--md-8 {\n  width: 100%;\n}\n.col.col--md-9 {\n  width: 100%;\n}\n.col.col--md-10 {\n  width: 100%;\n}\n.col.col--md-11 {\n  width: 100%;\n}\n.col.col--md-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.col.col--md-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--md-order-1 {\n    order: 1;\n}\n.col.col--md-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--md-order-2 {\n    order: 2;\n}\n.col.col--md-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--md-order-3 {\n    order: 3;\n}\n.col.col--md-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--md-order-4 {\n    order: 4;\n}\n.col.col--md-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--md-order-5 {\n    order: 5;\n}\n.col.col--md-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--md-order-6 {\n    order: 6;\n}\n.col.col--md-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--md-order-7 {\n    order: 7;\n}\n.col.col--md-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--md-order-8 {\n    order: 8;\n}\n.col.col--md-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--md-order-9 {\n    order: 9;\n}\n.col.col--md-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--md-order-10 {\n    order: 10;\n}\n.col.col--md-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--md-order-11 {\n    order: 11;\n}\n.col.col--md-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--md-order-12 {\n    order: 12;\n}\n}\n.col.col--lg-1 {\n  width: 100%;\n}\n.col.col--lg-2 {\n  width: 100%;\n}\n.col.col--lg-3 {\n  width: 100%;\n}\n.col.col--lg-4 {\n  width: 100%;\n}\n.col.col--lg-5 {\n  width: 100%;\n}\n.col.col--lg-6 {\n  width: 100%;\n}\n.col.col--lg-7 {\n  width: 100%;\n}\n.col.col--lg-8 {\n  width: 100%;\n}\n.col.col--lg-9 {\n  width: 100%;\n}\n.col.col--lg-10 {\n  width: 100%;\n}\n.col.col--lg-11 {\n  width: 100%;\n}\n.col.col--lg-12 {\n  width: 100%;\n}\n@media (min-width: 1024px) {\n.col.col--lg-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--lg-order-1 {\n    order: 1;\n}\n.col.col--lg-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--lg-order-2 {\n    order: 2;\n}\n.col.col--lg-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--lg-order-3 {\n    order: 3;\n}\n.col.col--lg-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--lg-order-4 {\n    order: 4;\n}\n.col.col--lg-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--lg-order-5 {\n    order: 5;\n}\n.col.col--lg-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--lg-order-6 {\n    order: 6;\n}\n.col.col--lg-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--lg-order-7 {\n    order: 7;\n}\n.col.col--lg-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--lg-order-8 {\n    order: 8;\n}\n.col.col--lg-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--lg-order-9 {\n    order: 9;\n}\n.col.col--lg-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--lg-order-10 {\n    order: 10;\n}\n.col.col--lg-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--lg-order-11 {\n    order: 11;\n}\n.col.col--lg-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--lg-order-12 {\n    order: 12;\n}\n}\n.col.col--xl-1 {\n  width: 100%;\n}\n.col.col--xl-2 {\n  width: 100%;\n}\n.col.col--xl-3 {\n  width: 100%;\n}\n.col.col--xl-4 {\n  width: 100%;\n}\n.col.col--xl-5 {\n  width: 100%;\n}\n.col.col--xl-6 {\n  width: 100%;\n}\n.col.col--xl-7 {\n  width: 100%;\n}\n.col.col--xl-8 {\n  width: 100%;\n}\n.col.col--xl-9 {\n  width: 100%;\n}\n.col.col--xl-10 {\n  width: 100%;\n}\n.col.col--xl-11 {\n  width: 100%;\n}\n.col.col--xl-12 {\n  width: 100%;\n}\n@media (min-width: 1280px) {\n.col.col--xl-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--xl-order-1 {\n    order: 1;\n}\n.col.col--xl-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--xl-order-2 {\n    order: 2;\n}\n.col.col--xl-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--xl-order-3 {\n    order: 3;\n}\n.col.col--xl-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--xl-order-4 {\n    order: 4;\n}\n.col.col--xl-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--xl-order-5 {\n    order: 5;\n}\n.col.col--xl-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--xl-order-6 {\n    order: 6;\n}\n.col.col--xl-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--xl-order-7 {\n    order: 7;\n}\n.col.col--xl-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--xl-order-8 {\n    order: 8;\n}\n.col.col--xl-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--xl-order-9 {\n    order: 9;\n}\n.col.col--xl-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--xl-order-10 {\n    order: 10;\n}\n.col.col--xl-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--xl-order-11 {\n    order: 11;\n}\n.col.col--xl-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--xl-order-12 {\n    order: 12;\n}\n}\n.i-width-sm-1 {\n  width: 8.3333333333%;\n}\n.i-width-sm-2 {\n  width: 16.6666666667%;\n}\n.i-width-sm-3 {\n  width: 25%;\n}\n.i-width-sm-4 {\n  width: 33.3333333333%;\n}\n.i-width-sm-5 {\n  width: 41.6666666667%;\n}\n.i-width-sm-6 {\n  width: 50%;\n}\n.i-width-sm-7 {\n  width: 58.3333333333%;\n}\n.i-width-sm-8 {\n  width: 66.6666666667%;\n}\n.i-width-sm-9 {\n  width: 75%;\n}\n.i-width-sm-10 {\n  width: 83.3333333333%;\n}\n.i-width-sm-11 {\n  width: 91.6666666667%;\n}\n.i-width-sm-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.i-width-md-1 {\n    width: 8.3333333333%;\n}\n.i-width-md-2 {\n    width: 16.6666666667%;\n}\n.i-width-md-3 {\n    width: 25%;\n}\n.i-width-md-4 {\n    width: 33.3333333333%;\n}\n.i-width-md-5 {\n    width: 41.6666666667%;\n}\n.i-width-md-6 {\n    width: 50%;\n}\n.i-width-md-7 {\n    width: 58.3333333333%;\n}\n.i-width-md-8 {\n    width: 66.6666666667%;\n}\n.i-width-md-9 {\n    width: 75%;\n}\n.i-width-md-10 {\n    width: 83.3333333333%;\n}\n.i-width-md-11 {\n    width: 91.6666666667%;\n}\n.i-width-md-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1024px) {\n.i-width-lg-1 {\n    width: 8.3333333333%;\n}\n.i-width-lg-2 {\n    width: 16.6666666667%;\n}\n.i-width-lg-3 {\n    width: 25%;\n}\n.i-width-lg-4 {\n    width: 33.3333333333%;\n}\n.i-width-lg-5 {\n    width: 41.6666666667%;\n}\n.i-width-lg-6 {\n    width: 50%;\n}\n.i-width-lg-7 {\n    width: 58.3333333333%;\n}\n.i-width-lg-8 {\n    width: 66.6666666667%;\n}\n.i-width-lg-9 {\n    width: 75%;\n}\n.i-width-lg-10 {\n    width: 83.3333333333%;\n}\n.i-width-lg-11 {\n    width: 91.6666666667%;\n}\n.i-width-lg-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1280px) {\n.i-width-xl-1 {\n    width: 8.3333333333%;\n}\n.i-width-xl-2 {\n    width: 16.6666666667%;\n}\n.i-width-xl-3 {\n    width: 25%;\n}\n.i-width-xl-4 {\n    width: 33.3333333333%;\n}\n.i-width-xl-5 {\n    width: 41.6666666667%;\n}\n.i-width-xl-6 {\n    width: 50%;\n}\n.i-width-xl-7 {\n    width: 58.3333333333%;\n}\n.i-width-xl-8 {\n    width: 66.6666666667%;\n}\n.i-width-xl-9 {\n    width: 75%;\n}\n.i-width-xl-10 {\n    width: 83.3333333333%;\n}\n.i-width-xl-11 {\n    width: 91.6666666667%;\n}\n.i-width-xl-12 {\n    width: 100%;\n}\n}\n.sticky {\n  /* Double position is specified due to E11-compability.\n  `fixed` is used by IE11.\n  `sticky` is used by other web browsers. */\n  position: fixed;\n  position: sticky;\n  z-index: 9999;\n}\n.sticky--top {\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.density-default {\n  --f-density-factor: 1;\n}\n.density-dense {\n  --f-density-factor: 0.8;\n}\n.density-densest {\n  --f-density-factor: 0.6;\n}\n.formatter--date, .formatter--date-full, .formatter--date-long, .formatter--date-range, .formatter--text {\n  white-space: nowrap;\n}\n.formatter--bankgiro, .formatter--number, .formatter--orgnr, .formatter--plusgiro, .formatter--pnr, .formatter--postnummer {\n  white-space: nowrap;\n  font-feature-settings: "tnum";\n}\n.anchor, .file-item__file-open {\n  color: var(--f-text-color-link);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n  text-decoration-color: var(--f-text-color-link);\n  font-weight: var(--f-font-weight-medium);\n}\n.anchor:hover, .file-item__file-open:hover {\n  color: var(--f-text-color-link-hover);\n  text-decoration-color: var(--f-border-color-link-hover);\n}\n.anchor.anchor--block, .file-item__file-open {\n  display: inline-flex;\n}\n.anchor.anchor--block > svg, .file-item__file-open > svg, .anchor.anchor--block > .icon-stack, .file-item__file-open > .icon-stack {\n  flex-shrink: 0;\n  margin: calc((var(--f-line-height-large) * 1rem - var(--f-icon-size-small)) / 2) 0.25rem 0;\n}\n.anchor.anchor--discrete, .anchor--discrete.file-item__file-open {\n  color: var(--f-text-color-link-discrete);\n  text-decoration-color: var(--f-border-color-link-discrete);\n}\n.anchor.anchor--discrete:hover, .anchor--discrete.file-item__file-open:hover {\n  color: var(--f-text-color-link-discrete-hover);\n  text-decoration-color: var(--f-text-color-link-discrete-hover);\n}\n.badge {\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-small);\n  box-sizing: border-box;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: calc(var(--f-line-height-large) * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n  padding: 0 0.5rem;\n}\n.badge--default {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral-strong);\n  border-color: var(--fkds-color-feedback-background-neutral-strong);\n}\n.badge--default-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral);\n  border-color: var(--fkds-color-feedback-border-neutral);\n}\n.badge--warning {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n  border-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.badge--warning-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-color: var(--fkds-color-feedback-border-warning);\n}\n.badge--error {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n  border-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.badge--error-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.badge--success {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-background-positive-strong);\n}\n.badge--success-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.badge--info {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-info-strong);\n  border-color: var(--fkds-color-feedback-background-info-strong);\n}\n.badge--info-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-color: var(--fkds-color-feedback-border-info);\n}\n.button-group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.button-group .button-group__item {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n@media (min-width: 640px) {\n.button-group .button-group__item {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group .button-group__item:last-child {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--discrete, .button-group > .button.button--text {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.button-group > .button.button--discrete:last-child, .button-group > .button.button--text:last-child {\n  margin-right: 0;\n}\n.button-group > .button.button--small {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 0.75rem;\n}\n.button-group > .button.button--small:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--small.button--full-width {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--medium {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 1rem;\n}\n.button-group > .button.button--medium:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--medium.button--full-width {\n    margin-right: 0;\n}\n}\n@media (min-width: 640px) {\n.button-group > .button.button--large {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group > .button.button--large:last-child {\n    margin-right: 0;\n}\n}\n.button-group--end {\n  justify-content: flex-end;\n}\n.button-list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  padding-left: 0;\n}\n.button-list > li button {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--small, .button-list > li button.button.button--medium {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--large {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button {\n  border-color: transparent;\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-medium);\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  letter-spacing: var(--f-button-letter-spacing);\n  line-height: var(--f-button-default-line-height);\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  min-width: var(--f-button-min-width);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-default-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-default-padding-right);\n  padding-bottom: calc(var(--f-button-default-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-default-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  position: relative;\n  text-align: center;\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n}\n@media (max-width: 639.98px) {\n.button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button--text {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.button--text--black {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  color: var(--f-text-color-default);\n}\n.button--text--black > .button__icon {\n  color: var(--f-icon-color-black);\n}\n.button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--f-text-color-button-standard);\n  padding: calc(var(--f-button-standard-padding-top) * var(--f-density-factor)) var(--f-button-standard-padding-right) calc(var(--f-button-standard-padding-bottom) * var(--f-density-factor)) var(--f-button-standard-padding-left);\n}\n.button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--f-text-color-button-standard);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button:active, .button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--f-text-color-button-standard);\n}\n.button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover, .button.button--disabled, .button.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--primary {\n  background-color: var(--fkds-color-action-background-primary-default);\n  border-color: transparent;\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-primary-padding-top) * var(--f-density-factor)) var(--f-button-primary-padding-right) calc(var(--f-button-primary-padding-bottom) * var(--f-density-factor)) var(--f-button-primary-padding-left);\n}\n.button.button--primary:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--primary:active, .button.button--primary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--primary.disabled, .button.button--primary.disabled:hover, .button.button--primary:disabled, .button.button--primary:disabled:hover, .button.button--primary.button--disabled, .button.button--primary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--secondary {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-secondary-padding-top) * var(--f-density-factor)) var(--f-button-secondary-padding-right) calc(var(--f-button-secondary-padding-bottom) * var(--f-density-factor)) var(--f-button-secondary-padding-left);\n}\n.button.button--secondary:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--secondary:active, .button.button--secondary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--secondary.disabled, .button.button--secondary.disabled:hover, .button.button--secondary:disabled, .button.button--secondary:disabled:hover, .button.button--secondary.button--disabled, .button.button--secondary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--discrete, .button.button--text {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--f-text-color-button-discrete);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete:hover, .button.button--text:hover {\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete:active, .button.button--text:active, .button.button--discrete:focus, .button.button--text:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n}\n.button.button--discrete.disabled, .button.disabled.button--text, .button.button--discrete.disabled:hover, .button.button--discrete:disabled, .button.button--text:disabled, .button.button--discrete:disabled:hover, .button.button--discrete.button--disabled, .button.button--disabled.button--text, .button.button--discrete.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete, .button.button--text {\n    width: auto;\n}\n}\n.button.button--discrete--black, .button.button--text--black {\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-black-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-black-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-black-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-black-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  color: var(--f-text-color-default);\n}\n.button.button--discrete--black > .button__icon, .button.button--text--black > .button__icon {\n  color: var(--f-icon-color-black);\n}\n.button.button--discrete:hover, .button.button--text:hover {\n  box-shadow: none;\n  mix-blend-mode: multiply;\n}\n.button.button--discrete, .button.button--text, .button.button--discrete:focus, .button.button--discrete:active, .button.button--discrete:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--discrete-inverted {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--f-text-color-button-discrete-inverted);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete-inverted:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete-inverted:active, .button.button--discrete-inverted:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n}\n.button.button--discrete-inverted.disabled, .button.button--discrete-inverted.disabled:hover, .button.button--discrete-inverted:disabled, .button.button--discrete-inverted:disabled:hover, .button.button--discrete-inverted.button--disabled, .button.button--discrete-inverted.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete-inverted {\n    width: auto;\n}\n}\n.button.button--discrete-inverted, .button.button--discrete-inverted:focus, .button.button--discrete-inverted:active, .button.button--discrete-inverted:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--tertiary {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n}\n.button.button--tertiary:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.button.button--tertiary:active, .button.button--tertiary:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--tertiary.disabled, .button.button--tertiary.disabled:hover, .button.button--tertiary:disabled, .button.button--tertiary:disabled:hover, .button.button--tertiary.button--disabled, .button.button--tertiary.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary {\n    width: auto;\n}\n}\n.button.button--tertiary--black {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--black:hover, .button.button--tertiary--black:active, .button.button--tertiary--black:focus {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted:hover, .button.button--tertiary--inverted:active, .button.button--tertiary--inverted:focus {\n  color: var(--fkds-color-action-text-inverted-focus);\n  background-color: transparent;\n}\n.button.button--tertiary--inverted:disabled {\n  color: var(--fkds-color-text-disabled);\n  border-width: 0;\n  background-color: transparent;\n}\n.button.button--tertiary--underline {\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 4px;\n}\n.button.button--tertiary--underline:disabled {\n  text-decoration: none;\n}\n.button.button--tertiary.button--small {\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.button.button--tertiary.button--small.button--align-text {\n  margin-left: -0.25rem;\n}\n.button.button--tertiary.button--medium {\n  min-width: 8rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-tertiary-padding-right);\n  padding-bottom: calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-tertiary-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n}\n.button.button--tertiary.button--medium.button--align-text {\n  margin-left: -0.5rem;\n}\n.button.button--tertiary.button--large {\n  min-width: var(--f-button-min-width);\n  padding: calc(1.125rem * var(--f-density-factor)) 0.75rem;\n}\n.button.button--tertiary.button--large.button--align-text {\n  margin-left: -0.75rem;\n}\n.button.button--tertiary.button--align-text {\n  margin-left: -0.5rem;\n  min-width: 0;\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary.button--full-width {\n    min-width: var(--f-width-full);\n}\n}\n.button.button--full-width {\n  min-width: var(--f-width-full);\n}\n.button.button--margin-bottom-0 {\n  margin-bottom: 0;\n}\n.button.button--small {\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 4rem;\n  padding: calc(0.25rem * var(--f-density-factor)) 0.75rem;\n}\n@media (max-width: 639.98px) {\n.button.button--small:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--small > .button__icon {\n  height: 14px;\n  width: 14px;\n}\n.button.button--medium {\n  line-height: 1.5rem;\n  min-width: 8rem;\n  padding: calc(0.625rem * var(--f-density-factor)) 1.25rem;\n}\n@media (max-width: 639.98px) {\n.button.button--medium:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--large {\n  line-height: 1.5rem;\n  min-width: 9.5rem;\n  padding: calc(1rem * var(--f-density-factor)) 1.5rem;\n}\n@media (max-width: 639.98px) {\n.button.button--large {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button > .button__icon {\n  margin-right: 0.25rem;\n  transform: translate(0, 15%);\n}\n.button > .button__icon:not(:first-child) {\n  margin-left: 0.25rem;\n  margin-right: 0;\n}\n.button > .button__icon--end {\n  position: absolute;\n  right: 1.25rem;\n}\n.button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover, .button.button--disabled {\n  border-width: var(--f-border-width-medium);\n  box-shadow: none;\n  cursor: default;\n}\n.calendar-day {\n  align-items: center;\n  display: inline-flex;\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  height: 2.75rem;\n  width: 100%;\n}\n.calendar-day--highlight {\n  position: relative;\n}\n.calendar-day--highlight::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--highlight.calendar-day--disabled::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--disabled::after {\n  content: "";\n  z-index: 1;\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day--selected {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day:hover:not(.calendar-day--disabled, .calendar-day--selected), .calendar-day--hover:not(.calendar-day--disabled, .calendar-day--selected) {\n  background-color: var(--fkds-color-select-background-primary-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.card {\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  margin: calc(1rem * var(--f-density-factor)) 0;\n}\n.card--default {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n}\n.card--error {\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-negative);\n}\n.card__content {\n  color: var(--fkds-color-text-primary);\n}\n.card__content > p:last-child,\n.card__content > div:last-child {\n  margin-bottom: 0;\n}\n.card__content > p:last-child > *:last-child,\n.card__content > div:last-child > *:last-child {\n  margin-bottom: 0;\n}\n.card__header-label {\n  color: var(--fkds-color-text-primary);\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  display: block;\n}\n.card__footer {\n  padding-top: calc(1.25rem * var(--f-density-factor));\n}\n.card__footer > .button-group {\n  margin-bottom: 0;\n}\n.card__footer > .button-group .button-group__item {\n  margin-bottom: 0 !important;\n}\n.card__error-message {\n  color: var(--f-text-color-error);\n}\n.list__item {\n  display: flex;\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  background: var(--f-background-grid-default);\n}\n.radio-button-group--border .radio-button-group__content .radio-button:not(.disabled):hover, .checkbox-group--border .checkbox-group__content .checkbox:not(.disabled):hover, .list--hover .list__item:not(.disabled):focus-within,\n.list--hover .list__item:not(.disabled):hover, .list__item--hover:not(.disabled) {\n  background: var(--f-background-grid-hover);\n}\n.list--hover .list__item:focus-within.list__item--active,\n.list--hover .list__item:hover.list__item--active, .list__item--active {\n  background: var(--f-background-grid-active);\n}\n.list {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  padding-left: 0;\n}\n.list__item:not(:last-child) {\n  border-bottom: none;\n}\n.list__item__itempane {\n  width: 100%;\n  padding: calc(var(--f-list-item-itempane-padding) * var(--f-density-factor)) var(--f-list-item-itempane-padding);\n  color: inherit;\n  --f-margin-component-bottom: 0.5rem;\n}\n.list__item__itempane .button {\n  margin-bottom: 0;\n}\n.list__item__itempane ul {\n  list-style-type: disc;\n}\n.list__item__itempane ul ul {\n  list-style-type: circle;\n}\n.list__item__selectpane {\n  padding: calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) 0 calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) calc(var(--f-list-item-itempane-padding) - 0.2rem);\n}\n.list__item__selectpane__input {\n  margin-top: 0.1rem;\n}\n.list__item__selectpane__input .checkbox__label,\n.list__item__selectpane__input .radio-button__label {\n  min-width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n}\n.list__item__selectpane__input .checkbox__label::after,\n.list__item__selectpane__input .checkbox__label::before,\n.list__item__selectpane__input .radio-button__label::after,\n.list__item__selectpane__input .radio-button__label::before {\n  top: calc(0.2rem * var(--f-density-factor));\n  left: 0.2rem;\n}\n.list--hover .list__item:focus-within,\n.list--hover .list__item:hover {\n  cursor: pointer;\n}\n.radio-button-group--border .radio-button-group__content .radio-button, .checkbox-group--border .checkbox-group__content .checkbox {\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  margin-bottom: 0;\n  width: 100%;\n  cursor: pointer;\n  border-bottom: none;\n}\n.radio-button-group--border .radio-button-group__content .radio-button:last-child, .checkbox-group--border .checkbox-group__content .checkbox:last-child {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-grid);\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:focus + label, .checkbox-group--border .checkbox-group__content .checkbox input:focus + label {\n  outline: 2px solid var(--f-border-color-grid);\n  outline-offset: -2px;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input + label::after, .checkbox-group--border .checkbox-group__content .checkbox input + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:checked + label::after, .checkbox-group--border .checkbox-group__content .checkbox input:checked + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label::before, .checkbox-group--border .checkbox-group__content .checkbox label::before {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label, .checkbox-group--border .checkbox-group__content .checkbox label {\n  padding: 1rem;\n  padding-left: 3rem;\n  width: 100%;\n}\n.radio-button__details,\n.checkbox__details {\n  display: block;\n}\n.radio-button__width,\n.checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrYm94LWljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMy40NzQiIHk9IjkuMTk0IiBmaWxsPSIjM0M1NTkyIiB3aWR0aD0iMCIgaGVpZ2h0PSIwIi8+CjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCiAgICAgICAgYzAuNjM1LTAuNjMzLDEuNjYzLTAuNjMzLDIuMjk4LDBsMi4xMDEsMi4wOTdsNS4zNTEtNS4zNGMwLjYzNS0wLjYzNCwxLjY2My0wLjYzNCwyLjI5OCwwYzAuNjM1LDAuNjMzLDAuNjM1LDEuNjU5LDAsMi4yOTMKICAgICAgICBsLTYuNSw2LjQ4N0M5LjIwNywxNC44NDcsOC43OTIsMTUuMDA1LDguMzc2LDE1LjAwNXoiLz4KPC9zdmc+Cg==");\n  mask-repeat: no-repeat;\n}\n.checkbox {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.checkbox:last-child {\n  margin-bottom: 0;\n}\n.checkbox__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.checkbox__label {\n  min-width: 4.5rem;\n  display: inline-block;\n  cursor: pointer;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n}\n.checkbox__label * {\n  pointer-events: none;\n}\n.checkbox__label::before, .checkbox__label::after {\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  width: var(--f-icon-size-medium);\n}\n.checkbox__label::before {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-small);\n  cursor: pointer;\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-inverted);\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n@media (forced-colors: active) {\n.checkbox__label::after {\n    background-color: Canvas;\n}\n}\n.checkbox.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled {\n    color: GrayText;\n}\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n    border-color: GrayText;\n}\n}\n.checkbox.disabled input[type=checkbox]:checked + .checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-select-background-primary-default);\n  border: var(--f-border-width-medium) solid transparent;\n}\n@media (forced-colors: active) {\n.checkbox input[type=checkbox]:checked + label::before {\n    background-color: HighLight;\n    border-color: HighLight;\n}\n}\n.checkbox input[type=checkbox]:checked + .checkbox__label::after {\n  opacity: 1;\n}\n.checkbox input[type=checkbox]:focus + .checkbox__label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group--chip .radio-button-group__label {\n  margin-bottom: 0.25rem;\n}\n.radio-button-group--chip .radio-button-group__content {\n  margin: -0.25rem;\n}\n.radio-button-group--chip .radio-button {\n  margin: 0;\n  padding: 0.25rem;\n}\n.radio-button-group--chip .radio-button.disabled .radio-button__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.radio-button-group--chip .radio-button__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.radio-button-group--chip .radio-button__label::before, .radio-button-group--chip .radio-button__label::after {\n  display: none;\n}\n.radio-button-group--chip .radio-button__label svg {\n  margin-right: 0.5rem;\n}\n.radio-button-group--chip .radio-button__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.radio-button-group--chip input[type=radio]:checked + .radio-button__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.radio-button-group--chip input[type=radio]:focus + label.radio-button__label {\n  border-radius: 20px;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n  flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n    flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 0;\n}\n}\n.checkbox-group--chip .checkbox-group__label {\n  margin-bottom: 0.25rem;\n}\n.checkbox-group--chip .checkbox-group__content {\n  margin: -0.25rem;\n}\n.checkbox-group--chip .checkbox {\n  margin: 0;\n  padding: 0.25rem;\n}\n.checkbox-group--chip .checkbox.disabled .checkbox__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.checkbox-group--chip .checkbox__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.checkbox-group--chip .checkbox__label::before, .checkbox-group--chip .checkbox__label::after {\n  display: none;\n}\n.checkbox-group--chip .checkbox__label svg {\n  margin-right: 0.5rem;\n}\n.checkbox-group--chip .checkbox__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.checkbox-group--chip input[type=checkbox]:checked + .checkbox__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.checkbox-group--chip input[type=checkbox]:focus + label.checkbox__label {\n  border-radius: 20px;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n  flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n    flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n    margin-bottom: 0;\n}\n}\n.close-button {\n  align-items: center;\n  background: inherit;\n  border: none;\n  color: var(--f-text-color-close-button);\n  cursor: pointer;\n  display: flex;\n  font-weight: 700;\n  gap: 0.5rem;\n  margin: 0.375rem;\n  padding: 0.125rem 0.625rem;\n}\n.close-button .icon {\n  min-width: var(--f-icon-size-small);\n}\n.popup .popup__wrapper.combobox__listbox {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-box-modal-shadow);\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding: 2px;\n}\n.combobox__listbox__list {\n  margin: 0;\n  padding: 0;\n}\n.combobox__listbox__option {\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  list-style-type: none;\n  padding: 0.75rem;\n  white-space: nowrap;\n}\n.combobox__listbox__option:hover {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.combobox__listbox__option--highlight {\n  background-color: var(--fkds-color-select-background-primary-default);\n  color: var(--fkds-color-text-inverted);\n  font-weight: var(--f-font-weight-medium);\n}\n.combobox__button {\n  background: inherit;\n  border: none;\n  color: var(--fkds-icon-color-action-content-primary-default);\n  margin: 0;\n  padding: 0;\n}\n.combobox__button:disabled {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.contextmenu {\n  min-width: 260px;\n  background-color: var(--f-background-popupmenu);\n}\n.contextmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n  display: block;\n  list-style-type: none;\n}\n.contextmenu__list__item {\n  cursor: pointer;\n  white-space: normal;\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n}\n.contextmenu__list__item a,\n.contextmenu__list__item a:visited,\n.contextmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.contextmenu__list__item:hover {\n  color: var(--f-text-color-popupmenu-hover);\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n@media (min-width: 640px) {\n.contextmenu__list__item {\n    white-space: nowrap;\n}\n}\n.contextmenu__separator {\n  margin: 0.75rem;\n  height: 1px;\n  border: none;\n  border-top: 1px solid var(--f-border-color-separator-contextmenu);\n}\n.contextmenu__lefticon {\n  margin-right: 0.75rem;\n  min-width: var(--f-icon-size-small);\n}\n.crud-dataset {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.crud-dataset__add-button {\n  margin-bottom: 0 !important;\n  margin-top: 0.5rem !important;\n  margin-left: 2px;\n}\n.crud-dataset .list,\n.crud-dataset .table {\n  margin-bottom: 0;\n}\n.datepicker-field__button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--f-border-radius-medium);\n  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n  min-height: var(--f-icon-size-large);\n  min-width: var(--f-icon-size-large);\n  height: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  width: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  vertical-align: middle;\n}\n.datepicker-field__button:hover .icon {\n  color: var(--fkds-icon-color-action-content-primary-hover);\n}\n.datepicker-field__button:disabled .icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n}\n.datepicker-field__close {\n  display: flex;\n  justify-content: flex-end;\n}\n.datepicker-field__close > .datepicker-field__close__button {\n  margin: 0;\n  padding: 1rem;\n}\n.popup--overlay .datepicker-field__popup {\n  width: calc(100vw - 40px);\n  max-width: 28rem;\n}\n.popup--inline .datepicker-field__popup {\n  width: 100%;\n}\n.popup--inline .datepicker-field__table {\n  margin-top: 0;\n}\n.popup--inline .datepicker-field__table .calendar-month__cell {\n  padding: 0;\n  border-bottom: unset;\n}\n.popup--inline .datepicker-field__table .calendar-month__header-cell {\n  background-color: unset;\n  border: unset;\n}\n.dialogue-tree {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.dialogue-tree__list {\n  margin-left: 0;\n  padding-left: 0;\n  list-style-type: none;\n  border-radius: 2px;\n  border: 1px solid var(--fkds-color-border-primary);\n}\n.dialogue-tree__list-item {\n  background-color: var(--fkds-color-background-primary);\n  border-bottom: 1px solid var(--fkds-color-border-primary);\n  padding: 0.25em;\n  height: 60px;\n}\n.dialogue-tree__list-item:last-child {\n  border-bottom: none;\n}\n.dialogue-tree__list-item:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.dialogue-tree__list-item button {\n  padding: 0 0.75em;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.dialogue-tree__list-item button span {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-weight: var(--f-font-weight-medium);\n  font-size: var(--f-font-size-standard);\n  color: var(--fkds-color-action-text-secondary-default);\n  text-align: left;\n  cursor: pointer;\n}\n.dialogue-tree__list-item button .icon {\n  flex-shrink: 0;\n  margin-left: 1.25rem;\n}\n.entrypoint {\n  background-color: var(--fkds-color-action-background-primary-default);\n  color: var(--fkds-color-action-text-inverted-default);\n  border: var(--f-border-width-medium) solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-button-shadow);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  text-align: left;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  line-height: var(--f-line-height-large);\n  width: 100%;\n}\n.entrypoint__icon {\n  margin-left: 2rem;\n  flex-shrink: 0;\n}\n.entrypoint:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n}\n.error-list {\n  color: var(--fkds-color-feedback-text-negative);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.error-list--list-style-none {\n  list-style-type: none;\n  padding: 0;\n}\n.error-list--padding-left {\n  padding-left: 1rem;\n}\n.error-list__list {\n  margin: 0;\n  line-height: max(1.5, 2 * var(--f-density-factor));\n}\n.error-list__bullet::before {\n  color: var(--fkds-color-feedback-text-negative);\n  content: "•";\n  display: inline;\n  font-size: var(--f-font-size-h4);\n  line-height: 0;\n  margin-right: 0.75rem;\n}\n.error-list__link {\n  color: var(--fkds-color-feedback-text-negative);\n  list-style-position: inside;\n  text-decoration: underline;\n  text-underline-offset: 0.25em;\n}\n.error-list__link a {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.error-list__link:hover {\n  text-decoration-thickness: 2px;\n}\n.error-list__icon {\n  max-width: none;\n  position: relative;\n  top: 3px;\n}\n.error-list--list-item {\n  display: list-item;\n}\n.offline .icon, .icon, .offline .icon-stack, .icon-stack,\n.icon--stack {\n  display: inline-block;\n  height: var(--f-icon-size-small);\n  max-height: 100%;\n  max-width: 100%;\n  pointer-events: none;\n  width: var(--f-icon-size-small);\n}\n.select-field__icon, .label__icon {\n  display: inline;\n  height: var(--f-icon-size-large);\n  position: absolute;\n  right: 0.75rem;\n  top: calc(0.5rem * var(--f-density-factor));\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.offline .icon-stack, .icon-stack,\n.icon--stack {\n  position: relative;\n}\n.icon-stack .icon,\n.icon--stack .icon {\n  position: absolute;\n}\n.icon--flip-horizontal {\n  transform: scaleX(-1);\n}\n.icon--flip-vertical {\n  transform: scaleY(-1);\n}\n.icon--rotate-90 {\n  transform: rotate(90deg);\n}\n.icon--rotate-180 {\n  transform: rotate(180deg);\n}\n.icon--rotate-270 {\n  transform: rotate(270deg);\n}\n.icon-stack--new-window .icon.f-icon-new-window,\n.icon--new-window .icon.f-icon-new-window {\n  width: 55%;\n  height: 55%;\n  top: 0;\n  right: 0;\n}\n.icon-stack--new-window .icon:not(.f-icon-new-window),\n.icon--new-window .icon:not(.f-icon-new-window) {\n  width: 83%;\n  height: 83%;\n  bottom: 0;\n  left: 5%;\n}\n.icon-stack--tooltip .f-icon-circle,\n.icon--stack--tooltip .f-icon-circle {\n  fill: var(--f-icon-color-info);\n  color: var(--f-icon-color-info);\n}\n.icon-stack--tooltip .f-icon-i,\n.icon--stack--tooltip .f-icon-i {\n  color: var(--f-icon-color-white);\n}\n.icon-stack--info .f-icon-circle,\n.icon--stack--info .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-info);\n  fill: var(--fkds-icon-color-feedback-border-info);\n}\n.icon-stack--warning .f-icon-circle,\n.icon--stack--warning .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-warning);\n  fill: var(--fkds-icon-color-feedback-border-warning);\n}\n.icon-stack--error .f-icon-triangle,\n.icon--stack--error .f-icon-triangle {\n  color: var(--fkds-icon-color-feedback-background-negative);\n  fill: var(--fkds-icon-color-feedback-border-negative);\n}\n.icon-stack--success .f-icon-circle,\n.icon--stack--success .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-positive);\n  fill: var(--fkds-icon-color-feedback-border-positive);\n}\n.icon-stack--success .f-icon-success,\n.icon--stack--success .f-icon-success {\n  transform: scale(0.6);\n}\n.icon-stack--large,\n.icon--stack--large {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n.icon-stack--large svg,\n.icon--stack--large svg {\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle, .icon-stack--circle-bottom,\n.icon--stack--circle,\n.icon--stack--circle-bottom {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100%;\n  overflow: hidden;\n}\n.icon-stack--circle .f-icon-circle, .icon-stack--circle-bottom .f-icon-circle,\n.icon--stack--circle .f-icon-circle,\n.icon--stack--circle-bottom .f-icon-circle {\n  color: var(--f-icon-color-success-background);\n  fill: var(--f-icon-color-success-background);\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle .icon:not(.f-icon-circle), .icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  color: var(--f-icon-color-success);\n  position: absolute;\n}\n.icon-stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle) {\n  width: 70%;\n  height: 70%;\n  inset: 0;\n  margin: auto;\n}\n.icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  width: 80%;\n  height: 80%;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0%;\n}\n.expandable-panel {\n  margin-bottom: calc(2rem * var(--f-density-factor));\n}\n.expandable-panel__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-panel);\n  width: var(--f-icon-size-medium);\n  height: var(--f-icon-size-medium);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-medium)) / 2);\n  display: flex;\n  color: var(--f-background-heading-expandable-panel);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-panel__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__content {\n  height: auto;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__heading button {\n  border: var(--f-expandable-panel-heading-border-open);\n}\n.expandable-panel.expandable-panel--collapsed .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  margin-bottom: 0 !important;\n}\n.expandable-panel__heading button {\n  background-color: var(--f-background-heading-expandable-panel);\n  border: var(--f-expandable-panel-heading-border-close);\n  border-radius: var(--f-expandable-panel-heading-border-radius);\n  color: var(--f-text-color-heading-expandable-panel);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  position: relative;\n  text-align: left;\n  width: 100%;\n}\n.expandable-panel__heading button:focus, .expandable-panel__heading button:hover {\n  background-color: var(--f-background-heading-expandable-panel-hover);\n}\n.expandable-panel__notification {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-notice);\n  border: var(--f-border-width-medium) solid var(--f-icon-color-white);\n  width: var(--f-icon-size-x-large);\n  height: var(--f-icon-size-x-large);\n  display: inline-block;\n  padding: 0.27rem;\n  position: absolute;\n  right: 1.5rem;\n  top: -0.75rem;\n  line-height: 0;\n}\n.expandable-panel__notification svg {\n  color: var(--f-icon-color-white);\n  height: auto;\n  width: auto;\n}\n.expandable-panel__content {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) ease-in;\n}\n.expandable-panel__body {\n  background-color: var(--f-background-expandable-panel);\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  border-top: 0;\n  line-height: inherit;\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n}\n.expandable-paragraph {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.expandable-paragraph__heading {\n  line-height: var(--f-line-height-medium);\n  margin: 0;\n}\n.expandable-paragraph__heading button {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  margin: 0;\n  display: flex;\n  text-align: left;\n  padding: 0;\n  flex-shrink: 0;\n}\n.expandable-paragraph__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-paragraph);\n  width: var(--f-icon-size-small);\n  height: var(--f-icon-size-small);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-small)) / 2);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n  display: flex;\n  color: var(--f-icon-color-white);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-paragraph__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__container {\n  height: auto;\n}\n.expandable-paragraph.expandable-paragraph--closed .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-paragraph__container {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.expandable-paragraph__content, .expandable-paragraph__related-information {\n  margin-left: calc(var(--f-icon-size-small) + 0.5rem);\n}\n.expandable-paragraph__related-information {\n  color: var(--f-text-color-discrete);\n  font-size: 0.875rem;\n}\n.expandable-paragraph__content {\n  margin-top: calc(0.75rem * var(--f-density-factor));\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.expandable-paragraph__separator {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin: 0 0.5rem calc(0.5rem * var(--f-density-factor)) 0.5rem;\n}\n.expandable-paragraph--list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  padding-bottom: calc(0.5rem * var(--f-density-factor));\n  border-bottom: var(--f-border-width-small) solid var(--f-border-color-separator);\n}\n.fieldset {\n  border: 0;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  min-width: 0;\n  padding: 0;\n  width: var(--f-width-full);\n}\n.fieldset__label {\n  padding: 0;\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.fieldset__content {\n  display: flex;\n  flex-direction: column;\n}\n.file-item-list {\n  list-style-type: none;\n  padding-left: 0;\n}\n.file-item .button--discrete {\n  padding: 0;\n  min-width: auto;\n  text-align: left;\n  margin-right: 0.25rem;\n}\n.file-item__row {\n  margin-bottom: 1.25rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.file-item__row button,\n.file-item__row a {\n  margin-bottom: 0;\n}\n.file-item__file-open {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  flex: 0 1 auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.file-item__file-remove {\n  flex: 0 0 auto;\n}\n.file-item__file-abort {\n  flex: 0 0 auto;\n}\n.file-item__file-abort svg {\n  color: var(--f-icon-color-error);\n}\n.file-item__change-info {\n  margin-top: -1.25rem;\n}\n.file-item__file-name {\n  margin-left: 0.25rem;\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.file-item__separator {\n  margin-bottom: 1.25rem;\n  border: var(--f-border-width-medium) solid var(--f-border-color-separator);\n}\n.file-selector svg {\n  color: var(--f-icon-color-primary);\n}\n.file-selector input[type=file] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.file-selector input[type=file]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.file-selector label {\n  cursor: pointer;\n}\n.file-selector input:disabled + label {\n  background-color: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n.file-uploader__message-box {\n  margin-top: 1.25rem;\n}\n.component-group > .component-group__item:not(:only-child) {\n  margin-bottom: 1rem;\n}\n.component-group > .component-group__item:last-child:not(:first-child) {\n  margin-bottom: 2rem;\n}\n.indent {\n  border-left: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin-bottom: 1rem;\n  margin-left: 0.5rem;\n  padding-left: 1.5rem;\n}\n.label {\n  color: var(--fkds-color-text-primary);\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n}\n.label.sr-only {\n  width: auto;\n}\n.label__message {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  margin-top: var(--f-label-message-margin-top);\n}\n.label__message--error {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.label__icon-wrapper {\n  position: relative;\n}\n.label__icon--left {\n  position: relative;\n  top: calc(3px * var(--f-density-factor));\n}\n.label__description {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  color: var(--fkds-color-text-primary);\n}\n.label__description--format {\n  color: var(--fkds-color-text-secondary);\n}\n.layout-application-template {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.layout-application-template__header {\n  z-index: 9994;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  width: 100%;\n}\n.layout-application-template__footer {\n  flex-shrink: 0;\n}\n.layout-application-template__main {\n  flex-grow: 1;\n}\n.layout-application-template__main > .container-fluid {\n  margin: 20px;\n  width: initial;\n  max-width: 1440px;\n}\n.layout-application-template__body {\n  margin: 0;\n  padding: 0;\n  min-height: 100vh;\n}\n.layout-application-template__body > div {\n  height: 100%;\n}\n.layout-application-template__html {\n  height: 100%;\n}\n.grid--force .col.col--sm-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-sm .col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-1 {\n  order: 1;\n}\n.grid--force-sm .col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-2 {\n  order: 2;\n}\n.grid--force-sm .col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-sm .col.col--sm-order-3 {\n  order: 3;\n}\n.grid--force-sm .col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-4 {\n  order: 4;\n}\n.grid--force-sm .col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-5 {\n  order: 5;\n}\n.grid--force-sm .col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-sm .col.col--sm-order-6 {\n  order: 6;\n}\n.grid--force-sm .col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-7 {\n  order: 7;\n}\n.grid--force-sm .col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-8 {\n  order: 8;\n}\n.grid--force-sm .col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-sm .col.col--sm-order-9 {\n  order: 9;\n}\n.grid--force-sm .col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-10 {\n  order: 10;\n}\n.grid--force-sm .col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-11 {\n  order: 11;\n}\n.grid--force-sm .col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-sm .col.col--sm-order-12 {\n  order: 12;\n}\n.grid--force .col.col--md-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-md .col.col--md-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-md .col.col--md-order-1 {\n  order: 1;\n}\n.grid--force-md .col.col--md-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-md .col.col--md-order-2 {\n  order: 2;\n}\n.grid--force-md .col.col--md-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-md .col.col--md-order-3 {\n  order: 3;\n}\n.grid--force-md .col.col--md-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-md .col.col--md-order-4 {\n  order: 4;\n}\n.grid--force-md .col.col--md-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-md .col.col--md-order-5 {\n  order: 5;\n}\n.grid--force-md .col.col--md-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-md .col.col--md-order-6 {\n  order: 6;\n}\n.grid--force-md .col.col--md-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-md .col.col--md-order-7 {\n  order: 7;\n}\n.grid--force-md .col.col--md-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-md .col.col--md-order-8 {\n  order: 8;\n}\n.grid--force-md .col.col--md-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-md .col.col--md-order-9 {\n  order: 9;\n}\n.grid--force-md .col.col--md-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-md .col.col--md-order-10 {\n  order: 10;\n}\n.grid--force-md .col.col--md-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-md .col.col--md-order-11 {\n  order: 11;\n}\n.grid--force-md .col.col--md-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-md .col.col--md-order-12 {\n  order: 12;\n}\n.grid--force .col.col--lg-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-lg .col.col--lg-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-1 {\n  order: 1;\n}\n.grid--force-lg .col.col--lg-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-2 {\n  order: 2;\n}\n.grid--force-lg .col.col--lg-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-lg .col.col--lg-order-3 {\n  order: 3;\n}\n.grid--force-lg .col.col--lg-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-4 {\n  order: 4;\n}\n.grid--force-lg .col.col--lg-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-5 {\n  order: 5;\n}\n.grid--force-lg .col.col--lg-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-lg .col.col--lg-order-6 {\n  order: 6;\n}\n.grid--force-lg .col.col--lg-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-7 {\n  order: 7;\n}\n.grid--force-lg .col.col--lg-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-8 {\n  order: 8;\n}\n.grid--force-lg .col.col--lg-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-lg .col.col--lg-order-9 {\n  order: 9;\n}\n.grid--force-lg .col.col--lg-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-10 {\n  order: 10;\n}\n.grid--force-lg .col.col--lg-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-11 {\n  order: 11;\n}\n.grid--force-lg .col.col--lg-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-lg .col.col--lg-order-12 {\n  order: 12;\n}\n.grid--force .col.col--xl-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-xl .col.col--xl-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-1 {\n  order: 1;\n}\n.grid--force-xl .col.col--xl-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-2 {\n  order: 2;\n}\n.grid--force-xl .col.col--xl-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-xl .col.col--xl-order-3 {\n  order: 3;\n}\n.grid--force-xl .col.col--xl-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-4 {\n  order: 4;\n}\n.grid--force-xl .col.col--xl-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-5 {\n  order: 5;\n}\n.grid--force-xl .col.col--xl-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-xl .col.col--xl-order-6 {\n  order: 6;\n}\n.grid--force-xl .col.col--xl-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-7 {\n  order: 7;\n}\n.grid--force-xl .col.col--xl-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-8 {\n  order: 8;\n}\n.grid--force-xl .col.col--xl-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-xl .col.col--xl-order-9 {\n  order: 9;\n}\n.grid--force-xl .col.col--xl-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-10 {\n  order: 10;\n}\n.grid--force-xl .col.col--xl-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-11 {\n  order: 11;\n}\n.grid--force-xl .col.col--xl-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-xl .col.col--xl-order-12 {\n  order: 12;\n}\n.layout-navigation {\n  min-height: 100%;\n  width: 100%;\n}\n.layout-navigation__primary {\n  flex: auto;\n}\n.layout-navigation__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-navigation__navigation {\n  background-color: #f4f4f4;\n  display: flex;\n  position: fixed;\n  z-index: 9994;\n  left: 0;\n  bottom: 0;\n}\n.layout-navigation__navigation .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-navigation__navigation__border {\n  width: 4px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-navigation__navigation__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-navigation__navigation__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-navigation__navigation__inner {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  margin-right: 12px;\n  word-wrap: break-word;\n  padding: 1rem;\n}\n.layout-navigation__navigation__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-navigation__navigation__inner__title button {\n  margin: 0;\n  position: absolute;\n  right: 0.5rem;\n}\n.layout-navigation__navigation__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n.layout-navigation__navigation__inner--minimized {\n  margin-left: -0.6rem;\n  margin-right: -0.8rem;\n  padding: 0;\n}\n.layout-secondary {\n  width: 100%;\n  min-height: 100%;\n}\n.layout-secondary__primary {\n  flex: auto;\n}\n.layout-secondary__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-secondary__secondary {\n  background-color: #f4f4f4;\n  position: fixed;\n  display: flex;\n  right: 0;\n  bottom: 0;\n  z-index: 9994;\n}\n.layout-secondary__secondary .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-secondary__secondary__border {\n  width: 5px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-secondary__secondary__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-secondary__secondary__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-secondary__secondary__inner {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  word-wrap: break-word;\n  margin: 16px;\n  margin-left: 11px;\n}\n.layout-secondary__secondary__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-secondary__secondary__inner__close.button {\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin-bottom: 0;\n}\n.layout-secondary__secondary__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n@media (width <= 1280px) {\n.layout-secondary__secondary {\n    box-shadow: 4px 0 2px rgba(0, 0, 0, 0.5), -4px 0 2px rgba(0, 0, 0, 0.5);\n}\n}\n@keyframes bouncedelay {\n0%, 80%, 100% {\n    transform: scale(0);\n}\n40% {\n    transform: scale(1);\n}\n}\n@keyframes spinner-delay {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n.loader div[tabindex] {\n  outline: none;\n}\n.loader__wrapper {\n  height: var(--f-loader-size);\n  margin: var(--f-loader-margin);\n  position: relative;\n  width: var(--f-loader-size);\n}\n.loader--delay {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.loader__spinner {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.loader__circle {\n  animation: bouncedelay 1.2s infinite ease-in-out;\n  animation-fill-mode: both;\n  background-color: var(--f-icon-color-loader);\n  border-radius: 100%;\n  height: 1rem;\n  position: absolute;\n  width: 1rem;\n}\n.loader__wait-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  white-space: pre-wrap;\n}\n.loader--overlay .loader__backdrop {\n  align-items: center;\n  background: var(--f-background-overlay);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n}\n.loader--overlay .loader__wait-text {\n  color: var(--f-text-color-default-inverted);\n}\n.loader--overlay .loader__circle {\n  background-color: var(--f-icon-color-white);\n}\n.loader .loader__spinner-1-circle2 {\n  animation-delay: -0.9s;\n}\n.loader .loader__spinner-1-circle3 {\n  animation-delay: -0.6s;\n}\n.loader .loader__spinner-1-circle4 {\n  animation-delay: -0.3s;\n}\n.loader .loader__spinner-2 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(45deg);\n}\n.loader .loader__spinner-2-circle1 {\n  animation-delay: -1.1s;\n}\n.loader .loader__spinner-2-circle2 {\n  animation-delay: -0.8s;\n}\n.loader .loader__spinner-2-circle3 {\n  animation-delay: -0.5s;\n}\n.loader .loader__spinner-2-circle4 {\n  animation-delay: -0.2s;\n}\n.loader .loader__spinner-3 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(90deg);\n}\n.loader .loader__spinner-3-circle1 {\n  animation-delay: -1s;\n}\n.loader .loader__spinner-3-circle2 {\n  animation-delay: -0.7s;\n}\n.loader .loader__spinner-3-circle3 {\n  animation-delay: -0.4s;\n}\n.loader .loader__spinner-3-circle4 {\n  animation-delay: -0.1s;\n}\n.loader__circle--1 {\n  left: 0;\n  top: 0;\n}\n.loader__circle--2 {\n  right: 0;\n  top: 0;\n}\n.loader__circle--3 {\n  bottom: 0;\n  right: 0;\n}\n.loader__circle--4 {\n  bottom: 0;\n  left: 0;\n}\n.loader__delay__spinner {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.logo {\n  display: inline-block;\n}\n.logo--small {\n  padding: var(--f-logo-size-small);\n  background: var(--f-logo-image-small);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--large {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--responsive {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n@media (max-width: 639.98px) {\n.logo--responsive {\n    padding: var(--f-logo-size-small);\n    background: var(--f-logo-image-small);\n    background-repeat: no-repeat;\n    background-position: center;\n}\n}\n.message-box {\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n  margin: 0.5rem 0 calc(2rem * var(--f-density-factor)) 0;\n}\n.message-box__heading {\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--fkds-color-text-primary);\n  line-height: var(--f-line-height-medium);\n  align-items: flex-start;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: 0;\n}\n@media (max-width: 639.98px) {\n.message-box__heading {\n    font-size: var(--f-font-size-large);\n}\n}\n.message-box__icon {\n  line-height: var(--f-line-height-large);\n}\n.message-box__content {\n  text-align: left;\n}\n.message-box--info {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--info-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--info-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--info-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--info-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--info-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--error-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--error-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--error-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--error-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--warning-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--warning-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--warning-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--warning-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--success-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--success-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--success-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--success-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.message-box {\n    margin-bottom: calc(1.5rem * var(--f-density-factor));\n    margin-top: calc(1.5rem * var(--f-density-factor));\n    padding: calc(1rem * var(--f-density-factor)) 1rem;\n}\n}\n.modal__backdrop {\n  background: var(--f-background-overlay);\n  display: flex;\n  height: 100%;\n  inset: 0;\n  position: fixed;\n  width: 100%;\n  z-index: 9994;\n}\n.modal__outer-container {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  overflow: auto;\n  width: 100%;\n}\n.modal__inner-container {\n  align-items: center;\n  justify-content: center;\n  max-height: 100%;\n  width: 100%;\n}\n.modal__shelf {\n  justify-content: flex-end;\n  display: flex;\n  background-color: var(--fkds-color-background-primary);\n  border-top-left-radius: var(--f-border-radius-medium);\n  border-top-right-radius: var(--f-border-radius-medium);\n  margin-bottom: 1rem;\n}\n.modal__header {\n  display: flex;\n  font-size: var(--f-font-size-h4);\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n.modal__header .modal__title {\n  font-size: var(--f-modal-title-font-size);\n  margin-bottom: 0;\n  margin-top: 0;\n  color: var(--fkds-color-text-primary);\n}\n.modal__dialog-container {\n  background: transparent;\n  display: flex;\n  margin: auto;\n  width: calc(100vw - 40px);\n}\n@media (min-width: 640px) {\n.modal__dialog-container {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--small {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--medium {\n    max-width: var(--f-modal-size-medium);\n}\n.modal__dialog-container--large {\n    max-width: var(--f-modal-size-large);\n}\n.modal__dialog-container--fullwidth {\n    max-width: var(--f-modal-size-fullwidth);\n}\n}\n@media (max-width: 639.98px) {\n.modal__dialog-container--fullscreen {\n    width: 100%;\n    max-width: none;\n}\n.modal__dialog-container--fullscreen .modal__dialog {\n    min-height: 100vh;\n}\n.modal__dialog-container--fullscreen .modal__dialog-inner {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n}\n.modal__dialog-container--fullscreen .modal__content {\n    flex: 1 1 auto;\n}\n}\n.modal__dialog {\n  background: var(--fkds-color-background-primary);\n  outline: 2px solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  display: flex;\n  flex-direction: column-reverse;\n  height: auto;\n  margin: auto;\n  width: 100%;\n  position: relative;\n  z-index: 9995;\n}\n.modal__dialog .modal__dialog-inner {\n  height: auto;\n  margin: 0 1.5rem 1.5rem;\n}\n@media (max-width: 639.98px) {\n.modal__dialog .modal__dialog-inner {\n    margin: 0 1rem 1rem;\n}\n}\n.modal__dialog .modal__footer {\n  margin-top: 2rem;\n}\n.modal__dialog .modal__footer > .button-group {\n  margin-bottom: 0;\n}\n.modal__dialog .modal__footer > .button-group .button-group__item:last-child:not(.button--small, .button--medium) {\n  margin-bottom: 0;\n}\n@media (min-width: 640px) {\n.modal__dialog .modal__footer > .button-group .button-group__item {\n    margin-bottom: 0;\n}\n}\n.modal__dialog > .button-group {\n  margin: 0;\n}\n.modal__dialog > .button-group .button-group__item:last-child {\n  margin: var(--f-modal-close-button-margin);\n  padding: var(--f-modal-close-button-padding);\n}\n.modal--information .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-info-strong);\n}\n.modal--information .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.modal--warning .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.modal--error .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.modal--error .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.imenu__list {\n  background-color: var(--f-background-menu);\n  margin: 0;\n  padding: 0;\n}\n.imenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__list__item a,\n.imenu__list__item a:visited,\n.imenu__list__item a:active {\n  color: var(--f-text-color-menu);\n}\n.imenu__list__item a:hover {\n  color: var(--f-text-color-menu-hover);\n}\n.imenu__popup-item {\n  position: relative;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__popup-item__wrapper {\n  display: inline-flex;\n  position: absolute;\n  left: 0;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--vertical .imenu__list {\n  display: block;\n}\n.imenu--vertical .imenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.imenu--vertical .imenu__list__item:hover {\n  font-weight: var(--f-font-weight-normal);\n  background-color: var(--f-background-menu-vertical-hover);\n}\n.imenu--vertical .imenu__list__item--highlight {\n  background-color: var(--f-background-menu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--vertical .imenu__list__item--highlight:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal {\n  overflow: hidden;\n}\n.imenu--horizontal .imenu__list {\n  display: flex;\n}\n.imenu--horizontal .imenu__list__item {\n  display: inline-flex;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--horizontal .imenu__list__item--highlight {\n  color: var(--f-text-color-menu-horizontal-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor-container {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-highlight);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--hidden {\n  visibility: hidden;\n}\n.imenu--horizontal .imenu__list__anchor-container {\n  padding-bottom: 0.5rem;\n  border-bottom: 5px solid transparent;\n}\n.imenu--horizontal .imenu__list__anchor-container:hover {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-hover);\n}\n.imenu--horizontal .imenu__list__anchor {\n  display: inline-flex;\n}\n.imenu--horizontal .imenu__list__anchor-icon-right {\n  flex: 1 0 auto;\n  padding-top: 0.25rem;\n  margin-left: 0.75rem;\n  color: var(--f-border-color-menu-horizontal-highlight);\n}\n.offline {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n  padding: 1.5rem;\n}\n.offline .offline__icon {\n  font-size: 0;\n}\n.offline .offline__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.offline .offline__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.offline .offline__icon__banner {\n  margin-top: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline__wrapper {\n  position: fixed;\n  position: sticky;\n  z-index: 9998;\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.output-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n.output-field__output {\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  font-size: var(--f-font-size-standard);\n  min-height: var(--f-height-medium);\n  position: relative;\n  width: var(--f-width-full);\n  margin-bottom: 0;\n}\n.page-header {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-pageheader-primary);\n  padding: 1rem 0 1rem 1rem;\n  align-items: center;\n  overflow: hidden;\n}\n.page-header__logo {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n.page-header__logo > a {\n  display: inline-flex;\n}\n.page-header__logo::after {\n  content: " ";\n  background-color: var(--f-border-color-separator-pageheader-primary);\n  height: 1.38rem;\n  padding: 0.5px;\n  margin: 0 1rem 0.155rem;\n}\n.page-header__app-name {\n  padding-top: 0.22rem;\n  margin: 0;\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--f-text-color-default-inverted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 9rem;\n}\n.page-header__right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  white-space: nowrap;\n  padding-top: 0.4rem;\n  font-size: var(--f-font-size-standard);\n}\n.page-header__right-slot {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.progress {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-positive);\n}\n@media (forced-colors: active) {\n.progress {\n    border: var(--f-border-width-medium) solid highlight;\n}\n}\n.progress__meter {\n  display: block;\n  float: left;\n  height: calc(var(--f-height-small) - var(--f-border-width-medium) * 2);\n  transition: width var(--f-animation-duration-medium) ease-out, background-color var(--f-animation-duration-medium) ease-out;\n}\n.progress__meter--inprogress {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--inprogress {\n    background: highlight;\n}\n}\n.progress__meter--finished {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--finished {\n    background: highlight;\n}\n}\n.radio-button {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.radio-button:last-child {\n  margin-bottom: 0;\n  margin-right: 0;\n}\n.radio-button__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.radio-button__label {\n  min-width: 4.5rem;\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n}\n.radio-button__label * {\n  pointer-events: none;\n}\n.radio-button__label::before, .radio-button__label::after {\n  border-radius: 50%;\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  width: var(--f-icon-size-medium);\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.radio-button__label::after {\n  background-color: var(--fkds-color-select-background-primary-default);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--fkds-color-background-primary);\n  opacity: 0;\n}\n@media (forced-colors: active) {\n.radio-button__label::after {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    box-shadow: inset 0 0 0 var(--f-border-width-medium) Canvas;\n}\n}\n.radio-button.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.radio-button.disabled {\n    color: GrayText;\n}\n}\n.radio-button.disabled .radio-button__label {\n  cursor: default;\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  background: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: default;\n}\n@media (forced-colors: active) {\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n    border: var(--f-border-width-medium) solid GrayText;\n}\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\n  border: var(--f-border-width-medium) solid transparent;\n  opacity: 1;\n}\n.radio-button input[type=radio]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content {\n  flex-direction: row;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--horizontal .radio-button-group__content {\n    flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 1rem;\n}\n}\n.select-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.select-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.select-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.select-field--table {\n  margin-bottom: 0;\n}\n.select-field--table-error .select-field__select {\n  padding-right: calc(var(--f-icon-size-large) + 2.25rem);\n}\n.select-field__select {\n  appearance: none;\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: var(--padding-input-fields);\n  width: var(--f-width-full);\n}\n.select-field__select:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.select-field__select:focus {\n  background-color: var(--fkds-color-background-primary);\n}\n.select-field__select:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  opacity: 1;\n}\n.select-field__select:disabled + .select-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.select-field__icon-wrapper {\n  position: relative;\n}\n.select-field__icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n}\n.select-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  display: inline;\n  position: absolute;\n  right: calc(var(--f-icon-size-large) + 0.75rem);\n  top: 0.5rem;\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.select-field--error .select-field__select {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.sort-filter-dataset__sort {\n  min-width: 80px;\n}\n.sort-filter-dataset__search {\n  position: relative;\n}\n.sort-filter-dataset__search input {\n  padding-left: 2.1rem;\n  padding-right: 2.1rem;\n}\n@media (min-width: 640px) {\n.sort-filter-dataset__search input {\n    width: 160px;\n}\n}\n.sort-filter-dataset__search__magnify-icon {\n  position: absolute;\n  left: 1.75rem;\n  height: var(--f-height-large);\n  /* same as textfield */\n  z-index: 1;\n  /* In front of input field */\n  width: 1.2rem;\n  color: var(--f-icon-color-sort-filter-dataset-search);\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__magnify-icon {\n    top: 1.5rem;\n    left: 0.75rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete {\n  position: absolute;\n  top: -0.75rem;\n  right: 0;\n  color: var(--f-icon-color-sort-filter-dataset-close);\n  cursor: pointer;\n  padding: 1rem;\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__close-icon.button--discrete {\n    top: 1rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete:hover {\n  box-shadow: none;\n  background-color: transparent;\n}\n.static-panel {\n  margin-bottom: 2.5rem;\n}\n.static-panel__heading {\n  background: var(--f-background-heading-static-panel);\n  border: var(--f-static-panel-heading-border);\n  border-bottom: 0;\n  font-size: var(--f-font-size-h3);\n  line-height: 2rem;\n  margin-bottom: 0;\n  padding: 0.25rem 1rem;\n}\n.static-panel__content {\n  border-top: 0;\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  padding: 1.75rem 1.5rem;\n}\n.static-panel__icon {\n  height: var(--f-icon-size-x-large);\n  margin-right: 0.25rem;\n  position: relative;\n  top: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.table tbody .table__column--numeric, .table tbody .table__column--date {\n  font-feature-settings: tnum 1;\n  font-variant-numeric: tabular-nums;\n}\n.table tbody .table__expandable-row, .table tbody .table__row--normal, .table tbody .table__row {\n  background: var(--f-background-grid-default);\n  color: var(--f-text-color-default);\n}\n.table--striped tbody .table__row:nth-child(even), .table tbody .table__row--striped {\n  background: var(--f-background-grid-striped);\n  color: var(--f-text-color-default);\n}\n.table--hover tbody .table__row:hover, .table tbody .table__row--hover {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 1px solid var(--f-border-color-grid-hover);\n}\n.table tbody .table__row:focus-within, .table tbody .table__row--focus-within {\n  background: var(--f-background-grid-focus-inner);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row:focus, .table tbody .table__row--focus {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 2px solid var(--f-color-focus);\n  box-shadow: none;\n}\n.table--hover tbody .table__row:hover.table__row--active, .table--striped tbody .table__row:nth-child(even).table__row--active, .table tbody .table__row--active, .table tbody .table__row:focus.table__row--active, .table tbody .table__row--focus.table__row--active, .table tbody .table__row:focus-within.table__row--active, .table tbody .table__row--focus-within.table__row--active {\n  background: var(--f-background-grid-active);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row--expanded-border td,\n.table tbody .table__row--expanded-border th {\n  border-bottom-color: var(--f-border-color-grid-expanded);\n}\n.table tbody .table__row--expandable {\n  cursor: pointer;\n}\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--f-font-size-standard);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  width: 100%;\n  border: 2px solid transparent;\n}\n.table:focus {\n  border-color: var(--f-color-focus);\n  box-shadow: none;\n}\n.table caption {\n  background: transparent;\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n  text-align: left;\n}\n.table thead th {\n  background: var(--f-background-grid-header);\n  border-bottom: 2px solid var(--f-border-color-grid-header);\n  border-right: 1px solid var(--f-border-color-grid);\n  color: var(--f-text-color-default);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  padding: calc(0.25rem * var(--f-density-factor)) 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.table thead th:last-child {\n  border-right: none;\n}\n.table thead th .table__column__header__icon {\n  color: var(--f-icon-color-table-header);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n  min-width: var(--f-icon-size-x-small);\n}\n.table thead th .table__column__header__icon--discrete {\n  color: var(--f-icon-color-table-header-discrete);\n}\n.table thead .table__column--numeric {\n  text-align: right;\n}\n.table tbody .table__expandable-row--collapsed {\n  display: none;\n}\n.table tbody td,\n.table tbody th {\n  padding: calc(var(--f-table-body-row-padding) * var(--f-density-factor)) var(--f-table-body-row-padding);\n  border-bottom: 1px solid var(--f-border-color-grid);\n  vertical-align: top;\n}\n.table tbody td {\n  line-height: calc(1.5rem * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n}\n.table tbody th {\n  border-right: 1px solid var(--f-border-color-grid);\n  font-weight: var(--f-font-weight-medium);\n  line-height: calc(1.5rem * var(--f-density-factor));\n}\n.table tbody .table__column--action {\n  white-space: nowrap;\n}\n.table tbody .table__column--selectable {\n  padding: calc(0.2rem * var(--f-density-factor)) 0.2rem;\n}\n.table tbody .table__column--placeholder + .table__column {\n  padding-left: 1.5rem;\n}\n.table tbody .table__column--action .button--discrete, .table tbody .table__column--action .button--tertiary {\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  min-width: 24px;\n  width: max-content;\n}\n.table tbody .table__column--action .button--discrete .button__icon, .table tbody .table__column--action .button--tertiary .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n}\n.table__column--text {\n  text-align: left;\n}\n.table__column--numeric {\n  text-align: right;\n}\n.table__column--date {\n  text-align: left;\n}\n.table__column--action {\n  text-align: center;\n}\n.table__column--shrink {\n  width: 1px;\n  white-space: nowrap;\n}\n.table__column--sortable {\n  cursor: pointer;\n}\n.table__column__description {\n  display: block;\n  background: transparent;\n  color: var(--f-text-color-discrete);\n  font-weight: var(--f-font-weight-normal);\n}\n.table--selectable .table__row td:hover,\n.table--selectable .table__row th:hover {\n  cursor: pointer;\n}\n.table__scroll {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  overflow: hidden;\n}\n.table__scroll thead th,\n.table__scroll thead td,\n.table__scroll tbody th,\n.table__scroll tbody td {\n  white-space: nowrap;\n}\n.table__scroll .table {\n  margin: 0;\n}\n.table__scroll--horizontal {\n  overflow-x: auto;\n}\n.table__input {\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.table__input .checkbox__label,\n.table__input .radio-button__label {\n  min-width: 1.75rem;\n  min-height: 1.75rem;\n  padding: 0;\n}\n.table__input .checkbox__label::after,\n.table__input .checkbox__label::before,\n.table__input .radio-button__label::after,\n.table__input .radio-button__label::before {\n  top: calc(0.15rem * var(--f-density-factor));\n  left: 0.25rem;\n}\n.table__expand-icon {\n  color: var(--f-icon-color-primary);\n  background: transparent;\n  border: 0;\n  flex: 0 0 auto;\n  padding: 0;\n  pointer-events: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.table__anchor {\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.25rem;\n}\n.table__anchor > svg.icon {\n  flex-shrink: 0;\n  align-self: center;\n  min-width: auto;\n  max-width: none;\n}\n.table__button {\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  width: max-content;\n}\n.table__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.table__button:active, .table__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.table__button.disabled, .table__button.disabled:hover, .table__button:disabled, .table__button:disabled:hover, .table__button.table__button--disabled, .table__button.table__button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n.table__button .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n  height: 14px;\n  width: 14px;\n}\n.text-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n  /* stylelint-disable property-no-vendor-prefix */\n}\n@media (min-width: 640px) {\n.text-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.text-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.text-field--table {\n  margin-bottom: 0;\n}\n.text-field input[type=text]::-ms-clear {\n  display: none;\n}\n.text-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  height: 16px;\n}\n.text-field__input-wrapper {\n  display: flex;\n  gap: calc(0.5rem * var(--f-density-factor));\n}\n.text-field__input {\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: 0 0.75rem;\n  width: var(--f-width-full);\n}\n.text-field__icon-wrapper {\n  flex: 1 1 auto;\n  position: relative;\n}\n.text-field__icon-wrapper:has(.text-field__append-inner) .text-field__input {\n  padding: var(--padding-input-fields);\n}\n.text-field__append-inner {\n  display: inline;\n  position: absolute;\n  right: calc(0.75rem * var(--f-density-factor));\n  top: calc(0.5rem * var(--f-density-factor));\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.text-field__icon {\n  height: var(--f-icon-size-large);\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.text-field__icon--left {\n  position: relative;\n  top: 3px;\n}\n.text-field__input:disabled + .text-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.text-field__input:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.text-field--error .text-field__input {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.text-field--search + .text-field__append-inner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  right: calc(0.25rem * var(--f-density-factor));\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  width: 2.5rem;\n}\n.text-field .clear-button {\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.text-field .clear-button__icon {\n  color: var(--fkds-icon-color-action-content-weak-default);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n}\n.text-field input[type=search]::-webkit-search-decoration,\n.text-field input[type=search]::-webkit-search-cancel-button,\n.text-field input[type=search]::-webkit-search-results-button,\n.text-field input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n.textarea-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: var(--f-line-height-large);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.textarea-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.textarea-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.textarea-field__textarea {\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  box-sizing: border-box;\n  font-size: var(--f-font-size-standard);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: calc(0.5rem * var(--f-density-factor)) 0.75rem;\n  width: var(--f-width-full);\n}\n.textarea-field__textarea[rows] {\n  height: auto;\n}\n.textarea-field__textarea:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.textarea-field--error .textarea-field__textarea {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.textarea-field__resize--none {\n  resize: none;\n}\n.textarea-field__resize--vertical {\n  resize: vertical;\n}\n.tooltip {\n  display: none;\n  overflow: hidden;\n  width: 100%;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.tooltip.expanded, .tooltip.animating {\n  display: block;\n}\n.tooltip__container {\n  text-wrap: pretty;\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n}\n.tooltip__container:has(+ .tooltip.expanded), .tooltip__container:has(+ .tooltip.animating) {\n  margin-bottom: 0;\n}\n.tooltip__container .label {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container h1,\n.tooltip__container h2,\n.tooltip__container h3,\n.tooltip__container h4,\n.tooltip__container h5,\n.tooltip__container h6 {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container:has(h1) .tooltip__button {\n  bottom: 0.2lh;\n}\n.tooltip__container:has(h2) .tooltip__button {\n  bottom: 0.1lh;\n}\n.tooltip__container:has(h3) .tooltip__button {\n  bottom: 0;\n}\n.tooltip__button {\n  display: inline-flex;\n  appearance: none;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  margin-left: 0.25rem;\n  position: relative;\n  bottom: -0.1lh;\n}\n.tooltip__button .icon {\n  top: 0;\n  left: 0;\n}\n.tooltip__button,\n.tooltip__button .icon,\n.tooltip__button .icon-stack {\n  width: 1em;\n  height: 1em;\n}\n.tooltip__body {\n  padding: 0 1rem;\n}\n.tooltip__header {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-medium);\n  padding: 0 1rem;\n  margin-bottom: 0.5rem;\n}\n.tooltip .close-button {\n  margin: var(--f-tooltip-close-button-margin);\n}\n.tooltip__footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.tooltip__bubble {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-top: 10px;\n  margin-bottom: 0.5rem;\n  border: 2px solid var(--fkds-color-feedback-border-info);\n  border-radius: var(--f-border-radius-small);\n  background-color: var(--fkds-color-feedback-background-info);\n  padding-top: 1rem;\n}\n.tooltip__bubble::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 10px 10px 10px;\n  border-color: transparent transparent var(--fkds-color-feedback-border-info);\n  translate: -50% -100%;\n}\n.tooltip__bubble::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 7.2px 7.2px 7.2px;\n  border-color: transparent transparent var(--fkds-color-feedback-background-info);\n  translate: -50% -100%;\n}\n.wizard {\n  margin-top: 20px;\n}\n\n/* Selectors */\n/* position adjustments for lines */\n/* change line-gap-to-circle variable to change distances */\n.wizard-step {\n  display: grid;\n  grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__content wizard-step__content" min-content/min-content 1fr;\n  gap: 0 0.5rem;\n}\n.wizard-step:first-of-type .wizard-step__line-up {\n  border: 0;\n}\n.wizard-step:last-of-type .wizard-step__line-down,\n.wizard-step:last-of-type .wizard-step__icon-container__line-down {\n  border: 0;\n}\n.wizard-step .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 2px;\n  margin-bottom: 20px;\n}\n.wizard-step .wizard-step__icon-container {\n  grid-area: wizard-step__icon-container;\n  display: flex;\n  flex-direction: column;\n}\n.wizard-step .wizard-step__icon-container__circle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--fkds-color-border-strong);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n  font-weight: bold;\n  text-align: center;\n  transition: background-color 400ms ease-out, border-color 400ms ease-out, opacity 400ms ease-out;\n}\n@media (max-width: 639.98px) {\n.wizard-step .wizard-step-body__border-container {\n    display: none;\n}\n}\n.wizard-step .wizard-step-body__border-container .wizard-step__line-down {\n  margin-top: 0;\n}\n.wizard-step .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header {\n  grid-area: wizard-step__header;\n}\n.wizard-step .wizard-step__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__line-down,\n.wizard-step .wizard-step__icon-container__line-down,\n.wizard-step .wizard-step__line-up {\n  border-left: 2px solid var(--fkds-color-border-strong);\n  margin-left: 14px;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  margin-top: 4px;\n}\n.wizard-step .wizard-step__line-down {\n  grid-area: wizard-step__line-down;\n}\n.wizard-step .wizard-step__content {\n  margin-left: 0.5rem;\n  min-width: 0;\n  grid-area: wizard-step__content;\n}\n.wizard-step .wizard-step__line-up {\n  margin-bottom: 4px;\n  grid-area: wizard-step__line-up;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n  padding-top: 20px;\n  margin-top: -0.5rem;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  flex: 1;\n}\n@media (min-width: 640px) {\n.wizard-step {\n    grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__line-down wizard-step__content" min-content/min-content 1fr;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n    margin-top: 0;\n    padding-top: 0;\n}\n.wizard-step .wizard-step__content {\n    margin-left: 0;\n}\n}\n.wizard-step--open .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__step-of {\n  display: block;\n}\n.wizard-step--done .wizard-step__header__title .anchor {\n  color: var(--fkds-color-feedback-text-positive);\n  text-decoration-color: var(--fkds-color-feedback-text-positive);\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .wizard-step__header__title .anchor:hover {\n  text-decoration-color: var(--fkds-color-feedback-text-positive);\n  text-decoration-thickness: 3px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: auto;\n}\n.wizard-step--done .wizard-step__icon-container__circle {\n  background-color: var(--f-icon-color-wizard-step-done);\n  border-color: var(--f-icon-color-wizard-step-done);\n}\n.wizard-step--done .wizard-step__icon-container__number {\n  display: none;\n}\n.wizard-step--pending .wizard-step__header__title {\n  color: var(--f-text-color-discrete);\n}\n.wizard-step--pending .wizard-step__icon-container__circle {\n  border: 2px solid var(--fkds-color-border-strong);\n  background-color: var(--fkds-color-background-disabled);\n  color: var(--f-icon-color-discrete);\n}\n@media (forced-colors: active) {\n.wizard-step .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.animate-expand {\n  transition: var(--f-animation-expand-close);\n  overflow: hidden;\n  visibility: hidden;\n}\n.animate-expand--expanded {\n  transition: var(--f-animation-expand-open);\n  opacity: 1;\n  visibility: visible;\n}\n.animate-expand--opacity {\n  opacity: 0;\n}\n.calendar-month__table {\n  border-spacing: 2px;\n  padding: 0 0.5rem 1rem;\n  width: 100%;\n  border-collapse: separate;\n  border: none;\n  margin: 0;\n}\n.calendar-month__col--week {\n  width: 2%;\n}\n.calendar-month__col--day {\n  width: 14%;\n}\n.calendar-month__header-cell {\n  padding: 0.5rem 0;\n  text-align: center;\n}\n.calendar-month__header-cell abbr,\n.calendar-month__header-cell span {\n  font-weight: var(--f-font-weight-normal);\n  text-decoration: none;\n  border-bottom: none;\n  text-transform: none;\n  font-size: 1rem;\n  cursor: auto;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n}\n.calendar-month__cell--week-number {\n  vertical-align: middle;\n  padding-right: 0.25rem;\n  text-align: right;\n  min-width: 2rem;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--fkds-color-background-secondary);\n  font-size: 1rem;\n}\n.calendar-month__button:focus {\n  position: relative;\n  z-index: 9997;\n}\n.calendar-month__button:focus[tabindex="-1"] {\n  box-shadow: var(--f-focus-box-shadow);\n}\n.calendar-navbar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  border-bottom: var(--f-border-width-medium) solid var(--fkds-color-border-weak);\n  padding: 1rem;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h3);\n}\n.calendar-navbar__month {\n  margin-right: auto;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.calendar-navbar__arrow--previous {\n  transform: scaleX(-1);\n}\n.calendar-navbar__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\n  background-color: var(--fkds-color-action-background-primary-default);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: var(--f-button-shadow);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--fkds-icon-color-content-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  padding: 4px;\n  border: 1px solid var(--fkds-color-border-disabled);\n  box-shadow: none;\n}\n.calendar-navbar__arrow {\n  padding: 0;\n  display: flex;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n.calendar__wrapper {\n  width: 100%;\n}\n.iflex {\n  display: flex;\n}\n.iflex--gap-1x {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.iflex--gap-1x .iflex__item {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.iflex--gap-2x {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n.iflex--gap-2x .iflex__item {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.iflex--gap-3x {\n  margin-left: -0.75rem;\n  margin-right: -0.75rem;\n}\n.iflex--gap-3x .iflex__item {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.iflex--gap-4x {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.iflex--gap-4x .iflex__item {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.iflex--gap-5x {\n  margin-left: -1.25rem;\n  margin-right: -1.25rem;\n}\n.iflex--gap-5x .iflex__item {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.iflex--gap-6x {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n.iflex--gap-6x .iflex__item {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.iflex--gap-7x {\n  margin-left: -1.75rem;\n  margin-right: -1.75rem;\n}\n.iflex--gap-7x .iflex__item {\n  padding-left: 1.75rem;\n  padding-right: 1.75rem;\n}\n.iflex--gap-8x {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n.iflex--gap-8x .iflex__item {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.iflex__item {\n  flex: 1 0 0%;\n}\n.iflex--grow {\n  flex: 1 1 auto;\n}\n.iflex--shrink {\n  flex: 0 1 auto;\n}\n.iflex--align-top {\n  align-self: flex-start;\n}\n.iflex--align-center {\n  align-self: center;\n}\n.iflex--align-bottom {\n  align-self: flex-end;\n}\n@media (max-width: 639.98px) {\n.iflex--collapse {\n    display: block;\n}\n}\n.iflex--wrap {\n  flex-wrap: wrap;\n}\n.iflex--float-right {\n  justify-content: flex-end;\n}\n.iflex--float-center {\n  justify-content: center;\n}\n.popup-error {\n  --i-popup-error-offset: 24px;\n}\n.popup-error--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup-error--overlay .popup-error__wrapper {\n  left: -10000px;\n  position: absolute;\n  z-index: 9996;\n  white-space: nowrap;\n}\n.popup-error--inline {\n  position: static;\n}\n.popup-error--inline .popup-error__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.popup-error--arrow {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5em 10px;\n  background: var(--f-border-color-error);\n  line-height: 24px;\n  position: relative;\n}\n.popup-error--arrow .popup-error__button {\n  margin: 0;\n  min-height: 24px;\n  min-width: 24px;\n  padding: 0;\n  padding-left: 5px;\n}\n.popup-error--arrow::before {\n  content: "";\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  padding: var(--f-border-width-medium);\n  border-radius: inherit;\n  background: var(--f-background-error) content-box;\n}\n.popup-error--top {\n  border-radius: min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px 5.7735026919px/5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 0, calc(100% - var(--i-popup-error-offset)) -10px, max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0);\n}\n.popup-error--bottom {\n  border-radius: 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg)/5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 100%, calc(100% - var(--i-popup-error-offset)) calc(100% + 10px), max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 100%);\n}\n.popup-error--left {\n  border-radius: 5.7735026919px/min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg);\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), -10px calc(100% - var(--i-popup-error-offset)), 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--right {\n  border-radius: 5.7735026919px/5.7735026919px min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px;\n  border-image: conic-gradient(var(--f-border-color-error) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), calc(100% + 10px) calc(100% - var(--i-popup-error-offset)), 100% max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--top::before {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium), calc(100% - var(--i-popup-error-offset)) calc(var(--f-border-width-medium) / 0.5 - 10px), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n}\n.popup-error--bottom::before {\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)), calc(100% - var(--i-popup-error-offset)) calc(100% + 10px - var(--f-border-width-medium) / 0.5), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n}\n.popup-error--left::before {\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--f-border-width-medium) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(var(--f-border-width-medium) / 0.5 - 10px) calc(100% - var(--i-popup-error-offset)), var(--f-border-width-medium) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n}\n.popup-error--right::before {\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, calc(100% - var(--f-border-width-medium)) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(100% + 10px - var(--f-border-width-medium) / 0.5) calc(100% - var(--i-popup-error-offset)), calc(100% - var(--f-border-width-medium)) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--f-background-error) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n}\n.ipopupmenu {\n  background-color: var(--f-background-popupmenu);\n}\n.ipopupmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n}\n.ipopupmenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.ipopupmenu__list__item a,\n.ipopupmenu__list__item a:visited,\n.ipopupmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.ipopupmenu__list__item a:hover {\n  color: var(--f-text-color-popupmenu-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list {\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item:hover {\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list__item--highlight {\n  background-color: var(--f-background-popupmenu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.popup--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup--overlay .popup__wrapper {\n  left: -10000px;\n  max-width: fit-content;\n  border-radius: var(--f-border-radius-small);\n  position: absolute;\n  z-index: 9996;\n  box-shadow: var(--f-box-modal-shadow);\n}\n.popup--inline {\n  position: static;\n}\n.popup--inline .popup__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.iskiplink {\n  position: absolute;\n  top: -200px;\n}\n.iskiplink:focus {\n  color: black;\n  background-color: var(--f-background-skiplink-focus);\n  left: 10px;\n  top: 45px;\n}\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted([slot=icon]) {\n  display: contents;\n}\n::slotted([slot=header]) {\n  font-weight: var(--f-font-weight-medium) !important;\n  font-size: 1.25rem !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n}\n.panel__wrapper {\n  flex-grow: 1;\n  display: flex;\n}\n.panel {\n  background: var(--f-page-layout-background);\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.5rem;\n}\n.panel__header {\n  flex: 0 0 auto;\n  display: flex;\n  gap: 0.25rem;\n  align-items: baseline;\n  justify-content: center;\n}\n.attach-left .panel__header {\n  flex-direction: row;\n}\n.attach-right .panel__header {\n  flex-direction: row-reverse;\n}\n.panel__button {\n  flex: 0 0 auto;\n  appearance: none;\n  line-height: 1;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  padding: 1rem;\n  width: max-content;\n}\n.panel__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__button:active, .panel__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__title {\n  flex: 1 1 auto;\n}\n.panel__content {\n  flex: 1 0 auto;\n}\n.panel__footer {\n  flex: 0 0 auto;\n}\n.expanded.attach-left .panel__button {\n  transform: scaleX(1);\n}\n.collapsed.attach-left .panel__button {\n  transform: scaleX(-1);\n}\n.expanded.attach-right .panel__button {\n  transform: scaleX(-1);\n}\n.collapsed.attach-right .panel__button {\n  transform: scaleX(1);\n}';
+const _style_0 = '@charset "UTF-8";\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n}\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\nselect::-ms-expand {\n  display: none;\n}\nselect:focus::-ms-value {\n  background: none;\n  color: #000;\n  outline: 1px dotted #000;\n}\nul,\nol {\n  padding-left: 1rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\na {\n  text-decoration: none;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\nhtml {\n  font-size: var(--f-font-size-default-rem);\n}\n@media (min-width: 1024px) {\nhtml {\n    font-size: var(--f-font-size-default-large-up-rem);\n}\n}\nbody {\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n}\np {\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-normal);\n  line-height: var(--f-line-height-large);\n  margin-bottom: 1rem;\n}\nb,\nstrong {\n  font-weight: var(--f-font-weight-medium);\n}\ncode {\n  font-size: var(--f-font-size-standard);\n  border-radius: var(--f-border-radius-small);\n  font-family: var(--f-font-family-code);\n  background-color: var(--f-background-code);\n  display: inline-block;\n  margin: 0 0.25rem;\n  padding: 0 0.25rem;\n}\npre code {\n  display: block;\n}\nh1, .heading--h1,\nh2,\n.heading--h2,\nh3,\n.heading--h3,\n.expandable-panel__heading,\nh4,\n.heading--h4,\nh5,\n.heading--h5,\nh6,\n.heading--h6 {\n  font-weight: var(--f-font-weight-bold);\n  margin-bottom: 0.25rem;\n  line-height: var(--f-line-height-medium);\n}\nh1, .heading--h1 {\n  font-size: var(--f-font-size-h1);\n  color: var(--f-text-color-heading-1);\n}\nh2, .heading--h2 {\n  font-size: var(--f-font-size-h2);\n  color: var(--f-text-color-heading-2);\n}\nh3, .heading--h3, .expandable-panel__heading {\n  font-size: var(--f-font-size-h3);\n  color: var(--f-text-color-heading-3);\n}\nh4, .heading--h4 {\n  font-size: var(--f-font-size-h4);\n  color: var(--f-text-color-heading-4);\n}\nh5, .heading--h5 {\n  font-size: var(--f-font-size-large);\n  color: var(--f-text-color-heading-5);\n}\nh6, .heading--h6 {\n  font-size: var(--f-font-size-standard);\n  color: var(--f-text-color-heading-6);\n}\n.heading--strong {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-medium);\n}\n* + h1, * + .heading--h1,\n* + h2,\n* + .heading--h2,\n* + h3,\n* + .heading--h3,\n* + .expandable-panel__heading,\n* + h4,\n* + .heading--h4,\n* + h5,\n* + .heading--h5,\n* + h6,\n* + .heading--h6 {\n  margin-top: 2rem;\n}\n@media (max-width: 640px) {\nh1, .heading--h1 {\n    font-size: var(--f-font-size-h2);\n}\nh2, .heading--h2 {\n    font-size: var(--f-font-size-xxx-large);\n}\nh3, .heading--h3, .expandable-panel__heading {\n    font-size: var(--f-font-size-h4);\n}\nh4, .heading--h4 {\n    font-size: var(--f-font-size-large);\n}\nh5, .heading--h5 {\n    font-size: var(--f-font-size-standard);\n}\nh6, .heading--h6 {\n    font-size: var(--f-font-size-standard);\n}\n.heading--strong {\n    font-size: var(--f-font-size-large);\n    font-weight: var(--f-font-weight-medium);\n}\n}\n.heading--h1 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h2 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h3, .expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h4 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h5 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.heading--h6 {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\nh1 + h2, .heading--h1 + h2, h1 + .heading--h2, .heading--h1 + .heading--h2 {\n  margin-top: 1rem;\n}\nh2 + h3, .heading--h2 + h3, h2 + .heading--h3, h2 + .expandable-panel__heading, .heading--h2 + .heading--h3, .heading--h2 + .expandable-panel__heading {\n  margin-top: 1rem;\n}\nh3 + h4, .heading--h3 + h4, .expandable-panel__heading + h4, h3 + .heading--h4, .heading--h3 + .heading--h4, .expandable-panel__heading + .heading--h4 {\n  margin-top: 1rem;\n}\nh4 + h5, .heading--h4 + h5, h4 + .heading--h5, .heading--h4 + .heading--h5 {\n  margin-top: 1rem;\n}\nh5 + h6, .heading--h5 + h6, h5 + .heading--h6, .heading--h5 + .heading--h6 {\n  margin-top: 1rem;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.sr-separator {\n  display: block !important;\n}\nbutton:focus,\na:focus,\na.button:focus,\nimg:focus,\nselect:focus,\ntextarea:focus,\ninput[type=submit]:focus,\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=tel]:focus,\ninput[type=image]:focus,\ninput[type=search]:focus,\n[tabindex]:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n[tabindex="-1"]:focus {\n  box-shadow: none;\n  outline: none;\n}\n\n/*\n    For help-classes, it is alright to use `!important` when the intent is to\n    overwrite standard behaviour for components.\n\n    All help-classes shall be prefixed with `h-`.\n*/\n.h-no-margin {\n  margin: 0 !important;\n}\n.h-root-size {\n  font-size: 1rem !important;\n}\n.h-display-flex {\n  display: flex;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n.container {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 95%;\n}\n@media (min-width: 640px) {\n.container {\n    max-width: 90%;\n}\n}\n@media (min-width: 1024px) {\n.container {\n    max-width: 80%;\n}\n}\n@media (min-width: 1280px) {\n.container {\n    max-width: 1280px;\n}\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem;\n}\n.row--align-end {\n  justify-content: flex-end;\n}\n.row--align-center {\n  justify-content: center;\n}\n.row--align-justify {\n  justify-content: space-between;\n}\n.row--align-spaced {\n  justify-content: space-around;\n}\n.row--align-middle {\n  align-items: center;\n}\n.row--align-bottom {\n  align-items: flex-end;\n}\n.row--align-top {\n  align-items: flex-start;\n}\n.col {\n  position: relative;\n  min-height: 1px;\n  box-sizing: border-box;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  width: auto;\n  max-width: none;\n}\n.col--align-bottom {\n  align-self: flex-end;\n}\n.col--align-middle {\n  align-self: center;\n}\n.col--align-stretch {\n  align-self: stretch;\n}\n.col--align-top {\n  align-self: flex-start;\n}\n.col.col--order-1 {\n  order: 1;\n}\n.col.col--order-2 {\n  order: 2;\n}\n.col.col--order-3 {\n  order: 3;\n}\n.col.col--order-4 {\n  order: 4;\n}\n.col.col--order-5 {\n  order: 5;\n}\n.col.col--order-6 {\n  order: 6;\n}\n.col.col--order-7 {\n  order: 7;\n}\n.col.col--order-8 {\n  order: 8;\n}\n.col.col--order-9 {\n  order: 9;\n}\n.col.col--order-10 {\n  order: 10;\n}\n.col.col--order-11 {\n  order: 11;\n}\n.col.col--order-12 {\n  order: 12;\n}\n.col.col--sm-1 {\n  width: 100%;\n}\n.col.col--sm-2 {\n  width: 100%;\n}\n.col.col--sm-3 {\n  width: 100%;\n}\n.col.col--sm-4 {\n  width: 100%;\n}\n.col.col--sm-5 {\n  width: 100%;\n}\n.col.col--sm-6 {\n  width: 100%;\n}\n.col.col--sm-7 {\n  width: 100%;\n}\n.col.col--sm-8 {\n  width: 100%;\n}\n.col.col--sm-9 {\n  width: 100%;\n}\n.col.col--sm-10 {\n  width: 100%;\n}\n.col.col--sm-11 {\n  width: 100%;\n}\n.col.col--sm-12 {\n  width: 100%;\n}\n.col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.col.col--sm-order-1 {\n  order: 1;\n}\n.col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.col.col--sm-order-2 {\n  order: 2;\n}\n.col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.col.col--sm-order-3 {\n  order: 3;\n}\n.col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.col.col--sm-order-4 {\n  order: 4;\n}\n.col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.col.col--sm-order-5 {\n  order: 5;\n}\n.col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.col.col--sm-order-6 {\n  order: 6;\n}\n.col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.col.col--sm-order-7 {\n  order: 7;\n}\n.col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.col.col--sm-order-8 {\n  order: 8;\n}\n.col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.col.col--sm-order-9 {\n  order: 9;\n}\n.col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.col.col--sm-order-10 {\n  order: 10;\n}\n.col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.col.col--sm-order-11 {\n  order: 11;\n}\n.col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.col.col--sm-order-12 {\n  order: 12;\n}\n.col.col--md-1 {\n  width: 100%;\n}\n.col.col--md-2 {\n  width: 100%;\n}\n.col.col--md-3 {\n  width: 100%;\n}\n.col.col--md-4 {\n  width: 100%;\n}\n.col.col--md-5 {\n  width: 100%;\n}\n.col.col--md-6 {\n  width: 100%;\n}\n.col.col--md-7 {\n  width: 100%;\n}\n.col.col--md-8 {\n  width: 100%;\n}\n.col.col--md-9 {\n  width: 100%;\n}\n.col.col--md-10 {\n  width: 100%;\n}\n.col.col--md-11 {\n  width: 100%;\n}\n.col.col--md-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.col.col--md-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--md-order-1 {\n    order: 1;\n}\n.col.col--md-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--md-order-2 {\n    order: 2;\n}\n.col.col--md-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--md-order-3 {\n    order: 3;\n}\n.col.col--md-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--md-order-4 {\n    order: 4;\n}\n.col.col--md-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--md-order-5 {\n    order: 5;\n}\n.col.col--md-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--md-order-6 {\n    order: 6;\n}\n.col.col--md-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--md-order-7 {\n    order: 7;\n}\n.col.col--md-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--md-order-8 {\n    order: 8;\n}\n.col.col--md-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--md-order-9 {\n    order: 9;\n}\n.col.col--md-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--md-order-10 {\n    order: 10;\n}\n.col.col--md-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--md-order-11 {\n    order: 11;\n}\n.col.col--md-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--md-order-12 {\n    order: 12;\n}\n}\n.col.col--lg-1 {\n  width: 100%;\n}\n.col.col--lg-2 {\n  width: 100%;\n}\n.col.col--lg-3 {\n  width: 100%;\n}\n.col.col--lg-4 {\n  width: 100%;\n}\n.col.col--lg-5 {\n  width: 100%;\n}\n.col.col--lg-6 {\n  width: 100%;\n}\n.col.col--lg-7 {\n  width: 100%;\n}\n.col.col--lg-8 {\n  width: 100%;\n}\n.col.col--lg-9 {\n  width: 100%;\n}\n.col.col--lg-10 {\n  width: 100%;\n}\n.col.col--lg-11 {\n  width: 100%;\n}\n.col.col--lg-12 {\n  width: 100%;\n}\n@media (min-width: 1024px) {\n.col.col--lg-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--lg-order-1 {\n    order: 1;\n}\n.col.col--lg-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--lg-order-2 {\n    order: 2;\n}\n.col.col--lg-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--lg-order-3 {\n    order: 3;\n}\n.col.col--lg-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--lg-order-4 {\n    order: 4;\n}\n.col.col--lg-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--lg-order-5 {\n    order: 5;\n}\n.col.col--lg-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--lg-order-6 {\n    order: 6;\n}\n.col.col--lg-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--lg-order-7 {\n    order: 7;\n}\n.col.col--lg-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--lg-order-8 {\n    order: 8;\n}\n.col.col--lg-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--lg-order-9 {\n    order: 9;\n}\n.col.col--lg-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--lg-order-10 {\n    order: 10;\n}\n.col.col--lg-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--lg-order-11 {\n    order: 11;\n}\n.col.col--lg-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--lg-order-12 {\n    order: 12;\n}\n}\n.col.col--xl-1 {\n  width: 100%;\n}\n.col.col--xl-2 {\n  width: 100%;\n}\n.col.col--xl-3 {\n  width: 100%;\n}\n.col.col--xl-4 {\n  width: 100%;\n}\n.col.col--xl-5 {\n  width: 100%;\n}\n.col.col--xl-6 {\n  width: 100%;\n}\n.col.col--xl-7 {\n  width: 100%;\n}\n.col.col--xl-8 {\n  width: 100%;\n}\n.col.col--xl-9 {\n  width: 100%;\n}\n.col.col--xl-10 {\n  width: 100%;\n}\n.col.col--xl-11 {\n  width: 100%;\n}\n.col.col--xl-12 {\n  width: 100%;\n}\n@media (min-width: 1280px) {\n.col.col--xl-1 {\n    flex: 0 0 8.3333333333%;\n    max-width: 8.3333333333%;\n}\n.col.col--xl-order-1 {\n    order: 1;\n}\n.col.col--xl-2 {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n}\n.col.col--xl-order-2 {\n    order: 2;\n}\n.col.col--xl-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n}\n.col.col--xl-order-3 {\n    order: 3;\n}\n.col.col--xl-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n.col.col--xl-order-4 {\n    order: 4;\n}\n.col.col--xl-5 {\n    flex: 0 0 41.6666666667%;\n    max-width: 41.6666666667%;\n}\n.col.col--xl-order-5 {\n    order: 5;\n}\n.col.col--xl-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n.col.col--xl-order-6 {\n    order: 6;\n}\n.col.col--xl-7 {\n    flex: 0 0 58.3333333333%;\n    max-width: 58.3333333333%;\n}\n.col.col--xl-order-7 {\n    order: 7;\n}\n.col.col--xl-8 {\n    flex: 0 0 66.6666666667%;\n    max-width: 66.6666666667%;\n}\n.col.col--xl-order-8 {\n    order: 8;\n}\n.col.col--xl-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n}\n.col.col--xl-order-9 {\n    order: 9;\n}\n.col.col--xl-10 {\n    flex: 0 0 83.3333333333%;\n    max-width: 83.3333333333%;\n}\n.col.col--xl-order-10 {\n    order: 10;\n}\n.col.col--xl-11 {\n    flex: 0 0 91.6666666667%;\n    max-width: 91.6666666667%;\n}\n.col.col--xl-order-11 {\n    order: 11;\n}\n.col.col--xl-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n}\n.col.col--xl-order-12 {\n    order: 12;\n}\n}\n.i-width-sm-1 {\n  width: 8.3333333333%;\n}\n.i-width-sm-2 {\n  width: 16.6666666667%;\n}\n.i-width-sm-3 {\n  width: 25%;\n}\n.i-width-sm-4 {\n  width: 33.3333333333%;\n}\n.i-width-sm-5 {\n  width: 41.6666666667%;\n}\n.i-width-sm-6 {\n  width: 50%;\n}\n.i-width-sm-7 {\n  width: 58.3333333333%;\n}\n.i-width-sm-8 {\n  width: 66.6666666667%;\n}\n.i-width-sm-9 {\n  width: 75%;\n}\n.i-width-sm-10 {\n  width: 83.3333333333%;\n}\n.i-width-sm-11 {\n  width: 91.6666666667%;\n}\n.i-width-sm-12 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.i-width-md-1 {\n    width: 8.3333333333%;\n}\n.i-width-md-2 {\n    width: 16.6666666667%;\n}\n.i-width-md-3 {\n    width: 25%;\n}\n.i-width-md-4 {\n    width: 33.3333333333%;\n}\n.i-width-md-5 {\n    width: 41.6666666667%;\n}\n.i-width-md-6 {\n    width: 50%;\n}\n.i-width-md-7 {\n    width: 58.3333333333%;\n}\n.i-width-md-8 {\n    width: 66.6666666667%;\n}\n.i-width-md-9 {\n    width: 75%;\n}\n.i-width-md-10 {\n    width: 83.3333333333%;\n}\n.i-width-md-11 {\n    width: 91.6666666667%;\n}\n.i-width-md-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1024px) {\n.i-width-lg-1 {\n    width: 8.3333333333%;\n}\n.i-width-lg-2 {\n    width: 16.6666666667%;\n}\n.i-width-lg-3 {\n    width: 25%;\n}\n.i-width-lg-4 {\n    width: 33.3333333333%;\n}\n.i-width-lg-5 {\n    width: 41.6666666667%;\n}\n.i-width-lg-6 {\n    width: 50%;\n}\n.i-width-lg-7 {\n    width: 58.3333333333%;\n}\n.i-width-lg-8 {\n    width: 66.6666666667%;\n}\n.i-width-lg-9 {\n    width: 75%;\n}\n.i-width-lg-10 {\n    width: 83.3333333333%;\n}\n.i-width-lg-11 {\n    width: 91.6666666667%;\n}\n.i-width-lg-12 {\n    width: 100%;\n}\n}\n@media (min-width: 1280px) {\n.i-width-xl-1 {\n    width: 8.3333333333%;\n}\n.i-width-xl-2 {\n    width: 16.6666666667%;\n}\n.i-width-xl-3 {\n    width: 25%;\n}\n.i-width-xl-4 {\n    width: 33.3333333333%;\n}\n.i-width-xl-5 {\n    width: 41.6666666667%;\n}\n.i-width-xl-6 {\n    width: 50%;\n}\n.i-width-xl-7 {\n    width: 58.3333333333%;\n}\n.i-width-xl-8 {\n    width: 66.6666666667%;\n}\n.i-width-xl-9 {\n    width: 75%;\n}\n.i-width-xl-10 {\n    width: 83.3333333333%;\n}\n.i-width-xl-11 {\n    width: 91.6666666667%;\n}\n.i-width-xl-12 {\n    width: 100%;\n}\n}\n.sticky {\n  /* Double position is specified due to E11-compability.\n  `fixed` is used by IE11.\n  `sticky` is used by other web browsers. */\n  position: fixed;\n  position: sticky;\n  z-index: 9999;\n}\n.sticky--top {\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.density-default {\n  --f-density-factor: 1;\n}\n.density-dense {\n  --f-density-factor: 0.8;\n}\n.density-densest {\n  --f-density-factor: 0.6;\n}\n.formatter--date, .formatter--date-full, .formatter--date-long, .formatter--date-range, .formatter--text {\n  white-space: nowrap;\n}\n.formatter--bankgiro, .formatter--number, .formatter--orgnr, .formatter--plusgiro, .formatter--pnr, .formatter--postnummer {\n  white-space: nowrap;\n  font-feature-settings: "tnum";\n}\n.anchor, .file-item__file-open {\n  color: var(--f-text-color-link);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n  text-decoration-color: var(--f-text-color-link);\n  font-weight: var(--f-font-weight-medium);\n}\n.anchor:hover, .file-item__file-open:hover {\n  color: var(--f-text-color-link-hover);\n  text-decoration-color: var(--f-border-color-link-hover);\n}\n.anchor.anchor--block, .file-item__file-open {\n  display: inline-flex;\n}\n.anchor.anchor--block > svg, .file-item__file-open > svg, .anchor.anchor--block > .icon-stack, .file-item__file-open > .icon-stack {\n  flex-shrink: 0;\n  margin: calc((var(--f-line-height-large) * 1rem - var(--f-icon-size-small)) / 2) 0.25rem 0;\n}\n.anchor.anchor--discrete, .anchor--discrete.file-item__file-open {\n  color: var(--f-text-color-link-discrete);\n  text-decoration-color: var(--f-border-color-link-discrete);\n}\n.anchor.anchor--discrete:hover, .anchor--discrete.file-item__file-open:hover {\n  color: var(--f-text-color-link-discrete-hover);\n  text-decoration-color: var(--f-text-color-link-discrete-hover);\n}\n.badge {\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-small);\n  box-sizing: border-box;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: calc(var(--f-line-height-large) * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n  padding: 0 0.5rem;\n}\n.badge--default {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral-strong);\n  border-color: var(--fkds-color-feedback-background-neutral-strong);\n}\n.badge--default-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-neutral);\n  border-color: var(--fkds-color-feedback-border-neutral);\n}\n.badge--warning {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n  border-color: var(--fkds-color-feedback-background-warning-strong);\n}\n@media (prefers-color-scheme: dark) {\n.badge--warning {\n    color: var(--fkds-color-text-inverted);\n}\n}\n.badge--warning-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-color: var(--fkds-color-feedback-border-warning);\n}\n.badge--error {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n  border-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.badge--error-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.badge--success {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-background-positive-strong);\n}\n.badge--success-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.badge--info {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-feedback-background-info-strong);\n  border-color: var(--fkds-color-feedback-background-info-strong);\n}\n.badge--info-inverted {\n  color: var(--fkds-color-text-primary);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-color: var(--fkds-color-feedback-border-info);\n}\n.button-group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.button-group .button-group__item {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n@media (min-width: 640px) {\n.button-group .button-group__item {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group .button-group__item:last-child {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--discrete, .button-group > .button--discrete.calendar-navbar__year-selector-button, .button-group > .button.button--text, .button-group > .button--text.calendar-navbar__year-selector-button {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.button-group > .button.button--discrete:last-child, .button-group > .button--discrete.calendar-navbar__year-selector-button:last-child, .button-group > .button.button--text:last-child, .button-group > .button--text.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n.button-group > .button.button--small, .button-group > .button--small.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 0.75rem;\n}\n.button-group > .button.button--small:last-child, .button-group > .button--small.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--small.button--full-width, .button-group > .button--small.button--full-width.calendar-navbar__year-selector-button {\n    margin-right: 0;\n}\n}\n.button-group > .button.button--medium, .button-group > .button--medium.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n  margin-right: 1rem;\n}\n.button-group > .button.button--medium:last-child, .button-group > .button--medium.calendar-navbar__year-selector-button:last-child {\n  margin-right: 0;\n}\n@media (max-width: 639.98px) {\n.button-group > .button.button--medium.button--full-width, .button-group > .button--medium.button--full-width.calendar-navbar__year-selector-button {\n    margin-right: 0;\n}\n}\n@media (min-width: 640px) {\n.button-group > .button.button--large, .button-group > .button--large.calendar-navbar__year-selector-button {\n    margin-bottom: calc(1rem * var(--f-density-factor));\n    margin-right: 1.25rem;\n}\n.button-group > .button.button--large:last-child, .button-group > .button--large.calendar-navbar__year-selector-button:last-child {\n    margin-right: 0;\n}\n}\n.button-group--end {\n  justify-content: flex-end;\n}\n.button-list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  padding-left: 0;\n}\n.button-list > li button {\n  margin: 0;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--small, .button-list > li button.button--small.calendar-navbar__year-selector-button, .button-list > li button.button.button--medium, .button-list > li button.button--medium.calendar-navbar__year-selector-button {\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.button-list > li button.button.button--large, .button-list > li button.button--large.calendar-navbar__year-selector-button {\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.button, .calendar-navbar__year-selector-button {\n  border-color: transparent;\n  border-radius: var(--f-border-radius-medium);\n  border-style: solid;\n  border-width: var(--f-border-width-medium);\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  letter-spacing: var(--f-button-letter-spacing);\n  line-height: var(--f-button-default-line-height);\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  min-width: var(--f-button-min-width);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-default-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-default-padding-right);\n  padding-bottom: calc(var(--f-button-default-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-default-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  position: relative;\n  text-align: center;\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n}\n@media (max-width: 639.98px) {\n.button, .calendar-navbar__year-selector-button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button--text {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n}\n.button--text--black {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button, .calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-standard-padding-top) * var(--f-density-factor)) var(--f-button-standard-padding-right) calc(var(--f-button-standard-padding-bottom) * var(--f-density-factor)) var(--f-button-standard-padding-left);\n}\n.button:hover, .calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button:active, .calendar-navbar__year-selector-button:active, .button:focus, .calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.disabled, .disabled.calendar-navbar__year-selector-button, .button.disabled:hover, .button:disabled, .calendar-navbar__year-selector-button:disabled, .button:disabled:hover, .button.button--disabled, .button--disabled.calendar-navbar__year-selector-button, .button.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--primary, .button--primary.calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-primary-default);\n  border-color: transparent;\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-primary-padding-top) * var(--f-density-factor)) var(--f-button-primary-padding-right) calc(var(--f-button-primary-padding-bottom) * var(--f-density-factor)) var(--f-button-primary-padding-left);\n}\n.button.button--primary:hover, .button--primary.calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--primary:active, .button--primary.calendar-navbar__year-selector-button:active, .button.button--primary:focus, .button--primary.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-primary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--primary.disabled, .button--primary.disabled.calendar-navbar__year-selector-button, .button.button--primary.disabled:hover, .button.button--primary:disabled, .button--primary.calendar-navbar__year-selector-button:disabled, .button.button--primary:disabled:hover, .button.button--primary.button--disabled, .button--primary.button--disabled.calendar-navbar__year-selector-button, .button.button--primary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--secondary, .button--secondary.calendar-navbar__year-selector-button {\n  background-color: var(--fkds-color-action-background-secondary-default);\n  border-color: var(--fkds-color-action-border-primary-default);\n  border-width: var(--f-border-width-medium);\n  box-shadow: var(--f-button-shadow);\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-secondary-padding-top) * var(--f-density-factor)) var(--f-button-secondary-padding-right) calc(var(--f-button-secondary-padding-bottom) * var(--f-density-factor)) var(--f-button-secondary-padding-left);\n}\n.button.button--secondary:hover, .button--secondary.calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--secondary:active, .button--secondary.calendar-navbar__year-selector-button:active, .button.button--secondary:focus, .button--secondary.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: var(--fkds-color-action-border-primary-default);\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--secondary.disabled, .button--secondary.disabled.calendar-navbar__year-selector-button, .button.button--secondary.disabled:hover, .button.button--secondary:disabled, .button--secondary.calendar-navbar__year-selector-button:disabled, .button.button--secondary:disabled:hover, .button.button--secondary.button--disabled, .button--secondary.button--disabled.calendar-navbar__year-selector-button, .button.button--secondary.button--disabled:hover {\n  background-color: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n}\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete:hover, .button--discrete.calendar-navbar__year-selector-button:hover, .button.button--text:hover, .button--text.calendar-navbar__year-selector-button:hover {\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete:active, .button--discrete.calendar-navbar__year-selector-button:active, .button.button--text:active, .button--text.calendar-navbar__year-selector-button:active, .button.button--discrete:focus, .button--discrete.calendar-navbar__year-selector-button:focus, .button.button--text:focus, .button--text.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--f-background-button-discrete-hover);\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-hover);\n}\n.button.button--discrete.disabled, .button--discrete.disabled.calendar-navbar__year-selector-button, .button.disabled.button--text, .disabled.button--text.calendar-navbar__year-selector-button, .button.button--discrete.disabled:hover, .button.button--discrete:disabled, .button--discrete.calendar-navbar__year-selector-button:disabled, .button.button--text:disabled, .button--text.calendar-navbar__year-selector-button:disabled, .button.button--discrete:disabled:hover, .button.button--discrete.button--disabled, .button--discrete.button--disabled.calendar-navbar__year-selector-button, .button.button--disabled.button--text, .button--disabled.button--text.calendar-navbar__year-selector-button, .button.button--discrete.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--discrete--black, .button--discrete--black.calendar-navbar__year-selector-button, .button.button--text--black, .button--text--black.calendar-navbar__year-selector-button {\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-black-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-black-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-black-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-black-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--discrete:hover, .button--discrete.calendar-navbar__year-selector-button:hover, .button.button--text:hover, .button--text.calendar-navbar__year-selector-button:hover {\n  box-shadow: none;\n  mix-blend-mode: multiply;\n}\n.button.button--discrete, .button--discrete.calendar-navbar__year-selector-button, .button.button--text, .button--text.calendar-navbar__year-selector-button, .button.button--discrete:focus, .button.button--discrete:active, .button.button--discrete:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-bold);\n  outline-offset: 0.25rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  line-height: calc(1.25 * var(--f-font-size-standard));\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-inverted-default);\n  padding: calc(var(--f-button-discrete-padding-top) * var(--f-density-factor)) var(--f-button-discrete-padding-right) calc(var(--f-button-discrete-padding-bottom) * var(--f-density-factor)) var(--f-button-discrete-padding-left);\n}\n.button.button--discrete-inverted:hover, .button--discrete-inverted.calendar-navbar__year-selector-button:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n  box-shadow: var(--f-button-shadow-hover);\n}\n.button.button--discrete-inverted:active, .button--discrete-inverted.calendar-navbar__year-selector-button:active, .button.button--discrete-inverted:focus, .button--discrete-inverted.calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--f-text-color-button-discrete-inverted-hover);\n}\n.button.button--discrete-inverted.disabled, .button--discrete-inverted.disabled.calendar-navbar__year-selector-button, .button.button--discrete-inverted.disabled:hover, .button.button--discrete-inverted:disabled, .button--discrete-inverted.calendar-navbar__year-selector-button:disabled, .button.button--discrete-inverted:disabled:hover, .button.button--discrete-inverted.button--disabled, .button--discrete-inverted.button--disabled.calendar-navbar__year-selector-button, .button.button--discrete-inverted.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--discrete-inverted, .button--discrete-inverted.calendar-navbar__year-selector-button, .button.button--discrete-inverted:focus, .button.button--discrete-inverted:active, .button.button--discrete-inverted:hover {\n  border-radius: var(--f-button-discrete-radius-hover);\n}\n.button.button--tertiary, .calendar-navbar__year-selector-button {\n  width: inherit;\n  min-width: 0;\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n}\n.button.button--tertiary:hover, .calendar-navbar__year-selector-button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.button.button--tertiary:active, .calendar-navbar__year-selector-button:active, .button.button--tertiary:focus, .calendar-navbar__year-selector-button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.button.button--tertiary.disabled, .disabled.calendar-navbar__year-selector-button, .button.button--tertiary.disabled:hover, .button.button--tertiary:disabled, .calendar-navbar__year-selector-button:disabled, .button.button--tertiary:disabled:hover, .button.button--tertiary.button--disabled, .button--disabled.calendar-navbar__year-selector-button, .button.button--tertiary.button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary, .calendar-navbar__year-selector-button {\n    width: auto;\n}\n}\n.button.button--tertiary--black, .calendar-navbar__year-selector-button {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary--black:hover, .calendar-navbar__year-selector-button:hover, .button.button--tertiary--black:active, .calendar-navbar__year-selector-button:active, .button.button--tertiary--black:focus, .calendar-navbar__year-selector-button:focus {\n  color: var(--fkds-color-action-text-secondary-default);\n}\n.button.button--tertiary:disabled, .calendar-navbar__year-selector-button:disabled {\n  border: none;\n}\n.button.button--tertiary--inverted, .button--tertiary--inverted.calendar-navbar__year-selector-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted:hover, .button--tertiary--inverted.calendar-navbar__year-selector-button:hover, .button.button--tertiary--inverted:active, .button--tertiary--inverted.calendar-navbar__year-selector-button:active, .button.button--tertiary--inverted:focus, .button--tertiary--inverted.calendar-navbar__year-selector-button:focus {\n  color: var(--fkds-color-action-text-inverted-focus);\n  background-color: transparent;\n}\n.button.button--tertiary--inverted:disabled, .button--tertiary--inverted.calendar-navbar__year-selector-button:disabled {\n  color: var(--fkds-color-text-disabled);\n  border: none;\n  border-width: 0;\n  background-color: transparent;\n}\n.button.button--tertiary--underline, .button--tertiary--underline.calendar-navbar__year-selector-button {\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 4px;\n}\n.button.button--tertiary--underline:disabled, .button--tertiary--underline.calendar-navbar__year-selector-button:disabled {\n  text-decoration: none;\n}\n.button.button--tertiary.button--small, .button--small.calendar-navbar__year-selector-button {\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.button.button--tertiary.button--small.button--align-text, .button--small.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.25rem;\n}\n.button.button--tertiary.button--medium, .button--medium.calendar-navbar__year-selector-button {\n  min-width: 8rem;\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-tertiary-padding-right);\n  padding-bottom: calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-tertiary-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n}\n.button.button--tertiary.button--medium.button--align-text, .button--medium.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.5rem;\n}\n.button.button--tertiary.button--large, .button--large.calendar-navbar__year-selector-button {\n  min-width: var(--f-button-min-width);\n  padding: calc(1.125rem * var(--f-density-factor)) 0.75rem;\n}\n.button.button--tertiary.button--large.button--align-text, .button--large.button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.75rem;\n}\n.button.button--tertiary.button--align-text, .button--align-text.calendar-navbar__year-selector-button {\n  margin-left: -0.5rem;\n  min-width: 0;\n}\n@media (max-width: 639.98px) {\n.button.button--tertiary.button--full-width, .button--full-width.calendar-navbar__year-selector-button {\n    min-width: var(--f-width-full);\n}\n}\n.button.button--full-width, .button--full-width.calendar-navbar__year-selector-button {\n  min-width: var(--f-width-full);\n}\n.button.button--margin-bottom-0, .calendar-navbar__year-selector-button {\n  margin-bottom: 0;\n}\n.button.button--small, .button--small.calendar-navbar__year-selector-button {\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 4rem;\n  padding: calc(0.25rem * var(--f-density-factor)) 0.75rem;\n}\n@media (max-width: 639.98px) {\n.button.button--small:not(.button--full-width), .button--small.calendar-navbar__year-selector-button:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--small > .button__icon, .button--small.calendar-navbar__year-selector-button > .button__icon {\n  height: 14px;\n  width: 14px;\n}\n.button.button--medium, .button--medium.calendar-navbar__year-selector-button {\n  line-height: 1.5rem;\n  min-width: 8rem;\n  padding: calc(0.625rem * var(--f-density-factor)) 1.25rem;\n}\n@media (max-width: 639.98px) {\n.button.button--medium:not(.button--full-width), .button--medium.calendar-navbar__year-selector-button:not(.button--full-width) {\n    width: auto;\n}\n}\n.button.button--large, .button--large.calendar-navbar__year-selector-button {\n  line-height: 1.5rem;\n  min-width: 9.5rem;\n  padding: calc(1rem * var(--f-density-factor)) 1.5rem;\n}\n@media (max-width: 639.98px) {\n.button.button--large, .button--large.calendar-navbar__year-selector-button {\n    max-width: var(--f-width-full);\n    width: var(--f-width-full);\n}\n}\n.button > .button__icon, .calendar-navbar__year-selector-button > .button__icon {\n  margin-right: 0.25rem;\n  transform: translate(0, 15%);\n}\n.button > .button__icon:not(:first-child), .calendar-navbar__year-selector-button > .button__icon:not(:first-child) {\n  margin-left: 0.25rem;\n  margin-right: 0;\n}\n.button > .button__icon--end, .calendar-navbar__year-selector-button > .button__icon--end {\n  position: absolute;\n  right: 1.25rem;\n}\n.button.disabled, .disabled.calendar-navbar__year-selector-button, .button.disabled:hover, .button:disabled, .calendar-navbar__year-selector-button:disabled, .button:disabled:hover, .button.button--disabled, .button--disabled.calendar-navbar__year-selector-button {\n  border-width: var(--f-border-width-medium);\n  box-shadow: none;\n  cursor: default;\n}\n.calendar-day {\n  align-items: center;\n  display: inline-flex;\n  font-weight: var(--f-font-weight-medium);\n  justify-content: center;\n  height: 2.75rem;\n  width: 100%;\n  color: var(--fkds-color-text-primary);\n}\n.calendar-day--highlight {\n  position: relative;\n}\n.calendar-day--highlight::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-inverted);\n}\n.calendar-day--highlight.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--highlight.calendar-day--disabled::before {\n  border-radius: 50%;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--fkds-color-border-strong);\n}\n.calendar-day--highlight.calendar-day--disabled::after {\n  content: "";\n  z-index: 1;\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day--selected {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.calendar-day--disabled {\n  position: relative;\n}\n.calendar-day--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: var(--f-border-width-medium) solid;\n  width: 60%;\n}\n.calendar-day:hover:not(.calendar-day--disabled, .calendar-day--selected), .calendar-day--hover:not(.calendar-day--disabled, .calendar-day--selected) {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--fkds-color-text-inverted);\n  background-color: var(--fkds-color-select-background-primary-default);\n}\n.card {\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  margin: calc(1rem * var(--f-density-factor)) 0;\n}\n.card--default {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n}\n.card--error {\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-negative);\n}\n.card__content {\n  color: var(--fkds-color-text-primary);\n}\n.card__content > p:last-child,\n.card__content > div:last-child {\n  margin-bottom: 0;\n}\n.card__content > p:last-child > *:last-child,\n.card__content > div:last-child > *:last-child {\n  margin-bottom: 0;\n}\n.card__header-label {\n  color: var(--fkds-color-text-primary);\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  display: block;\n}\n.card__footer {\n  padding-top: calc(1.25rem * var(--f-density-factor));\n}\n.card__footer > .button-group {\n  margin-bottom: 0;\n}\n.card__footer > .button-group .button-group__item {\n  margin-bottom: 0 !important;\n}\n.card__error-message {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.list__item {\n  display: flex;\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  background: var(--f-background-grid-default);\n}\n.radio-button-group--border .radio-button-group__content .radio-button:not(.disabled):hover, .checkbox-group--border .checkbox-group__content .checkbox:not(.disabled):hover, .list--hover .list__item:not(.disabled):focus-within,\n.list--hover .list__item:not(.disabled):hover, .list__item--hover:not(.disabled) {\n  background: var(--f-background-grid-hover);\n}\n.list--hover .list__item:focus-within.list__item--active,\n.list--hover .list__item:hover.list__item--active, .list__item--active {\n  background: var(--f-background-grid-active);\n}\n.list {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  padding-left: 0;\n}\n.list__item:not(:last-child) {\n  border-bottom: none;\n}\n.list__item__itempane {\n  width: 100%;\n  padding: calc(var(--f-list-item-itempane-padding) * var(--f-density-factor)) var(--f-list-item-itempane-padding);\n  color: inherit;\n  --f-margin-component-bottom: 0.5rem;\n}\n.list__item__itempane .button {\n  margin-bottom: 0;\n}\n.list__item__itempane ul {\n  list-style-type: disc;\n}\n.list__item__itempane ul ul {\n  list-style-type: circle;\n}\n.list__item__selectpane {\n  padding: calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) 0 calc((var(--f-list-item-itempane-padding) - 0.2rem) * var(--f-density-factor)) calc(var(--f-list-item-itempane-padding) - 0.2rem);\n}\n.list__item__selectpane__input {\n  margin-top: 0.1rem;\n}\n.list__item__selectpane__input .checkbox__label,\n.list__item__selectpane__input .radio-button__label {\n  min-width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n}\n.list__item__selectpane__input .checkbox__label::after,\n.list__item__selectpane__input .checkbox__label::before,\n.list__item__selectpane__input .radio-button__label::after,\n.list__item__selectpane__input .radio-button__label::before {\n  top: calc(0.2rem * var(--f-density-factor));\n  left: 0.2rem;\n}\n.list--hover .list__item:focus-within,\n.list--hover .list__item:hover {\n  cursor: pointer;\n}\n.radio-button-group--border .radio-button-group__content .radio-button, .checkbox-group--border .checkbox-group__content .checkbox {\n  border: var(--f-border-width-medium) solid var(--f-border-color-grid);\n  margin-bottom: 0;\n  width: 100%;\n  cursor: pointer;\n  border-bottom: none;\n}\n.radio-button-group--border .radio-button-group__content .radio-button:last-child, .checkbox-group--border .checkbox-group__content .checkbox:last-child {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-grid);\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:focus + label, .checkbox-group--border .checkbox-group__content .checkbox input:focus + label {\n  outline: 2px solid var(--f-border-color-grid);\n  outline-offset: -2px;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input + label::after, .checkbox-group--border .checkbox-group__content .checkbox input + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button input:checked + label::after, .checkbox-group--border .checkbox-group__content .checkbox input:checked + label::after {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label::before, .checkbox-group--border .checkbox-group__content .checkbox label::before {\n  top: 0.9rem;\n  left: 1rem;\n}\n.radio-button-group--border .radio-button-group__content .radio-button label, .checkbox-group--border .checkbox-group__content .checkbox label {\n  padding: 1rem;\n  padding-left: 3rem;\n  width: 100%;\n}\n.radio-button__details,\n.checkbox__details {\n  display: block;\n}\n.radio-button__width,\n.checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrYm94LWljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMy40NzQiIHk9IjkuMTk0IiBmaWxsPSIjM0M1NTkyIiB3aWR0aD0iMCIgaGVpZ2h0PSIwIi8+CjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCiAgICAgICAgYzAuNjM1LTAuNjMzLDEuNjYzLTAuNjMzLDIuMjk4LDBsMi4xMDEsMi4wOTdsNS4zNTEtNS4zNGMwLjYzNS0wLjYzNCwxLjY2My0wLjYzNCwyLjI5OCwwYzAuNjM1LDAuNjMzLDAuNjM1LDEuNjU5LDAsMi4yOTMKICAgICAgICBsLTYuNSw2LjQ4N0M5LjIwNywxNC44NDcsOC43OTIsMTUuMDA1LDguMzc2LDE1LjAwNXoiLz4KPC9zdmc+Cg==");\n  mask-repeat: no-repeat;\n}\n.checkbox {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.checkbox:last-child {\n  margin-bottom: 0;\n}\n.checkbox__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.checkbox__label {\n  min-width: 4.5rem;\n  display: inline-block;\n  cursor: pointer;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n  color: var(--fkds-color-text-primary);\n}\n.checkbox__label * {\n  pointer-events: none;\n}\n.checkbox__label::before, .checkbox__label::after {\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  width: var(--f-icon-size-medium);\n}\n.checkbox__label::before {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-small);\n  cursor: pointer;\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-inverted);\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n@media (forced-colors: active) {\n.checkbox__label::after {\n    background-color: Canvas;\n}\n}\n.checkbox.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled {\n    color: GrayText;\n}\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n}\n@media (forced-colors: active) {\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n    border-color: GrayText;\n}\n}\n.checkbox.disabled input[type=checkbox]:checked + .checkbox__label::after {\n  background-color: var(--fkds-icon-color-content-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--fkds-color-select-background-primary-default);\n  border: var(--f-border-width-medium) solid transparent;\n}\n@media (forced-colors: active) {\n.checkbox input[type=checkbox]:checked + label::before {\n    background-color: HighLight;\n    border-color: HighLight;\n}\n}\n.checkbox input[type=checkbox]:checked + .checkbox__label::after {\n  opacity: 1;\n}\n.checkbox input[type=checkbox]:focus + .checkbox__label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group--chip .radio-button-group__label {\n  margin-bottom: 0.25rem;\n}\n.radio-button-group--chip .radio-button-group__content {\n  margin: -0.25rem;\n}\n.radio-button-group--chip .radio-button {\n  margin: 0;\n  padding: 0.25rem;\n}\n.radio-button-group--chip .radio-button.disabled .radio-button__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.radio-button-group--chip .radio-button__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.radio-button-group--chip .radio-button__label::before, .radio-button-group--chip .radio-button__label::after {\n  display: none;\n}\n.radio-button-group--chip .radio-button__label svg {\n  margin-right: 0.5rem;\n}\n.radio-button-group--chip .radio-button__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.radio-button-group--chip input[type=radio]:checked + .radio-button__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.radio-button-group--chip input[type=radio]:focus + label.radio-button__label {\n  border-radius: 20px;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n  flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content {\n    flex-flow: row wrap;\n}\n.radio-button-group--chip.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 0;\n}\n}\n.checkbox-group--chip .checkbox-group__label {\n  margin-bottom: 0.25rem;\n}\n.checkbox-group--chip .checkbox-group__content {\n  margin: -0.25rem;\n}\n.checkbox-group--chip .checkbox {\n  margin: 0;\n  padding: 0.25rem;\n}\n.checkbox-group--chip .checkbox.disabled .checkbox__label {\n  background: var(--fkds-color-background-disabled);\n  border-color: var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-disabled);\n  cursor: not-allowed;\n}\n.checkbox-group--chip .checkbox__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-weight: var(--f-font-weight-medium);\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  justify-content: center;\n  max-width: 400px;\n  user-select: none;\n}\n.checkbox-group--chip .checkbox__label::before, .checkbox-group--chip .checkbox__label::after {\n  display: none;\n}\n.checkbox-group--chip .checkbox__label svg {\n  margin-right: 0.5rem;\n}\n.checkbox-group--chip .checkbox__label:hover {\n  border-color: var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-select-background-secondary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.checkbox-group--chip input[type=checkbox]:checked + .checkbox__label {\n  background: var(--fkds-color-select-background-secondary-default);\n  border-color: transparent;\n  color: var(--fkds-color-text-inverted);\n}\n.checkbox-group--chip input[type=checkbox]:focus + label.checkbox__label {\n  border-radius: 20px;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n  flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content {\n    flex-flow: row wrap;\n}\n.checkbox-group--chip.checkbox-group--horizontal .checkbox-group__content .checkbox {\n    margin-bottom: 0;\n}\n}\n.close-button {\n  align-items: center;\n  background: inherit;\n  border: none;\n  color: var(--fkds-color-action-text-secondary-default);\n  cursor: pointer;\n  display: flex;\n  font-weight: 700;\n  gap: 0.5rem;\n  margin: 0.375rem;\n  padding: 0.125rem 0.625rem;\n}\n.close-button .icon {\n  min-width: var(--f-icon-size-small);\n}\n.popup .popup__wrapper.combobox__listbox {\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-box-modal-shadow);\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding: 2px;\n}\n.calendar__year-selector__listbox, .combobox__listbox__list {\n  margin: 0;\n  padding: 0;\n}\n.calendar__year-selector__year, .combobox__listbox__option {\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  list-style-type: none;\n  padding: 0.75rem;\n  white-space: nowrap;\n}\n.calendar__year-selector__year:hover, .combobox__listbox__option:hover {\n  background-color: var(--fkds-color-select-background-primary-hover);\n  color: var(--fkds-color-text-primary);\n}\n.calendar__year-selector__year--highlight {\n  background-color: var(--fkds-color-select-background-primary-default);\n  color: var(--fkds-color-text-inverted);\n  font-weight: var(--f-font-weight-medium);\n}\n.combobox__button {\n  background: inherit;\n  border: none;\n  color: var(--fkds-icon-color-action-content-primary-default);\n  margin: 0;\n  padding: 0;\n}\n.combobox__button:disabled {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.contextmenu {\n  min-width: 260px;\n  background-color: var(--f-background-popupmenu);\n}\n.contextmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n  display: block;\n  list-style-type: none;\n}\n.contextmenu__list__item {\n  cursor: pointer;\n  white-space: normal;\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n}\n.contextmenu__list__item a,\n.contextmenu__list__item a:visited,\n.contextmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.contextmenu__list__item:hover {\n  color: var(--f-text-color-popupmenu-hover);\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n@media (min-width: 640px) {\n.contextmenu__list__item {\n    white-space: nowrap;\n}\n}\n.contextmenu__separator {\n  margin: 0.75rem;\n  height: 1px;\n  border: none;\n  border-top: 1px solid var(--f-border-color-separator-contextmenu);\n}\n.contextmenu__lefticon {\n  margin-right: 0.75rem;\n  min-width: var(--f-icon-size-small);\n}\n.crud-dataset {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.crud-dataset__add-button {\n  margin-bottom: 0 !important;\n  margin-top: 0.5rem !important;\n  margin-left: 2px;\n}\n.crud-dataset .list,\n.crud-dataset .table {\n  margin-bottom: 0;\n}\n.datepicker-field__button {\n  background: transparent;\n  border: 0;\n  border-radius: var(--f-border-radius-medium);\n  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n  min-height: var(--f-icon-size-large);\n  min-width: var(--f-icon-size-large);\n  height: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  width: calc(var(--f-icon-size-x-large) * var(--f-density-factor));\n  vertical-align: middle;\n}\n.datepicker-field__button:hover .icon {\n  color: var(--fkds-icon-color-action-content-primary-hover);\n}\n.datepicker-field__button:disabled .icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  background-color: var(--fkds-color-background-primary);\n}\n.datepicker-field__close {\n  display: flex;\n  justify-content: flex-end;\n}\n.datepicker-field__close > .datepicker-field__close__button {\n  margin: 0;\n  padding: 1rem;\n}\n.popup--overlay .datepicker-field__popup {\n  width: calc(100vw - 40px);\n  max-width: 28rem;\n}\n.popup--inline .datepicker-field__popup {\n  width: 100%;\n}\n.popup--inline .datepicker-field__table {\n  margin-top: 0;\n}\n.popup--inline .datepicker-field__table .calendar-month__cell {\n  padding: 0;\n  border-bottom: unset;\n}\n.popup--inline .datepicker-field__table .calendar-month__header-cell {\n  background-color: unset;\n  border: unset;\n}\n.dialogue-tree {\n  margin: 0 0 var(--f-margin-component-bottom);\n}\n.dialogue-tree__list {\n  margin-left: 0;\n  padding-left: 0;\n  list-style-type: none;\n  border-radius: 2px;\n  border: 1px solid var(--fkds-color-border-primary);\n}\n.dialogue-tree__list-item {\n  background-color: var(--fkds-color-background-primary);\n  border-bottom: 1px solid var(--fkds-color-border-primary);\n  padding: 0.25em;\n  height: 60px;\n}\n.dialogue-tree__list-item:last-child {\n  border-bottom: none;\n}\n.dialogue-tree__list-item:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.dialogue-tree__list-item button {\n  padding: 0 0.75em;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  background-color: inherit;\n  color: var(--fkds-color-action-text-secondary-default);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.dialogue-tree__list-item button span {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-weight: var(--f-font-weight-medium);\n  font-size: var(--f-font-size-standard);\n  text-align: left;\n  cursor: pointer;\n}\n.dialogue-tree__list-item button .icon {\n  flex-shrink: 0;\n  margin-left: 1.25rem;\n  color: currentcolor;\n}\n.entrypoint {\n  background-color: var(--fkds-color-action-background-primary-default);\n  color: var(--fkds-color-action-text-inverted-default);\n  border: var(--f-border-width-medium) solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  box-shadow: var(--f-button-shadow);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  transition: background-color var(--f-animation-duration-medium) ease-out;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  margin-bottom: calc(1.5rem * var(--f-density-factor));\n  margin-top: calc(0.25rem * var(--f-density-factor));\n  text-align: left;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  line-height: var(--f-line-height-large);\n  width: 100%;\n}\n.entrypoint__icon {\n  margin-left: 2rem;\n  flex-shrink: 0;\n}\n.entrypoint:hover {\n  background-color: var(--fkds-color-action-background-primary-hover);\n}\n.error-list {\n  color: var(--fkds-color-feedback-text-negative);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.error-list--list-style-none {\n  list-style-type: none;\n  padding: 0;\n}\n.error-list--padding-left {\n  padding-left: 1rem;\n}\n.error-list__list {\n  margin: 0;\n  line-height: max(1.5, 2 * var(--f-density-factor));\n}\n.error-list__bullet::before {\n  color: var(--fkds-color-feedback-text-negative);\n  content: "•";\n  display: inline;\n  font-size: var(--f-font-size-h4);\n  line-height: 0;\n  margin-right: 0.75rem;\n}\n.error-list__link {\n  color: var(--fkds-color-feedback-text-negative);\n  list-style-position: inside;\n  text-decoration: underline;\n  text-underline-offset: 0.25em;\n}\n.error-list__link a {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.error-list__link:hover {\n  text-decoration-thickness: 2px;\n}\n.error-list__icon {\n  max-width: none;\n  position: relative;\n  top: 3px;\n}\n.error-list--list-item {\n  display: list-item;\n}\n.offline .icon, .icon, .offline .icon-stack, .icon-stack,\n.icon--stack {\n  display: inline-block;\n  height: var(--f-icon-size-small);\n  max-height: 100%;\n  max-width: 100%;\n  pointer-events: none;\n  width: var(--f-icon-size-small);\n}\n.select-field__icon, .label__icon {\n  display: inline;\n  height: var(--f-icon-size-large);\n  position: absolute;\n  right: 0.75rem;\n  top: calc(0.5rem * var(--f-density-factor));\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.offline .icon-stack, .icon-stack,\n.icon--stack {\n  position: relative;\n}\n.icon-stack .icon,\n.icon--stack .icon {\n  position: absolute;\n}\n.icon--flip-horizontal {\n  transform: scaleX(-1);\n}\n.icon--flip-vertical {\n  transform: scaleY(-1);\n}\n.icon--rotate-90 {\n  transform: rotate(90deg);\n}\n.icon--rotate-180 {\n  transform: rotate(180deg);\n}\n.icon--rotate-270 {\n  transform: rotate(270deg);\n}\n.icon-stack--new-window .icon.f-icon-new-window,\n.icon--new-window .icon.f-icon-new-window {\n  width: 55%;\n  height: 55%;\n  top: 0;\n  right: 0;\n}\n.icon-stack--new-window .icon:not(.f-icon-new-window),\n.icon--new-window .icon:not(.f-icon-new-window) {\n  width: 83%;\n  height: 83%;\n  bottom: 0;\n  left: 5%;\n}\n.icon-stack--tooltip .f-icon-circle,\n.icon--stack--tooltip .f-icon-circle {\n  fill: var(--f-icon-color-info);\n  color: var(--f-icon-color-info);\n}\n.icon-stack--tooltip .f-icon-i,\n.icon--stack--tooltip .f-icon-i {\n  color: var(--f-icon-color-white);\n}\n.icon-stack--info .f-icon-circle,\n.icon--stack--info .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-info);\n  fill: var(--fkds-icon-color-feedback-border-info);\n}\n.icon-stack--warning .f-icon-circle,\n.icon--stack--warning .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-warning);\n  fill: var(--fkds-icon-color-feedback-border-warning);\n}\n.icon-stack--error .f-icon-triangle,\n.icon--stack--error .f-icon-triangle {\n  color: var(--fkds-icon-color-feedback-background-negative);\n  fill: var(--fkds-icon-color-feedback-border-negative);\n}\n.icon-stack--success .f-icon-circle,\n.icon--stack--success .f-icon-circle {\n  color: var(--fkds-icon-color-feedback-background-positive);\n  fill: var(--fkds-icon-color-feedback-border-positive);\n}\n.icon-stack--success .f-icon-success,\n.icon--stack--success .f-icon-success {\n  transform: scale(0.6);\n}\n.icon-stack--large,\n.icon--stack--large {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n.icon-stack--large svg,\n.icon--stack--large svg {\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle, .icon-stack--circle-bottom,\n.icon--stack--circle,\n.icon--stack--circle-bottom {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100%;\n  overflow: hidden;\n}\n.icon-stack--circle .f-icon-circle, .icon-stack--circle-bottom .f-icon-circle,\n.icon--stack--circle .f-icon-circle,\n.icon--stack--circle-bottom .f-icon-circle {\n  color: var(--f-icon-color-success-background);\n  fill: var(--f-icon-color-success-background);\n  width: 100%;\n  height: 100%;\n}\n.icon-stack--circle .icon:not(.f-icon-circle), .icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  color: var(--f-icon-color-success);\n  position: absolute;\n}\n.icon-stack--circle .icon:not(.f-icon-circle),\n.icon--stack--circle .icon:not(.f-icon-circle) {\n  width: 70%;\n  height: 70%;\n  inset: 0;\n  margin: auto;\n}\n.icon-stack--circle-bottom .icon:not(.f-icon-circle),\n.icon--stack--circle-bottom .icon:not(.f-icon-circle) {\n  width: 80%;\n  height: 80%;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  bottom: 0%;\n}\n.expandable-panel {\n  margin-bottom: calc(2rem * var(--f-density-factor));\n}\n.expandable-panel__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-panel);\n  width: var(--f-icon-size-medium);\n  height: var(--f-icon-size-medium);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-medium)) / 2);\n  display: flex;\n  color: var(--f-background-heading-expandable-panel);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-panel__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__content {\n  height: auto;\n}\n.expandable-panel.expandable-panel--expanded .expandable-panel__heading button {\n  border: var(--f-expandable-panel-heading-border-open);\n}\n.expandable-panel.expandable-panel--collapsed .expandable-panel__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-panel__heading {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  margin-bottom: 0 !important;\n}\n.expandable-panel__heading button {\n  background-color: var(--f-background-heading-expandable-panel);\n  border: var(--f-expandable-panel-heading-border-close);\n  border-radius: var(--f-expandable-panel-heading-border-radius);\n  color: var(--f-text-color-heading-expandable-panel);\n  cursor: pointer;\n  display: flex;\n  margin: 0;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  position: relative;\n  text-align: left;\n  width: 100%;\n}\n.expandable-panel__heading button:focus, .expandable-panel__heading button:hover {\n  background-color: var(--f-background-heading-expandable-panel-hover);\n}\n.expandable-panel__notification {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-notice);\n  border: var(--f-border-width-medium) solid var(--f-icon-color-white);\n  width: var(--f-icon-size-x-large);\n  height: var(--f-icon-size-x-large);\n  display: inline-block;\n  padding: 0.27rem;\n  position: absolute;\n  right: 1.5rem;\n  top: -0.75rem;\n  line-height: 0;\n}\n.expandable-panel__notification svg {\n  color: var(--f-icon-color-white);\n  height: auto;\n  width: auto;\n}\n.expandable-panel__content {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) ease-in;\n}\n.expandable-panel__body {\n  background-color: var(--f-background-expandable-panel);\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  border-top: 0;\n  line-height: inherit;\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n}\n.expandable-paragraph {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n}\n.expandable-paragraph__heading {\n  line-height: var(--f-line-height-medium);\n  margin: 0;\n}\n.expandable-paragraph__heading button {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  margin: 0;\n  display: flex;\n  text-align: left;\n  padding: 0;\n  flex-shrink: 0;\n}\n.expandable-paragraph__icon {\n  border-radius: 50%;\n  background-color: var(--f-icon-color-expandable-paragraph);\n  width: var(--f-icon-size-small);\n  height: var(--f-icon-size-small);\n  margin-top: calc((var(--f-line-height-medium) * 1em - var(--f-icon-size-small)) / 2);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n  display: flex;\n  color: var(--f-icon-color-white);\n  padding: 3px;\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.expandable-paragraph__icon .icon {\n  transition: transform var(--f-animation-duration-long) ease;\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(0);\n}\n.expandable-paragraph.expandable-paragraph--open .expandable-paragraph__container {\n  height: auto;\n}\n.expandable-paragraph.expandable-paragraph--closed .expandable-paragraph__icon svg:nth-child(2) {\n  transform: rotate(-90deg);\n}\n.expandable-paragraph__container {\n  height: 0;\n  overflow: hidden;\n  transition: height var(--f-animation-duration-medium) cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.expandable-paragraph__content, .expandable-paragraph__related-information {\n  margin-left: calc(var(--f-icon-size-small) + 0.5rem);\n}\n.expandable-paragraph__related-information {\n  color: var(--f-text-color-discrete);\n  font-size: 0.875rem;\n}\n.expandable-paragraph__content {\n  margin-top: calc(0.75rem * var(--f-density-factor));\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.expandable-paragraph__separator {\n  border-bottom: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin: 0 0.5rem calc(0.5rem * var(--f-density-factor)) 0.5rem;\n}\n.expandable-paragraph--list {\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  padding-bottom: calc(0.5rem * var(--f-density-factor));\n  border-bottom: var(--f-border-width-small) solid var(--f-border-color-separator);\n}\n.fieldset {\n  border: 0;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  min-width: 0;\n  padding: 0;\n  width: var(--f-width-full);\n}\n.fieldset__label {\n  padding: 0;\n  margin-bottom: calc(0.75rem * var(--f-density-factor));\n}\n.fieldset__content {\n  display: flex;\n  flex-direction: column;\n}\n.file-item-list {\n  list-style-type: none;\n  padding-left: 0;\n}\n.file-item .button--discrete {\n  padding: 0;\n  min-width: auto;\n  text-align: left;\n  margin-right: 0.25rem;\n}\n.file-item__row {\n  margin-bottom: 1.25rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.file-item__row button,\n.file-item__row a {\n  margin-bottom: 0;\n}\n.file-item__file-open {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\n  flex: 0 1 auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.file-item__file-remove {\n  flex: 0 0 auto;\n}\n.file-item__file-abort {\n  flex: 0 0 auto;\n}\n.file-item__file-abort svg {\n  color: var(--f-icon-color-error);\n}\n.file-item__change-info {\n  margin-top: -1.25rem;\n}\n.file-item__file-name {\n  margin-left: 0.25rem;\n  min-width: 0;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n.file-item__separator {\n  margin-bottom: 1.25rem;\n  border: var(--f-border-width-medium) solid var(--f-border-color-separator);\n}\n.file-selector input[type=file] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.file-selector input[type=file]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.file-selector label {\n  cursor: pointer;\n}\n.file-selector input:disabled + label {\n  background-color: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n.file-uploader__message-box {\n  margin-top: 1.25rem;\n}\n.component-group > .component-group__item:not(:only-child) {\n  margin-bottom: 1rem;\n}\n.component-group > .component-group__item:last-child:not(:first-child) {\n  margin-bottom: 2rem;\n}\n.indent {\n  border-left: var(--f-border-width-medium) solid var(--f-border-color-separator);\n  margin-bottom: 1rem;\n  margin-left: 0.5rem;\n  padding-left: 1.5rem;\n}\n.label {\n  color: var(--fkds-color-text-primary);\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n}\n.label.sr-only {\n  width: auto;\n}\n.label__message {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  margin-top: var(--f-label-message-margin-top);\n}\n.label__message--error {\n  color: var(--fkds-color-feedback-text-negative);\n}\n.label__icon-wrapper {\n  position: relative;\n}\n.label__icon--left {\n  position: relative;\n  top: calc(3px * var(--f-density-factor));\n}\n.label__description {\n  display: block;\n  font-weight: var(--f-font-weight-normal);\n  color: var(--fkds-color-text-primary);\n}\n.label__description--format {\n  color: var(--fkds-color-text-secondary);\n}\n.layout-application-template {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.layout-application-template__header {\n  z-index: 9994;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  width: 100%;\n}\n.layout-application-template__footer {\n  flex-shrink: 0;\n}\n.layout-application-template__main {\n  flex-grow: 1;\n}\n.layout-application-template__main > .container-fluid {\n  margin: 20px;\n  width: initial;\n  max-width: 1440px;\n}\n.layout-application-template__body {\n  margin: 0;\n  padding: 0;\n  min-height: 100vh;\n}\n.layout-application-template__body > div {\n  height: 100%;\n}\n.layout-application-template__html {\n  height: 100%;\n}\n.grid--force .col.col--sm-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--sm-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-sm .col.col--sm-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-1 {\n  order: 1;\n}\n.grid--force-sm .col.col--sm-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-2 {\n  order: 2;\n}\n.grid--force-sm .col.col--sm-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-sm .col.col--sm-order-3 {\n  order: 3;\n}\n.grid--force-sm .col.col--sm-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-4 {\n  order: 4;\n}\n.grid--force-sm .col.col--sm-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-5 {\n  order: 5;\n}\n.grid--force-sm .col.col--sm-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-sm .col.col--sm-order-6 {\n  order: 6;\n}\n.grid--force-sm .col.col--sm-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-7 {\n  order: 7;\n}\n.grid--force-sm .col.col--sm-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-8 {\n  order: 8;\n}\n.grid--force-sm .col.col--sm-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-sm .col.col--sm-order-9 {\n  order: 9;\n}\n.grid--force-sm .col.col--sm-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-sm .col.col--sm-order-10 {\n  order: 10;\n}\n.grid--force-sm .col.col--sm-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-sm .col.col--sm-order-11 {\n  order: 11;\n}\n.grid--force-sm .col.col--sm-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-sm .col.col--sm-order-12 {\n  order: 12;\n}\n.grid--force .col.col--md-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--md-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-md .col.col--md-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-md .col.col--md-order-1 {\n  order: 1;\n}\n.grid--force-md .col.col--md-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-md .col.col--md-order-2 {\n  order: 2;\n}\n.grid--force-md .col.col--md-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-md .col.col--md-order-3 {\n  order: 3;\n}\n.grid--force-md .col.col--md-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-md .col.col--md-order-4 {\n  order: 4;\n}\n.grid--force-md .col.col--md-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-md .col.col--md-order-5 {\n  order: 5;\n}\n.grid--force-md .col.col--md-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-md .col.col--md-order-6 {\n  order: 6;\n}\n.grid--force-md .col.col--md-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-md .col.col--md-order-7 {\n  order: 7;\n}\n.grid--force-md .col.col--md-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-md .col.col--md-order-8 {\n  order: 8;\n}\n.grid--force-md .col.col--md-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-md .col.col--md-order-9 {\n  order: 9;\n}\n.grid--force-md .col.col--md-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-md .col.col--md-order-10 {\n  order: 10;\n}\n.grid--force-md .col.col--md-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-md .col.col--md-order-11 {\n  order: 11;\n}\n.grid--force-md .col.col--md-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-md .col.col--md-order-12 {\n  order: 12;\n}\n.grid--force .col.col--lg-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--lg-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-lg .col.col--lg-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-1 {\n  order: 1;\n}\n.grid--force-lg .col.col--lg-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-2 {\n  order: 2;\n}\n.grid--force-lg .col.col--lg-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-lg .col.col--lg-order-3 {\n  order: 3;\n}\n.grid--force-lg .col.col--lg-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-4 {\n  order: 4;\n}\n.grid--force-lg .col.col--lg-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-5 {\n  order: 5;\n}\n.grid--force-lg .col.col--lg-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-lg .col.col--lg-order-6 {\n  order: 6;\n}\n.grid--force-lg .col.col--lg-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-7 {\n  order: 7;\n}\n.grid--force-lg .col.col--lg-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-8 {\n  order: 8;\n}\n.grid--force-lg .col.col--lg-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-lg .col.col--lg-order-9 {\n  order: 9;\n}\n.grid--force-lg .col.col--lg-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-lg .col.col--lg-order-10 {\n  order: 10;\n}\n.grid--force-lg .col.col--lg-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-lg .col.col--lg-order-11 {\n  order: 11;\n}\n.grid--force-lg .col.col--lg-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-lg .col.col--lg-order-12 {\n  order: 12;\n}\n.grid--force .col.col--xl-1 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-2 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-3 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-4 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-5 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-6 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-7 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-8 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-9 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-10 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-11 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force .col.col--xl-12 {\n  width: 100%;\n  max-width: 100%;\n  flex: none;\n}\n.grid--force-xl .col.col--xl-1 {\n  flex: 0 0 8.3333333333%;\n  max-width: 8.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-1 {\n  order: 1;\n}\n.grid--force-xl .col.col--xl-2 {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-2 {\n  order: 2;\n}\n.grid--force-xl .col.col--xl-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.grid--force-xl .col.col--xl-order-3 {\n  order: 3;\n}\n.grid--force-xl .col.col--xl-4 {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-4 {\n  order: 4;\n}\n.grid--force-xl .col.col--xl-5 {\n  flex: 0 0 41.6666666667%;\n  max-width: 41.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-5 {\n  order: 5;\n}\n.grid--force-xl .col.col--xl-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.grid--force-xl .col.col--xl-order-6 {\n  order: 6;\n}\n.grid--force-xl .col.col--xl-7 {\n  flex: 0 0 58.3333333333%;\n  max-width: 58.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-7 {\n  order: 7;\n}\n.grid--force-xl .col.col--xl-8 {\n  flex: 0 0 66.6666666667%;\n  max-width: 66.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-8 {\n  order: 8;\n}\n.grid--force-xl .col.col--xl-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.grid--force-xl .col.col--xl-order-9 {\n  order: 9;\n}\n.grid--force-xl .col.col--xl-10 {\n  flex: 0 0 83.3333333333%;\n  max-width: 83.3333333333%;\n}\n.grid--force-xl .col.col--xl-order-10 {\n  order: 10;\n}\n.grid--force-xl .col.col--xl-11 {\n  flex: 0 0 91.6666666667%;\n  max-width: 91.6666666667%;\n}\n.grid--force-xl .col.col--xl-order-11 {\n  order: 11;\n}\n.grid--force-xl .col.col--xl-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.grid--force-xl .col.col--xl-order-12 {\n  order: 12;\n}\n.layout-navigation {\n  min-height: 100%;\n  width: 100%;\n}\n.layout-navigation__primary {\n  flex: auto;\n}\n.layout-navigation__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-navigation__navigation {\n  background-color: #f4f4f4;\n  display: flex;\n  position: fixed;\n  z-index: 9994;\n  left: 0;\n  bottom: 0;\n}\n.layout-navigation__navigation .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-navigation__navigation__border {\n  width: 4px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-navigation__navigation__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-navigation__navigation__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-navigation__navigation__inner {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  margin-right: 12px;\n  word-wrap: break-word;\n  padding: 1rem;\n}\n.layout-navigation__navigation__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-navigation__navigation__inner__title button {\n  margin: 0;\n  position: absolute;\n  right: 0.5rem;\n}\n.layout-navigation__navigation__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-navigation__navigation__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n.layout-navigation__navigation__inner--minimized {\n  margin-left: -0.6rem;\n  margin-right: -0.8rem;\n  padding: 0;\n}\n.layout-secondary {\n  width: 100%;\n  min-height: 100%;\n}\n.layout-secondary__primary {\n  flex: auto;\n}\n.layout-secondary__primary > .container-fluid {\n  width: initial;\n  max-width: 1440px;\n  padding: 1.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n.layout-secondary__secondary {\n  background-color: #f4f4f4;\n  position: fixed;\n  display: flex;\n  right: 0;\n  bottom: 0;\n  z-index: 9994;\n}\n.layout-secondary__secondary .button.button--tertiary:hover {\n  background-color: var(--f-background-sidepanel-button-tertiary-hover);\n}\n.layout-secondary__secondary__border {\n  width: 5px;\n  background-color: #f4f4f4;\n  cursor: w-resize;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.layout-secondary__secondary__border__dot {\n  background-color: #8d8e91;\n  width: 4px;\n  height: 4px;\n  border-radius: 2px;\n  margin-top: 4px;\n}\n.layout-secondary__secondary__border:hover {\n  background-color: #e5e5f5;\n}\n.layout-secondary__secondary__inner {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  word-wrap: break-word;\n  margin: 16px;\n  margin-left: 11px;\n}\n.layout-secondary__secondary__inner__title {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__title h3 {\n  flex: auto;\n  margin: 0;\n  min-width: 40%;\n}\n.layout-secondary__secondary__inner__close.button {\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin-bottom: 0;\n}\n.layout-secondary__secondary__inner__content {\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: 4px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar {\n  width: 6px;\n}\n.layout-secondary__secondary__inner__content::-webkit-scrollbar-thumb {\n  background: #8d8e91;\n  border: 1px solid #8d8e91;\n  box-sizing: border-box;\n  border-radius: 33px;\n}\n@media (width <= 1280px) {\n.layout-secondary__secondary {\n    box-shadow: 4px 0 2px rgba(0, 0, 0, 0.5), -4px 0 2px rgba(0, 0, 0, 0.5);\n}\n}\n@keyframes bouncedelay {\n0%, 80%, 100% {\n    transform: scale(0);\n}\n40% {\n    transform: scale(1);\n}\n}\n@keyframes spinner-delay {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n.loader div[tabindex] {\n  outline: none;\n}\n.loader__wrapper {\n  height: var(--f-loader-size);\n  margin: var(--f-loader-margin);\n  position: relative;\n  width: var(--f-loader-size);\n}\n.loader--delay {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.loader__spinner {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.loader__circle {\n  animation: bouncedelay 1.2s infinite ease-in-out;\n  animation-fill-mode: both;\n  background-color: var(--f-icon-color-loader);\n  border-radius: 100%;\n  height: 1rem;\n  position: absolute;\n  width: 1rem;\n}\n.loader__wait-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  white-space: pre-wrap;\n}\n.loader--overlay .loader__backdrop {\n  align-items: center;\n  background: var(--f-background-overlay);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n}\n.loader--overlay .loader__wait-text {\n  color: var(--f-text-color-default-inverted);\n}\n.loader--overlay .loader__circle {\n  background-color: var(--f-icon-color-white);\n}\n.loader .loader__spinner-1-circle2 {\n  animation-delay: -0.9s;\n}\n.loader .loader__spinner-1-circle3 {\n  animation-delay: -0.6s;\n}\n.loader .loader__spinner-1-circle4 {\n  animation-delay: -0.3s;\n}\n.loader .loader__spinner-2 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(45deg);\n}\n.loader .loader__spinner-2-circle1 {\n  animation-delay: -1.1s;\n}\n.loader .loader__spinner-2-circle2 {\n  animation-delay: -0.8s;\n}\n.loader .loader__spinner-2-circle3 {\n  animation-delay: -0.5s;\n}\n.loader .loader__spinner-2-circle4 {\n  animation-delay: -0.2s;\n}\n.loader .loader__spinner-3 {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: rotateZ(90deg);\n}\n.loader .loader__spinner-3-circle1 {\n  animation-delay: -1s;\n}\n.loader .loader__spinner-3-circle2 {\n  animation-delay: -0.7s;\n}\n.loader .loader__spinner-3-circle3 {\n  animation-delay: -0.4s;\n}\n.loader .loader__spinner-3-circle4 {\n  animation-delay: -0.1s;\n}\n.loader__circle--1 {\n  left: 0;\n  top: 0;\n}\n.loader__circle--2 {\n  right: 0;\n  top: 0;\n}\n.loader__circle--3 {\n  bottom: 0;\n  right: 0;\n}\n.loader__circle--4 {\n  bottom: 0;\n  left: 0;\n}\n.loader__delay__spinner {\n  animation: spinner-delay var(--f-animation-duration-short) forwards;\n  animation-delay: 1s;\n  opacity: 0;\n}\n.logo {\n  display: inline-block;\n}\n.logo--small {\n  padding: var(--f-logo-size-small);\n  background: var(--f-logo-image-small);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--large {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.logo--responsive {\n  padding: var(--f-logo-size-large);\n  background: var(--f-logo-image-large);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n@media (max-width: 639.98px) {\n.logo--responsive {\n    padding: var(--f-logo-size-small);\n    background: var(--f-logo-image-small);\n    background-repeat: no-repeat;\n    background-position: center;\n}\n}\n.message-box {\n  padding: calc(1.5rem * var(--f-density-factor)) 1.5rem;\n  margin: 0.5rem 0 calc(2rem * var(--f-density-factor)) 0;\n  color: var(--fkds-color-text-primary);\n}\n.message-box__heading {\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--fkds-color-text-primary);\n  line-height: var(--f-line-height-medium);\n  align-items: flex-start;\n  margin-bottom: calc(0.5rem * var(--f-density-factor));\n  margin-top: 0;\n}\n@media (max-width: 639.98px) {\n.message-box__heading {\n    font-size: var(--f-font-size-large);\n}\n}\n.message-box__icon {\n  line-height: var(--f-line-height-large);\n}\n.message-box__content {\n  text-align: left;\n}\n.message-box--info {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--info-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-info);\n  background-color: var(--fkds-color-feedback-background-info);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-info);\n}\n.message-box--info-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--info-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--info-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--info-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--info-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--info-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--error-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--error-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--error-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--error-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--error-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--error-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--error-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--warning-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-warning);\n  background-color: var(--fkds-color-feedback-background-warning);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-warning);\n}\n.message-box--warning-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--warning-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--warning-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--warning-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--warning-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--warning-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--success-short {\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-positive);\n  background-color: var(--fkds-color-feedback-background-positive);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-positive);\n}\n.message-box--success-short .message-box__icon {\n  font-size: 0;\n}\n.message-box--success-short .message-box__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.message-box--success-short .message-box__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.message-box--success-short .message-box__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.message-box--success-short .message-box__icon__banner {\n  margin-top: 0;\n}\n.message-box--success-short .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-top: 1rem solid var(--fkds-color-feedback-border-negative);\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n.message-box--banner .iflex__item > p {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.message-box {\n    margin-bottom: calc(1.5rem * var(--f-density-factor));\n    margin-top: calc(1.5rem * var(--f-density-factor));\n    padding: calc(1rem * var(--f-density-factor)) 1rem;\n}\n}\n.modal__backdrop {\n  background: var(--f-background-overlay);\n  display: flex;\n  height: 100%;\n  inset: 0;\n  position: fixed;\n  width: 100%;\n  z-index: 9994;\n}\n.modal__outer-container {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  overflow: auto;\n  width: 100%;\n}\n.modal__inner-container {\n  align-items: center;\n  justify-content: center;\n  max-height: 100%;\n  width: 100%;\n}\n.modal__shelf {\n  justify-content: flex-end;\n  display: flex;\n  background-color: var(--fkds-color-background-primary);\n  border-top-left-radius: var(--f-border-radius-medium);\n  border-top-right-radius: var(--f-border-radius-medium);\n  margin-bottom: 1rem;\n}\n.modal__header {\n  display: flex;\n  font-size: var(--f-font-size-h4);\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n.modal__header .modal__title {\n  font-size: var(--f-modal-title-font-size);\n  margin-bottom: 0;\n  margin-top: 0;\n  color: var(--fkds-color-text-primary);\n}\n.modal__dialog-container {\n  background: transparent;\n  display: flex;\n  margin: auto;\n  width: calc(100vw - 40px);\n}\n@media (min-width: 640px) {\n.modal__dialog-container {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--small {\n    max-width: var(--f-modal-size-small);\n}\n.modal__dialog-container--medium {\n    max-width: var(--f-modal-size-medium);\n}\n.modal__dialog-container--large {\n    max-width: var(--f-modal-size-large);\n}\n.modal__dialog-container--fullwidth {\n    max-width: var(--f-modal-size-fullwidth);\n}\n}\n@media (max-width: 639.98px) {\n.modal__dialog-container--fullscreen {\n    width: 100%;\n    max-width: none;\n}\n.modal__dialog-container--fullscreen .modal__dialog {\n    min-height: 100vh;\n}\n.modal__dialog-container--fullscreen .modal__dialog-inner {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n}\n.modal__dialog-container--fullscreen .modal__content {\n    flex: 1 1 auto;\n}\n}\n.modal__dialog {\n  background: var(--fkds-color-background-primary);\n  outline: 2px solid transparent;\n  border-radius: var(--f-border-radius-medium);\n  display: flex;\n  flex-direction: column-reverse;\n  height: auto;\n  margin: auto;\n  width: 100%;\n  position: relative;\n  z-index: 9995;\n}\n.modal__dialog .modal__dialog-inner {\n  height: auto;\n  margin: 0 1.5rem 1.5rem;\n}\n@media (max-width: 639.98px) {\n.modal__dialog .modal__dialog-inner {\n    margin: 0 1rem 1rem;\n}\n}\n.modal__dialog .modal__footer {\n  margin-top: 2rem;\n}\n.modal__dialog .modal__footer > .button-group {\n  margin-bottom: 0;\n}\n.modal__dialog .modal__footer > .button-group .button-group__item:last-child:not(.button--small, .button--medium) {\n  margin-bottom: 0;\n}\n@media (min-width: 640px) {\n.modal__dialog .modal__footer > .button-group .button-group__item {\n    margin-bottom: 0;\n}\n}\n.modal__dialog > .button-group {\n  margin: 0;\n}\n.modal__dialog > .button-group .button-group__item:last-child {\n  margin: var(--f-modal-close-button-margin);\n  padding: var(--f-modal-close-button-padding);\n}\n.modal--information .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-info-strong);\n}\n.modal--information .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.modal--warning .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-warning-strong);\n}\n.modal--error .modal__shelf {\n  background-color: var(--fkds-color-feedback-background-negative-strong);\n}\n.modal--error .modal__shelf .close-button {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.imenu__list {\n  background-color: var(--f-background-menu);\n  margin: 0;\n  padding: 0;\n}\n.imenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__list__item a,\n.imenu__list__item a:visited,\n.imenu__list__item a:active {\n  color: var(--f-text-color-menu);\n}\n.imenu__list__item a:hover {\n  color: var(--f-text-color-menu-hover);\n}\n.imenu__popup-item {\n  position: relative;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.imenu__popup-item__wrapper {\n  display: inline-flex;\n  position: absolute;\n  left: 0;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--vertical .imenu__list {\n  display: block;\n}\n.imenu--vertical .imenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.imenu--vertical .imenu__list__item:hover {\n  font-weight: var(--f-font-weight-normal);\n  background-color: var(--f-background-menu-vertical-hover);\n}\n.imenu--vertical .imenu__list__item--highlight {\n  background-color: var(--f-background-menu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--vertical .imenu__list__item--highlight:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal {\n  overflow: hidden;\n}\n.imenu--horizontal .imenu__list {\n  display: flex;\n}\n.imenu--horizontal .imenu__list__item {\n  display: inline-flex;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.imenu--horizontal .imenu__list__item--highlight {\n  color: var(--f-text-color-menu-horizontal-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor-container {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-highlight);\n}\n.imenu--horizontal .imenu__list__item--highlight .imenu__list__anchor:hover {\n  font-weight: var(--f-font-weight-medium);\n}\n.imenu--horizontal .imenu__list__item--hidden {\n  visibility: hidden;\n}\n.imenu--horizontal .imenu__list__anchor-container {\n  padding-bottom: 0.5rem;\n  border-bottom: 5px solid transparent;\n}\n.imenu--horizontal .imenu__list__anchor-container:hover {\n  border-bottom: 5px solid var(--f-border-color-menu-horizontal-hover);\n}\n.imenu--horizontal .imenu__list__anchor {\n  display: inline-flex;\n}\n.imenu--horizontal .imenu__list__anchor-icon-right {\n  flex: 1 0 auto;\n  padding-top: 0.25rem;\n  margin-left: 0.75rem;\n  color: var(--f-border-color-menu-horizontal-highlight);\n}\n.offline {\n  width: var(--f-width-full);\n  box-shadow: var(--f-box-modal-shadow);\n  border-collapse: separate;\n  padding: calc(1rem * var(--f-density-factor)) 1rem;\n  border: var(--f-border-width-medium) solid;\n  border-color: var(--fkds-color-feedback-border-negative);\n  background-color: var(--fkds-color-feedback-background-negative);\n  border-radius: var(--f-border-radius-small);\n  border-left: 1rem solid var(--fkds-color-feedback-border-negative);\n  padding: 1.5rem;\n}\n.offline .offline__icon {\n  font-size: 0;\n}\n.offline .offline__icon .icon {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon-stack {\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n}\n.offline .offline__icon .icon__exclamation {\n  transform: translateY(-0.05rem);\n}\n.offline .offline__icon .icon__banner {\n  fill: var(--fkds-icon-color-feedback-content-negative);\n  color: white;\n}\n.offline .offline__icon__banner {\n  margin-top: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline .iflex__item > p {\n  margin-bottom: 0;\n}\n.offline__wrapper {\n  position: fixed;\n  position: sticky;\n  z-index: 9998;\n  right: 0;\n  top: 0;\n  left: 0;\n}\n.output-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n.output-field__output {\n  line-height: max(1, var(--f-line-height-large) * var(--f-density-factor));\n  font-size: var(--f-font-size-standard);\n  min-height: var(--f-height-medium);\n  position: relative;\n  width: var(--f-width-full);\n  margin-bottom: 0;\n}\n.page-header {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-pageheader-primary);\n  padding: 1rem 0 1rem 1rem;\n  align-items: center;\n  overflow: hidden;\n}\n.page-header__logo {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n.page-header__logo > a {\n  display: inline-flex;\n}\n.page-header__logo::after {\n  content: " ";\n  background-color: var(--f-border-color-separator-pageheader-primary);\n  height: 1.38rem;\n  padding: 0.5px;\n  margin: 0 1rem 0.155rem;\n}\n.page-header__app-name {\n  padding-top: 0.22rem;\n  margin: 0;\n  font-size: var(--f-font-size-h3);\n  font-weight: var(--f-font-weight-medium);\n  color: var(--f-text-color-default-inverted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 9rem;\n}\n.page-header__right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  white-space: nowrap;\n  padding-top: 0.4rem;\n  font-size: var(--f-font-size-standard);\n}\n.page-header__right-slot {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.progress {\n  background-color: var(--fkds-color-background-primary);\n  border-radius: var(--f-border-radius-medium);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n  border: var(--f-border-width-medium) solid var(--fkds-color-feedback-border-positive);\n}\n@media (forced-colors: active) {\n.progress {\n    border: var(--f-border-width-medium) solid highlight;\n}\n}\n.progress__meter {\n  display: block;\n  float: left;\n  height: calc(var(--f-height-small) - var(--f-border-width-medium) * 2);\n  transition: width var(--f-animation-duration-medium) ease-out, background-color var(--f-animation-duration-medium) ease-out;\n}\n.progress__meter--inprogress {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--inprogress {\n    background: highlight;\n}\n}\n.progress__meter--finished {\n  background: var(--fkds-color-feedback-background-positive-strong);\n}\n@media (forced-colors: active) {\n.progress__meter--finished {\n    background: highlight;\n}\n}\n.radio-button {\n  min-height: var(--f-height-medium);\n  margin-bottom: calc(1rem * var(--f-density-factor));\n  margin-right: 1.5rem;\n}\n.radio-button:last-child {\n  margin-bottom: 0;\n  margin-right: 0;\n}\n.radio-button__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n  min-height: calc(4 * var(--f-height-medium));\n}\n.radio-button__label {\n  min-width: 4.5rem;\n  cursor: pointer;\n  display: inline-block;\n  font-size: var(--f-font-size-standard);\n  line-height: var(--f-line-height-small);\n  padding-left: 1.75rem;\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  position: relative;\n  color: var(--fkds-color-text-primary);\n}\n.radio-button__label * {\n  pointer-events: none;\n}\n.radio-button__label::before, .radio-button__label::after {\n  border-radius: 50%;\n  content: "";\n  height: var(--f-icon-size-medium);\n  left: 0;\n  margin: 0.1rem 0;\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  width: var(--f-icon-size-medium);\n  background-color: var(--fkds-color-background-primary);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  display: block;\n  transition: background-color ease var(--f-animation-duration-medium), border-color ease var(--f-animation-duration-medium), opacity ease var(--f-animation-duration-medium);\n}\n.radio-button__label::after {\n  background-color: var(--fkds-color-select-background-primary-default);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--fkds-color-background-primary);\n  opacity: 0;\n}\n@media (forced-colors: active) {\n.radio-button__label::after {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    box-shadow: inset 0 0 0 var(--f-border-width-medium) Canvas;\n}\n}\n.radio-button.disabled {\n  color: var(--fkds-color-text-disabled);\n}\n@media (forced-colors: active) {\n.radio-button.disabled {\n    color: GrayText;\n}\n}\n.radio-button.disabled .radio-button__label {\n  cursor: default;\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  background: var(--fkds-color-background-disabled);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-disabled);\n  cursor: default;\n}\n@media (forced-colors: active) {\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n    border: var(--f-border-width-medium) solid GrayText;\n}\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\n  border: var(--f-border-width-medium) solid transparent;\n  opacity: 1;\n}\n.radio-button input[type=radio]:focus + label {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n}\n.radio-button-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content {\n  flex-direction: row;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n  margin-bottom: 0;\n}\n@media (max-width: 639.98px) {\n.radio-button-group--horizontal .radio-button-group__content {\n    flex-direction: column;\n}\n.radio-button-group--horizontal .radio-button-group__content .radio-button {\n    margin-bottom: 1rem;\n}\n}\n.select-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.select-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.select-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.select-field--table {\n  margin-bottom: 0;\n}\n.select-field--table-error .select-field__select {\n  padding-right: calc(var(--f-icon-size-large) + 2.25rem);\n}\n.select-field__select {\n  appearance: none;\n  background-color: var(--fkds-color-background-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  color: var(--fkds-color-text-primary);\n  cursor: pointer;\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: var(--padding-input-fields);\n  width: var(--f-width-full);\n}\n.select-field__select:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.select-field__select:focus {\n  background-color: var(--fkds-color-background-primary);\n}\n.select-field__select:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  opacity: 1;\n}\n.select-field__select:disabled + .select-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.select-field__icon-wrapper {\n  position: relative;\n}\n.select-field__icon {\n  color: var(--fkds-icon-color-action-content-primary-default);\n}\n.select-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  display: inline;\n  position: absolute;\n  right: calc(var(--f-icon-size-large) + 0.75rem);\n  top: 0.5rem;\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.select-field--error .select-field__select {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.sort-filter-dataset__sort {\n  min-width: 80px;\n}\n.sort-filter-dataset__search {\n  position: relative;\n}\n.sort-filter-dataset__search input {\n  padding-left: 2.1rem;\n  padding-right: 2.1rem;\n}\n@media (min-width: 640px) {\n.sort-filter-dataset__search input {\n    width: 160px;\n}\n}\n.sort-filter-dataset__search__magnify-icon {\n  position: absolute;\n  left: 1.75rem;\n  height: var(--f-height-large);\n  /* same as textfield */\n  z-index: 1;\n  /* In front of input field */\n  width: 1.2rem;\n  color: var(--f-icon-color-sort-filter-dataset-search);\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__magnify-icon {\n    top: 1.5rem;\n    left: 0.75rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete {\n  position: absolute;\n  top: -0.75rem;\n  right: 0;\n  color: var(--f-icon-color-sort-filter-dataset-close);\n  cursor: pointer;\n  padding: 1rem;\n}\n@media (max-width: 639.98px) {\n.sort-filter-dataset__search__close-icon.button--discrete {\n    top: 1rem;\n}\n}\n.sort-filter-dataset__search__close-icon.button--discrete:hover {\n  box-shadow: none;\n  background-color: transparent;\n}\n.static-panel {\n  margin-bottom: 2.5rem;\n}\n.static-panel__heading {\n  background: var(--f-background-heading-static-panel);\n  border: var(--f-static-panel-heading-border);\n  border-bottom: 0;\n  font-size: var(--f-font-size-h3);\n  line-height: 2rem;\n  margin-bottom: 0;\n  padding: 0.25rem 1rem;\n}\n.static-panel__content {\n  border-top: 0;\n  border: var(--f-border-width-medium) solid var(--f-border-color-panel);\n  padding: 1.75rem 1.5rem;\n}\n.static-panel__icon {\n  height: var(--f-icon-size-x-large);\n  margin-right: 0.25rem;\n  position: relative;\n  top: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.table tbody .table__column--numeric, .table tbody .table__column--date {\n  font-feature-settings: tnum 1;\n  font-variant-numeric: tabular-nums;\n}\n.table tbody .table__expandable-row, .table tbody .table__row--normal, .table tbody .table__row {\n  background: var(--f-background-grid-default);\n  color: var(--f-text-color-default);\n}\n.table--striped tbody .table__row:nth-child(even), .table tbody .table__row--striped {\n  background: var(--f-background-grid-striped);\n  color: var(--f-text-color-default);\n}\n.table--hover tbody .table__row:hover, .table tbody .table__row--hover {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 1px solid var(--f-border-color-grid-hover);\n}\n.table tbody .table__row:focus-within, .table tbody .table__row--focus-within {\n  background: var(--f-background-grid-focus-inner);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row:focus, .table tbody .table__row--focus {\n  background: var(--f-background-grid-hover);\n  color: var(--f-text-color-default);\n  outline: 2px solid var(--f-color-focus);\n  box-shadow: none;\n}\n.table--hover tbody .table__row:hover.table__row--active, .table--striped tbody .table__row:nth-child(even).table__row--active, .table tbody .table__row--active, .table tbody .table__row:focus.table__row--active, .table tbody .table__row--focus.table__row--active, .table tbody .table__row:focus-within.table__row--active, .table tbody .table__row--focus-within.table__row--active {\n  background: var(--f-background-grid-active);\n  color: var(--f-text-color-default);\n}\n.table tbody .table__row--expanded-border td,\n.table tbody .table__row--expanded-border th {\n  border-bottom-color: var(--f-border-color-grid-expanded);\n}\n.table tbody .table__row--expandable {\n  cursor: pointer;\n}\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--f-font-size-standard);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  width: 100%;\n  border: 2px solid transparent;\n}\n.table:focus {\n  border-color: var(--f-color-focus);\n  box-shadow: none;\n}\n.table caption {\n  background: transparent;\n  color: var(--f-text-color-default);\n  font-size: var(--f-font-size-standard);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n  width: var(--f-width-full);\n  text-align: left;\n}\n.table thead th {\n  background: var(--f-background-grid-header);\n  border-bottom: 2px solid var(--f-border-color-grid-header);\n  border-right: 1px solid var(--f-border-color-grid);\n  color: var(--f-text-color-default);\n  font-weight: var(--f-font-weight-medium);\n  line-height: var(--f-line-height-large);\n  padding: calc(0.25rem * var(--f-density-factor)) 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.table thead th:last-child {\n  border-right: none;\n}\n.table thead th .table__column__header__icon {\n  color: var(--f-icon-color-table-header);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n  min-width: var(--f-icon-size-x-small);\n}\n.table thead th .table__column__header__icon--discrete {\n  color: var(--f-icon-color-table-header-discrete);\n}\n.table thead .table__column--numeric {\n  text-align: right;\n}\n.table tbody .table__expandable-row--collapsed {\n  display: none;\n}\n.table tbody td,\n.table tbody th {\n  padding: calc(var(--f-table-body-row-padding) * var(--f-density-factor)) var(--f-table-body-row-padding);\n  border-bottom: 1px solid var(--f-border-color-grid);\n  vertical-align: top;\n}\n.table tbody td {\n  line-height: calc(1.5rem * var(--f-density-factor));\n  font-weight: var(--f-font-weight-normal);\n}\n.table tbody th {\n  border-right: 1px solid var(--f-border-color-grid);\n  font-weight: var(--f-font-weight-medium);\n  line-height: calc(1.5rem * var(--f-density-factor));\n}\n.table tbody .table__column--action {\n  white-space: nowrap;\n}\n.table tbody .table__column--selectable {\n  padding: calc(0.2rem * var(--f-density-factor)) 0.2rem;\n}\n.table tbody .table__column--placeholder + .table__column {\n  padding-left: 1.5rem;\n}\n.table tbody .table__column--action .button--discrete, .table tbody .table__column--action .button--tertiary {\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  min-width: 24px;\n  width: max-content;\n}\n.table tbody .table__column--action .button--discrete .button__icon, .table tbody .table__column--action .button--tertiary .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n}\n.table__column--text {\n  text-align: left;\n}\n.table__column--numeric {\n  text-align: right;\n}\n.table__column--date {\n  text-align: left;\n}\n.table__column--action {\n  text-align: center;\n}\n.table__column--shrink {\n  width: 1px;\n  white-space: nowrap;\n}\n.table__column--sortable {\n  cursor: pointer;\n}\n.table__column__description {\n  display: block;\n  background: transparent;\n  color: var(--f-text-color-discrete);\n  font-weight: var(--f-font-weight-normal);\n}\n.table--selectable .table__row td:hover,\n.table--selectable .table__row th:hover {\n  cursor: pointer;\n}\n.table__scroll {\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  overflow: hidden;\n}\n.table__scroll thead th,\n.table__scroll thead td,\n.table__scroll tbody th,\n.table__scroll tbody td {\n  white-space: nowrap;\n}\n.table__scroll .table {\n  margin: 0;\n}\n.table__scroll--horizontal {\n  overflow-x: auto;\n}\n.table__input {\n  margin-top: calc(0.25rem * var(--f-density-factor));\n}\n.table__input .checkbox__label,\n.table__input .radio-button__label {\n  min-width: 1.75rem;\n  min-height: 1.75rem;\n  padding: 0;\n}\n.table__input .checkbox__label::after,\n.table__input .checkbox__label::before,\n.table__input .radio-button__label::after,\n.table__input .radio-button__label::before {\n  top: calc(0.15rem * var(--f-density-factor));\n  left: 0.25rem;\n}\n.table__expand-icon {\n  color: var(--f-icon-color-primary);\n  background: transparent;\n  border: 0;\n  flex: 0 0 auto;\n  padding: 0;\n  pointer-events: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.table__anchor {\n  cursor: pointer;\n  display: inline-flex;\n  gap: 0.25rem;\n}\n.table__anchor > svg.icon {\n  flex-shrink: 0;\n  align-self: center;\n  min-width: auto;\n  max-width: none;\n}\n.table__button {\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  box-shadow: none;\n  color: var(--fkds-color-action-text-primary-default);\n  padding: calc(var(--f-button-tertiary-padding-top) * var(--f-density-factor)) var(--f-button-tertiary-padding-right) calc(var(--f-button-tertiary-padding-bottom) * var(--f-density-factor)) var(--f-button-tertiary-padding-left);\n  font-weight: var(--f-font-weight-medium);\n  outline-offset: 0.25rem;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n  margin: var(--f-button-tertiary-table-column-action-margin);\n  width: max-content;\n}\n.table__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n  box-shadow: none;\n}\n.table__button:active, .table__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n  border-color: transparent;\n  color: var(--fkds-color-action-text-primary-default);\n}\n.table__button.disabled, .table__button.disabled:hover, .table__button:disabled, .table__button:disabled:hover, .table__button.table__button--disabled, .table__button.table__button--disabled:hover {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--fkds-color-text-disabled);\n}\n.table__button .button__icon {\n  margin: var(--f-button-tertiary-table-column-action-icon-margin);\n  transform: translate(0, 10%);\n  height: 14px;\n  width: 14px;\n}\n.text-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n  /* stylelint-disable property-no-vendor-prefix */\n}\n@media (min-width: 640px) {\n.text-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.text-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.text-field--table {\n  margin-bottom: 0;\n}\n.text-field input[type=text]::-ms-clear {\n  display: none;\n}\n.text-field__error-popup-icon {\n  color: var(--f-text-color-error);\n  height: 16px;\n}\n.text-field__input-wrapper {\n  display: flex;\n  gap: calc(0.5rem * var(--f-density-factor));\n}\n.text-field__input {\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: 0 0.75rem;\n  width: var(--f-width-full);\n}\n.text-field__icon-wrapper {\n  flex: 1 1 auto;\n  position: relative;\n}\n.text-field__icon-wrapper:has(.text-field__append-inner) .text-field__input {\n  padding: var(--padding-input-fields);\n}\n.text-field__append-inner {\n  display: inline;\n  position: absolute;\n  right: calc(0.75rem * var(--f-density-factor));\n  top: calc(0.5rem * var(--f-density-factor));\n  height: var(--f-icon-size-large);\n  width: var(--f-icon-size-large);\n  overflow: hidden;\n  text-align: center;\n}\n.text-field__icon {\n  height: var(--f-icon-size-large);\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  width: var(--f-icon-size-large);\n}\n.text-field__icon--left {\n  position: relative;\n  top: 3px;\n}\n.text-field__input:disabled + .text-field__icon {\n  color: var(--fkds-icon-color-content-disabled);\n}\n.text-field__input:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.text-field--error .text-field__input {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.text-field--search + .text-field__append-inner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  right: calc(0.25rem * var(--f-density-factor));\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  width: 2.5rem;\n}\n.text-field .clear-button {\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.text-field .clear-button__icon {\n  color: var(--fkds-icon-color-action-content-weak-default);\n  height: var(--f-icon-size-x-small);\n  width: var(--f-icon-size-x-small);\n}\n.text-field input[type=search]::-webkit-search-decoration,\n.text-field input[type=search]::-webkit-search-cancel-button,\n.text-field input[type=search]::-webkit-search-results-button,\n.text-field input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n.textarea-field {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  line-height: var(--f-line-height-large);\n  margin: 0 0 calc(var(--f-margin-component-bottom) * var(--f-density-factor));\n  position: relative;\n  width: var(--f-width-full);\n}\n@media (min-width: 640px) {\n.textarea-field--inline {\n    margin-bottom: calc(0.75rem * var(--f-density-factor));\n    flex-direction: row;\n    justify-content: flex-start;\n    width: auto;\n}\n.textarea-field--inline .label {\n    width: auto;\n    margin-right: 1rem;\n    padding-top: calc(0.5rem * var(--f-density-factor));\n}\n}\n.textarea-field__textarea {\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n  box-shadow: var(--f-input-shadow-inset);\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-medium) solid var(--fkds-color-border-primary);\n  box-sizing: border-box;\n  font-size: var(--f-font-size-standard);\n  min-height: calc(var(--f-height-large) * var(--f-density-factor));\n  padding: calc(0.5rem * var(--f-density-factor)) 0.75rem;\n  width: var(--f-width-full);\n}\n.textarea-field__textarea[rows] {\n  height: auto;\n}\n.textarea-field__textarea:disabled {\n  border-color: var(--fkds-color-border-disabled);\n  color: var(--fkds-color-text-disabled);\n  background-color: var(--fkds-color-background-disabled);\n}\n.textarea-field--error .textarea-field__textarea {\n  border-color: var(--fkds-color-feedback-border-negative);\n}\n.textarea-field__resize--none {\n  resize: none;\n}\n.textarea-field__resize--vertical {\n  resize: vertical;\n}\n.tooltip {\n  display: none;\n  overflow: hidden;\n  width: 100%;\n  margin-bottom: calc(1rem * var(--f-density-factor));\n}\n.tooltip.expanded, .tooltip.animating {\n  display: block;\n}\n.tooltip__container {\n  text-wrap: pretty;\n  margin-bottom: calc(0.25rem * var(--f-density-factor));\n}\n.tooltip__container:has(+ .tooltip.expanded), .tooltip__container:has(+ .tooltip.animating) {\n  margin-bottom: 0;\n}\n.tooltip__container .label {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container h1,\n.tooltip__container h2,\n.tooltip__container h3,\n.tooltip__container h4,\n.tooltip__container h5,\n.tooltip__container h6 {\n  display: inline;\n  width: max-content;\n}\n.tooltip__container:has(h1) .tooltip__button {\n  bottom: 0.2lh;\n}\n.tooltip__container:has(h2) .tooltip__button {\n  bottom: 0.1lh;\n}\n.tooltip__container:has(h3) .tooltip__button {\n  bottom: 0;\n}\n.tooltip__button {\n  display: inline-flex;\n  appearance: none;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  margin-left: 0.25rem;\n  position: relative;\n  bottom: -0.1lh;\n}\n.tooltip__button .icon {\n  top: 0;\n  left: 0;\n}\n.tooltip__button,\n.tooltip__button .icon,\n.tooltip__button .icon-stack {\n  width: 1em;\n  height: 1em;\n}\n.tooltip__body {\n  padding: 0 1rem;\n}\n.tooltip__header {\n  font-size: var(--f-font-size-large);\n  font-weight: var(--f-font-weight-bold);\n  line-height: var(--f-line-height-medium);\n  padding: 0 1rem;\n  margin-bottom: 0.5rem;\n}\n.tooltip .close-button {\n  margin: var(--f-tooltip-close-button-margin);\n}\n.tooltip__footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.tooltip__bubble {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-top: 10px;\n  margin-bottom: 0.5rem;\n  border: 2px solid var(--fkds-color-feedback-border-info);\n  border-radius: var(--f-border-radius-small);\n  background-color: var(--fkds-color-feedback-background-info);\n  padding-top: 1rem;\n}\n.tooltip__bubble::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 10px 10px 10px;\n  border-color: transparent transparent var(--fkds-color-feedback-border-info);\n  translate: -50% -100%;\n}\n.tooltip__bubble::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: clamp(20px / 2, var(--f-tooltip-offset), 100% - 20px / 2);\n  border-style: solid;\n  border-width: 0 7.2px 7.2px 7.2px;\n  border-color: transparent transparent var(--fkds-color-feedback-background-info);\n  translate: -50% -100%;\n}\n.wizard {\n  margin-top: 20px;\n}\n\n/* Selectors */\n/* position adjustments for lines */\n/* change line-gap-to-circle variable to change distances */\n.wizard-step {\n  display: grid;\n  grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__content wizard-step__content" min-content/min-content 1fr;\n  gap: 0 0.5rem;\n}\n.wizard-step:first-of-type .wizard-step__line-up {\n  border: 0;\n}\n.wizard-step:last-of-type .wizard-step__line-down,\n.wizard-step:last-of-type .wizard-step__icon-container__line-down {\n  border: 0;\n}\n.wizard-step .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 2px;\n  margin-bottom: 20px;\n}\n.wizard-step .wizard-step__icon-container {\n  grid-area: wizard-step__icon-container;\n  display: flex;\n  flex-direction: column;\n}\n.wizard-step .wizard-step__icon-container__circle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--fkds-color-border-strong);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n  font-weight: bold;\n  text-align: center;\n  color: var(--fkds-color-text-primary);\n  transition: background-color 400ms ease-out, border-color 400ms ease-out, opacity 400ms ease-out;\n}\n@media (max-width: 639.98px) {\n.wizard-step .wizard-step-body__border-container {\n    display: none;\n}\n}\n.wizard-step .wizard-step-body__border-container .wizard-step__line-down {\n  margin-top: 0;\n}\n.wizard-step .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header {\n  grid-area: wizard-step__header;\n}\n.wizard-step .wizard-step__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__line-down,\n.wizard-step .wizard-step__icon-container__line-down,\n.wizard-step .wizard-step__line-up {\n  border-left: 2px solid var(--fkds-color-border-strong);\n  margin-left: 14px;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  margin-top: 4px;\n}\n.wizard-step .wizard-step__line-down {\n  grid-area: wizard-step__line-down;\n}\n.wizard-step .wizard-step__content {\n  margin-left: 0.5rem;\n  min-width: 0;\n  grid-area: wizard-step__content;\n}\n.wizard-step .wizard-step__line-up {\n  margin-bottom: 4px;\n  grid-area: wizard-step__line-up;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n  padding-top: 20px;\n  margin-top: -0.5rem;\n}\n.wizard-step .wizard-step__icon-container__line-down {\n  flex: 1;\n}\n@media (min-width: 640px) {\n.wizard-step {\n    grid-template: "wizard-step__line-up wizard-step__step-of" min-content "wizard-step__icon-container wizard-step__header" min-content "wizard-step__line-down wizard-step__content" min-content/min-content 1fr;\n}\n.wizard-step--open + .wizard-step--pending .wizard-step__line-up {\n    margin-top: 0;\n    padding-top: 0;\n}\n.wizard-step .wizard-step__content {\n    margin-left: 0;\n}\n}\n.wizard-step--open .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__step-of {\n  display: block;\n}\n.wizard-step--done .wizard-step__header__title .anchor {\n  color: var(--fkds-color-feedback-text-positive);\n  text-decoration-color: currentcolor;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .wizard-step__header__title .anchor:hover {\n  text-decoration-thickness: 3px;\n  text-underline-offset: 0.25em;\n}\n.wizard-step--done .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: auto;\n}\n.wizard-step--done .wizard-step__icon-container__circle {\n  background-color: var(--fkds-color-feedback-background-positive-strong);\n  border-color: var(--fkds-color-feedback-border-positive);\n}\n.wizard-step--done .wizard-step__icon-container__number {\n  display: none;\n}\n.wizard-step--pending .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--pending .wizard-step__icon-container__circle {\n  border: 2px solid var(--fkds-color-border-strong);\n  background-color: var(--fkds-color-background-primary);\n  color: var(--fkds-color-text-primary);\n}\n@media (forced-colors: active) {\n.wizard-step .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.animate-expand {\n  transition: var(--f-animation-expand-close);\n  overflow: hidden;\n  visibility: hidden;\n}\n.animate-expand--expanded {\n  transition: var(--f-animation-expand-open);\n  opacity: 1;\n  visibility: visible;\n}\n.animate-expand--opacity {\n  opacity: 0;\n}\n.calendar-month__table {\n  border-spacing: 2px;\n  padding: 0 0.5rem 1rem;\n  width: 100%;\n  border-collapse: separate;\n  border: none;\n  margin: 0;\n}\n.calendar-month__col--week {\n  width: 2%;\n}\n.calendar-month__col--day {\n  width: 14%;\n}\n.calendar-month__header-cell {\n  padding: 0.5rem 0;\n  text-align: center;\n}\n.calendar-month__header-cell abbr,\n.calendar-month__header-cell span {\n  font-weight: var(--f-font-weight-normal);\n  text-decoration: none;\n  border-bottom: none;\n  text-transform: none;\n  font-size: 1rem;\n  cursor: auto;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n}\n.calendar-month__cell--week-number {\n  vertical-align: middle;\n  padding-right: 0.25rem;\n  text-align: right;\n  min-width: 2rem;\n  color: var(--fkds-color-text-secondary);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--fkds-color-background-secondary);\n  font-size: 1rem;\n}\n.calendar-month__button:focus {\n  position: relative;\n  z-index: 9997;\n}\n.calendar-month__button:focus[tabindex="-1"] {\n  box-shadow: var(--f-focus-box-shadow);\n}\n.calendar-navbar__year-selector-button--title, .calendar-navbar__month--title {\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.calendar-navbar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  border-bottom: var(--f-border-width-medium) solid var(--fkds-color-border-weak);\n  color: var(--fkds-color-text-primary);\n  padding: 1rem;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h3);\n}\n.calendar-navbar__month {\n  margin-right: auto;\n}\n.calendar-navbar__arrow--previous {\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--up {\n  transform: rotate(0.5turn);\n}\n.calendar-navbar__year-selector-button {\n  /* stylelint-disable scss/at-extend-no-missing-placeholder -- technical debt */\n  /* stylelint-enable */\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1.25rem;\n  min-width: 24px;\n  padding: calc(0.375rem * var(--f-density-factor)) 0.25rem;\n  text-underline-offset: 3.5px;\n}\n.calendar-navbar__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\n  background-color: var(--fkds-color-action-background-primary-default);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: var(--f-button-shadow);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--fkds-icon-color-content-disabled);\n  background-color: var(--fkds-color-background-disabled);\n  padding: 4px;\n  border: 1px solid var(--fkds-color-border-disabled);\n  box-shadow: none;\n}\n.calendar-navbar__arrow {\n  padding: 0;\n  display: flex;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n.calendar__wrapper {\n  width: 100%;\n}\n.calendar__year-selector {\n  height: var(--f-calendar-height);\n  overflow-x: auto;\n  position: relative;\n}\n.calendar__year-selector__year {\n  margin: 5px;\n}\n.iflex {\n  display: flex;\n}\n.iflex--gap-1x {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.iflex--gap-1x .iflex__item {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.iflex--gap-2x {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n.iflex--gap-2x .iflex__item {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.iflex--gap-3x {\n  margin-left: -0.75rem;\n  margin-right: -0.75rem;\n}\n.iflex--gap-3x .iflex__item {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.iflex--gap-4x {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n.iflex--gap-4x .iflex__item {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.iflex--gap-5x {\n  margin-left: -1.25rem;\n  margin-right: -1.25rem;\n}\n.iflex--gap-5x .iflex__item {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.iflex--gap-6x {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n.iflex--gap-6x .iflex__item {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.iflex--gap-7x {\n  margin-left: -1.75rem;\n  margin-right: -1.75rem;\n}\n.iflex--gap-7x .iflex__item {\n  padding-left: 1.75rem;\n  padding-right: 1.75rem;\n}\n.iflex--gap-8x {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n.iflex--gap-8x .iflex__item {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.iflex__item {\n  flex: 1 0 0%;\n}\n.iflex--grow {\n  flex: 1 1 auto;\n}\n.iflex--shrink {\n  flex: 0 1 auto;\n}\n.iflex--align-top {\n  align-self: flex-start;\n}\n.iflex--align-center {\n  align-self: center;\n}\n.iflex--align-bottom {\n  align-self: flex-end;\n}\n@media (max-width: 639.98px) {\n.iflex--collapse {\n    display: block;\n}\n}\n.iflex--wrap {\n  flex-wrap: wrap;\n}\n.iflex--float-right {\n  justify-content: flex-end;\n}\n.iflex--float-center {\n  justify-content: center;\n}\n.popup-error {\n  --i-popup-error-offset: 24px;\n}\n.popup-error--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup-error--overlay .popup-error__wrapper {\n  left: -10000px;\n  position: absolute;\n  z-index: 9996;\n  white-space: nowrap;\n}\n.popup-error--inline {\n  position: static;\n}\n.popup-error--inline .popup-error__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.popup-error--arrow {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5em 10px;\n  background: var(--fkds-icon-color-feedback-border-negative);\n  line-height: 24px;\n  position: relative;\n}\n.popup-error--arrow .popup-error__button {\n  margin: 0;\n  min-height: 24px;\n  min-width: 24px;\n  padding: 0;\n  padding-left: 5px;\n}\n.popup-error--arrow::before {\n  content: "";\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  padding: var(--f-border-width-medium);\n  border-radius: inherit;\n  background: var(--fkds-icon-color-feedback-background-negative) content-box;\n}\n.popup-error--top {\n  border-radius: min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px 5.7735026919px/5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 0, calc(100% - var(--i-popup-error-offset)) -10px, max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0);\n}\n.popup-error--bottom {\n  border-radius: 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg)/5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px) 100%, calc(100% - var(--i-popup-error-offset)) calc(100% + 10px), max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 100%);\n}\n.popup-error--left {\n  border-radius: 5.7735026919px/min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) 5.7735026919px 5.7735026919px min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg);\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), -10px calc(100% - var(--i-popup-error-offset)), 0 max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--right {\n  border-radius: 5.7735026919px/5.7735026919px min(5.7735026919px, 100% - var(--i-popup-error-offset) - 60deg) min(5.7735026919px, 100% - (100% - var(--i-popup-error-offset)) - 60deg) 5.7735026919px;\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-border-negative) 0 0) fill 0/max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(0%, 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% min(100%, 100% - var(--i-popup-error-offset) + 5.7735026919px), calc(100% + 10px) calc(100% - var(--i-popup-error-offset)), 100% max(0%, 100% - var(--i-popup-error-offset) - 5.7735026919px));\n}\n.popup-error--top::before {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium), calc(100% - var(--i-popup-error-offset)) calc(var(--f-border-width-medium) / 0.5 - 10px), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) var(--f-border-width-medium));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/10px 0 0 0;\n}\n.popup-error--bottom::before {\n  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)), calc(100% - var(--i-popup-error-offset)) calc(100% + 10px - var(--f-border-width-medium) / 0.5), max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692) calc(100% - var(--f-border-width-medium)));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px)/0 0 10px 0;\n}\n.popup-error--left::before {\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--f-border-width-medium) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(var(--f-border-width-medium) / 0.5 - 10px) calc(100% - var(--i-popup-error-offset)), var(--f-border-width-medium) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0.2em max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0/0 0 0 10px;\n}\n.popup-error--right::before {\n  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, calc(100% - var(--f-border-width-medium)) min(100% - var(--f-border-width-medium), 100% - var(--i-popup-error-offset) + 5.7735026919px - var(--f-border-width-medium) * 0.5773502692), calc(100% + 10px - var(--f-border-width-medium) / 0.5) calc(100% - var(--i-popup-error-offset)), calc(100% - var(--f-border-width-medium)) max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px + var(--f-border-width-medium) * 0.5773502692));\n  border-image: conic-gradient(var(--fkds-icon-color-feedback-background-negative) 0 0) fill 0/max(var(--f-border-width-medium), 100% - var(--i-popup-error-offset) - 5.7735026919px) 0 max(var(--f-border-width-medium), 100% - (100% - var(--i-popup-error-offset)) - 5.7735026919px) 0.2em/0 10px 0 0;\n}\n.ipopupmenu {\n  background-color: var(--f-background-popupmenu);\n}\n.ipopupmenu__list {\n  margin: 0;\n  border: 1px solid var(--f-border-color-popupmenu);\n  padding: 0.5rem;\n}\n.ipopupmenu__list__item {\n  cursor: pointer;\n  list-style-type: none;\n  white-space: nowrap;\n}\n.ipopupmenu__list__item a,\n.ipopupmenu__list__item a:visited,\n.ipopupmenu__list__item a:active {\n  color: var(--f-text-color-popupmenu);\n}\n.ipopupmenu__list__item a:hover {\n  color: var(--f-text-color-popupmenu-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list {\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item {\n  padding: 0.75rem;\n  display: block;\n}\n.ipopupmenu--vertical .ipopupmenu__list__item:hover {\n  background-color: var(--f-background-popupmenu-vertical-hover);\n}\n.ipopupmenu--vertical .ipopupmenu__list__item--highlight {\n  background-color: var(--f-background-popupmenu-vertical-highlight);\n  font-weight: var(--f-font-weight-medium);\n}\n.popup--overlay {\n  position: absolute;\n  top: 0;\n}\n.popup--overlay .popup__wrapper {\n  left: -10000px;\n  max-width: fit-content;\n  border-radius: var(--f-border-radius-small);\n  position: absolute;\n  z-index: 9996;\n  box-shadow: var(--f-box-modal-shadow);\n}\n.popup--inline {\n  position: static;\n}\n.popup--inline .popup__wrapper {\n  box-sizing: border-box;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n  position: static;\n}\n.iskiplink {\n  position: absolute;\n  top: -200px;\n}\n.iskiplink:focus {\n  color: black;\n  background-color: var(--f-background-skiplink-focus);\n  left: 10px;\n  top: 45px;\n}\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted([slot=icon]) {\n  display: contents;\n}\n::slotted([slot=header]) {\n  font-weight: var(--f-font-weight-medium) !important;\n  font-size: 1.25rem !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n}\n.panel__wrapper {\n  flex-grow: 1;\n  display: flex;\n}\n.panel {\n  background: var(--f-page-layout-background);\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.5rem;\n}\n.panel__header {\n  flex: 0 0 auto;\n  display: flex;\n  gap: 0.25rem;\n  align-items: baseline;\n  justify-content: center;\n}\n.attach-left .panel__header {\n  flex-direction: row;\n}\n.attach-right .panel__header {\n  flex-direction: row-reverse;\n}\n.panel__button {\n  flex: 0 0 auto;\n  appearance: none;\n  line-height: 1;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  padding: 1rem;\n  width: max-content;\n}\n.panel__button:hover {\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__button:active, .panel__button:focus {\n  border-radius: 0;\n  box-shadow: var(--f-focus-box-shadow);\n  outline: 2px solid transparent;\n  background-color: var(--fkds-color-action-background-secondary-hover);\n}\n.panel__title {\n  flex: 1 1 auto;\n}\n.panel__content {\n  flex: 1 0 auto;\n}\n.panel__footer {\n  flex: 0 0 auto;\n}\n.expanded.attach-left .panel__button {\n  transform: scaleX(1);\n}\n.collapsed.attach-left .panel__button {\n  transform: scaleX(-1);\n}\n.expanded.attach-right .panel__button {\n  transform: scaleX(-1);\n}\n.collapsed.attach-right .panel__button {\n  transform: scaleX(1);\n}';
 const MinimizablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["styles", [_style_0]]]);
 const _hoisted_1$6 = ["model-value", "context", "close-prefix", "open-prefix"];
 const _hoisted_2$4 = {
@@ -18913,7 +19689,6 @@ const _sfc_main$4 = vue.defineComponent({
     },
     /**
      * The value for the input checked attribute.
-     * @model
      */
     modelValue: {
       type: anyType,
@@ -18927,7 +19702,19 @@ const _sfc_main$4 = vue.defineComponent({
       default: () => void 0
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when the value of the radiobutton changes.
+     *
+     * @type {anyType}
+     */
+    "change",
+    /**
+     * V-model event.
+     * @type {anyType}
+     */
+    "update:modelValue"
+  ],
   setup() {
     const {
       sharedName,
@@ -19129,7 +19916,6 @@ const _sfc_main$2 = vue.defineComponent({
     /**
      * The value for the input.
      * If the prop is not set undefined will be used.
-     * @model
      */
     modelValue: {
       type: String,
@@ -19181,7 +19967,17 @@ const _sfc_main$2 = vue.defineComponent({
       default: false
     }
   },
-  emits: ["input", "update:modelValue"],
+  emits: [
+    /**
+     * @type {string}
+     */
+    "input",
+    /**
+     * V-model event.
+     * @type {string}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       validityMode: "INITIAL",
@@ -19403,7 +20199,25 @@ const _sfc_main$1 = vue.defineComponent({
       default: false
     }
   },
-  emits: ["cancel", "completed", "update:modelValue"],
+  emits: [
+    /**
+     * Emitted when wizard is canceled, i.e.
+     * user pressing 'Avbryt' button.
+     *
+     * Passes a boolean indicating if it was cancelled on the final step.
+     */
+    "cancel",
+    /**
+     * Emitted when wizard is finished, i.e.
+     * user pressing 'Fortsätt' button in last step.
+     */
+    "completed",
+    /**
+     * V-model event.
+     * @type {FWizardKey}
+     */
+    "update:modelValue"
+  ],
   data() {
     return {
       steps: []
@@ -19815,8 +20629,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         stepNumber: _ctx.stepNumber,
         totalSteps: _ctx.totalSteps
       })), () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.wizard-step.button.cancel.text", "Avbryt")), 1)])])])]),
-      _: 3,
-      __: [8]
+      _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit"])]),
     _: 3
   }, 8, ["expanded", "before-animation", "after-animation"]))], 10, _hoisted_1);
@@ -19827,9 +20640,10 @@ exports.ErrorData = ErrorData;
 exports.ErrorPlugin = ErrorPlugin;
 exports.ErrorViewData = ErrorViewData;
 exports.EventBus = EventBus;
-exports.FBadge = _sfc_main$1m;
+exports.FBadge = _sfc_main$1n;
 exports.FBankAccountNumberTextField = _sfc_main$I;
 exports.FBankgiroTextField = _sfc_main$H;
+exports.FButton = _sfc_main$1l;
 exports.FCalendar = FCalendar;
 exports.FCalendarDay = FCalendarDay;
 exports.FCard = _sfc_main$15;