@fkui/vue 6.6.0 → 6.7.0

package/dist/esm/index.esm.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, createElementBlock, openBlock, normalizeClas
 import { TranslationService, isSet, configLogic, focus as focus$1, ElementIdService, findTabbableElements, popFocus, pushFocus, scrollTo, documentOrderComparator, ValidationService, availableValidators, isValidatableHTMLElement, parsePostalCode, parsePlusgiro, parsePersonnummer, parseOrganisationsnummer, formatNumber as formatNumber$1, parseDate, parseBankgiro, alertScreenReader, debounce, handleTab, isEmpty, deepClone, parseNumber, parseBankAccountNumber, parseClearingNumber, formatPersonnummer as formatPersonnummer$1, formatPostalCode, parsePercent, formatPercent, isInvalidDatesConfig, isInvalidWeekdaysConfig, waitForScreenReader, focusFirst, removeFocusListener, restoreFocus, saveFocus, addFocusListener, DomUtils } from "@fkui/logic";
 import { FDate, DateFormat, groupByWeek, getWeekdayNamings } from "@fkui/date";
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -449,10 +449,10 @@ function requireSharedStore() {
   var SHARED = "__core-js_shared__";
   var store = sharedStore.exports = globalThis2[SHARED] || defineGlobalProperty2(SHARED, {});
   (store.versions || (store.versions = [])).push({
-    version: "3.41.0",
+    version: "3.42.0",
     mode: IS_PURE ? "pure" : "global",
     copyright: "© 2014-2025 Denis Pushkarev (zloirock.ru)",
-    license: "https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE",
+    license: "https://github.com/zloirock/core-js/blob/v3.42.0/LICENSE",
     source: "https://github.com/zloirock/core-js"
   });
   return sharedStore.exports;
@@ -1744,23 +1744,62 @@ function requireGetIteratorDirect() {
   };
   return getIteratorDirect;
 }
+var iteratorHelperWithoutClosingOnEarlyError;
+var hasRequiredIteratorHelperWithoutClosingOnEarlyError;
+function requireIteratorHelperWithoutClosingOnEarlyError() {
+  if (hasRequiredIteratorHelperWithoutClosingOnEarlyError) return iteratorHelperWithoutClosingOnEarlyError;
+  hasRequiredIteratorHelperWithoutClosingOnEarlyError = 1;
+  var globalThis2 = requireGlobalThis();
+  iteratorHelperWithoutClosingOnEarlyError = function(METHOD_NAME, ExpectedError) {
+    var Iterator = globalThis2.Iterator;
+    var IteratorPrototype = Iterator && Iterator.prototype;
+    var method = IteratorPrototype && IteratorPrototype[METHOD_NAME];
+    var CLOSED = false;
+    if (method) try {
+      method.call({
+        next: function() {
+          return {
+            done: true
+          };
+        },
+        "return": function() {
+          CLOSED = true;
+        }
+      }, -1);
+    } catch (error) {
+      if (!(error instanceof ExpectedError)) CLOSED = false;
+    }
+    if (!CLOSED) return method;
+  };
+  return iteratorHelperWithoutClosingOnEarlyError;
+}
 var hasRequiredEs_iterator_forEach;
 function requireEs_iterator_forEach() {
   if (hasRequiredEs_iterator_forEach) return es_iterator_forEach;
   hasRequiredEs_iterator_forEach = 1;
   var $ = require_export();
+  var call = requireFunctionCall();
   var iterate2 = requireIterate();
   var aCallable2 = requireACallable();
   var anObject2 = requireAnObject();
   var getIteratorDirect2 = requireGetIteratorDirect();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var forEachWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError2("forEach", TypeError);
   $({
     target: "Iterator",
     proto: true,
-    real: true
+    real: true,
+    forced: forEachWithoutClosingOnEarlyError
   }, {
     forEach: function forEach(fn2) {
       anObject2(this);
-      aCallable2(fn2);
+      try {
+        aCallable2(fn2);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (forEachWithoutClosingOnEarlyError) return call(forEachWithoutClosingOnEarlyError, this, fn2);
       var record = getIteratorDirect2(this);
       var counter = 0;
       iterate2(record, function(value) {
@@ -1881,7 +1920,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1h = defineComponent({
+const _sfc_main$1l = defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -1970,7 +2009,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1$$ = ["aria-hidden"];
-const _hoisted_2$J = ["href"];
+const _hoisted_2$K = ["href"];
 function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps(_ctx.$attrs, {
     focusable: "false",
@@ -1978,9 +2017,9 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": _ctx.ariaHidden
   }), [renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("use", {
     href: _ctx.spriteId
-  }, null, 8, _hoisted_2$J)], 16, _hoisted_1$$);
+  }, null, 8, _hoisted_2$K)], 16, _hoisted_1$$);
 }
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$Q]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$Q]]);
 const DATA_TEST_ATTRIBUTE_NAME = "data-test";
 function throwErrorIfEmpty(value) {
   if (!value) {
@@ -2670,46 +2709,45 @@ function requireCallWithSafeIterationClosing() {
   };
   return callWithSafeIterationClosing;
 }
-var iteratorMap;
-var hasRequiredIteratorMap;
-function requireIteratorMap() {
-  if (hasRequiredIteratorMap) return iteratorMap;
-  hasRequiredIteratorMap = 1;
+var hasRequiredEs_iterator_map;
+function requireEs_iterator_map() {
+  if (hasRequiredEs_iterator_map) return es_iterator_map;
+  hasRequiredEs_iterator_map = 1;
+  var $ = require_export();
   var call = requireFunctionCall();
   var aCallable2 = requireACallable();
   var anObject2 = requireAnObject();
   var getIteratorDirect2 = requireGetIteratorDirect();
   var createIteratorProxy = requireIteratorCreateProxy();
   var callWithSafeIterationClosing2 = requireCallWithSafeIterationClosing();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var IS_PURE = requireIsPure();
+  var mapWithoutClosingOnEarlyError = !IS_PURE && iteratorHelperWithoutClosingOnEarlyError2("map", TypeError);
   var IteratorProxy = createIteratorProxy(function() {
     var iterator = this.iterator;
     var result = anObject2(call(this.next, iterator));
     var done = this.done = !!result.done;
     if (!done) return callWithSafeIterationClosing2(iterator, this.mapper, [result.value, this.counter++], true);
   });
-  iteratorMap = function map(mapper) {
-    anObject2(this);
-    aCallable2(mapper);
-    return new IteratorProxy(getIteratorDirect2(this), {
-      mapper
-    });
-  };
-  return iteratorMap;
-}
-var hasRequiredEs_iterator_map;
-function requireEs_iterator_map() {
-  if (hasRequiredEs_iterator_map) return es_iterator_map;
-  hasRequiredEs_iterator_map = 1;
-  var $ = require_export();
-  var map = requireIteratorMap();
-  var IS_PURE = requireIsPure();
   $({
     target: "Iterator",
     proto: true,
     real: true,
-    forced: IS_PURE
+    forced: IS_PURE || mapWithoutClosingOnEarlyError
   }, {
-    map
+    map: function map(mapper) {
+      anObject2(this);
+      try {
+        aCallable2(mapper);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (mapWithoutClosingOnEarlyError) return call(mapWithoutClosingOnEarlyError, this, mapper);
+      return new IteratorProxy(getIteratorDirect2(this), {
+        mapper
+      });
+    }
   });
   return es_iterator_map;
 }
@@ -3989,18 +4027,28 @@ function requireEs_iterator_find() {
   if (hasRequiredEs_iterator_find) return es_iterator_find;
   hasRequiredEs_iterator_find = 1;
   var $ = require_export();
+  var call = requireFunctionCall();
   var iterate2 = requireIterate();
   var aCallable2 = requireACallable();
   var anObject2 = requireAnObject();
   var getIteratorDirect2 = requireGetIteratorDirect();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var findWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError2("find", TypeError);
   $({
     target: "Iterator",
     proto: true,
-    real: true
+    real: true,
+    forced: findWithoutClosingOnEarlyError
   }, {
     find: function find(predicate) {
       anObject2(this);
-      aCallable2(predicate);
+      try {
+        aCallable2(predicate);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (findWithoutClosingOnEarlyError) return call(findWithoutClosingOnEarlyError, this, predicate);
       var record = getIteratorDirect2(this);
       var counter = 0;
       return iterate2(record, function(value, stop) {
@@ -4418,7 +4466,7 @@ function elementIsRadioButton(element) {
 function isHTMLInputElement(element) {
   return element instanceof HTMLInputElement;
 }
-const _sfc_main$1g = defineComponent({
+const _sfc_main$1k = defineComponent({
   name: "FModal",
   components: {
     FIcon
@@ -4599,7 +4647,7 @@ const _sfc_main$1g = defineComponent({
   }
 });
 const _hoisted_1$_ = ["id"];
-const _hoisted_2$I = {
+const _hoisted_2$J = {
   class: "modal__backdrop"
 };
 const _hoisted_3$z = {
@@ -4638,7 +4686,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     id: _ctx.id,
     class: normalizeClass(["modal", _ctx.modalClass])
-  }, [createElementVNode("div", _hoisted_2$I, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_2$J, [createElementVNode("div", {
     class: "modal__outer-container scroll-target",
     tabindex: "-1",
     role: "dialog",
@@ -4662,7 +4710,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusLast && _ctx.onFocusLast(...args))
   }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$_)) : createCommentVNode("", true);
 }
-const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$P]]);
+const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$P]]);
 function prepareButtonList(src) {
   return src.map((it) => {
     var _it$event, _ref, _it$reason, _it$type;
@@ -4685,7 +4733,7 @@ const defaultButtons = [{
   event: "dismiss",
   type: "secondary"
 }];
-const _sfc_main$1f = defineComponent({
+const _sfc_main$1j = defineComponent({
   name: "FConfirmModal",
   components: {
     FModal
@@ -4793,7 +4841,7 @@ const _sfc_main$1f = defineComponent({
 const _hoisted_1$Z = {
   class: "button-group"
 };
-const _hoisted_2$H = ["onClick"];
+const _hoisted_2$I = ["onClick"];
 const _hoisted_3$y = {
   key: 0,
   class: "sr-only"
@@ -4817,16 +4865,16 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         type: "button",
         class: normalizeClass([button.classlist, "button-group__item"]),
         onClick: ($event) => _ctx.onClick(button)
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$y, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$H);
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$y, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$I);
     }), 128))])]),
     _: 3
   }, 8, ["fullscreen", "is-open", "aria-close-text", "size", "focus", "onClose"]);
 }
-const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$O]]);
+const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$O]]);
 const GAP = ["1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x"];
 const ALIGNMENT = ["top", "center", "bottom"];
 const FLOAT = ["left", "center", "right"];
-const _sfc_main$1e = defineComponent({
+const _sfc_main$1i = defineComponent({
   name: "IFlex",
   inheritAttrs: true,
   props: {
@@ -4906,8 +4954,8 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["iflex", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$N]]);
-const _sfc_main$1d = defineComponent({
+const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$N]]);
+const _sfc_main$1h = defineComponent({
   name: "IFlexItem",
   inheritAttrs: true,
   props: {
@@ -4959,7 +5007,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["iflex__item", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$M]]);
+const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$M]]);
 function focusError(item) {
   const element = document.querySelector(`#${item.id}`);
   if (!element) {
@@ -4969,7 +5017,7 @@ function focusError(item) {
   scrollTo(element, window.innerHeight * 0.25);
   focus$1(focusElement2 ? focusElement2 : element);
 }
-const _sfc_main$1c = defineComponent({
+const _sfc_main$1g = defineComponent({
   name: "FErrorList",
   components: {
     FIcon,
@@ -5028,7 +5076,7 @@ const _sfc_main$1c = defineComponent({
 const _hoisted_1$Y = {
   class: "error-list"
 };
-const _hoisted_2$G = {
+const _hoisted_2$H = {
   key: 0
 };
 const _hoisted_3$x = {
@@ -5061,7 +5109,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_i_flex_item, {
       grow: ""
     }, {
-      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$G, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$x, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$H, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$x, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
         return openBlock(), createElementBlock("li", {
           key: item.id,
           class: normalizeClass(_ctx.liClasses(item))
@@ -5092,25 +5140,35 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })]);
 }
-const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$L]]);
+const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$L]]);
 var es_iterator_every = {};
 var hasRequiredEs_iterator_every;
 function requireEs_iterator_every() {
   if (hasRequiredEs_iterator_every) return es_iterator_every;
   hasRequiredEs_iterator_every = 1;
   var $ = require_export();
+  var call = requireFunctionCall();
   var iterate2 = requireIterate();
   var aCallable2 = requireACallable();
   var anObject2 = requireAnObject();
   var getIteratorDirect2 = requireGetIteratorDirect();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var everyWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError2("every", TypeError);
   $({
     target: "Iterator",
     proto: true,
-    real: true
+    real: true,
+    forced: everyWithoutClosingOnEarlyError
   }, {
     every: function every(predicate) {
       anObject2(this);
-      aCallable2(predicate);
+      try {
+        aCallable2(predicate);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (everyWithoutClosingOnEarlyError) return call(everyWithoutClosingOnEarlyError, this, predicate);
       var record = getIteratorDirect2(this);
       var counter = 0;
       return !iterate2(record, function(value, stop) {
@@ -5137,6 +5195,9 @@ function requireEs_iterator_filter() {
   var createIteratorProxy = requireIteratorCreateProxy();
   var callWithSafeIterationClosing2 = requireCallWithSafeIterationClosing();
   var IS_PURE = requireIsPure();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var filterWithoutClosingOnEarlyError = !IS_PURE && iteratorHelperWithoutClosingOnEarlyError2("filter", TypeError);
   var IteratorProxy = createIteratorProxy(function() {
     var iterator = this.iterator;
     var predicate = this.predicate;
@@ -5154,11 +5215,16 @@ function requireEs_iterator_filter() {
     target: "Iterator",
     proto: true,
     real: true,
-    forced: IS_PURE
+    forced: IS_PURE || filterWithoutClosingOnEarlyError
   }, {
     filter: function filter2(predicate) {
       anObject2(this);
-      aCallable2(predicate);
+      try {
+        aCallable2(predicate);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (filterWithoutClosingOnEarlyError) return call(filterWithoutClosingOnEarlyError, this, predicate);
       return new IteratorProxy(getIteratorDirect2(this), {
         predicate
       });
@@ -5180,7 +5246,7 @@ function cleanUpElements(vm) {
     }, 0);
   });
 }
-const _sfc_main$1b = defineComponent({
+const _sfc_main$1f = defineComponent({
   name: "FValidationGroup",
   props: {
     /**
@@ -5256,13 +5322,13 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     onComponentUnmount: _cache[1] || (_cache[1] = (...args) => _ctx.onComponentUnmount && _ctx.onComponentUnmount(...args))
   }, [renderSlot(_ctx.$slots, "default")], 32);
 }
-const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$K]]);
+const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$K]]);
 var FValidationFormAction = /* @__PURE__ */ ((FValidationFormAction2) => {
   FValidationFormAction2[FValidationFormAction2["CONTINUE"] = 0] = "CONTINUE";
   FValidationFormAction2[FValidationFormAction2["CANCEL"] = 1] = "CANCEL";
   return FValidationFormAction2;
 })(FValidationFormAction || {});
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1e = defineComponent({
   name: "FValidationForm",
   components: {
     FValidationGroup,
@@ -5402,7 +5468,7 @@ const _sfc_main$1a = defineComponent({
   }
 });
 const _hoisted_1$X = ["id"];
-const _hoisted_2$F = {
+const _hoisted_2$G = {
   key: 0,
   ref: "errors",
   tabindex: "-1",
@@ -5423,7 +5489,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       novalidate: "",
       autocomplete: "off",
       onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$F, [createVNode(_component_f_error_list, {
+    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$G, [createVNode(_component_f_error_list, {
       items: _ctx.errors,
       bullets: _ctx.errorListBullets,
       "before-navigate": _ctx.errorListBeforeNavigate
@@ -5434,8 +5500,8 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue"]);
 }
-const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$J]]);
-const _sfc_main$19 = defineComponent({
+const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$J]]);
+const _sfc_main$1d = defineComponent({
   name: "FFormModal",
   components: {
     FModal,
@@ -5595,7 +5661,7 @@ const _sfc_main$19 = defineComponent({
 const _hoisted_1$W = {
   class: "button-group"
 };
-const _hoisted_2$E = ["type", "form", "onClick"];
+const _hoisted_2$F = ["type", "form", "onClick"];
 const _hoisted_3$w = {
   key: 0,
   class: "sr-only"
@@ -5631,12 +5697,12 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass([button.classlist, "button-group__item"]),
         form: button.buttonType === "submit" ? _ctx.formId : void 0,
         onClick: ($event) => button.buttonType === "button" ? _ctx.onCancel() : false
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[2] || (_cache[2] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$w, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$E);
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[2] || (_cache[2] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$w, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$F);
     }), 128))])]),
     _: 3
   }, 8, ["data-test", "fullscreen", "is-open", "size", "aria-close-text", "onClose"]);
 }
-const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$I]]);
+const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$I]]);
 async function confirmModal(callingInstance, texts) {
   const buttons = [{
     label: texts.confirm,
@@ -5999,7 +6065,7 @@ const ErrorPlugin = {
     }
   }
 };
-const _sfc_main$18 = defineComponent({
+const _sfc_main$1c = defineComponent({
   name: "FErrorPage",
   props: {
     payload: {
@@ -6017,8 +6083,8 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     href: "/"
   }, "Gå till startsidan", -1)]));
 }
-const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$H]]);
-const _sfc_main$17 = defineComponent({
+const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$H]]);
+const _sfc_main$1b = defineComponent({
   name: "FErrorHandlingApp",
   props: {
     defaultComponent: {
@@ -6057,7 +6123,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2
   })]);
 }
-const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$G]]);
+const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$G]]);
 function isNumberFormat(value) {
   if (!value || typeof value !== "object") {
     return false;
@@ -6251,7 +6317,7 @@ function getMessage($t2, date, minDate, maxDate) {
     });
   }
 }
-const _sfc_main$16 = defineComponent({
+const _sfc_main$1a = defineComponent({
   name: "ICalendarNavbar",
   components: {
     FIcon
@@ -6367,7 +6433,7 @@ const _sfc_main$16 = defineComponent({
 const _hoisted_1$U = {
   class: "calendar-navbar"
 };
-const _hoisted_2$D = {
+const _hoisted_2$E = {
   class: "calendar-navbar__month",
   tabindex: "-1"
 };
@@ -6381,7 +6447,7 @@ const _hoisted_6$g = {
 };
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [createElementVNode("div", _hoisted_2$D, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1$U, [createElementVNode("div", _hoisted_2$E, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
@@ -6403,14 +6469,14 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-right"
   }, null, 8, ["class"])], 8, _hoisted_5$l)]);
 }
-const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$F]]);
+const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$F]]);
 function getDayStartOffset(days) {
   return days[0].weekDay - 1;
 }
 function getDayEndOffset(days) {
   return 7 - days[days.length - 1].weekDay;
 }
-const _sfc_main$15 = defineComponent({
+const _sfc_main$19 = defineComponent({
   name: "ICalendarMonthGrid",
   props: {
     /**
@@ -6485,7 +6551,7 @@ const _sfc_main$15 = defineComponent({
   }
 });
 const _hoisted_1$T = ["aria-label"];
-const _hoisted_2$C = {
+const _hoisted_2$D = {
   key: 0,
   class: "calendar-month__col--week"
 };
@@ -6523,7 +6589,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))
-  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$C)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
+  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$D)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[4] || (_cache[4] = createTextVNode()), _cache[5] || (_cache[5] = createElementVNode("col", {
     class: "calendar-month__col--day"
@@ -6579,7 +6645,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": "true"
   }, null, 8, _hoisted_12$2)])) : createCommentVNode("", true)])], 40, _hoisted_1$T);
 }
-const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$E]]);
+const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$E]]);
 const DayStep = {
   ArrowRight: 1,
   ArrowLeft: -1,
@@ -6603,7 +6669,7 @@ function getDayTabindex(date, active, entry) {
     return date.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$14 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "ICalendarMonth",
   components: {
     ICalendarMonthGrid
@@ -6717,8 +6783,8 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["value"]);
 }
-const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$D]]);
-const _sfc_main$13 = defineComponent({
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$D]]);
+const _sfc_main$17 = defineComponent({
   name: "FCalendar",
   components: {
     ICalendarNavbar,
@@ -6798,7 +6864,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["model-value", "min-date", "max-date", "tab-date", "onClick", "onUpdate:modelValue"])]);
 }
-const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$C]]);
+const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$C]]);
 function getCalendarDaySrText(day, enabled, selected, t) {
   const parts = [];
   if (!enabled) {
@@ -6817,7 +6883,7 @@ function getCalendarDaySrText(day, enabled, selected, t) {
   parts.push(day.toString(DateFormat.FULL));
   return parts.join(" ");
 }
-const _sfc_main$12 = defineComponent({
+const _sfc_main$16 = defineComponent({
   name: "FCalendarDay",
   mixins: [TranslationMixin],
   props: {
@@ -6885,15 +6951,15 @@ const _sfc_main$12 = defineComponent({
 const _hoisted_1$Q = {
   "aria-hidden": "true"
 };
-const _hoisted_2$B = {
+const _hoisted_2$C = {
   class: "sr-only"
 };
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.dayClasses)
-  }, [createElementVNode("span", _hoisted_1$Q, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$B, toDisplayString(_ctx.srText), 1)], 2);
+  }, [createElementVNode("span", _hoisted_1$Q, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$C, toDisplayString(_ctx.srText), 1)], 2);
 }
-const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$B]]);
+const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$B]]);
 function useEventListener$1(target, event, callback) {
   onMounted(() => {
     var _a;
@@ -6915,7 +6981,7 @@ function useSlotUtils() {
   };
 }
 const _hoisted_1$P = ["id"];
-const _hoisted_2$A = {
+const _hoisted_2$B = {
   key: 0,
   class: "card__header"
 };
@@ -6926,7 +6992,7 @@ const _hoisted_4$o = {
   key: 1,
   class: "card__footer"
 };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     /**
@@ -6987,7 +7053,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         id: __props.id,
         class: normalizeClass(cardClass.value),
         onValidity
-      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$A, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
         headingSlotClass: "card__header-label"
       })))])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
         hasError: hasError.value,
@@ -7019,7 +7085,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$10 = defineComponent({
+const _sfc_main$14 = defineComponent({
   name: "FExpand",
   data() {
     return {
@@ -7085,7 +7151,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"]);
 }
-const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$A]]);
+const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$A]]);
 function offset(page, el) {
   const rect = el.getBoundingClientRect();
   return {
@@ -7370,7 +7436,7 @@ function isTeleportDisabled(options) {
   }
   return disableTeleport;
 }
-const _sfc_main$$ = defineComponent({
+const _sfc_main$13 = defineComponent({
   name: "IPopup",
   inheritAttrs: false,
   props: {
@@ -7672,7 +7738,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement
   })))], 544)], 16)], 8, ["to", "disabled"])) : createCommentVNode("", true);
 }
-const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$z]]);
+const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$z]]);
 function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   switch (placement) {
     case Placement.A: {
@@ -7736,7 +7802,7 @@ function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   }
 }
 const POPUP_SPACING = 10;
-const _sfc_main$_ = defineComponent({
+const _sfc_main$12 = defineComponent({
   name: "IPopupError",
   components: {
     FIcon
@@ -7902,7 +7968,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     class: "button__icon"
   })])], 6)], 512)], 2)], 8, ["to", "disabled"])) : createCommentVNode("", true);
 }
-const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$y]]);
+const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$y]]);
 function numItems(itemHeight, availableHeight, verticalSpacing) {
   const itemsFit = Math.floor((availableHeight - verticalSpacing) / itemHeight);
   return Math.min(itemsFit, 7);
@@ -7970,11 +8036,11 @@ function computeListboxRect(anchor, options, root = document.documentElement, {
   return void 0;
 }
 const _hoisted_1$N = ["onKeyup"];
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   ref: "content"
 };
 const teleportDisabled = false;
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "IPopupListbox",
   props: {
     isOpen: {
@@ -8128,7 +8194,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         onKeyup: withKeys(withModifiers(onKeyEsc, ["stop"]), ["esc"]),
         onClick: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
-      }), [createElementVNode("div", _hoisted_2$z, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$N)], 512)], 8, ["to"])) : createCommentVNode("", true);
+      }), [createElementVNode("div", _hoisted_2$A, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$N)], 512)], 8, ["to"])) : createCommentVNode("", true);
     };
   }
 });
@@ -8172,7 +8238,7 @@ async function doMenuAction$2(action, target) {
   }
 }
 const preventKeys$2 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter"];
-const _sfc_main$Y = defineComponent({
+const _sfc_main$10 = defineComponent({
   name: "IPopupMenu",
   components: {
     IPopup
@@ -8428,7 +8494,7 @@ const _sfc_main$Y = defineComponent({
   }
 });
 const _hoisted_1$M = ["aria-label"];
-const _hoisted_2$y = {
+const _hoisted_2$z = {
   role: "menu",
   class: "ipopupmenu__list"
 };
@@ -8453,7 +8519,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("nav", {
       class: "ipopupmenu ipopupmenu--vertical",
       "aria-label": _ctx.ariaLabel
-    }, [createElementVNode("ul", _hoisted_2$y, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$z, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
       return openBlock(), createElementBlock("li", {
         ref_for: true,
         ref: "items",
@@ -8474,13 +8540,13 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["is-open", "anchor", "focus-element", "onKeyup", "onKeydown"]);
 }
-const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$x]]);
+const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$x]]);
 const ANIMATION_DURATION = 500;
 const NO_CSS_CLASSES = "";
 const CLOSED_CSS_CLASS_OPACITY = "animate-expand animate-expand--opacity";
 const CLOSED_CSS_CLASS = "animate-expand";
 const ANIMATION_CSS_CLASSES = "animate-expand animate-expand--expanded";
-const _sfc_main$X = defineComponent({
+const _sfc_main$$ = defineComponent({
   name: "IAnimateExpand",
   props: {
     /**
@@ -8683,8 +8749,8 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.heightStyle)
   }, [_ctx.shouldVIf ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$L, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.shouldVShow]]) : createCommentVNode("", true)], 6);
 }
-const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$w]]);
-const _sfc_main$W = defineComponent({
+const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$w]]);
+const _sfc_main$_ = defineComponent({
   name: "ISkipLink",
   mixins: [TranslationMixin],
   props: {
@@ -8705,7 +8771,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     href: _ctx.href
   }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$K);
 }
-const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$v]]);
+const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$v]]);
 function filterOptions(options, filter2, selectMode) {
   if (isEmpty(filter2) || selectMode) {
     return options;
@@ -8954,9 +9020,9 @@ function useCombobox(inputRef, options, onOptionSelected) {
 const _hoisted_1$J = {
   class: "combobox"
 };
-const _hoisted_2$x = ["id"];
+const _hoisted_2$y = ["id"];
 const _hoisted_3$r = ["id", "aria-selected", "onClick"];
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "IComboboxDropdown",
   props: {
     id: {},
@@ -8993,7 +9059,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [createVNode(unref(_sfc_main$Z), {
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [createVNode(unref(_sfc_main$11), {
         "is-open": _ctx.isOpen,
         anchor: _ctx.inputNode,
         "num-of-items": _ctx.options.length,
@@ -9018,14 +9084,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             }]),
             onClick: withModifiers(($event) => onOptionClick(item), ["stop", "prevent"])
           }, toDisplayString(item), 11, _hoisted_3$r);
-        }), 128))], 8, _hoisted_2$x)]),
+        }), 128))], 8, _hoisted_2$y)]),
         _: 1
       }, 8, ["is-open", "anchor", "num-of-items", "active-element"])]);
     };
   }
 });
 const _hoisted_1$I = ["aria-label"];
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "IComboboxToggleButton",
   emits: ["toggle"],
   setup(__props, {
@@ -9146,7 +9212,7 @@ function useHorizontalOffset(options) {
     }, 0);
   }
 }
-const _sfc_main$T = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "FTooltip",
   components: {
     FExpand,
@@ -9306,7 +9372,7 @@ const _sfc_main$T = defineComponent({
   }
 });
 const _hoisted_1$H = ["aria-expanded"];
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   class: "icon-stack icon-stack--tooltip"
 };
 const _hoisted_3$q = {
@@ -9334,7 +9400,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     type: "button",
     "aria-expanded": _ctx.isOpen,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickToggle && _ctx.onClickToggle(...args))
-  }, [createElementVNode("span", _hoisted_2$w, [createVNode(_component_f_icon, {
+  }, [createElementVNode("span", _hoisted_2$x, [createVNode(_component_f_icon, {
     name: "circle"
   }), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
     name: "i"
@@ -9356,7 +9422,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])])])) : createCommentVNode("", true)], 16)], 64);
 }
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$u]]);
+const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$u]]);
 function* labelClasses(options) {
   const {
     labelClass
@@ -9397,7 +9463,7 @@ function isEqual(a, b) {
   }
   return a.every((_, i) => a[i] === b[i]);
 }
-const _sfc_main$S = defineComponent({
+const _sfc_main$W = defineComponent({
   name: "FFieldset",
   components: {
     FIcon
@@ -9626,7 +9692,7 @@ const _sfc_main$S = defineComponent({
   }
 });
 const _hoisted_1$G = ["id"];
-const _hoisted_2$v = {
+const _hoisted_2$w = {
   key: 0,
   class: "sr-only"
 };
@@ -9666,7 +9732,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   }, [(openBlock(), createElementBlock("legend", {
     key: _ctx.legendKey,
     class: normalizeClass(["label", _ctx.legendClass])
-  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$v, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
+  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$w, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
     formatDescriptionClass: _ctx.formatDescriptionClass
   }), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
@@ -9694,9 +9760,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.groupContentClass)
   }, [renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$G);
 }
-const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$t]]);
+const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$t]]);
 const anyType$1 = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$R = defineComponent({
+const _sfc_main$V = defineComponent({
   name: "FCheckboxField",
   inheritAttrs: false,
   props: {
@@ -9883,7 +9949,7 @@ const _sfc_main$R = defineComponent({
   }
 });
 const _hoisted_1$F = ["id", "disabled"];
-const _hoisted_2$u = ["for"];
+const _hoisted_2$v = ["for"];
 const _hoisted_3$o = {
   key: 0,
   class: "checkbox__details"
@@ -9920,27 +9986,37 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       height: _ctx.height
     })])) : createCommentVNode("", true)]),
     _: 3
-  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$u)], 34);
+  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$v)], 34);
 }
-const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$s]]);
+const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$s]]);
 var es_iterator_some = {};
 var hasRequiredEs_iterator_some;
 function requireEs_iterator_some() {
   if (hasRequiredEs_iterator_some) return es_iterator_some;
   hasRequiredEs_iterator_some = 1;
   var $ = require_export();
+  var call = requireFunctionCall();
   var iterate2 = requireIterate();
   var aCallable2 = requireACallable();
   var anObject2 = requireAnObject();
   var getIteratorDirect2 = requireGetIteratorDirect();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var someWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError2("some", TypeError);
   $({
     target: "Iterator",
     proto: true,
-    real: true
+    real: true,
+    forced: someWithoutClosingOnEarlyError
   }, {
     some: function some(predicate) {
       anObject2(this);
-      aCallable2(predicate);
+      try {
+        aCallable2(predicate);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (someWithoutClosingOnEarlyError) return call(someWithoutClosingOnEarlyError, this, predicate);
       var record = getIteratorDirect2(this);
       var counter = 0;
       return iterate2(record, function(value, stop) {
@@ -10001,7 +10077,7 @@ async function doMenuAction$1(action, target) {
 }
 const preventKeys$1 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter", "Escape"];
 const keyUp = ["ArrowUp", "Up"];
-const _sfc_main$Q = defineComponent({
+const _sfc_main$U = defineComponent({
   name: "FContextMenu",
   components: {
     IPopup,
@@ -10166,7 +10242,7 @@ const _sfc_main$Q = defineComponent({
   }
 });
 const _hoisted_1$E = ["aria-label"];
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   ref: "contextmenu",
   role: "menu",
   tabindex: "-1",
@@ -10195,7 +10271,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": _ctx.ariaLabel,
       onKeyup: _cache[0] || (_cache[0] = (...args) => _ctx.onKeyUp && _ctx.onKeyUp(...args)),
       onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.onKeyDown && _ctx.onKeyDown(...args))
-    }, [createElementVNode("ul", _hoisted_2$t, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
       return openBlock(), createElementBlock("li", {
         key: item.key,
         role: "menuitem",
@@ -10218,7 +10294,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["is-open", "anchor", "focus-element"]);
 }
-const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$r]]);
+const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$r]]);
 var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["ADD"] = 0] = "ADD";
   Operation2[Operation2["DELETE"] = 1] = "DELETE";
@@ -10229,10 +10305,10 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
 const _hoisted_1$D = {
   class: "crud-dataset"
 };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 0
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "FCrudDataset",
   props: {
     /**
@@ -10333,8 +10409,20 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const formModalButtons = computed(() => {
-      const confirmButtonText = operation.value === Operation.ADD ? $t2("fkui.crud-dataset.modal.confirm.add", "Lägg till") : $t2("fkui.crud-dataset.modal.confirm.modify", "Spara");
-      const cancelButtonText = operation.value === Operation.ADD ? $t2("fkui.crud-dataset.modal.cancel.add", "Avbryt") : $t2("fkui.crud-dataset.modal.cancel.modify", "Avbryt");
+      const confirmButtonText = operation.value === Operation.ADD ? (
+        /** "Save" button in "add new" modal" */
+        $t2("fkui.crud-dataset.modal.confirm.add", "Lägg till")
+      ) : (
+        /** "Save" button in "modify" modal */
+        $t2("fkui.crud-dataset.modal.confirm.modify", "Spara")
+      );
+      const cancelButtonText = operation.value === Operation.ADD ? (
+        /** "Cancel" button in "add new" modal */
+        $t2("fkui.crud-dataset.modal.cancel.add", "Avbryt")
+      ) : (
+        /** "Cancel" button in "modify" modal */
+        $t2("fkui.crud-dataset.modal.cancel.modify", "Avbryt")
+      );
       return [{
         label: confirmButtonText,
         event: "confirm",
@@ -10349,10 +10437,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     });
     const confirmDeleteButtons = computed(() => {
       return [{
+        /** "Confirm" button in "delete" modal */
         label: $t2("fkui.crud-dataset.modal.confirm.delete", "Ja, ta bort"),
         type: "primary",
         event: "confirm"
       }, {
+        /** "Cancel" button in "delete" modal */
         label: $t2("fkui.crud-dataset.modal.cancel.delete", "Nej, avbryt"),
         type: "secondary"
       }];
@@ -10412,7 +10502,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       result.value = result.value.filter((it) => it !== item.value);
       emit("deleted", item.value);
       emit("update:modelValue", result.value);
-      alertScreenReader($t2("fkui.crud-dataset.aria-live.delete", "Raden har tagits bort"), {
+      const message = $t2("fkui.crud-dataset.aria-live.delete", "Raden har tagits bort");
+      alertScreenReader(message, {
         assertive: true
       });
     }
@@ -10435,7 +10526,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         emit("created", item.value);
         emit("update:modelValue", result.value);
         callbackAfterItemAdd.value(item.value);
-        alertScreenReader($t2("fkui.crud-dataset.aria-live.add", "En rad har lagts till"), {
+        const message = $t2("fkui.crud-dataset.aria-live.add", "En rad har lagts till");
+        alertScreenReader(message, {
           assertive: true
         });
       } else if (operation.value === Operation.MODIFY) {
@@ -10446,7 +10538,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }
         emit("updated", originalItemToUpdate.value);
         emit("update:modelValue", result.value);
-        alertScreenReader($t2("fkui.crud-dataset.aria-live.modify", "Raden har ändrats"), {
+        const message = $t2("fkui.crud-dataset.aria-live.modify", "Raden har ändrats");
+        alertScreenReader(message, {
           assertive: true
         });
       }
@@ -10462,7 +10555,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       isFormModalOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [renderSlot(_ctx.$slots, "default"), _cache[6] || (_cache[6] = createTextVNode()), hasAddSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$s, [createElementVNode("button", {
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+        updateItem,
+        deleteItem
+      }))), _cache[6] || (_cache[6] = createTextVNode()), hasAddSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [createElementVNode("button", {
         "data-test": "f-crud-dataset-add-button",
         type: "button",
         class: "button button--tertiary crud-dataset__add-button",
@@ -10470,7 +10566,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(FIcon), {
         class: "button__icon",
         name: "plus"
-      }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "add-button", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.crud-dataset.button.add", "Lägg till ny")), 1)])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "buttons", normalizeProps(guardReactiveProps({
+      }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "add-button", {}, () => [createTextVNode(toDisplayString(
+        /** Buttontext for adding a new item */
+        unref($t2)("fkui.crud-dataset.button.add", "Lägg till ny")
+      ), 1)])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "buttons", normalizeProps(guardReactiveProps({
         buttonClasses: ["button", "button--tertiary", "crud-dataset__add-button"]
       })))])) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createVNode(unref(FFormModal), {
         "is-open": isFormModalOpen.value,
@@ -10510,18 +10609,46 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$C = {
+  key: 1,
+  class: "sr-only"
+};
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  __name: "FTableButton",
+  props: {
+    icon: {},
+    label: {
+      type: Boolean
+    }
+  },
+  emits: ["click"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: "button table__button",
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+      }, [_ctx.icon ? (openBlock(), createBlock(unref(FIcon), {
+        key: 0,
+        class: "button__icon",
+        name: _ctx.icon
+      }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$C, [renderSlot(_ctx.$slots, "default")])) : renderSlot(_ctx.$slots, "default", {
+        key: 2
+      })]);
+    };
+  }
+});
 function FCrudDatasetInjected() {
   return {
     delete: inject("delete"),
     modify: inject("modify")
   };
 }
-const _sfc_main$O = defineComponent({
-  name: "FCrudButton",
-  components: {
-    FIcon
-  },
-  mixins: [TranslationMixin],
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  __name: "FCrudButton",
   props: {
     /**
      * The action to be performed by the button.
@@ -10557,54 +10684,46 @@ const _sfc_main$O = defineComponent({
       default: false
     }
   },
-  setup() {
-    return FCrudDatasetInjected();
-  },
-  computed: {
-    iconName() {
-      if (this.action === "delete") {
+  setup(__props) {
+    const props = __props;
+    const $t2 = useTranslate();
+    const crud = FCrudDatasetInjected();
+    const iconName = computed(() => {
+      if (!props.icon) {
+        return void 0;
+      }
+      if (props.action === "delete") {
         return "trashcan";
       } else {
         return "pen";
       }
-    },
-    buttonText() {
-      if (this.action === "delete") {
-        return this.$t("fkui.crud-button.delete", "Ta bort");
+    });
+    const buttonText = computed(() => {
+      if (props.action === "delete") {
+        return $t2("fkui.crud-button.delete", "Ta bort");
       } else {
-        return this.$t("fkui.crud-button.modify", "Ändra");
+        return $t2("fkui.crud-button.modify", "Ändra");
       }
-    }
-  },
-  methods: {
-    executeAction() {
-      if (this.action === "delete") {
-        this.delete(this.item);
+    });
+    function executeAction() {
+      if (props.action === "delete") {
+        crud.delete(props.item);
       } else {
-        this.modify(this.item);
+        crud.modify(props.item);
       }
     }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$S), {
+        icon: iconName.value,
+        label: props.label,
+        onClick: executeAction
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(buttonText.value), 1)])]),
+        _: 3
+      }, 8, ["icon", "label"]);
+    };
   }
 });
-const _hoisted_1$C = {
-  key: 1,
-  class: "sr-only"
-};
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("button", {
-    type: "button",
-    class: "button button--small button--tertiary",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.executeAction && _ctx.executeAction(...args))
-  }, [_ctx.icon ? (openBlock(), createBlock(_component_f_icon, {
-    key: 0,
-    class: "button__icon",
-    name: _ctx.iconName
-  }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$C, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.label ? renderSlot(_ctx.$slots, "default", {
-    key: 2
-  }, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)]) : createCommentVNode("", true)]);
-}
-const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$q]]);
 function ActivateItemInjected() {
   return {
     registerCallbackAfterItemAdd: inject("registerCallbackAfterItemAdd", () => void 0),
@@ -11256,10 +11375,10 @@ function FTableInjected() {
     addColumn: inject("addColumn"),
     setVisibilityColumn: inject("setVisibilityColumn"),
     textFieldTableMode: true,
-    renderColumns: inject("renderColumns", false)
+    renderColumns: inject("renderColumns", ref(false))
   };
 }
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -11276,14 +11395,16 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       default: void 0
     },
     /**
-     * If set to true, display the column, set to false to hide it.
+     * When enabled controls column visibility (default `true`)
+     *
+     * Should be used instead of `v-if` or `v-show`.
      */
     visible: {
       type: Boolean,
       default: true
     },
     /**
-     * If `true` this cell will be a row header (`<th>` as opposed to
+     * When enabled this cell will be a row header (`<th>` as opposed to
      * `<td>`).
      */
     rowHeader: {
@@ -11356,8 +11477,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       setVisibilityColumn: setVisibilityColumn2,
       addColumn: addColumn2
     } = FTableInjected();
-    const internalVisible = ref(true);
-    const renderElement = ref(true);
+    const hasMounted = ref(false);
+    const isHeader = ref(false);
     const id = ElementIdService.generateElementId("column");
     const el = useTemplateRef("element");
     const props = __props;
@@ -11374,8 +11495,11 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         return "td";
       }
     });
+    const renderElement = computed(() => {
+      const shouldRender = !isHeader.value && renderColumns.value && props.visible;
+      return !hasMounted.value || shouldRender;
+    });
     watch(() => props.visible, () => {
-      internalVisible.value = props.visible;
       setVisibilityColumn2(id, props.visible);
     });
     onMounted(() => {
@@ -11383,8 +11507,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         throw new Error("Table cannot have both shrink and expand enabled at the same time");
       }
       const size = props.shrink ? FTableColumnSize.SHRINK : FTableColumnSize.EXPAND;
-      const header2 = isHeader();
-      if (header2) {
+      isHeader.value = isTableHeader();
+      if (isHeader.value) {
         addColumn2({
           name: props.name,
           title: props.title,
@@ -11397,10 +11521,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           sort: FTableColumnSort.UNSORTED
         });
       }
-      renderElement.value = renderColumns && !header2;
-      internalVisible.value = props.visible;
+      hasMounted.value = true;
     });
-    function isHeader() {
+    function isTableHeader() {
       if (!el.value || !(el.value instanceof HTMLElement)) {
         return false;
       }
@@ -11408,7 +11531,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       return (closest == null ? void 0 : closest.tagName) === "THEAD";
     }
     return (_ctx, _cache) => {
-      return renderElement.value && internalVisible.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName2.value), mergeProps({
+      return renderElement.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName2.value), mergeProps({
         key: 0,
         ref: "element",
         class: classes.value,
@@ -11431,7 +11554,7 @@ function FSortFilterDatasetInjected() {
     registerCallbackOnMount: inject("registerCallbackOnMount", () => void 0)
   };
 }
-const _sfc_main$M = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "FLabel",
   components: {
     FIcon
@@ -11473,7 +11596,7 @@ const _sfc_main$M = defineComponent({
 const _hoisted_1$B = {
   key: 0
 };
-const _hoisted_2$r = {
+const _hoisted_2$s = {
   key: 0,
   ref: "tooltipAttachTo"
 };
@@ -11488,9 +11611,9 @@ const _hoisted_7$9 = {
   key: 0,
   class: "label__message label__message--error"
 };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$B, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$r, [createElementVNode("label", {
+  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$B, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$s, [createElementVNode("label", {
     class: "label",
     for: _ctx.forProperty
   }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$m)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("label", {
@@ -11515,11 +11638,11 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "error-message")])) : createCommentVNode("", true)], 8, _hoisted_6$c));
 }
-const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$p]]);
+const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$q]]);
 function resolveWidthClass$1(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
-const _sfc_main$L = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "FSelectField",
   components: {
     FIcon,
@@ -11651,7 +11774,7 @@ const _sfc_main$L = defineComponent({
   }
 });
 const _hoisted_1$A = ["id"];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", {
@@ -11698,7 +11821,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-down"
   })], 2)], 34);
 }
-const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$o]]);
+const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$p]]);
 function resolveWidthClass(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
@@ -11742,14 +11865,14 @@ function useTextFieldSetup(props) {
     closeDropdown
   };
 }
-const _sfc_main$K = defineComponent({
+const _sfc_main$N = defineComponent({
   name: "FTextField",
   components: {
     FLabel,
     FIcon,
     IPopupError,
-    IComboboxDropdown: _sfc_main$V,
-    IComboboxToggleButton: _sfc_main$U
+    IComboboxDropdown: _sfc_main$Z,
+    IComboboxToggleButton: _sfc_main$Y
   },
   inheritAttrs: false,
   props: {
@@ -12084,7 +12207,7 @@ const _sfc_main$K = defineComponent({
 const _hoisted_1$z = {
   key: 0
 };
-const _hoisted_2$q = {
+const _hoisted_2$r = {
   key: 0,
   class: "sr-only"
 };
@@ -12104,7 +12227,7 @@ const _hoisted_7$8 = {
   key: 3,
   class: "text-field__append-inner"
 };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_popup_error = resolveComponent("i-popup-error");
@@ -12128,7 +12251,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [_ctx.descriptionText ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(descriptionClass)
-    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$q, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
+    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$r, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(formatDescriptionClass)
     }, [_ctx.discreteDescriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : createCommentVNode("", true)])]),
@@ -12187,8 +12310,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onDropdownClose
   }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node", "onSelect", "onClose"])) : createCommentVNode("", true)], 2);
 }
-const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$n]]);
-const _sfc_main$J = defineComponent({
+const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$o]]);
+const _sfc_main$M = defineComponent({
   name: "FEmailTextField",
   components: {
     FTextField
@@ -12307,7 +12430,7 @@ const _sfc_main$J = defineComponent({
 const _hoisted_1$y = {
   key: 0
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
     id: _ctx.id,
@@ -12337,8 +12460,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength", "onPaste"])) : createCommentVNode("", true)]);
 }
-const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$m]]);
-const _sfc_main$I = defineComponent({
+const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$n]]);
+const _sfc_main$L = defineComponent({
   name: "FPhoneTextField",
   components: {
     FTextField
@@ -12439,7 +12562,7 @@ const _sfc_main$I = defineComponent({
     }
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
     id: _ctx.id,
@@ -12466,8 +12589,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength"])) : createCommentVNode("", true)]);
 }
-const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$l]]);
-const _sfc_main$H = defineComponent({
+const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$m]]);
+const _sfc_main$K = defineComponent({
   name: "FCurrencyTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12502,7 +12625,7 @@ const _sfc_main$H = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$G = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "FSearchTextField",
   components: {
     FTextField,
@@ -12566,7 +12689,7 @@ const _sfc_main$G = defineComponent({
 const _hoisted_1$x = {
   class: "sr-only"
 };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
@@ -12616,8 +12739,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     key: "1"
   } : void 0]), 1040, ["id", "maxlength", "model-value", "onChange", "onInput", "onBlur", "onUpdate"])]);
 }
-const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$k]]);
-const _sfc_main$F = defineComponent({
+const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$l]]);
+const _sfc_main$I = defineComponent({
   name: "FBankAccountNumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12646,7 +12769,7 @@ const _sfc_main$F = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$E = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "FBankgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12678,7 +12801,7 @@ const _sfc_main$E = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$D = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "FClearingnumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12710,7 +12833,7 @@ const _sfc_main$D = defineComponent({
 function defaultFormatter$1(modelValue) {
   return formatNumber$1(modelValue, this.decimals);
 }
-const _sfc_main$C = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "FNumericTextField",
   extends: FTextField,
   props: {
@@ -12747,7 +12870,7 @@ const _sfc_main$C = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$B = defineComponent({
+const _sfc_main$E = defineComponent({
   name: "FPersonnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12787,7 +12910,7 @@ const _sfc_main$B = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$A = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "FPlusgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12819,7 +12942,7 @@ const _sfc_main$A = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$z = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "FPostalCodeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12856,7 +12979,7 @@ const _sfc_main$z = defineComponent({
 function defaultFormatter(modelValue) {
   return formatPercent(modelValue, this.decimals);
 }
-const _sfc_main$y = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "FPercentTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12904,7 +13027,7 @@ const _sfc_main$y = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$x = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "FOrganisationsnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -13015,7 +13138,7 @@ function filter(list, filterAttributes, searchString) {
 const _hoisted_1$w = {
   class: "sort-filter-dataset"
 };
-const _hoisted_2$p = {
+const _hoisted_2$q = {
   class: "sort-filter-dataset__search"
 };
 const _hoisted_3$k = {
@@ -13026,7 +13149,7 @@ const _hoisted_5$d = {
   class: "sr-only"
 };
 const _hoisted_6$a = ["value"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FSortFilterDataset",
   props: {
     /**
@@ -13238,7 +13361,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               shrink: "",
               align: "center"
             }, {
-              default: withCtx(() => [createElementVNode("div", _hoisted_2$p, [createVNode(unref(FIcon), {
+              default: withCtx(() => [createElementVNode("div", _hoisted_2$q, [createVNode(unref(FIcon), {
                 name: "search",
                 class: "sort-filter-dataset__search__magnify-icon"
               }), _cache[3] || (_cache[3] = createTextVNode()), createVNode(unref(FTextField), {
@@ -13299,7 +13422,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$v = ["tabindex"];
-const _hoisted_2$o = {
+const _hoisted_2$p = {
   key: 0
 };
 const _hoisted_3$j = {
@@ -13317,7 +13440,7 @@ const _hoisted_7$7 = {
   key: 1
 };
 const _hoisted_8$5 = ["colspan"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -13340,7 +13463,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       default: void 0
     },
     /**
-     * If `true` alternating rows will use a different background color.
+     * When enabled alternating rows will use a different background color.
      */
     striped: {
       type: Boolean,
@@ -13473,7 +13596,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }, [createElementVNode("table", mergeProps({
         class: ["table", tableClasses.value],
         tabindex: tabindex.value
-      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$o, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$p, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
         return openBlock(), createElementBlock("col", {
           key: column.id,
           class: normalizeClass(column.size)
@@ -13499,7 +13622,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       })))])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("tr", _hoisted_7$7, [createElementVNode("td", {
         class: "table__column table__column--action",
         colspan: columns.value.length
-      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$5)])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(internalRows.value, (row) => {
+      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(
+        /** Text som visas som standardinnehåll i slotten `empty` (när tabellen är tom). */
+        unref($t2)("fkui.data-table.empty", "Tabellen är tom")
+      ), 1)])], 8, _hoisted_8$5)])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(internalRows.value, (row) => {
         return openBlock(), createElementBlock("tr", {
           key: rowKey(row),
           class: "table__row"
@@ -13587,7 +13713,7 @@ function getDisplayMonth(minDate, maxDate, selectedDate, initialMonth) {
   }
   return month || FDate.now().startOfMonth();
 }
-const _sfc_main$u = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "FDatepickerField",
   components: {
     FCalendar,
@@ -13849,14 +13975,14 @@ const _hoisted_1$u = {
   ref: "component",
   class: "datepicker-field"
 };
-const _hoisted_2$n = ["disabled", "aria-expanded"];
+const _hoisted_2$o = ["disabled", "aria-expanded"];
 const _hoisted_3$i = {
   class: "sr-only"
 };
 const _hoisted_4$e = {
   class: "datepicker-field__close"
 };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_text_field = resolveComponent("f-text-field");
   const _component_f_calendar_day = resolveComponent("f-calendar-day");
@@ -13901,7 +14027,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClickCalendarButton())
     }, [createVNode(_component_f_icon, {
       name: "calendar"
-    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$i, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$n)]),
+    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$i, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$o)]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.datepicker-field.label", "Datum")), 1)]), _cache[7] || (_cache[7] = createTextVNode()), _cache[8] || (_cache[8] = createTextVNode()), _cache[9] || (_cache[9] = createTextVNode()), _cache[10] || (_cache[10] = createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -13952,7 +14078,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["is-open", "anchor", "inline", "onOpen", "onClose"])], 512);
 }
-const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$j]]);
+const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$k]]);
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -13973,6 +14099,7 @@ const injectLocal = (...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) {
@@ -14061,6 +14188,46 @@ function useSupported(callback) {
     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 = computed(() => {
+    const value = toValue(target);
+    const items = toArray(value).map(unrefElement).filter(notNullish);
+    return new Set(items);
+  });
+  const stopWatch = 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 = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
@@ -14191,22 +14358,6 @@ function useDetailsPanel(name) {
     }
   };
 }
-function _checkPrivateRedeclaration(e, t) {
-  if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
-}
-function _classPrivateFieldInitSpec(e, t, a) {
-  _checkPrivateRedeclaration(e, t), t.set(e, a);
-}
-function _assertClassBrand(e, t, n) {
-  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
-  throw new TypeError("Private element is not present on this object");
-}
-function _classPrivateFieldGet2(s, a) {
-  return s.get(_assertClassBrand(s, a));
-}
-function _classPrivateFieldSet2(s, a, r) {
-  return s.set(_assertClassBrand(s, a), r), r;
-}
 const VAR_NAME_AREA = "--f-layout-area";
 const VAR_NAME_ATTACH_PANEL = "--f-layout-panel";
 const VAR_NAME_DIRECTION = "--f-layout-direction";
@@ -14298,116 +14449,86 @@ registerLayout({
     }
   }
 });
-const styleContent = ':host {\n    display: block;\n}\n\n.page-layout {\n    display: grid;\n    height: 100cqh;\n    width: min(100%, 100cqw);\n\n    &[part~="simple"] {\n        grid-template:\n            "header" min-content\n            "content" 1fr\n            "footer" min-content\n            / 1fr;\n\n        [part="area header"],\n        [part="area footer"] {\n            --f-page-layout-background: var(--f-background-pageheader-primary);\n            --f-page-layout-color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area content"] {\n            --f-page-layout-background: var(--fkds-color-background-primary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="left-panel"] {\n        grid-template:\n            "header header" min-content\n            "left content" 1fr\n            "footer footer" min-content\n            / min-content 1fr;\n\n        [part="area header"],\n        [part="area footer"] {\n            --f-page-layout-background: var(--f-background-pageheader-primary);\n            --f-page-layout-color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area left"] {\n            --f-page-layout-background: var(--fkds-color-background-secondary);\n        }\n\n        [part="area content"] {\n            --f-page-layout-background: var(--fkds-color-background-primary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="right-panel"] {\n        grid-template:\n            "header header" min-content\n            "content right" 1fr\n            "footer footer" min-content\n            / 1fr min-content;\n\n        [part="area header"],\n        [part="area footer"] {\n            --f-page-layout-background: var(--f-background-pageheader-primary);\n            --f-page-layout-color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area right"] {\n            --f-page-layout-background: var(--fkds-color-background-secondary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n\n        [part="area content"] {\n            --f-page-layout-background: var(--fkds-color-background-primary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="three-column"] {\n        grid-template:\n            "header header header" min-content\n            "left content right" 1fr\n            "footer footer footer" min-content\n            / min-content 1fr min-content;\n\n        [part="area header"],\n        [part="area footer"] {\n            --f-page-layout-background: var(--f-background-pageheader-primary);\n            --f-page-layout-color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area left"],\n        [part="area right"] {\n            --f-page-layout-background: var(--fkds-color-background-secondary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n\n        [part="area content"] {\n            --f-page-layout-background: var(--fkds-color-background-primary);\n            --f-page-layout-color: var(--fkds-color-text-primary);\n        }\n    }\n}\n\n.page-layout__area {\n    display: flex;\n    position: relative;\n    background: var(--f-page-layout-background);\n    color: var(--f-page-layout-color);\n\n    &[data-direction="column"] {\n        flex-direction: column;\n    }\n\n    &[data-direction="row"] {\n        flex-direction: row;\n    }\n\n    &[data-scroll] {\n        overflow-y: auto;\n    }\n\n    &:empty {\n        display: none;\n    }\n}\n\n:host ::slotted(*) {\n    display: contents;\n}\n';
-const stubLayout = defineLayout({
-  name: "",
-  areas: {}
-});
-function getSlotNames(element) {
-  return Array.from(element.querySelectorAll(":scope > [slot]"), (it) => it.slot);
-}
-var _wrapper = /* @__PURE__ */ new WeakMap();
-var _elements = /* @__PURE__ */ new WeakMap();
-var _layout = /* @__PURE__ */ new WeakMap();
-var _observer = /* @__PURE__ */ new WeakMap();
-var _slotNames = /* @__PURE__ */ new WeakMap();
-class PageLayout extends HTMLElement {
-  constructor() {
-    super();
-    _classPrivateFieldInitSpec(this, _wrapper, void 0);
-    _classPrivateFieldInitSpec(this, _elements, {});
-    _classPrivateFieldInitSpec(this, _layout, stubLayout);
-    _classPrivateFieldInitSpec(this, _observer, void 0);
-    _classPrivateFieldInitSpec(this, _slotNames, []);
-    _classPrivateFieldSet2(_wrapper, this, document.createElement("div"));
-    _classPrivateFieldSet2(_observer, this, new MutationObserver(() => {
-      this.slotNames = getSlotNames(this);
-    }));
-  }
-  /* eslint-disable-next-line @typescript-eslint/explicit-function-return-type -- this one is better to infer or each attribute would have to be duplicated */
-  static get observedAttributes() {
-    return ["layout"];
-  }
-  connectedCallback() {
-    this.slotNames = getSlotNames(this);
-    _classPrivateFieldGet2(_observer, this).observe(this, {
-      childList: true
+const _hoisted_1$t = ["part"];
+const _hoisted_2$n = ["part", "data-direction"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "FPageLayout.ce",
+  props: {
+    layout: {
+      type: String
+    }
+  },
+  emits: ["update"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
+    const rootRef = useTemplateRef("root");
+    const slotNames = ref([]);
+    const stubLayout = defineLayout({
+      name: "",
+      areas: {}
     });
-    const shadow = this.attachShadow({
-      mode: "open"
+    const layoutDefinition = computed(() => {
+      var _getLayout;
+      return (_getLayout = getLayout(__props.layout)) !== null && _getLayout !== void 0 ? _getLayout : stubLayout;
     });
-    const style = document.createElement("style");
-    style.textContent = styleContent;
-    shadow.append(style);
-    shadow.append(_classPrivateFieldGet2(_wrapper, this));
-  }
-  disconnectedCallback() {
-    _classPrivateFieldGet2(_observer, this).disconnect();
-  }
-  attributeChangedCallback(name, _oldValue, value) {
-    switch (name) {
-      case "layout": {
-        var _getLayout;
-        const part = ["grid", value].filter(Boolean).join(" ");
-        _classPrivateFieldGet2(_wrapper, this).className = "page-layout";
-        _classPrivateFieldGet2(_wrapper, this).setAttribute("part", part);
-        _classPrivateFieldSet2(_layout, this, (_getLayout = getLayout(value)) !== null && _getLayout !== void 0 ? _getLayout : stubLayout);
-        this.updateSlotElements();
-        break;
-      }
+    const part = computed(() => `grid ${__props.layout}`);
+    function getSlotNames(element) {
+      return Array.from(element.querySelectorAll(":scope > [slot]"), (it) => it.slot);
     }
-  }
-  get slotNames() {
-    return _classPrivateFieldGet2(_slotNames, this);
-  }
-  set slotNames(slots) {
-    _classPrivateFieldSet2(_slotNames, this, slots);
-    this.updateSlotElements();
-  }
-  updateSlotElements() {
-    const wrapper = _classPrivateFieldGet2(_wrapper, this);
-    const layout = _classPrivateFieldGet2(_layout, this);
-    for (const slot of _classPrivateFieldGet2(_slotNames, this)) {
-      const existing = _classPrivateFieldGet2(_elements, this)[slot];
-      const element = existing !== null && existing !== void 0 ? existing : document.createElement("div");
-      const area = layout.areas[slot];
-      if (!area) {
-        continue;
-      }
-      const {
-        attachPanel: attach,
-        direction,
-        scroll
-      } = area;
-      element.className = "";
-      element.classList.add("page-layout__area");
-      element.setAttribute("part", ["area", slot].join(" "));
-      element.setAttribute("data-direction", direction);
-      if (scroll) {
-        element.setAttribute("data-scroll", "true");
-      } else {
-        element.removeAttribute("data-scroll");
-      }
-      element.style.setProperty("grid-area", slot);
-      element.style.setProperty(VAR_NAME_AREA, `"${slot}"`);
-      element.style.setProperty(VAR_NAME_ATTACH_PANEL, `"${attach}"`);
-      element.style.setProperty(VAR_NAME_DIRECTION, `"${direction}"`);
-      if (!existing) {
-        const slotElement = document.createElement("slot");
-        slotElement.name = slot;
-        element.append(slotElement);
-        wrapper.append(element);
-        _classPrivateFieldGet2(_elements, this)[slot] = element;
+    const resolvedSlots = computed(() => {
+      return slotNames.value.filter((it) => Boolean(layoutDefinition.value.areas[it])).map((slotName) => {
+        const area = layoutDefinition.value.areas[slotName];
+        const {
+          attachPanel: attach,
+          direction,
+          scroll
+        } = area;
+        const style = [`grid-area: ${slotName};`, `${VAR_NAME_AREA}: "${slotName}";`, `${VAR_NAME_ATTACH_PANEL}: "${attach}";`, `${VAR_NAME_DIRECTION}: "${direction}";`].join("\n");
+        return {
+          name: slotName,
+          part: `area ${slotName}`,
+          direction,
+          scroll,
+          style
+        };
+      });
+    });
+    onMounted(() => {
+      if (rootRef.value) {
+        const host = rootRef.value.getRootNode().host;
+        slotNames.value = getSlotNames(host);
+        nextTick(() => emit("update"));
+        useMutationObserver(host, () => {
+          slotNames.value = getSlotNames(host);
+          nextTick(() => emit("update"));
+        }, {
+          childList: true
+        });
       }
-    }
-    setTimeout(() => {
-      this.dispatchEvent(new CustomEvent("update"));
-    }, 0);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "root",
+        class: "page-layout",
+        part: part.value
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(resolvedSlots.value, (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item.name,
+          class: "page-layout__area",
+          part: item.part,
+          "data-direction": item.direction,
+          style: normalizeStyle(item.style)
+        }, [renderSlot(_ctx.$slots, item.name)], 12, _hoisted_2$n);
+      }), 128))], 8, _hoisted_1$t);
+    };
   }
-}
-const _hoisted_1$t = ["slot"];
-const tagName$2 = `ce-page-layout`;
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+});
+const _style_0$4 = ':host {\n  display: block;\n}\n.page-layout {\n  display: grid;\n  height: 100cqh;\n  width: min(100%, 100cqw);\n&[part~=simple] {\n    grid-template: "header" min-content "content" 1fr "footer" min-content/1fr;\n[part="area header"],\n    [part="area footer"] {\n      --f-page-layout-background: var(--f-background-pageheader-primary);\n      --f-page-layout-color: var(--fkds-color-text-inverted);\n}\n[part="area content"] {\n      --f-page-layout-background: var(--fkds-color-background-primary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n}\n&[part~=left-panel] {\n    grid-template: "header header" min-content "left content" 1fr "footer footer" min-content/min-content 1fr;\n[part="area header"],\n    [part="area footer"] {\n      --f-page-layout-background: var(--f-background-pageheader-primary);\n      --f-page-layout-color: var(--fkds-color-text-inverted);\n}\n[part="area left"] {\n      --f-page-layout-background: var(--fkds-color-background-secondary);\n}\n[part="area content"] {\n      --f-page-layout-background: var(--fkds-color-background-primary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n}\n&[part~=right-panel] {\n    grid-template: "header header" min-content "content right" 1fr "footer footer" min-content/1fr min-content;\n[part="area header"],\n    [part="area footer"] {\n      --f-page-layout-background: var(--f-background-pageheader-primary);\n      --f-page-layout-color: var(--fkds-color-text-inverted);\n}\n[part="area right"] {\n      --f-page-layout-background: var(--fkds-color-background-secondary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n[part="area content"] {\n      --f-page-layout-background: var(--fkds-color-background-primary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n}\n&[part~=three-column] {\n    grid-template: "header header header" min-content "left content right" 1fr "footer footer footer" min-content/min-content 1fr min-content;\n[part="area header"],\n    [part="area footer"] {\n      --f-page-layout-background: var(--f-background-pageheader-primary);\n      --f-page-layout-color: var(--fkds-color-text-inverted);\n}\n[part="area left"],\n    [part="area right"] {\n      --f-page-layout-background: var(--fkds-color-background-secondary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n[part="area content"] {\n      --f-page-layout-background: var(--fkds-color-background-primary);\n      --f-page-layout-color: var(--fkds-color-text-primary);\n}\n}\n}\n.page-layout__area {\n  display: flex;\n  position: relative;\n  background: var(--f-page-layout-background);\n  color: var(--f-page-layout-color);\n&[data-direction=column] {\n    flex-direction: column;\n}\n&[data-direction=row] {\n    flex-direction: row;\n}\n&[data-scroll] {\n    overflow-y: auto;\n}\n&:empty {\n    display: none;\n}\n}';
+const CeComponent$1 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["styles", [_style_0$4]]]);
+const ceTag$2 = "ce-page-layout";
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FPageLayout",
   props: {
     layout: {}
@@ -14416,31 +14537,29 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   setup(__props, {
     emit: __emit
   }) {
-    if (!customElements.get(tagName$2)) {
-      customElements.define(tagName$2, PageLayout);
-    }
     const emit = __emit;
-    const slots = useSlots();
-    const slotNames = computed(() => {
-      return Object.keys(slots);
+    const proxy = new Proxy({}, {
+      get(_, property) {
+        if (property.startsWith("__v")) {
+          return void 0;
+        }
+        return property;
+      }
+    });
+    onMounted(() => {
+      if (!customElements.get(ceTag$2)) {
+        customElements.define(ceTag$2, defineCustomElement(CeComponent$1));
+      }
     });
-    function onUpdate() {
-      emit("update");
-    }
     onUnmounted(() => {
       resetDetailPanels();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(tagName$2), {
+      return openBlock(), createBlock(resolveDynamicComponent(ceTag$2), {
         layout: _ctx.layout,
-        onUpdate
+        onUpdate: _cache[0] || (_cache[0] = ($event) => emit("update"))
       }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(slotNames.value, (slot) => {
-          return openBlock(), createElementBlock("div", {
-            key: slot,
-            slot
-          }, [renderSlot(_ctx.$slots, slot)], 8, _hoisted_1$t);
-        }), 128))]),
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(proxy))))]),
         _: 3
       }, 40, ["layout"]);
     };
@@ -14668,7 +14787,7 @@ const _hoisted_1$s = {
 const _hoisted_2$m = ["aria-orientation"];
 const _hoisted_3$h = ["aria-orientation"];
 const STEP_SIZE = 10;
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -14860,8 +14979,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$2 = '/* background color */\n/* highlight color */\n/* the width of the visible handle */\n/* how much extra click/hover area the handle has */\n/* how much extra space the handle occupies when hovering (not counting the click area) */\n/* how long before visually indicating the hover state */\n/* how long the animation for the visual indicator is */\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted(*) {\n  display: contents;\n}\n.resize {\n  flex-grow: 1;\n  display: flex;\n  align-items: stretch;\n}\n.resize--overlay {\n  position: absolute;\n  z-index: 1;\n  background: var(--f-page-layout-background);\n}\n.resize--left {\n  flex-direction: row;\n}\n.resize--left:not(.resize--disabled) {\n  width: calc(var(--size) + 2px);\n}\n.resize--left .resize__content {\n  flex-direction: row;\n}\n.resize--left.resize--overlay {\n  left: 0;\n  top: 0;\n  bottom: 0;\n}\n.resize--right {\n  flex-direction: row-reverse;\n}\n.resize--right:not(.resize--disabled) {\n  width: calc(var(--size) + 2px);\n}\n.resize--right .resize__content {\n  flex-direction: row;\n}\n.resize--right.resize--overlay {\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n.resize--top {\n  flex-direction: column;\n}\n.resize--top:not(.resize--disabled) {\n  height: calc(var(--size) + 2px);\n}\n.resize--bottom {\n  flex-direction: column-reverse;\n}\n.resize--bottom:not(.resize--disabled) {\n  height: calc(var(--size) + 2px);\n}\n.resize__offset {\n  width: calc(var(--offset) + 2px);\n}\n.resize__content {\n  flex: 1 1 auto;\n  overflow: auto;\n  box-sizing: border-box;\n  display: flex;\n}\n.resize--column .resize__content {\n  flex-direction: column;\n}\n.resize--row .resize__content {\n  flex-direction: row;\n}\n.resize--left:not(.resize--disabled) .resize__content, .resize--right:not(.resize--disabled) .resize__content {\n  min-width: var(--min);\n  max-width: var(--max);\n  flex-basis: var(--size);\n}\n.resize--top:not(.resize--disabled) .resize__content, .resize--bottom:not(.resize--disabled) .resize__content {\n  min-height: var(--min);\n  max-height: var(--max);\n  flex-basis: var(--size);\n}\n.resize__handle {\n  flex: 0 0 2px;\n  background: var(--fkds-color-border-primary);\n  touch-action: none;\n  user-select: none;\n  z-index: 1;\n  position: relative;\n  transition: z-index 0s 200ms;\n  /* disable regular focus indicator as this component has its own */\n  /* when focus by keyboard we dont want the delay or transition */\n  /* as the handle area expand we increase z-index for the handle to make sure it covers other separators */\n}\n@media (forced-colors: active) {\n.resize__handle {\n    background: CanvasText;\n}\n}\n.resize__handle[aria-orientation=horizontal] {\n  cursor: row-resize;\n  height: 2px;\n}\n.resize__handle[aria-orientation=horizontal]::before {\n  inset: -2px 0;\n}\n.resize__handle[aria-orientation=horizontal]::after {\n  inset: -4px 0;\n}\n.resize__handle[aria-orientation=vertical] {\n  cursor: col-resize;\n  width: 2px;\n}\n.resize__handle[aria-orientation=vertical]::before {\n  inset: 0 -2px;\n}\n.resize__handle[aria-orientation=vertical]::after {\n  inset: 0 -4px;\n}\n.resize__handle::before {\n  content: "";\n  pointer-events: none;\n  position: absolute;\n  background-color: transparent;\n  transition: background-color 200ms ease-in;\n}\n.resize__handle::after {\n  content: "";\n  position: absolute;\n}\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n  background-color: var(--fkds-color-action-border-primary-hover);\n  transition-delay: 200ms;\n}\n@media (forced-colors: active) {\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n    background-color: Highlight;\n}\n}\n.resize__handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.resize__handle:focus::before {\n  transition: none;\n}\n.resize__handle:hover, .resize__handle:focus, .resize__handle.drag {\n  z-index: 2;\n  transition: z-index 0s 0s;\n}\n.resize__handle.disabled {\n  cursor: auto;\n}\n.resize__handle.disabled::before {\n  display: none;\n}';
-const FResizePane = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["styles", [_style_0$2]]]);
+const _style_0$3 = '/* background color */\n/* highlight color */\n/* the width of the visible handle */\n/* how much extra click/hover area the handle has */\n/* how much extra space the handle occupies when hovering (not counting the click area) */\n/* how long before visually indicating the hover state */\n/* how long the animation for the visual indicator is */\n:host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}\n:host ::slotted(*) {\n  display: contents;\n}\n.resize {\n  flex-grow: 1;\n  display: flex;\n  align-items: stretch;\n}\n.resize--overlay {\n  position: absolute;\n  z-index: 1;\n  background: var(--f-page-layout-background);\n}\n.resize--left {\n  flex-direction: row;\n}\n.resize--left:not(.resize--disabled) {\n  width: calc(var(--size) + 2px);\n}\n.resize--left .resize__content {\n  flex-direction: row;\n}\n.resize--left.resize--overlay {\n  left: 0;\n  top: 0;\n  bottom: 0;\n}\n.resize--right {\n  flex-direction: row-reverse;\n}\n.resize--right:not(.resize--disabled) {\n  width: calc(var(--size) + 2px);\n}\n.resize--right .resize__content {\n  flex-direction: row;\n}\n.resize--right.resize--overlay {\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n.resize--top {\n  flex-direction: column;\n}\n.resize--top:not(.resize--disabled) {\n  height: calc(var(--size) + 2px);\n}\n.resize--bottom {\n  flex-direction: column-reverse;\n}\n.resize--bottom:not(.resize--disabled) {\n  height: calc(var(--size) + 2px);\n}\n.resize__offset {\n  width: calc(var(--offset) + 2px);\n}\n.resize__content {\n  flex: 1 1 auto;\n  overflow: auto;\n  box-sizing: border-box;\n  display: flex;\n}\n.resize--column .resize__content {\n  flex-direction: column;\n}\n.resize--row .resize__content {\n  flex-direction: row;\n}\n.resize--left:not(.resize--disabled) .resize__content, .resize--right:not(.resize--disabled) .resize__content {\n  min-width: var(--min);\n  max-width: var(--max);\n  flex-basis: var(--size);\n}\n.resize--top:not(.resize--disabled) .resize__content, .resize--bottom:not(.resize--disabled) .resize__content {\n  min-height: var(--min);\n  max-height: var(--max);\n  flex-basis: var(--size);\n}\n.resize__handle {\n  flex: 0 0 2px;\n  background: var(--fkds-color-border-primary);\n  touch-action: none;\n  user-select: none;\n  z-index: 1;\n  position: relative;\n  transition: z-index 0s 200ms;\n  /* disable regular focus indicator as this component has its own */\n  /* when focus by keyboard we dont want the delay or transition */\n  /* as the handle area expand we increase z-index for the handle to make sure it covers other separators */\n}\n@media (forced-colors: active) {\n.resize__handle {\n    background: CanvasText;\n}\n}\n.resize__handle[aria-orientation=horizontal] {\n  cursor: row-resize;\n  height: 2px;\n}\n.resize__handle[aria-orientation=horizontal]::before {\n  inset: -2px 0;\n}\n.resize__handle[aria-orientation=horizontal]::after {\n  inset: -4px 0;\n}\n.resize__handle[aria-orientation=vertical] {\n  cursor: col-resize;\n  width: 2px;\n}\n.resize__handle[aria-orientation=vertical]::before {\n  inset: 0 -2px;\n}\n.resize__handle[aria-orientation=vertical]::after {\n  inset: 0 -4px;\n}\n.resize__handle::before {\n  content: "";\n  pointer-events: none;\n  position: absolute;\n  background-color: transparent;\n  transition: background-color 200ms ease-in;\n}\n.resize__handle::after {\n  content: "";\n  position: absolute;\n}\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n  background-color: var(--fkds-color-action-border-primary-hover);\n  transition-delay: 200ms;\n}\n@media (forced-colors: active) {\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n    background-color: Highlight;\n}\n}\n.resize__handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.resize__handle:focus::before {\n  transition: none;\n}\n.resize__handle:hover, .resize__handle:focus, .resize__handle.drag {\n  z-index: 2;\n  transition: z-index 0s 0s;\n}\n.resize__handle.disabled {\n  cursor: auto;\n}\n.resize__handle.disabled::before {\n  display: none;\n}';
+const FResizePane = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["styles", [_style_0$3]]]);
 const injectionKey = Symbol("FResizePane");
 function useResize(options = {}) {
   const api = inject(injectionKey, {
@@ -14885,7 +15004,7 @@ const _hoisted_1$r = {
   slot: "content"
 };
 const tagName$1 = "ce-resize-pane";
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FResizePane",
   props: {
     min: {
@@ -15001,7 +15120,7 @@ const _hoisted_5$b = {
   class: "panel__footer",
   part: "footer"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FDetailsPanel.ce",
   emits: ["closed"],
   setup(__props, {
@@ -15032,8 +15151,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _style_0$1 = '@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.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.entrypoint {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\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.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.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.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 > .button__icon {\n  color: var(--f-text-color-button-standard);\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:hover > .button__icon {\n  color: var(--f-text-color-button-standard);\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:active > .button__icon, .button:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.disabled > .button__icon, .button.disabled:hover > .button__icon, .button:disabled > .button__icon, .button:disabled:hover > .button__icon, .button.button--disabled > .button__icon, .button.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:active > .button__icon, .button.button--primary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--primary.disabled > .button__icon, .button.button--primary.disabled:hover > .button__icon, .button.button--primary:disabled > .button__icon, .button.button--primary:disabled:hover > .button__icon, .button.button--primary.button--disabled > .button__icon, .button.button--primary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--secondary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--secondary.disabled > .button__icon, .button.button--secondary.disabled:hover > .button__icon, .button.button--secondary:disabled > .button__icon, .button.button--secondary:disabled:hover > .button__icon, .button.button--secondary.button--disabled > .button__icon, .button.button--secondary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon, .button.button--text > .button__icon {\n  color: var(--f-text-color-button-discrete);\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:hover > .button__icon, .button.button--text:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-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:active > .button__icon, .button.button--text:active > .button__icon, .button.button--discrete:focus > .button__icon, .button.button--text:focus > .button__icon {\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.button.button--discrete.disabled > .button__icon, .button.disabled.button--text > .button__icon, .button.button--discrete.disabled:hover > .button__icon, .button.button--discrete:disabled > .button__icon, .button.button--text:disabled > .button__icon, .button.button--discrete:disabled:hover > .button__icon, .button.button--discrete.button--disabled > .button__icon, .button.button--disabled.button--text > .button__icon, .button.button--discrete.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted);\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:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted-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:active > .button__icon, .button.button--discrete-inverted:focus > .button__icon {\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.button.button--discrete-inverted.disabled > .button__icon, .button.button--discrete-inverted.disabled:hover > .button__icon, .button.button--discrete-inverted:disabled > .button__icon, .button.button--discrete-inverted:disabled:hover > .button__icon, .button.button--discrete-inverted.button--disabled > .button__icon, .button.button--discrete-inverted.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--tertiary:focus > .button__icon {\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.button.button--tertiary.disabled > .button__icon, .button.button--tertiary.disabled:hover > .button__icon, .button.button--tertiary:disabled > .button__icon, .button.button--tertiary:disabled:hover > .button__icon, .button.button--tertiary.button--disabled > .button__icon, .button.button--tertiary.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-icon-color-action-content-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--black:hover > .button__icon, .button.button--tertiary--black:active > .button__icon, .button.button--tertiary--black:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted > .button__icon {\n  color: var(--fkds-icon-color-action-content-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:hover > .button__icon, .button.button--tertiary--inverted:active > .button__icon, .button.button--tertiary--inverted:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\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--inverted:disabled > .button__icon {\n  color: var(--fkds-icon-color-action-content-primary-disabled);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\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(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\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(--f-background-calendar-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar {\n  font-size: var(--f-font-size-standard);\n  display: inline-block;\n  width: 100%;\n  max-width: 27.5rem;\n}\n.calendar__container {\n  background: #fff;\n  margin-bottom: 1.5rem;\n}\n.calendar button:focus {\n  z-index: 2;\n}\n.calendar__tabs {\n  position: relative;\n  height: 4rem;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n.calendar__tabs-tab {\n  width: calc(50% + 1px);\n  color: var(--f-icon-color-primary);\n  font-size: var(--f-font-size-standard);\n  font-weight: bold;\n  border: 1px solid #767676;\n  height: 100%;\n  position: absolute;\n  background: var(--f-background-tab-inactive);\n}\n.calendar__tabs-tab .button__icon {\n  width: 1.75rem;\n  height: 1.75rem;\n  margin-right: calc(var(--f-font-size-standard) / 2);\n}\n.calendar__tabs-tab .button__icon,\n.calendar__tabs-tab span {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__tabs-tab span {\n  max-width: 7rem;\n  text-align: left;\n}\n.calendar__tabs-tab--left {\n  left: 0;\n  box-shadow: inset -3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--right {\n  right: 0;\n  box-shadow: inset 3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--selected {\n  background: var(--f-background-tab-active);\n  z-index: 1;\n  border-bottom: 0;\n  box-shadow: unset;\n}\n.calendar__period {\n  border: 1px solid #767676;\n  border-top: 0;\n  padding: 1rem;\n}\n.calendar__navbar {\n  text-align: center;\n  border-right: 1px solid #767676;\n  border-left: 1px solid #767676;\n  border-bottom-color: #dddddd;\n  position: relative;\n}\n.calendar__navbar button,\n.calendar__navbar .button {\n  font-size: 100%;\n  border: 0;\n  background-color: transparent;\n}\n.calendar__navbar button:hover, .calendar__navbar button:focus,\n.calendar__navbar .button:hover,\n.calendar__navbar .button:focus {\n  color: #767676;\n  background-color: transparent;\n}\n.calendar__navbar-middle {\n  padding: calc(0.5rem * 2);\n  position: relative;\n  color: var(--f-text-color-link);\n}\n.calendar__navbar-middle span {\n  font-size: 1.125rem;\n  font-weight: bold;\n  border-bottom: 2px solid;\n  padding-bottom: 2px;\n  transition: all 0.15s ease-in-out;\n}\n.calendar__navbar-middle span:hover {\n  padding-bottom: calc(2px * 2);\n}\n.calendar__navbar-arrow {\n  color: #767676;\n  position: absolute;\n  padding: 0 0.5rem;\n  height: 100%;\n}\n.calendar__navbar-arrow span,\n.calendar__navbar-arrow .button__icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__navbar-arrow .button__icon {\n  color: var(--f-icon-color-primary);\n  width: 1.75rem;\n  height: 1.75rem;\n}\n.calendar__navbar-arrow--left {\n  left: 0;\n  text-align: left;\n}\n.calendar__navbar-arrow--left .button__icon {\n  transform: rotate(180deg);\n}\n.calendar__navbar-arrow--right {\n  right: 0;\n  text-align: right;\n}\n.calendar__monthview, .calendar__yearview {\n  padding: 0.25rem;\n  border: 1px solid #767676;\n  border-top: 0;\n}\n.calendar__row {\n  display: flex;\n}\n.calendar__row button:focus, .calendar__row button:hover,\n.calendar__row .button:focus,\n.calendar__row .button:hover {\n  color: #1b1e23;\n}\n.calendar__row button:focus,\n.calendar__row .button:focus {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__row button:hover,\n.calendar__row .button:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__row button.calendar__item--added:focus,\n.calendar__row .button.calendar__item--added:focus {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__row button.calendar__item--selected:focus,\n.calendar__row .button.calendar__item--selected:focus {\n  background-color: #fff;\n  color: var(--f-background-calendar-selected);\n}\n.calendar__row button.calendar__item--added:hover, .calendar__row button.calendar__item--selected:hover,\n.calendar__row .button.calendar__item--added:hover,\n.calendar__row .button.calendar__item--selected:hover {\n  background-color: var(--f-background-calendar-hover);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item {\n  height: 2.75rem;\n  width: 15%;\n  margin: 0.05rem;\n  padding: 0;\n  border: 2px solid transparent;\n}\n.calendar__item--week {\n  background-color: transparent;\n  border: 0 solid transparent;\n  font-size: var(--f-font-size-standard);\n  text-align: center;\n  line-height: 2.75rem;\n}\n.calendar__item--date {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  font-weight: bold;\n  font-size: var(--f-font-size-standard);\n  position: relative;\n}\n.calendar__item--date:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__item--today .calendar__item__number {\n  background: #666666;\n  color: var(--f-background-calendar-default);\n  display: inline-block;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__item--today.calendar__item--added .calendar__item__number, .calendar__item--today.calendar__item--selected .calendar__item__number {\n  width: calc(1.6rem + 0.2rem);\n}\n.calendar__item--today.calendar__item--added .calendar__item__number {\n  background: var(--f-background-calendar-selected);\n  border: 2px solid #fff;\n}\n.calendar__item--today.calendar__item--selected .calendar__item__number {\n  background: #fff;\n  color: var(--f-background-calendar-selected);\n  border: 2px solid var(--f-background-calendar-selected);\n}\n.calendar__item--added {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__item--added:hover {\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--selected {\n  background-color: #fff;\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--disabled {\n  color: #767676;\n  cursor: not-allowed;\n}\n.calendar__item--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: 2px solid #99a2a2;\n  top: 50%;\n  margin-left: 25%;\n  width: 50%;\n  left: 0;\n}\n.calendar__item--disabled:hover {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__editbox {\n  border: 2px solid #767676;\n  border-radius: 6px;\n  position: relative;\n  background-color: white;\n  margin-bottom: 1.5rem;\n}\n.calendar__editbox::before, .calendar__editbox::after {\n  content: "";\n  display: block;\n  position: absolute;\n  left: calc(50% - 1rem);\n  width: 0;\n  height: 0;\n  border: 1rem solid transparent;\n}\n.calendar__editbox::before {\n  bottom: 100%;\n  border-bottom-color: #767676;\n}\n.calendar__editbox::after {\n  bottom: calc(100% - calc(2px + 1px));\n  border-bottom-color: #fff;\n}\n.calendar__editbox-header {\n  text-align: center;\n  border-bottom: 1px solid #767676;\n  padding: 1.5rem;\n}\n.calendar__editbox-content {\n  padding: 1rem;\n}\n.calendar-submit-button {\n  margin-top: calc(1rem * 2);\n  margin-bottom: 1rem;\n}\n.calendar__month-item {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  border: 2px solid transparent;\n  font-weight: bold;\n  font-size: 0.875rem;\n  width: 33%;\n  height: 2.75rem;\n  margin: 0.25rem;\n  padding: 0.25rem calc(0.25rem * 2);\n  display: inline-block;\n  text-align: left;\n}\n.calendar__month-item:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__month-item--name {\n  float: left;\n  text-align: center;\n  line-height: 1.6rem;\n}\n.calendar__month-item--name-sm {\n  display: none;\n}\n.calendar__month-item--days {\n  float: right;\n  background: #ccc;\n  text-align: center;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__month-item--has-days {\n  border: 2px solid var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__month-item--has-days .calendar__month-item--days {\n  background: var(--f-background-calendar-selected);\n  color: white;\n}\n.calendar__addedmonth-wrapper {\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth {\n  border-top: 1px solid #767676;\n}\n.calendar__addedmonth-header {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.5rem;\n}\n.calendar__addedmonth-header-edit {\n  margin-left: auto;\n}\n.calendar__addedmonth-header-expand {\n  margin-right: auto;\n  font-size: 1rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.calendar__addedmonth-header-expand:hover, .calendar__addedmonth-header-expand:focus {\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon {\n  display: inline-block;\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background-color: var(--f-background-calendar-selected);\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth-header-expand-icon::before, .calendar__addedmonth-header-expand-icon::after {\n  content: " ";\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon::before {\n  width: 1rem;\n  height: 0.125rem;\n  transition: all 0.5s ease;\n}\n.calendar__addedmonth-header-expand-icon::after {\n  width: 1rem;\n  height: 0.125rem;\n}\n.calendar__addedmonth-header-expand-text {\n  color: #1b1e23;\n  display: inline-block;\n  font-weight: normal;\n  padding-left: 0.25rem;\n  text-align: left;\n}\n.calendar__addedmonth-header-expand-days {\n  display: block;\n  font-weight: bold;\n}\n.calendar__addedmonth-collapsable {\n  display: block;\n  height: auto;\n  transition: height 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-header-expand-icon::before {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-collapsable {\n  overflow: hidden;\n  height: 0;\n}\n.calendar__addedmonth .button--discrete {\n  margin-bottom: 0;\n}\n.calendar__addedmonth .button__icon {\n  color: var(--f-text-color-link);\n}\n.calendar__addedmonth:first-child {\n  border-top: none;\n}\n.calendar__addedsummary {\n  margin-bottom: 1.5rem;\n}\n.calendar__addedsummary-days {\n  text-align: center;\n  background-color: #fff;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-radius: 6px;\n  font-size: 1.125rem;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedday {\n  border-top: 1px solid #adadad;\n  position: relative;\n  width: 100%;\n  display: flex;\n}\n.calendar__addedday-date {\n  background-color: var(--f-background-calendar-default);\n  color: var(--f-background-calendar-selected);\n  text-align: center;\n  padding: 10px;\n  min-width: 90px;\n}\n.calendar__addedday-date-day {\n  font-weight: bold;\n  font-size: 3rem;\n}\n.calendar__addedday-content {\n  padding: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.calendar__addedday-text {\n  margin-bottom: 1rem;\n}\n.calendar__addedmonth-collapsable > div:first-child .calendar__addedday {\n  border-top: 1px solid #767676;\n}\n.calendar__collapsed {\n  visibility: hidden;\n}\n@media (max-width: 460px) {\n.calendar__tabs {\n    height: calc(4rem + 1rem);\n}\n.calendar__tabs-tab span {\n    text-align: center;\n}\n.calendar__monthview, .calendar__yearview {\n    padding: 0;\n}\n.calendar__item--week:first-child {\n    display: none;\n}\n.calendar__month-item--name-lg {\n    display: none;\n}\n.calendar__month-item--name-sm {\n    display: inline-block;\n}\n}\n@media (max-width: 355px) {\n.calendar__tabs {\n    height: calc(4rem + 2rem);\n}\n.calendar__navbar-arrow--month span {\n    display: none;\n}\n}\n.calendar--hide-tabs .calendar__tabs {\n  display: none;\n}\n.calendar--hide-tabs .calendar__navbar {\n  border-top: 1px solid #767676;\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:hover, .checkbox-group--border .checkbox-group__content .checkbox:hover, .list--hover .list__item:focus-within,\n.list--hover .list__item:hover, .list__item--hover {\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, .checkbox__details {\n  display: block;\n}\n.radio-button__width, .checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cmVjdCB4PSIzLjQ3NCIgeT0iOS4xOTQiIGZpbGw9IiMzQzU1OTIiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCgljMC42MzUtMC42MzMsMS42NjMtMC42MzMsMi4yOTgsMGwyLjEwMSwyLjA5N2w1LjM1MS01LjM0YzAuNjM1LTAuNjM0LDEuNjYzLTAuNjM0LDIuMjk4LDBjMC42MzUsMC42MzMsMC42MzUsMS42NTksMCwyLjI5MwoJbC02LjUsNi40ODdDOS4yMDcsMTQuODQ3LDguNzkyLDE1LjAwNSw4LjM3NiwxNS4wMDV6Ii8+Cjwvc3ZnPgo=");\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: var(--f-background-input);\n  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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: transparent;\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n.checkbox.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background: var(--f-background-input-selected-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--f-background-input-selected);\n}\n.checkbox input[type=checkbox]:not(:checked) + .checkbox__label::before {\n  box-shadow: var(--f-input-shadow-inset);\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-primary-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-primary-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-primary-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-primary-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-action-content-primary-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  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--f-icon-color-primary);\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:disabled .icon {\n  color: var(--f-icon-color-discrete);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-small) solid var(--f-border-color-modal);\n  background-color: var(--f-background-content);\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(--f-border-color-dialogue-tree);\n}\n.dialogue-tree__list-item {\n  background-color: var(--f-background-dialogue-tree);\n  border-bottom: 1px solid var(--f-border-color-dialogue-tree);\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(--f-background-dialogue-tree-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(--f-text-color-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.error-list {\n  color: var(--f-text-color-error);\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(--f-text-color-error);\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(--f-text-color-error);\n  cursor: pointer;\n  list-style-position: inside;\n  text-decoration: underline;\n}\n.error-list__link a {\n  color: var(--f-text-color-error);\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.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  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-remove svg {\n  color: var(--f-icon-color-primary);\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  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-item__file-uploading .progress__meter--inprogress {\n  background: var(--f-background-progress-file-item-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-file-item-ongoing);\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.form {\n  padding-top: 1rem;\n  padding-bottom: 3rem;\n}\n.form-step {\n  background: var(--f-background-form-step);\n  border: var(--f-border-width-medium) solid var(--f-border-color-form-step);\n  border-radius: var(--f-border-radius-small);\n  margin: 0 0 var(--f-margin-component-bottom);\n  margin-bottom: 2rem;\n  padding: 2rem;\n  position: relative;\n  transition: background-color var(--f-animation-duration-medium) ease-in-out, border-color var(--f-animation-duration-medium) ease-in-out;\n}\n@media (max-width: 639.98px) {\n.form-step {\n    padding: 1.5rem 0.75rem 2rem;\n    margin-left: -0.75rem;\n    margin-right: -0.75rem;\n}\n}\n.form-step--last-step {\n  margin-bottom: 3rem;\n}\n@media (max-width: 639.98px) {\n.form-step--last-step {\n    margin-bottom: 2rem;\n}\n}\n.form-step__header {\n  margin-bottom: 0.5rem;\n}\n.form-step__title {\n  font-size: var(--f-font-size-h2);\n  display: inline;\n}\n@media (max-width: 639.98px) {\n.form-step__title {\n    font-size: var(--f-font-size-xxx-large);\n}\n}\n.form-step__check {\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  color: var(--f-icon-color-success);\n  height: var(--f-icon-size-x-large);\n  margin-bottom: -0.25rem;\n  margin-left: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.form-step__error {\n  color: var(--f-text-color-error);\n}\n.form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step__arrow::before, .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-form-step);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-form-step);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step__arrow {\n    left: 2rem;\n}\n}\n.form-step--complete {\n  background: var(--f-background-success);\n  border-color: var(--f-border-color-success);\n}\n.form-step--complete .form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step--complete .form-step__arrow::before, .form-step--complete .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step--complete .form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-success);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step--complete .form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-success);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step--complete .form-step__arrow {\n    left: 2rem;\n}\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__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    /* stylelint-disable-next-line color-function-notation, alpha-value-notation -- technical debt */\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--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}\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 {\n  padding: 1.5rem;\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.progress {\n  background-color: var(--f-background-progress);\n  border-radius: var(--f-height-medium);\n  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n}\n.progress__meter {\n  border-radius: var(--f-height-medium);\n  display: block;\n  float: left;\n  height: var(--f-height-small);\n  margin: calc(-1 * var(--f-border-width-small));\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(--f-background-progress-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-ongoing);\n}\n.progress__meter--finished {\n  background: var(--f-background-progress-finished);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-finished);\n  width: calc(100% + 2 * var(--f-border-width-small));\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  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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::before {\n  background: var(--f-background-input);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner);\n}\n.radio-button__label::after {\n  background: var(--f-background-input-selected);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-selected);\n  opacity: 0;\n}\n.radio-button.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-disabled);\n}\n.radio-button.disabled .radio-button__label::after {\n  background: var(--f-background-input-selected-disabled);\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\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-primary);\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 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 {\n  border-radius: var(--f-button-discrete-table-column-action-border-radius);\n  margin: var(--f-button-discrete-table-column-action-margin);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-table-column-action-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-table-column-action-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-table-column-action-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-table-column-action-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  min-width: 24px;\n  width: max-content;\n}\n.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-discrete-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}\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__scroll--vertical {\n  overflow-y: 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.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-primary);\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-primary);\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 .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.wizard-step .wizard-step__header__title-container {\n  height: 30px;\n}\n.wizard-step .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px);\n}\n.wizard-step .wizard-step__header {\n  margin-left: -10px;\n}\n.wizard-step .wizard-step__header .icon-stack {\n  display: block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.wizard-step .wizard-step__header .icon-stack div {\n  width: 100%;\n  text-align: center;\n  font-size: 20px;\n  position: absolute;\n  font-weight: bold;\n}\n.wizard-step .wizard-step__header .icon.f-icon-circle {\n  width: 30px;\n  height: 30px;\n  transition: color 400ms ease-out, fill 400ms ease-out, opacity 400ms ease-out;\n}\n.wizard-step .wizard-step__header .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__header__line-down {\n  position: relative;\n  margin-bottom: 4px;\n  margin-left: 14px;\n  height: 13px;\n  margin-top: 4px;\n  width: 2px;\n  background-color: var(--fkds-color-border-strong);\n}\n.wizard-step .wizard-step__header__line-up {\n  margin-left: 14px;\n  height: 20px;\n  width: 2px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  background-color: var(--fkds-color-border-strong);\n}\n@media (forced-colors: active) {\n.wizard-step .wizard-step__header__line-up, .wizard-step .wizard-step__header__line-down {\n    background-color: CanvasText;\n}\n}\n@media (min-width: 640px) {\n.wizard-step .wizard-step__header__line-up {\n    margin-bottom: 4px;\n}\n}\n@media (min-width: 640px) {\n.wizard-step__connector {\n    border-left: 2px solid var(--fkds-color-border-strong);\n    padding-left: 22px;\n    margin-top: -3px;\n    margin-left: 4px;\n    margin-bottom: -8px;\n    padding-top: 1px;\n}\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-border-strong);\n  color: var(--fkds-color-background-primary);\n}\n.wizard-step--open .wizard-step__header .icon-stack div {\n  color: var(--f-icon-color-black);\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__step-of {\n  display: block;\n}\n.wizard-step--open .wizard-step__header .iflex--grow {\n  padding-top: 12px;\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__line-up {\n  height: 35px;\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__line-down {\n  margin-bottom: 0;\n}\n@media (forced-colors: active) {\n.wizard-step--open .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n}\n.wizard-step--done .wizard-step__header {\n  margin-top: 4px;\n}\n.wizard-step--done .wizard-step__header .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 .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 .wizard-step__header .wizard-step__header__line-up {\n  display: none;\n}\n.wizard-step--done .wizard-step__header .wizard-step__header__line-down {\n  margin-bottom: 0;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-feedback-border-positive);\n  color: var(--fkds-color-feedback-background-positive-strong);\n}\n.wizard-step--done .wizard-step__header .icon-stack div {\n  display: none;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: 20px;\n  left: 5px;\n  top: 5px;\n}\n.wizard-step--done .wizard-step__header .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px);\n}\n@media (forced-colors: active) {\n.wizard-step--done .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.wizard-step--pending .wizard-step__header .wizard-step__header__title {\n  color: var(--f-text-color-discrete);\n}\n.wizard-step--pending .wizard-step__header .icon-stack div {\n  color: var(--f-icon-color-discrete);\n}\n.wizard-step--pending .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-border-strong);\n  color: var(--fkds-color-background-disabled);\n}\n.wizard-step--pending .wizard-step__header .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--pending .wizard-step__header .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px * 2);\n}\n@media (forced-colors: active) {\n.wizard-step--pending .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n}\n.wizard-step--pending + .wizard-step .wizard-step__header__line-up {\n  display: none;\n}\n.wizard-step--pending + .wizard-step .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--open:first-child .wizard-step__header__line-up {\n  visibility: hidden;\n  height: 1.25rem;\n}\n.wizard-step--open:first-child .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--done:first-child .wizard-step__header__line-up,\n.wizard-step--pending:first-child .wizard-step__header__line-up {\n  display: none;\n  margin-top: 0;\n}\n@media (min-width: 640px) {\n.wizard-step--done .wizard-step__connector {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--pending .wizard-step__connector {\n    margin-top: -4px;\n    margin-bottom: 4px;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--done:last-child .wizard-step__connector,\n  .wizard-step--pending:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--done:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n.wizard-step:last-child .wizard-step__header__line-down {\n  display: none;\n}\n.wizard-step:last-child.wizard-step--open .wizard-step__connector {\n  margin-top: 1rem;\n}\n.wizard-step:last-child .wizard-step__header__line-adjustment {\n  display: none;\n}\n@media (min-width: 640px) {\n.wizard-step:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n.wizard-step--open .wizard-step__header__line-up,\n.wizard-step--pending .wizard-step__header__line-up {\n  margin-top: -7px;\n}\n.wizard-step--done + .wizard-step--pending {\n  margin-top: 4px;\n}\n.wizard-step--done + .wizard-step--pending .wizard-step__header__line-up {\n  display: none;\n}\n\n/* stylelint-disable no-invalid-position-at-import-rule -- technical debt */\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.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.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.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  background-color: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n  background: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--f-background-month);\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: 1px solid var(--f-border-color-calendar-navbar);\n  padding: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h4);\n}\n.calendar-navbar__month {\n  order: 2;\n}\n.calendar-navbar__arrow--previous {\n  order: 1;\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--next {\n  order: 3;\n}\n.calendar-navbar__icon {\n  color: var(--f-icon-color-white);\n  background-color: var(--f-icon-color-primary);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--f-icon-color-discrete);\n  background-color: var(--f-icon-color-white);\n  padding: 4px;\n  border: 1px solid var(--f-border-color-calendar-navbar);\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.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.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\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$q, [["styles", [_style_0$1]]]);
+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.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.entrypoint {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\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.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.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.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 > .button__icon {\n  color: var(--f-text-color-button-standard);\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:hover > .button__icon {\n  color: var(--f-text-color-button-standard);\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:active > .button__icon, .button:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.disabled > .button__icon, .button.disabled:hover > .button__icon, .button:disabled > .button__icon, .button:disabled:hover > .button__icon, .button.button--disabled > .button__icon, .button.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:active > .button__icon, .button.button--primary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--primary.disabled > .button__icon, .button.button--primary.disabled:hover > .button__icon, .button.button--primary:disabled > .button__icon, .button.button--primary:disabled:hover > .button__icon, .button.button--primary.button--disabled > .button__icon, .button.button--primary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--secondary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--secondary.disabled > .button__icon, .button.button--secondary.disabled:hover > .button__icon, .button.button--secondary:disabled > .button__icon, .button.button--secondary:disabled:hover > .button__icon, .button.button--secondary.button--disabled > .button__icon, .button.button--secondary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon, .button.button--text > .button__icon {\n  color: var(--f-text-color-button-discrete);\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:hover > .button__icon, .button.button--text:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-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:active > .button__icon, .button.button--text:active > .button__icon, .button.button--discrete:focus > .button__icon, .button.button--text:focus > .button__icon {\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.button.button--discrete.disabled > .button__icon, .button.disabled.button--text > .button__icon, .button.button--discrete.disabled:hover > .button__icon, .button.button--discrete:disabled > .button__icon, .button.button--text:disabled > .button__icon, .button.button--discrete:disabled:hover > .button__icon, .button.button--discrete.button--disabled > .button__icon, .button.button--disabled.button--text > .button__icon, .button.button--discrete.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted);\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:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted-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:active > .button__icon, .button.button--discrete-inverted:focus > .button__icon {\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.button.button--discrete-inverted.disabled > .button__icon, .button.button--discrete-inverted.disabled:hover > .button__icon, .button.button--discrete-inverted:disabled > .button__icon, .button.button--discrete-inverted:disabled:hover > .button__icon, .button.button--discrete-inverted.button--disabled > .button__icon, .button.button--discrete-inverted.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--tertiary:focus > .button__icon {\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.button.button--tertiary.disabled > .button__icon, .button.button--tertiary.disabled:hover > .button__icon, .button.button--tertiary:disabled > .button__icon, .button.button--tertiary:disabled:hover > .button__icon, .button.button--tertiary.button--disabled > .button__icon, .button.button--tertiary.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-icon-color-action-content-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--black:hover > .button__icon, .button.button--tertiary--black:active > .button__icon, .button.button--tertiary--black:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted > .button__icon {\n  color: var(--fkds-icon-color-action-content-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:hover > .button__icon, .button.button--tertiary--inverted:active > .button__icon, .button.button--tertiary--inverted:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\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--inverted:disabled > .button__icon {\n  color: var(--fkds-icon-color-action-content-primary-disabled);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\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(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\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(--f-background-calendar-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar {\n  font-size: var(--f-font-size-standard);\n  display: inline-block;\n  width: 100%;\n  max-width: 27.5rem;\n}\n.calendar__container {\n  background: #fff;\n  margin-bottom: 1.5rem;\n}\n.calendar button:focus {\n  z-index: 2;\n}\n.calendar__tabs {\n  position: relative;\n  height: 4rem;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n.calendar__tabs-tab {\n  width: calc(50% + 1px);\n  color: var(--f-icon-color-primary);\n  font-size: var(--f-font-size-standard);\n  font-weight: bold;\n  border: 1px solid #767676;\n  height: 100%;\n  position: absolute;\n  background: var(--f-background-tab-inactive);\n}\n.calendar__tabs-tab .button__icon {\n  width: 1.75rem;\n  height: 1.75rem;\n  margin-right: calc(var(--f-font-size-standard) / 2);\n}\n.calendar__tabs-tab .button__icon,\n.calendar__tabs-tab span {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__tabs-tab span {\n  max-width: 7rem;\n  text-align: left;\n}\n.calendar__tabs-tab--left {\n  left: 0;\n  box-shadow: inset -3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--right {\n  right: 0;\n  box-shadow: inset 3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--selected {\n  background: var(--f-background-tab-active);\n  z-index: 1;\n  border-bottom: 0;\n  box-shadow: unset;\n}\n.calendar__period {\n  border: 1px solid #767676;\n  border-top: 0;\n  padding: 1rem;\n}\n.calendar__navbar {\n  text-align: center;\n  border-right: 1px solid #767676;\n  border-left: 1px solid #767676;\n  border-bottom-color: #dddddd;\n  position: relative;\n}\n.calendar__navbar button,\n.calendar__navbar .button {\n  font-size: 100%;\n  border: 0;\n  background-color: transparent;\n}\n.calendar__navbar button:hover, .calendar__navbar button:focus,\n.calendar__navbar .button:hover,\n.calendar__navbar .button:focus {\n  color: #767676;\n  background-color: transparent;\n}\n.calendar__navbar-middle {\n  padding: calc(0.5rem * 2);\n  position: relative;\n  color: var(--f-text-color-link);\n}\n.calendar__navbar-middle span {\n  font-size: 1.125rem;\n  font-weight: bold;\n  border-bottom: 2px solid;\n  padding-bottom: 2px;\n  transition: all 0.15s ease-in-out;\n}\n.calendar__navbar-middle span:hover {\n  padding-bottom: calc(2px * 2);\n}\n.calendar__navbar-arrow {\n  color: #767676;\n  position: absolute;\n  padding: 0 0.5rem;\n  height: 100%;\n}\n.calendar__navbar-arrow span,\n.calendar__navbar-arrow .button__icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__navbar-arrow .button__icon {\n  color: var(--f-icon-color-primary);\n  width: 1.75rem;\n  height: 1.75rem;\n}\n.calendar__navbar-arrow--left {\n  left: 0;\n  text-align: left;\n}\n.calendar__navbar-arrow--left .button__icon {\n  transform: rotate(180deg);\n}\n.calendar__navbar-arrow--right {\n  right: 0;\n  text-align: right;\n}\n.calendar__monthview, .calendar__yearview {\n  padding: 0.25rem;\n  border: 1px solid #767676;\n  border-top: 0;\n}\n.calendar__row {\n  display: flex;\n}\n.calendar__row button:focus, .calendar__row button:hover,\n.calendar__row .button:focus,\n.calendar__row .button:hover {\n  color: #1b1e23;\n}\n.calendar__row button:focus,\n.calendar__row .button:focus {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__row button:hover,\n.calendar__row .button:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__row button.calendar__item--added:focus,\n.calendar__row .button.calendar__item--added:focus {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__row button.calendar__item--selected:focus,\n.calendar__row .button.calendar__item--selected:focus {\n  background-color: #fff;\n  color: var(--f-background-calendar-selected);\n}\n.calendar__row button.calendar__item--added:hover, .calendar__row button.calendar__item--selected:hover,\n.calendar__row .button.calendar__item--added:hover,\n.calendar__row .button.calendar__item--selected:hover {\n  background-color: var(--f-background-calendar-hover);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item {\n  height: 2.75rem;\n  width: 15%;\n  margin: 0.05rem;\n  padding: 0;\n  border: 2px solid transparent;\n}\n.calendar__item--week {\n  background-color: transparent;\n  border: 0 solid transparent;\n  font-size: var(--f-font-size-standard);\n  text-align: center;\n  line-height: 2.75rem;\n}\n.calendar__item--date {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  font-weight: bold;\n  font-size: var(--f-font-size-standard);\n  position: relative;\n}\n.calendar__item--date:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__item--today .calendar__item__number {\n  background: #666666;\n  color: var(--f-background-calendar-default);\n  display: inline-block;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__item--today.calendar__item--added .calendar__item__number, .calendar__item--today.calendar__item--selected .calendar__item__number {\n  width: calc(1.6rem + 0.2rem);\n}\n.calendar__item--today.calendar__item--added .calendar__item__number {\n  background: var(--f-background-calendar-selected);\n  border: 2px solid #fff;\n}\n.calendar__item--today.calendar__item--selected .calendar__item__number {\n  background: #fff;\n  color: var(--f-background-calendar-selected);\n  border: 2px solid var(--f-background-calendar-selected);\n}\n.calendar__item--added {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__item--added:hover {\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--selected {\n  background-color: #fff;\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--disabled {\n  color: #767676;\n  cursor: not-allowed;\n}\n.calendar__item--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: 2px solid #99a2a2;\n  top: 50%;\n  margin-left: 25%;\n  width: 50%;\n  left: 0;\n}\n.calendar__item--disabled:hover {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__editbox {\n  border: 2px solid #767676;\n  border-radius: 6px;\n  position: relative;\n  background-color: white;\n  margin-bottom: 1.5rem;\n}\n.calendar__editbox::before, .calendar__editbox::after {\n  content: "";\n  display: block;\n  position: absolute;\n  left: calc(50% - 1rem);\n  width: 0;\n  height: 0;\n  border: 1rem solid transparent;\n}\n.calendar__editbox::before {\n  bottom: 100%;\n  border-bottom-color: #767676;\n}\n.calendar__editbox::after {\n  bottom: calc(100% - calc(2px + 1px));\n  border-bottom-color: #fff;\n}\n.calendar__editbox-header {\n  text-align: center;\n  border-bottom: 1px solid #767676;\n  padding: 1.5rem;\n}\n.calendar__editbox-content {\n  padding: 1rem;\n}\n.calendar-submit-button {\n  margin-top: calc(1rem * 2);\n  margin-bottom: 1rem;\n}\n.calendar__month-item {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  border: 2px solid transparent;\n  font-weight: bold;\n  font-size: 0.875rem;\n  width: 33%;\n  height: 2.75rem;\n  margin: 0.25rem;\n  padding: 0.25rem calc(0.25rem * 2);\n  display: inline-block;\n  text-align: left;\n}\n.calendar__month-item:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__month-item--name {\n  float: left;\n  text-align: center;\n  line-height: 1.6rem;\n}\n.calendar__month-item--name-sm {\n  display: none;\n}\n.calendar__month-item--days {\n  float: right;\n  background: #ccc;\n  text-align: center;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__month-item--has-days {\n  border: 2px solid var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__month-item--has-days .calendar__month-item--days {\n  background: var(--f-background-calendar-selected);\n  color: white;\n}\n.calendar__addedmonth-wrapper {\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth {\n  border-top: 1px solid #767676;\n}\n.calendar__addedmonth-header {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.5rem;\n}\n.calendar__addedmonth-header-edit {\n  margin-left: auto;\n}\n.calendar__addedmonth-header-expand {\n  margin-right: auto;\n  font-size: 1rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.calendar__addedmonth-header-expand:hover, .calendar__addedmonth-header-expand:focus {\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon {\n  display: inline-block;\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background-color: var(--f-background-calendar-selected);\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth-header-expand-icon::before, .calendar__addedmonth-header-expand-icon::after {\n  content: " ";\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon::before {\n  width: 1rem;\n  height: 0.125rem;\n  transition: all 0.5s ease;\n}\n.calendar__addedmonth-header-expand-icon::after {\n  width: 1rem;\n  height: 0.125rem;\n}\n.calendar__addedmonth-header-expand-text {\n  color: #1b1e23;\n  display: inline-block;\n  font-weight: normal;\n  padding-left: 0.25rem;\n  text-align: left;\n}\n.calendar__addedmonth-header-expand-days {\n  display: block;\n  font-weight: bold;\n}\n.calendar__addedmonth-collapsable {\n  display: block;\n  height: auto;\n  transition: height 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-header-expand-icon::before {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-collapsable {\n  overflow: hidden;\n  height: 0;\n}\n.calendar__addedmonth .button--discrete {\n  margin-bottom: 0;\n}\n.calendar__addedmonth .button__icon {\n  color: var(--f-text-color-link);\n}\n.calendar__addedmonth:first-child {\n  border-top: none;\n}\n.calendar__addedsummary {\n  margin-bottom: 1.5rem;\n}\n.calendar__addedsummary-days {\n  text-align: center;\n  background-color: #fff;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-radius: 6px;\n  font-size: 1.125rem;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedday {\n  border-top: 1px solid #adadad;\n  position: relative;\n  width: 100%;\n  display: flex;\n}\n.calendar__addedday-date {\n  background-color: var(--f-background-calendar-default);\n  color: var(--f-background-calendar-selected);\n  text-align: center;\n  padding: 10px;\n  min-width: 90px;\n}\n.calendar__addedday-date-day {\n  font-weight: bold;\n  font-size: 3rem;\n}\n.calendar__addedday-content {\n  padding: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.calendar__addedday-text {\n  margin-bottom: 1rem;\n}\n.calendar__addedmonth-collapsable > div:first-child .calendar__addedday {\n  border-top: 1px solid #767676;\n}\n.calendar__collapsed {\n  visibility: hidden;\n}\n@media (max-width: 460px) {\n.calendar__tabs {\n    height: calc(4rem + 1rem);\n}\n.calendar__tabs-tab span {\n    text-align: center;\n}\n.calendar__monthview, .calendar__yearview {\n    padding: 0;\n}\n.calendar__item--week:first-child {\n    display: none;\n}\n.calendar__month-item--name-lg {\n    display: none;\n}\n.calendar__month-item--name-sm {\n    display: inline-block;\n}\n}\n@media (max-width: 355px) {\n.calendar__tabs {\n    height: calc(4rem + 2rem);\n}\n.calendar__navbar-arrow--month span {\n    display: none;\n}\n}\n.calendar--hide-tabs .calendar__tabs {\n  display: none;\n}\n.calendar--hide-tabs .calendar__navbar {\n  border-top: 1px solid #767676;\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, .checkbox__details {\n  display: block;\n}\n.radio-button__width, .checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cmVjdCB4PSIzLjQ3NCIgeT0iOS4xOTQiIGZpbGw9IiMzQzU1OTIiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCgljMC42MzUtMC42MzMsMS42NjMtMC42MzMsMi4yOTgsMGwyLjEwMSwyLjA5N2w1LjM1MS01LjM0YzAuNjM1LTAuNjM0LDEuNjYzLTAuNjM0LDIuMjk4LDBjMC42MzUsMC42MzMsMC42MzUsMS42NTksMCwyLjI5MwoJbC02LjUsNi40ODdDOS4yMDcsMTQuODQ3LDguNzkyLDE1LjAwNSw4LjM3NiwxNS4wMDV6Ii8+Cjwvc3ZnPgo=");\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: var(--f-background-input);\n  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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: transparent;\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n.checkbox.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background: var(--f-background-input-selected-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--f-background-input-selected);\n}\n.checkbox input[type=checkbox]:not(:checked) + .checkbox__label::before {\n  box-shadow: var(--f-input-shadow-inset);\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-primary-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-primary-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-primary-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-primary-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-action-content-primary-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  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--f-icon-color-primary);\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:disabled .icon {\n  color: var(--f-icon-color-discrete);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-small) solid var(--f-border-color-modal);\n  background-color: var(--f-background-content);\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(--f-border-color-dialogue-tree);\n}\n.dialogue-tree__list-item {\n  background-color: var(--f-background-dialogue-tree);\n  border-bottom: 1px solid var(--f-border-color-dialogue-tree);\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(--f-background-dialogue-tree-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(--f-text-color-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.error-list {\n  color: var(--f-text-color-error);\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(--f-text-color-error);\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(--f-text-color-error);\n  cursor: pointer;\n  list-style-position: inside;\n  text-decoration: underline;\n}\n.error-list__link a {\n  color: var(--f-text-color-error);\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.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  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-remove svg {\n  color: var(--f-icon-color-primary);\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  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-item__file-uploading .progress__meter--inprogress {\n  background: var(--f-background-progress-file-item-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-file-item-ongoing);\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.form {\n  padding-top: 1rem;\n  padding-bottom: 3rem;\n}\n.form-step {\n  background: var(--f-background-form-step);\n  border: var(--f-border-width-medium) solid var(--f-border-color-form-step);\n  border-radius: var(--f-border-radius-small);\n  margin: 0 0 var(--f-margin-component-bottom);\n  margin-bottom: 2rem;\n  padding: 2rem;\n  position: relative;\n  transition: background-color var(--f-animation-duration-medium) ease-in-out, border-color var(--f-animation-duration-medium) ease-in-out;\n}\n@media (max-width: 639.98px) {\n.form-step {\n    padding: 1.5rem 0.75rem 2rem;\n    margin-left: -0.75rem;\n    margin-right: -0.75rem;\n}\n}\n.form-step--last-step {\n  margin-bottom: 3rem;\n}\n@media (max-width: 639.98px) {\n.form-step--last-step {\n    margin-bottom: 2rem;\n}\n}\n.form-step__header {\n  margin-bottom: 0.5rem;\n}\n.form-step__title {\n  font-size: var(--f-font-size-h2);\n  display: inline;\n}\n@media (max-width: 639.98px) {\n.form-step__title {\n    font-size: var(--f-font-size-xxx-large);\n}\n}\n.form-step__check {\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  color: var(--f-icon-color-success);\n  height: var(--f-icon-size-x-large);\n  margin-bottom: -0.25rem;\n  margin-left: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.form-step__error {\n  color: var(--f-text-color-error);\n}\n.form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step__arrow::before, .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-form-step);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-form-step);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step__arrow {\n    left: 2rem;\n}\n}\n.form-step--complete {\n  background: var(--f-background-success);\n  border-color: var(--f-border-color-success);\n}\n.form-step--complete .form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step--complete .form-step__arrow::before, .form-step--complete .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step--complete .form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-success);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step--complete .form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-success);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step--complete .form-step__arrow {\n    left: 2rem;\n}\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__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    /* stylelint-disable-next-line color-function-notation, alpha-value-notation -- technical debt */\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--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}\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 {\n  padding: 1.5rem;\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.progress {\n  background-color: var(--f-background-progress);\n  border-radius: var(--f-height-medium);\n  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n}\n.progress__meter {\n  border-radius: var(--f-height-medium);\n  display: block;\n  float: left;\n  height: var(--f-height-small);\n  margin: calc(-1 * var(--f-border-width-small));\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(--f-background-progress-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-ongoing);\n}\n.progress__meter--finished {\n  background: var(--f-background-progress-finished);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-finished);\n  width: calc(100% + 2 * var(--f-border-width-small));\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  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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::before {\n  background: var(--f-background-input);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner);\n}\n.radio-button__label::after {\n  background: var(--f-background-input-selected);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-selected);\n  opacity: 0;\n}\n.radio-button.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-disabled);\n}\n.radio-button.disabled .radio-button__label::after {\n  background: var(--f-background-input-selected-disabled);\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\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-primary);\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 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: densify(0.375rem) 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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .table__button:focus > .button__icon {\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.disabled > .button__icon, .table__button.disabled:hover > .button__icon, .table__button:disabled > .button__icon, .table__button:disabled:hover > .button__icon, .table__button.table__button--disabled > .button__icon, .table__button.table__button--disabled:hover > .button__icon {\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-primary);\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-primary);\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  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\n/* stylelint-disable no-invalid-position-at-import-rule -- technical debt */\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.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.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.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  background-color: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n  background: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--f-background-month);\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: 1px solid var(--f-border-color-calendar-navbar);\n  padding: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h4);\n}\n.calendar-navbar__month {\n  order: 2;\n}\n.calendar-navbar__arrow--previous {\n  order: 1;\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--next {\n  order: 3;\n}\n.calendar-navbar__icon {\n  color: var(--f-icon-color-white);\n  background-color: var(--f-icon-color-primary);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--f-icon-color-discrete);\n  background-color: var(--f-icon-color-white);\n  padding: 4px;\n  border: 1px solid var(--f-border-color-calendar-navbar);\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.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.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\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"
 };
@@ -15041,7 +15160,7 @@ const tagName = "ce-details-panel";
 const header$1 = "header";
 const content$1 = "content";
 const footer$1 = "footer";
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FDetailsPanel",
   props: {
     name: {},
@@ -15101,7 +15220,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 function isDialogueTreeEndQuestion(value) {
   return Boolean(value.userData);
 }
-const _sfc_main$o = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "FDialogueTree",
   components: {
     FIcon
@@ -15187,7 +15306,7 @@ const _hoisted_2$k = {
   class: "dialogue-tree__list"
 };
 const _hoisted_3$f = ["onClick"];
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$o, [_ctx.options.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2$k, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
     return openBlock(), createElementBlock("li", {
@@ -15207,8 +15326,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     userData: _ctx.userData
   })))]);
 }
-const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$i]]);
-const _sfc_main$n = defineComponent({
+const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$j]]);
+const _sfc_main$p = defineComponent({
   name: "FExpandablePanel",
   components: {
     FIcon,
@@ -15305,7 +15424,7 @@ const _hoisted_8$4 = {
   key: 0,
   class: "expandable-panel__outside"
 };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_expand = resolveComponent("f-expand");
   return openBlock(), createElementBlock("div", {
@@ -15342,8 +15461,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$h]]);
-const _sfc_main$m = defineComponent({
+const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$i]]);
+const _sfc_main$o = defineComponent({
   name: "FExpandableParagraph",
   components: {
     FIcon,
@@ -15444,7 +15563,7 @@ const _hoisted_7$5 = {
   key: 0,
   class: "expandable-paragraph__separator"
 };
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_expand = resolveComponent("f-expand");
   return openBlock(), createElementBlock("div", {
@@ -15475,7 +15594,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$g]]);
+const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$h]]);
 const DEFAULT_ICON = "file";
 const iconMap = {
   "image/*": "pic",
@@ -15484,7 +15603,7 @@ const iconMap = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "doc",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.template": "doc"
 };
-const _sfc_main$l = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "FFileItem",
   components: {
     FIcon
@@ -15583,7 +15702,7 @@ const _hoisted_7$4 = {
   key: 0,
   class: "file-item__change-info"
 };
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$l, [createElementVNode("div", _hoisted_2$h, [createElementVNode("a", mergeProps({
     id: _ctx.id,
@@ -15596,8 +15715,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     class: "file-item__separator"
   }, null, -1))]);
 }
-const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f]]);
-const _sfc_main$k = defineComponent({
+const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$g]]);
+const _sfc_main$m = defineComponent({
   name: "FFileSelector",
   components: {
     FIcon
@@ -15666,7 +15785,7 @@ const _hoisted_1$k = {
 };
 const _hoisted_2$g = ["id", "aria-labelledby", "aria-disabled"];
 const _hoisted_3$b = ["id", "for"];
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("input", mergeProps({
     id: _ctx.id,
@@ -15687,7 +15806,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paper-clip"
   }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$b)]);
 }
-const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
+const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$f]]);
 const keybindings = {
   Up: focusTrAbove,
   Down: focusTrBelow,
@@ -15834,7 +15953,7 @@ const _hoisted_11$1 = {
   class: "table__column__description"
 };
 const _hoisted_12$1 = ["aria-label", "aria-expanded", "aria-level", "aria-describedby", "onKeydown", "onClick"];
-const _hoisted_13 = {
+const _hoisted_13$1 = {
   key: 0
 };
 const _hoisted_14 = {
@@ -15864,7 +15983,7 @@ const _hoisted_21 = {
   key: 1
 };
 const _hoisted_22 = ["colspan"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -15879,7 +15998,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       required: true
     },
     /**
-     * If `true` hovering over a row will be highlighted
+     * When enabled hovering over a row will be highlighted.
      */
     hover: {
       type: Boolean,
@@ -15909,15 +16028,19 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       default: ""
     },
     /**
-     * If `true` the table rows will be selectable.
-     * @see 'select' and 'unselect' events.
+     * When enabled the table rows will be selectable.
+     *
+     * The current set of selected rows can be accessed with `v-model`.
+     *
+     * The `select` and `unselect` events will be emitted when a row is selected
+     * or deselected.
      */
     selectable: {
       type: Boolean,
       default: false
     },
     /**
-     * If `true` alternating rows will use a different background color.
+     * When enabled alternating rows will use a different background color.
      */
     striped: {
       type: Boolean,
@@ -15929,8 +16052,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
      * Can be one of the following values:
      *
      * - `"horizontal"`: Enables horizontal scrolling
-     * - `"vertical"`: Enables vertical scrolling
-     * - `"both"`: Enables scrolling in both directions
+     * - `"vertical"`: Does nothing (deprecated)
+     * - `"both"`: Acts as horizontal (deprecated)
      * - `"none"`: Disables scrolling (default)
      */
     scroll: {
@@ -15941,6 +16064,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         return types.includes(value);
       }
     },
+    /**
+     * Enable showing the active row.
+     */
+    showActive: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     /**
      * Currently selected rows.
      * Requires `selectable` to be set.
@@ -15951,23 +16082,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       default: void 0
     },
     /**
-     * Enable showing the active row.
-     */
-    showActive: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /**
-     * V-model will bind to value containing the current active row.
+     * Current active row.
      */
     active: {
       type: Object,
       required: false,
-      default: () => void 0
+      default: void 0
     }
   },
-  emits: ["change", "click", "unselect", "update:modelValue", "update:active", "select", "expand", "collapse"],
+  emits: ["change", "click", "select", "unselect", "expand", "collapse", "update:modelValue", "update:active"],
   setup(__props, {
     emit: __emit
   }) {
@@ -16272,7 +16395,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         }, null, 2);
       }), 128))]), _cache[17] || (_cache[17] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_5$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
         row: {}
-      }))), _cache[4] || (_cache[4] = createTextVNode()), unref(isExpandableTable) ? (openBlock(), createElementBlock("th", _hoisted_6$5, [createElementVNode("span", _hoisted_7$3, toDisplayString(unref($t2)("fkui.interactive-table.select", "Expandera")), 1)])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_8$3, [createElementVNode("span", _hoisted_9$3, toDisplayString(unref($t2)("fkui.interactive-table.select", "Markera")), 1)])) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
+      }))), _cache[4] || (_cache[4] = createTextVNode()), unref(isExpandableTable) ? (openBlock(), createElementBlock("th", _hoisted_6$5, [createElementVNode("span", _hoisted_7$3, toDisplayString(
+        /** Kolumnrubrik som visas för skärmläsare om funktionen för expanderbara rader (`expandable-attribute`) aktiveras */
+        unref($t2)("fkui.interactive-table.expand", "Expandera")
+      ), 1)])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_8$3, [createElementVNode("span", _hoisted_9$3, toDisplayString(
+        /** Kolumnrubrik som visas för skärmläsare om funktionen för valbara rader (`selectable`) aktiveras */
+        unref($t2)("fkui.interactive-table.select", "Markera")
+      ), 1)])) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
         return openBlock(), createElementBlock("th", mergeProps({
           key: column.id,
           scope: "col",
@@ -16301,7 +16430,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           tabindex: "0",
           onKeydown: withModifiers(($event) => onKeydown$1($event, index), ["self"]),
           onClick: ($event) => onClick($event, row)
-        }, [unref(isExpandableTable) ? (openBlock(), createElementBlock("td", _hoisted_13, [unref(hasExpandableContent)(row) ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(FIcon), {
+        }, [unref(isExpandableTable) ? (openBlock(), createElementBlock("td", _hoisted_13$1, [unref(hasExpandableContent)(row) ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(FIcon), {
           name: "arrow-right",
           rotate: unref(isExpanded)(row) ? "270" : "90"
         }, null, 8, ["rotate"])])) : createCommentVNode("", true)])) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_15, [createElementVNode("div", _hoisted_16, [createVNode(unref(FCheckboxField), {
@@ -16349,12 +16478,38 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       })))])) : createCommentVNode("", true), _cache[15] || (_cache[15] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("tr", _hoisted_21, [createElementVNode("td", {
         class: "table__column table__column--action",
         colspan: nbOfColumns.value
-      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.interactive-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_22), _cache[13] || (_cache[13] = createTextVNode()), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(
+        /** Text som visas som standardinnehåll i slotten `empty` (när tabellen är tom). */
+        unref($t2)("fkui.interactive-table.empty", "Tabellen är tom")
+      ), 1)])], 8, _hoisted_22), _cache[13] || (_cache[13] = createTextVNode()), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
         row: {}
       })))])) : createCommentVNode("", true)]))], 16, _hoisted_1$j)], 2);
     };
   }
 });
+const _style_0$1 = ":host {\n  display: contents;\n}\n:host([hidden]) {\n  display: none;\n}";
+const _sfc_main$k = {};
+function _sfc_render$e(_ctx, _cache) {
+  return renderSlot(_ctx.$slots, "default");
+}
+const CeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e], ["styles", [_style_0$1]]]);
+const ceTag$1 = "ce-fixed-pane";
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "FFixedPane",
+  setup(__props) {
+    onMounted(() => {
+      if (!customElements.get(ceTag$1)) {
+        customElements.define(ceTag$1, defineCustomElement(CeComponent));
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(ceTag$1), null, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      });
+    };
+  }
+});
 const _sfc_main$i = defineComponent({
   name: "FLayoutApplicationTemplate",
   computed: {
@@ -18320,7 +18475,7 @@ const _sfc_main$7 = /* @__PURE__ */ 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.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.entrypoint {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\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.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.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.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 > .button__icon {\n  color: var(--f-text-color-button-standard);\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:hover > .button__icon {\n  color: var(--f-text-color-button-standard);\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:active > .button__icon, .button:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.disabled > .button__icon, .button.disabled:hover > .button__icon, .button:disabled > .button__icon, .button:disabled:hover > .button__icon, .button.button--disabled > .button__icon, .button.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:active > .button__icon, .button.button--primary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--primary.disabled > .button__icon, .button.button--primary.disabled:hover > .button__icon, .button.button--primary:disabled > .button__icon, .button.button--primary:disabled:hover > .button__icon, .button.button--primary.button--disabled > .button__icon, .button.button--primary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--secondary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--secondary.disabled > .button__icon, .button.button--secondary.disabled:hover > .button__icon, .button.button--secondary:disabled > .button__icon, .button.button--secondary:disabled:hover > .button__icon, .button.button--secondary.button--disabled > .button__icon, .button.button--secondary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon, .button.button--text > .button__icon {\n  color: var(--f-text-color-button-discrete);\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:hover > .button__icon, .button.button--text:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-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:active > .button__icon, .button.button--text:active > .button__icon, .button.button--discrete:focus > .button__icon, .button.button--text:focus > .button__icon {\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.button.button--discrete.disabled > .button__icon, .button.disabled.button--text > .button__icon, .button.button--discrete.disabled:hover > .button__icon, .button.button--discrete:disabled > .button__icon, .button.button--text:disabled > .button__icon, .button.button--discrete:disabled:hover > .button__icon, .button.button--discrete.button--disabled > .button__icon, .button.button--disabled.button--text > .button__icon, .button.button--discrete.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted);\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:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted-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:active > .button__icon, .button.button--discrete-inverted:focus > .button__icon {\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.button.button--discrete-inverted.disabled > .button__icon, .button.button--discrete-inverted.disabled:hover > .button__icon, .button.button--discrete-inverted:disabled > .button__icon, .button.button--discrete-inverted:disabled:hover > .button__icon, .button.button--discrete-inverted.button--disabled > .button__icon, .button.button--discrete-inverted.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--tertiary:focus > .button__icon {\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.button.button--tertiary.disabled > .button__icon, .button.button--tertiary.disabled:hover > .button__icon, .button.button--tertiary:disabled > .button__icon, .button.button--tertiary:disabled:hover > .button__icon, .button.button--tertiary.button--disabled > .button__icon, .button.button--tertiary.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-icon-color-action-content-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--black:hover > .button__icon, .button.button--tertiary--black:active > .button__icon, .button.button--tertiary--black:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted > .button__icon {\n  color: var(--fkds-icon-color-action-content-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:hover > .button__icon, .button.button--tertiary--inverted:active > .button__icon, .button.button--tertiary--inverted:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\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--inverted:disabled > .button__icon {\n  color: var(--fkds-icon-color-action-content-primary-disabled);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\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(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\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(--f-background-calendar-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar {\n  font-size: var(--f-font-size-standard);\n  display: inline-block;\n  width: 100%;\n  max-width: 27.5rem;\n}\n.calendar__container {\n  background: #fff;\n  margin-bottom: 1.5rem;\n}\n.calendar button:focus {\n  z-index: 2;\n}\n.calendar__tabs {\n  position: relative;\n  height: 4rem;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n.calendar__tabs-tab {\n  width: calc(50% + 1px);\n  color: var(--f-icon-color-primary);\n  font-size: var(--f-font-size-standard);\n  font-weight: bold;\n  border: 1px solid #767676;\n  height: 100%;\n  position: absolute;\n  background: var(--f-background-tab-inactive);\n}\n.calendar__tabs-tab .button__icon {\n  width: 1.75rem;\n  height: 1.75rem;\n  margin-right: calc(var(--f-font-size-standard) / 2);\n}\n.calendar__tabs-tab .button__icon,\n.calendar__tabs-tab span {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__tabs-tab span {\n  max-width: 7rem;\n  text-align: left;\n}\n.calendar__tabs-tab--left {\n  left: 0;\n  box-shadow: inset -3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--right {\n  right: 0;\n  box-shadow: inset 3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--selected {\n  background: var(--f-background-tab-active);\n  z-index: 1;\n  border-bottom: 0;\n  box-shadow: unset;\n}\n.calendar__period {\n  border: 1px solid #767676;\n  border-top: 0;\n  padding: 1rem;\n}\n.calendar__navbar {\n  text-align: center;\n  border-right: 1px solid #767676;\n  border-left: 1px solid #767676;\n  border-bottom-color: #dddddd;\n  position: relative;\n}\n.calendar__navbar button,\n.calendar__navbar .button {\n  font-size: 100%;\n  border: 0;\n  background-color: transparent;\n}\n.calendar__navbar button:hover, .calendar__navbar button:focus,\n.calendar__navbar .button:hover,\n.calendar__navbar .button:focus {\n  color: #767676;\n  background-color: transparent;\n}\n.calendar__navbar-middle {\n  padding: calc(0.5rem * 2);\n  position: relative;\n  color: var(--f-text-color-link);\n}\n.calendar__navbar-middle span {\n  font-size: 1.125rem;\n  font-weight: bold;\n  border-bottom: 2px solid;\n  padding-bottom: 2px;\n  transition: all 0.15s ease-in-out;\n}\n.calendar__navbar-middle span:hover {\n  padding-bottom: calc(2px * 2);\n}\n.calendar__navbar-arrow {\n  color: #767676;\n  position: absolute;\n  padding: 0 0.5rem;\n  height: 100%;\n}\n.calendar__navbar-arrow span,\n.calendar__navbar-arrow .button__icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__navbar-arrow .button__icon {\n  color: var(--f-icon-color-primary);\n  width: 1.75rem;\n  height: 1.75rem;\n}\n.calendar__navbar-arrow--left {\n  left: 0;\n  text-align: left;\n}\n.calendar__navbar-arrow--left .button__icon {\n  transform: rotate(180deg);\n}\n.calendar__navbar-arrow--right {\n  right: 0;\n  text-align: right;\n}\n.calendar__monthview, .calendar__yearview {\n  padding: 0.25rem;\n  border: 1px solid #767676;\n  border-top: 0;\n}\n.calendar__row {\n  display: flex;\n}\n.calendar__row button:focus, .calendar__row button:hover,\n.calendar__row .button:focus,\n.calendar__row .button:hover {\n  color: #1b1e23;\n}\n.calendar__row button:focus,\n.calendar__row .button:focus {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__row button:hover,\n.calendar__row .button:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__row button.calendar__item--added:focus,\n.calendar__row .button.calendar__item--added:focus {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__row button.calendar__item--selected:focus,\n.calendar__row .button.calendar__item--selected:focus {\n  background-color: #fff;\n  color: var(--f-background-calendar-selected);\n}\n.calendar__row button.calendar__item--added:hover, .calendar__row button.calendar__item--selected:hover,\n.calendar__row .button.calendar__item--added:hover,\n.calendar__row .button.calendar__item--selected:hover {\n  background-color: var(--f-background-calendar-hover);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item {\n  height: 2.75rem;\n  width: 15%;\n  margin: 0.05rem;\n  padding: 0;\n  border: 2px solid transparent;\n}\n.calendar__item--week {\n  background-color: transparent;\n  border: 0 solid transparent;\n  font-size: var(--f-font-size-standard);\n  text-align: center;\n  line-height: 2.75rem;\n}\n.calendar__item--date {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  font-weight: bold;\n  font-size: var(--f-font-size-standard);\n  position: relative;\n}\n.calendar__item--date:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__item--today .calendar__item__number {\n  background: #666666;\n  color: var(--f-background-calendar-default);\n  display: inline-block;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__item--today.calendar__item--added .calendar__item__number, .calendar__item--today.calendar__item--selected .calendar__item__number {\n  width: calc(1.6rem + 0.2rem);\n}\n.calendar__item--today.calendar__item--added .calendar__item__number {\n  background: var(--f-background-calendar-selected);\n  border: 2px solid #fff;\n}\n.calendar__item--today.calendar__item--selected .calendar__item__number {\n  background: #fff;\n  color: var(--f-background-calendar-selected);\n  border: 2px solid var(--f-background-calendar-selected);\n}\n.calendar__item--added {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__item--added:hover {\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--selected {\n  background-color: #fff;\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--disabled {\n  color: #767676;\n  cursor: not-allowed;\n}\n.calendar__item--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: 2px solid #99a2a2;\n  top: 50%;\n  margin-left: 25%;\n  width: 50%;\n  left: 0;\n}\n.calendar__item--disabled:hover {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__editbox {\n  border: 2px solid #767676;\n  border-radius: 6px;\n  position: relative;\n  background-color: white;\n  margin-bottom: 1.5rem;\n}\n.calendar__editbox::before, .calendar__editbox::after {\n  content: "";\n  display: block;\n  position: absolute;\n  left: calc(50% - 1rem);\n  width: 0;\n  height: 0;\n  border: 1rem solid transparent;\n}\n.calendar__editbox::before {\n  bottom: 100%;\n  border-bottom-color: #767676;\n}\n.calendar__editbox::after {\n  bottom: calc(100% - calc(2px + 1px));\n  border-bottom-color: #fff;\n}\n.calendar__editbox-header {\n  text-align: center;\n  border-bottom: 1px solid #767676;\n  padding: 1.5rem;\n}\n.calendar__editbox-content {\n  padding: 1rem;\n}\n.calendar-submit-button {\n  margin-top: calc(1rem * 2);\n  margin-bottom: 1rem;\n}\n.calendar__month-item {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  border: 2px solid transparent;\n  font-weight: bold;\n  font-size: 0.875rem;\n  width: 33%;\n  height: 2.75rem;\n  margin: 0.25rem;\n  padding: 0.25rem calc(0.25rem * 2);\n  display: inline-block;\n  text-align: left;\n}\n.calendar__month-item:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__month-item--name {\n  float: left;\n  text-align: center;\n  line-height: 1.6rem;\n}\n.calendar__month-item--name-sm {\n  display: none;\n}\n.calendar__month-item--days {\n  float: right;\n  background: #ccc;\n  text-align: center;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__month-item--has-days {\n  border: 2px solid var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__month-item--has-days .calendar__month-item--days {\n  background: var(--f-background-calendar-selected);\n  color: white;\n}\n.calendar__addedmonth-wrapper {\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth {\n  border-top: 1px solid #767676;\n}\n.calendar__addedmonth-header {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.5rem;\n}\n.calendar__addedmonth-header-edit {\n  margin-left: auto;\n}\n.calendar__addedmonth-header-expand {\n  margin-right: auto;\n  font-size: 1rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.calendar__addedmonth-header-expand:hover, .calendar__addedmonth-header-expand:focus {\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon {\n  display: inline-block;\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background-color: var(--f-background-calendar-selected);\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth-header-expand-icon::before, .calendar__addedmonth-header-expand-icon::after {\n  content: " ";\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon::before {\n  width: 1rem;\n  height: 0.125rem;\n  transition: all 0.5s ease;\n}\n.calendar__addedmonth-header-expand-icon::after {\n  width: 1rem;\n  height: 0.125rem;\n}\n.calendar__addedmonth-header-expand-text {\n  color: #1b1e23;\n  display: inline-block;\n  font-weight: normal;\n  padding-left: 0.25rem;\n  text-align: left;\n}\n.calendar__addedmonth-header-expand-days {\n  display: block;\n  font-weight: bold;\n}\n.calendar__addedmonth-collapsable {\n  display: block;\n  height: auto;\n  transition: height 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-header-expand-icon::before {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-collapsable {\n  overflow: hidden;\n  height: 0;\n}\n.calendar__addedmonth .button--discrete {\n  margin-bottom: 0;\n}\n.calendar__addedmonth .button__icon {\n  color: var(--f-text-color-link);\n}\n.calendar__addedmonth:first-child {\n  border-top: none;\n}\n.calendar__addedsummary {\n  margin-bottom: 1.5rem;\n}\n.calendar__addedsummary-days {\n  text-align: center;\n  background-color: #fff;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-radius: 6px;\n  font-size: 1.125rem;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedday {\n  border-top: 1px solid #adadad;\n  position: relative;\n  width: 100%;\n  display: flex;\n}\n.calendar__addedday-date {\n  background-color: var(--f-background-calendar-default);\n  color: var(--f-background-calendar-selected);\n  text-align: center;\n  padding: 10px;\n  min-width: 90px;\n}\n.calendar__addedday-date-day {\n  font-weight: bold;\n  font-size: 3rem;\n}\n.calendar__addedday-content {\n  padding: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.calendar__addedday-text {\n  margin-bottom: 1rem;\n}\n.calendar__addedmonth-collapsable > div:first-child .calendar__addedday {\n  border-top: 1px solid #767676;\n}\n.calendar__collapsed {\n  visibility: hidden;\n}\n@media (max-width: 460px) {\n.calendar__tabs {\n    height: calc(4rem + 1rem);\n}\n.calendar__tabs-tab span {\n    text-align: center;\n}\n.calendar__monthview, .calendar__yearview {\n    padding: 0;\n}\n.calendar__item--week:first-child {\n    display: none;\n}\n.calendar__month-item--name-lg {\n    display: none;\n}\n.calendar__month-item--name-sm {\n    display: inline-block;\n}\n}\n@media (max-width: 355px) {\n.calendar__tabs {\n    height: calc(4rem + 2rem);\n}\n.calendar__navbar-arrow--month span {\n    display: none;\n}\n}\n.calendar--hide-tabs .calendar__tabs {\n  display: none;\n}\n.calendar--hide-tabs .calendar__navbar {\n  border-top: 1px solid #767676;\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:hover, .checkbox-group--border .checkbox-group__content .checkbox:hover, .list--hover .list__item:focus-within,\n.list--hover .list__item:hover, .list__item--hover {\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, .checkbox__details {\n  display: block;\n}\n.radio-button__width, .checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cmVjdCB4PSIzLjQ3NCIgeT0iOS4xOTQiIGZpbGw9IiMzQzU1OTIiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCgljMC42MzUtMC42MzMsMS42NjMtMC42MzMsMi4yOTgsMGwyLjEwMSwyLjA5N2w1LjM1MS01LjM0YzAuNjM1LTAuNjM0LDEuNjYzLTAuNjM0LDIuMjk4LDBjMC42MzUsMC42MzMsMC42MzUsMS42NTksMCwyLjI5MwoJbC02LjUsNi40ODdDOS4yMDcsMTQuODQ3LDguNzkyLDE1LjAwNSw4LjM3NiwxNS4wMDV6Ii8+Cjwvc3ZnPgo=");\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: var(--f-background-input);\n  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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: transparent;\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n.checkbox.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background: var(--f-background-input-selected-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--f-background-input-selected);\n}\n.checkbox input[type=checkbox]:not(:checked) + .checkbox__label::before {\n  box-shadow: var(--f-input-shadow-inset);\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-primary-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-primary-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-primary-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-primary-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-action-content-primary-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  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--f-icon-color-primary);\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:disabled .icon {\n  color: var(--f-icon-color-discrete);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-small) solid var(--f-border-color-modal);\n  background-color: var(--f-background-content);\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(--f-border-color-dialogue-tree);\n}\n.dialogue-tree__list-item {\n  background-color: var(--f-background-dialogue-tree);\n  border-bottom: 1px solid var(--f-border-color-dialogue-tree);\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(--f-background-dialogue-tree-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(--f-text-color-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.error-list {\n  color: var(--f-text-color-error);\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(--f-text-color-error);\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(--f-text-color-error);\n  cursor: pointer;\n  list-style-position: inside;\n  text-decoration: underline;\n}\n.error-list__link a {\n  color: var(--f-text-color-error);\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.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  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-remove svg {\n  color: var(--f-icon-color-primary);\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  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-item__file-uploading .progress__meter--inprogress {\n  background: var(--f-background-progress-file-item-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-file-item-ongoing);\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.form {\n  padding-top: 1rem;\n  padding-bottom: 3rem;\n}\n.form-step {\n  background: var(--f-background-form-step);\n  border: var(--f-border-width-medium) solid var(--f-border-color-form-step);\n  border-radius: var(--f-border-radius-small);\n  margin: 0 0 var(--f-margin-component-bottom);\n  margin-bottom: 2rem;\n  padding: 2rem;\n  position: relative;\n  transition: background-color var(--f-animation-duration-medium) ease-in-out, border-color var(--f-animation-duration-medium) ease-in-out;\n}\n@media (max-width: 639.98px) {\n.form-step {\n    padding: 1.5rem 0.75rem 2rem;\n    margin-left: -0.75rem;\n    margin-right: -0.75rem;\n}\n}\n.form-step--last-step {\n  margin-bottom: 3rem;\n}\n@media (max-width: 639.98px) {\n.form-step--last-step {\n    margin-bottom: 2rem;\n}\n}\n.form-step__header {\n  margin-bottom: 0.5rem;\n}\n.form-step__title {\n  font-size: var(--f-font-size-h2);\n  display: inline;\n}\n@media (max-width: 639.98px) {\n.form-step__title {\n    font-size: var(--f-font-size-xxx-large);\n}\n}\n.form-step__check {\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  color: var(--f-icon-color-success);\n  height: var(--f-icon-size-x-large);\n  margin-bottom: -0.25rem;\n  margin-left: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.form-step__error {\n  color: var(--f-text-color-error);\n}\n.form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step__arrow::before, .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-form-step);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-form-step);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step__arrow {\n    left: 2rem;\n}\n}\n.form-step--complete {\n  background: var(--f-background-success);\n  border-color: var(--f-border-color-success);\n}\n.form-step--complete .form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step--complete .form-step__arrow::before, .form-step--complete .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step--complete .form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-success);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step--complete .form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-success);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step--complete .form-step__arrow {\n    left: 2rem;\n}\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__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    /* stylelint-disable-next-line color-function-notation, alpha-value-notation -- technical debt */\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--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}\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 {\n  padding: 1.5rem;\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.progress {\n  background-color: var(--f-background-progress);\n  border-radius: var(--f-height-medium);\n  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n}\n.progress__meter {\n  border-radius: var(--f-height-medium);\n  display: block;\n  float: left;\n  height: var(--f-height-small);\n  margin: calc(-1 * var(--f-border-width-small));\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(--f-background-progress-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-ongoing);\n}\n.progress__meter--finished {\n  background: var(--f-background-progress-finished);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-finished);\n  width: calc(100% + 2 * var(--f-border-width-small));\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  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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::before {\n  background: var(--f-background-input);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner);\n}\n.radio-button__label::after {\n  background: var(--f-background-input-selected);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-selected);\n  opacity: 0;\n}\n.radio-button.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-disabled);\n}\n.radio-button.disabled .radio-button__label::after {\n  background: var(--f-background-input-selected-disabled);\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\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-primary);\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 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 {\n  border-radius: var(--f-button-discrete-table-column-action-border-radius);\n  margin: var(--f-button-discrete-table-column-action-margin);\n  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- readability */\n  padding-top: calc(var(--f-button-discrete-table-column-action-padding-top) * var(--f-density-factor));\n  padding-right: var(--f-button-discrete-table-column-action-padding-right);\n  padding-bottom: calc(var(--f-button-discrete-table-column-action-padding-bottom) * var(--f-density-factor));\n  padding-left: var(--f-button-discrete-table-column-action-padding-left);\n  /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  min-width: 24px;\n  width: max-content;\n}\n.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-discrete-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}\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__scroll--vertical {\n  overflow-y: 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.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-primary);\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-primary);\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 .wizard-step__header__title {\n  font-size: 1.125rem;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.wizard-step .wizard-step__header__title-container {\n  height: 30px;\n}\n.wizard-step .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px);\n}\n.wizard-step .wizard-step__header {\n  margin-left: -10px;\n}\n.wizard-step .wizard-step__header .icon-stack {\n  display: block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.wizard-step .wizard-step__header .icon-stack div {\n  width: 100%;\n  text-align: center;\n  font-size: 20px;\n  position: absolute;\n  font-weight: bold;\n}\n.wizard-step .wizard-step__header .icon.f-icon-circle {\n  width: 30px;\n  height: 30px;\n  transition: color 400ms ease-out, fill 400ms ease-out, opacity 400ms ease-out;\n}\n.wizard-step .wizard-step__header .icon.f-icon-success {\n  display: none;\n}\n.wizard-step .wizard-step__header__step-of {\n  color: var(--fkds-color-text-secondary);\n  font-weight: normal;\n  font-size: 1rem;\n}\n.wizard-step .wizard-step__header__line-down {\n  position: relative;\n  margin-bottom: 4px;\n  margin-left: 14px;\n  height: 13px;\n  margin-top: 4px;\n  width: 2px;\n  background-color: var(--fkds-color-border-strong);\n}\n.wizard-step .wizard-step__header__line-up {\n  margin-left: 14px;\n  height: 20px;\n  width: 2px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  background-color: var(--fkds-color-border-strong);\n}\n@media (forced-colors: active) {\n.wizard-step .wizard-step__header__line-up, .wizard-step .wizard-step__header__line-down {\n    background-color: CanvasText;\n}\n}\n@media (min-width: 640px) {\n.wizard-step .wizard-step__header__line-up {\n    margin-bottom: 4px;\n}\n}\n@media (min-width: 640px) {\n.wizard-step__connector {\n    border-left: 2px solid var(--fkds-color-border-strong);\n    padding-left: 22px;\n    margin-top: -3px;\n    margin-left: 4px;\n    margin-bottom: -8px;\n    padding-top: 1px;\n}\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__title {\n  color: var(--fkds-color-text-primary);\n}\n.wizard-step--open .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-border-strong);\n  color: var(--fkds-color-background-primary);\n}\n.wizard-step--open .wizard-step__header .icon-stack div {\n  color: var(--f-icon-color-black);\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__step-of {\n  display: block;\n}\n.wizard-step--open .wizard-step__header .iflex--grow {\n  padding-top: 12px;\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__line-up {\n  height: 35px;\n}\n.wizard-step--open .wizard-step__header .wizard-step__header__line-down {\n  margin-bottom: 0;\n}\n@media (forced-colors: active) {\n.wizard-step--open .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n}\n.wizard-step--done .wizard-step__header {\n  margin-top: 4px;\n}\n.wizard-step--done .wizard-step__header .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 .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 .wizard-step__header .wizard-step__header__line-up {\n  display: none;\n}\n.wizard-step--done .wizard-step__header .wizard-step__header__line-down {\n  margin-bottom: 0;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-feedback-border-positive);\n  color: var(--fkds-color-feedback-background-positive-strong);\n}\n.wizard-step--done .wizard-step__header .icon-stack div {\n  display: none;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-success {\n  display: block;\n  color: var(--fkds-icon-color-content-inverted);\n  width: 20px;\n  height: 20px;\n  left: 5px;\n  top: 5px;\n}\n.wizard-step--done .wizard-step__header .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px);\n}\n@media (forced-colors: active) {\n.wizard-step--done .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n.wizard-step--done .wizard-step__header .icon.f-icon-success {\n    color: CanvasText;\n}\n}\n.wizard-step--pending .wizard-step__header .wizard-step__header__title {\n  color: var(--f-text-color-discrete);\n}\n.wizard-step--pending .wizard-step__header .icon-stack div {\n  color: var(--f-icon-color-discrete);\n}\n.wizard-step--pending .wizard-step__header .icon.f-icon-circle {\n  fill: var(--fkds-color-border-strong);\n  color: var(--fkds-color-background-disabled);\n}\n.wizard-step--pending .wizard-step__header .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--pending .wizard-step__header .wizard-step__header__line-adjustment {\n  height: calc(13px + 4px * 2);\n}\n@media (forced-colors: active) {\n.wizard-step--pending .wizard-step__header .icon.f-icon-circle {\n    fill: CanvasText;\n    color: Canvas;\n}\n}\n.wizard-step--pending + .wizard-step .wizard-step__header__line-up {\n  display: none;\n}\n.wizard-step--pending + .wizard-step .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--open:first-child .wizard-step__header__line-up {\n  visibility: hidden;\n  height: 1.25rem;\n}\n.wizard-step--open:first-child .iflex--grow {\n  padding-top: 0;\n}\n.wizard-step--done:first-child .wizard-step__header__line-up,\n.wizard-step--pending:first-child .wizard-step__header__line-up {\n  display: none;\n  margin-top: 0;\n}\n@media (min-width: 640px) {\n.wizard-step--done .wizard-step__connector {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--pending .wizard-step__connector {\n    margin-top: -4px;\n    margin-bottom: 4px;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--done:last-child .wizard-step__connector,\n  .wizard-step--pending:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n@media (min-width: 640px) {\n.wizard-step--done:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n.wizard-step:last-child .wizard-step__header__line-down {\n  display: none;\n}\n.wizard-step:last-child.wizard-step--open .wizard-step__connector {\n  margin-top: 1rem;\n}\n.wizard-step:last-child .wizard-step__header__line-adjustment {\n  display: none;\n}\n@media (min-width: 640px) {\n.wizard-step:last-child .wizard-step__connector {\n    border-left: none;\n}\n}\n.wizard-step--open .wizard-step__header__line-up,\n.wizard-step--pending .wizard-step__header__line-up {\n  margin-top: -7px;\n}\n.wizard-step--done + .wizard-step--pending {\n  margin-top: 4px;\n}\n.wizard-step--done + .wizard-step--pending .wizard-step__header__line-up {\n  display: none;\n}\n\n/* stylelint-disable no-invalid-position-at-import-rule -- technical debt */\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.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.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.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  background-color: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n  background: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--f-background-month);\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: 1px solid var(--f-border-color-calendar-navbar);\n  padding: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h4);\n}\n.calendar-navbar__month {\n  order: 2;\n}\n.calendar-navbar__arrow--previous {\n  order: 1;\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--next {\n  order: 3;\n}\n.calendar-navbar__icon {\n  color: var(--f-icon-color-white);\n  background-color: var(--f-icon-color-primary);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--f-icon-color-discrete);\n  background-color: var(--f-icon-color-white);\n  padding: 4px;\n  border: 1px solid var(--f-border-color-calendar-navbar);\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.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.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: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.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.entrypoint {\n  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder -- technical debt */\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.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.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.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 > .button__icon {\n  color: var(--f-text-color-button-standard);\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:hover > .button__icon {\n  color: var(--f-text-color-button-standard);\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:active > .button__icon, .button:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.disabled > .button__icon, .button.disabled:hover > .button__icon, .button:disabled > .button__icon, .button:disabled:hover > .button__icon, .button.button--disabled > .button__icon, .button.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-inverted-default);\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:active > .button__icon, .button.button--primary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--primary.disabled > .button__icon, .button.button--primary.disabled:hover > .button__icon, .button.button--primary:disabled > .button__icon, .button.button--primary:disabled:hover > .button__icon, .button.button--primary.button--disabled > .button__icon, .button.button--primary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--secondary:focus > .button__icon {\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-action-background-disabled);\n  border-color: var(--fkds-color-action-border-disabled);\n  color: var(--fkds-color-action-text-disabled);\n}\n.button.button--secondary.disabled > .button__icon, .button.button--secondary.disabled:hover > .button__icon, .button.button--secondary:disabled > .button__icon, .button.button--secondary:disabled:hover > .button__icon, .button.button--secondary.button--disabled > .button__icon, .button.button--secondary.button--disabled:hover > .button__icon {\n  color: var(--fkds-color-action-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 > .button__icon, .button.button--text > .button__icon {\n  color: var(--f-text-color-button-discrete);\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:hover > .button__icon, .button.button--text:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-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:active > .button__icon, .button.button--text:active > .button__icon, .button.button--discrete:focus > .button__icon, .button.button--text:focus > .button__icon {\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.button.button--discrete.disabled > .button__icon, .button.disabled.button--text > .button__icon, .button.button--discrete.disabled:hover > .button__icon, .button.button--discrete:disabled > .button__icon, .button.button--text:disabled > .button__icon, .button.button--discrete:disabled:hover > .button__icon, .button.button--discrete.button--disabled > .button__icon, .button.button--disabled.button--text > .button__icon, .button.button--discrete.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted);\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:hover > .button__icon {\n  color: var(--f-text-color-button-discrete-inverted-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:active > .button__icon, .button.button--discrete-inverted:focus > .button__icon {\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.button.button--discrete-inverted.disabled > .button__icon, .button.button--discrete-inverted.disabled:hover > .button__icon, .button.button--discrete-inverted:disabled > .button__icon, .button.button--discrete-inverted:disabled:hover > .button__icon, .button.button--discrete-inverted.button--disabled > .button__icon, .button.button--discrete-inverted.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .button.button--tertiary:focus > .button__icon {\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.button.button--tertiary.disabled > .button__icon, .button.button--tertiary.disabled:hover > .button__icon, .button.button--tertiary:disabled > .button__icon, .button.button--tertiary:disabled:hover > .button__icon, .button.button--tertiary.button--disabled > .button__icon, .button.button--tertiary.button--disabled:hover > .button__icon {\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 > .button__icon {\n  color: var(--fkds-icon-color-action-content-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--black:hover > .button__icon, .button.button--tertiary--black:active > .button__icon, .button.button--tertiary--black:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-secondary-default);\n}\n.button.button--tertiary--inverted {\n  color: var(--fkds-color-action-text-inverted-default);\n}\n.button.button--tertiary--inverted > .button__icon {\n  color: var(--fkds-icon-color-action-content-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:hover > .button__icon, .button.button--tertiary--inverted:active > .button__icon, .button.button--tertiary--inverted:focus > .button__icon {\n  color: var(--fkds-icon-color-action-content-inverted-default);\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--inverted:disabled > .button__icon {\n  color: var(--fkds-icon-color-action-content-primary-disabled);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\n}\n.calendar-day--highlight.calendar-day--selected::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar-day--highlight:active:not(.calendar-day--highlight--disabled)::before {\n  border: var(--f-border-width-medium) solid var(--f-border-color-calendar-selected);\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(--f-border-color-calendar-highlight);\n  width: 2rem;\n  height: 2rem;\n  content: "";\n  position: absolute;\n  border: var(--f-border-width-small) solid var(--f-border-color-calendar-highlight);\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(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\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(--f-background-calendar-hover);\n}\n.calendar-day:active:not(.calendar-day--disabled), .calendar-day--active:not(.calendar-day--disabled) {\n  color: var(--f-text-color-default-inverted);\n  background-color: var(--f-background-calendar-selected);\n}\n.calendar {\n  font-size: var(--f-font-size-standard);\n  display: inline-block;\n  width: 100%;\n  max-width: 27.5rem;\n}\n.calendar__container {\n  background: #fff;\n  margin-bottom: 1.5rem;\n}\n.calendar button:focus {\n  z-index: 2;\n}\n.calendar__tabs {\n  position: relative;\n  height: 4rem;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n.calendar__tabs-tab {\n  width: calc(50% + 1px);\n  color: var(--f-icon-color-primary);\n  font-size: var(--f-font-size-standard);\n  font-weight: bold;\n  border: 1px solid #767676;\n  height: 100%;\n  position: absolute;\n  background: var(--f-background-tab-inactive);\n}\n.calendar__tabs-tab .button__icon {\n  width: 1.75rem;\n  height: 1.75rem;\n  margin-right: calc(var(--f-font-size-standard) / 2);\n}\n.calendar__tabs-tab .button__icon,\n.calendar__tabs-tab span {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__tabs-tab span {\n  max-width: 7rem;\n  text-align: left;\n}\n.calendar__tabs-tab--left {\n  left: 0;\n  box-shadow: inset -3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--right {\n  right: 0;\n  box-shadow: inset 3px -1px 5px #adadad;\n}\n.calendar__tabs-tab--selected {\n  background: var(--f-background-tab-active);\n  z-index: 1;\n  border-bottom: 0;\n  box-shadow: unset;\n}\n.calendar__period {\n  border: 1px solid #767676;\n  border-top: 0;\n  padding: 1rem;\n}\n.calendar__navbar {\n  text-align: center;\n  border-right: 1px solid #767676;\n  border-left: 1px solid #767676;\n  border-bottom-color: #dddddd;\n  position: relative;\n}\n.calendar__navbar button,\n.calendar__navbar .button {\n  font-size: 100%;\n  border: 0;\n  background-color: transparent;\n}\n.calendar__navbar button:hover, .calendar__navbar button:focus,\n.calendar__navbar .button:hover,\n.calendar__navbar .button:focus {\n  color: #767676;\n  background-color: transparent;\n}\n.calendar__navbar-middle {\n  padding: calc(0.5rem * 2);\n  position: relative;\n  color: var(--f-text-color-link);\n}\n.calendar__navbar-middle span {\n  font-size: 1.125rem;\n  font-weight: bold;\n  border-bottom: 2px solid;\n  padding-bottom: 2px;\n  transition: all 0.15s ease-in-out;\n}\n.calendar__navbar-middle span:hover {\n  padding-bottom: calc(2px * 2);\n}\n.calendar__navbar-arrow {\n  color: #767676;\n  position: absolute;\n  padding: 0 0.5rem;\n  height: 100%;\n}\n.calendar__navbar-arrow span,\n.calendar__navbar-arrow .button__icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.calendar__navbar-arrow .button__icon {\n  color: var(--f-icon-color-primary);\n  width: 1.75rem;\n  height: 1.75rem;\n}\n.calendar__navbar-arrow--left {\n  left: 0;\n  text-align: left;\n}\n.calendar__navbar-arrow--left .button__icon {\n  transform: rotate(180deg);\n}\n.calendar__navbar-arrow--right {\n  right: 0;\n  text-align: right;\n}\n.calendar__monthview, .calendar__yearview {\n  padding: 0.25rem;\n  border: 1px solid #767676;\n  border-top: 0;\n}\n.calendar__row {\n  display: flex;\n}\n.calendar__row button:focus, .calendar__row button:hover,\n.calendar__row .button:focus,\n.calendar__row .button:hover {\n  color: #1b1e23;\n}\n.calendar__row button:focus,\n.calendar__row .button:focus {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__row button:hover,\n.calendar__row .button:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__row button.calendar__item--added:focus,\n.calendar__row .button.calendar__item--added:focus {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__row button.calendar__item--selected:focus,\n.calendar__row .button.calendar__item--selected:focus {\n  background-color: #fff;\n  color: var(--f-background-calendar-selected);\n}\n.calendar__row button.calendar__item--added:hover, .calendar__row button.calendar__item--selected:hover,\n.calendar__row .button.calendar__item--added:hover,\n.calendar__row .button.calendar__item--selected:hover {\n  background-color: var(--f-background-calendar-hover);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item {\n  height: 2.75rem;\n  width: 15%;\n  margin: 0.05rem;\n  padding: 0;\n  border: 2px solid transparent;\n}\n.calendar__item--week {\n  background-color: transparent;\n  border: 0 solid transparent;\n  font-size: var(--f-font-size-standard);\n  text-align: center;\n  line-height: 2.75rem;\n}\n.calendar__item--date {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  font-weight: bold;\n  font-size: var(--f-font-size-standard);\n  position: relative;\n}\n.calendar__item--date:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__item--today .calendar__item__number {\n  background: #666666;\n  color: var(--f-background-calendar-default);\n  display: inline-block;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__item--today.calendar__item--added .calendar__item__number, .calendar__item--today.calendar__item--selected .calendar__item__number {\n  width: calc(1.6rem + 0.2rem);\n}\n.calendar__item--today.calendar__item--added .calendar__item__number {\n  background: var(--f-background-calendar-selected);\n  border: 2px solid #fff;\n}\n.calendar__item--today.calendar__item--selected .calendar__item__number {\n  background: #fff;\n  color: var(--f-background-calendar-selected);\n  border: 2px solid var(--f-background-calendar-selected);\n}\n.calendar__item--added {\n  background-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-default);\n}\n.calendar__item--added:hover {\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--selected {\n  background-color: #fff;\n  border-color: var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__item--disabled {\n  color: #767676;\n  cursor: not-allowed;\n}\n.calendar__item--disabled::before {\n  content: "";\n  position: absolute;\n  border-top: 2px solid #99a2a2;\n  top: 50%;\n  margin-left: 25%;\n  width: 50%;\n  left: 0;\n}\n.calendar__item--disabled:hover {\n  background-color: var(--f-background-calendar-default);\n}\n.calendar__editbox {\n  border: 2px solid #767676;\n  border-radius: 6px;\n  position: relative;\n  background-color: white;\n  margin-bottom: 1.5rem;\n}\n.calendar__editbox::before, .calendar__editbox::after {\n  content: "";\n  display: block;\n  position: absolute;\n  left: calc(50% - 1rem);\n  width: 0;\n  height: 0;\n  border: 1rem solid transparent;\n}\n.calendar__editbox::before {\n  bottom: 100%;\n  border-bottom-color: #767676;\n}\n.calendar__editbox::after {\n  bottom: calc(100% - calc(2px + 1px));\n  border-bottom-color: #fff;\n}\n.calendar__editbox-header {\n  text-align: center;\n  border-bottom: 1px solid #767676;\n  padding: 1.5rem;\n}\n.calendar__editbox-content {\n  padding: 1rem;\n}\n.calendar-submit-button {\n  margin-top: calc(1rem * 2);\n  margin-bottom: 1rem;\n}\n.calendar__month-item {\n  color: #1b1e23;\n  background-color: var(--f-background-calendar-default);\n  border: 2px solid transparent;\n  font-weight: bold;\n  font-size: 0.875rem;\n  width: 33%;\n  height: 2.75rem;\n  margin: 0.25rem;\n  padding: 0.25rem calc(0.25rem * 2);\n  display: inline-block;\n  text-align: left;\n}\n.calendar__month-item:hover {\n  background-color: var(--f-background-calendar-hover);\n}\n.calendar__month-item--name {\n  float: left;\n  text-align: center;\n  line-height: 1.6rem;\n}\n.calendar__month-item--name-sm {\n  display: none;\n}\n.calendar__month-item--days {\n  float: right;\n  background: #ccc;\n  text-align: center;\n  width: 1.6rem;\n  line-height: 1.6rem;\n  border-radius: 1.6rem;\n}\n.calendar__month-item--has-days {\n  border: 2px solid var(--f-background-calendar-selected);\n  color: var(--f-background-calendar-selected);\n}\n.calendar__month-item--has-days .calendar__month-item--days {\n  background: var(--f-background-calendar-selected);\n  color: white;\n}\n.calendar__addedmonth-wrapper {\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth {\n  border-top: 1px solid #767676;\n}\n.calendar__addedmonth-header {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.5rem;\n}\n.calendar__addedmonth-header-edit {\n  margin-left: auto;\n}\n.calendar__addedmonth-header-expand {\n  margin-right: auto;\n  font-size: 1rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.calendar__addedmonth-header-expand:hover, .calendar__addedmonth-header-expand:focus {\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon {\n  display: inline-block;\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background-color: var(--f-background-calendar-selected);\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedmonth-header-expand-icon::before, .calendar__addedmonth-header-expand-icon::after {\n  content: " ";\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n}\n.calendar__addedmonth-header-expand-icon::before {\n  width: 1rem;\n  height: 0.125rem;\n  transition: all 0.5s ease;\n}\n.calendar__addedmonth-header-expand-icon::after {\n  width: 1rem;\n  height: 0.125rem;\n}\n.calendar__addedmonth-header-expand-text {\n  color: #1b1e23;\n  display: inline-block;\n  font-weight: normal;\n  padding-left: 0.25rem;\n  text-align: left;\n}\n.calendar__addedmonth-header-expand-days {\n  display: block;\n  font-weight: bold;\n}\n.calendar__addedmonth-collapsable {\n  display: block;\n  height: auto;\n  transition: height 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-header-expand-icon::before {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n.calendar__addedmonth--collapsed .calendar__addedmonth-collapsable {\n  overflow: hidden;\n  height: 0;\n}\n.calendar__addedmonth .button--discrete {\n  margin-bottom: 0;\n}\n.calendar__addedmonth .button__icon {\n  color: var(--f-text-color-link);\n}\n.calendar__addedmonth:first-child {\n  border-top: none;\n}\n.calendar__addedsummary {\n  margin-bottom: 1.5rem;\n}\n.calendar__addedsummary-days {\n  text-align: center;\n  background-color: #fff;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-radius: 6px;\n  font-size: 1.125rem;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.calendar__addedday {\n  border-top: 1px solid #adadad;\n  position: relative;\n  width: 100%;\n  display: flex;\n}\n.calendar__addedday-date {\n  background-color: var(--f-background-calendar-default);\n  color: var(--f-background-calendar-selected);\n  text-align: center;\n  padding: 10px;\n  min-width: 90px;\n}\n.calendar__addedday-date-day {\n  font-weight: bold;\n  font-size: 3rem;\n}\n.calendar__addedday-content {\n  padding: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.calendar__addedday-text {\n  margin-bottom: 1rem;\n}\n.calendar__addedmonth-collapsable > div:first-child .calendar__addedday {\n  border-top: 1px solid #767676;\n}\n.calendar__collapsed {\n  visibility: hidden;\n}\n@media (max-width: 460px) {\n.calendar__tabs {\n    height: calc(4rem + 1rem);\n}\n.calendar__tabs-tab span {\n    text-align: center;\n}\n.calendar__monthview, .calendar__yearview {\n    padding: 0;\n}\n.calendar__item--week:first-child {\n    display: none;\n}\n.calendar__month-item--name-lg {\n    display: none;\n}\n.calendar__month-item--name-sm {\n    display: inline-block;\n}\n}\n@media (max-width: 355px) {\n.calendar__tabs {\n    height: calc(4rem + 2rem);\n}\n.calendar__navbar-arrow--month span {\n    display: none;\n}\n}\n.calendar--hide-tabs .calendar__tabs {\n  display: none;\n}\n.calendar--hide-tabs .calendar__navbar {\n  border-top: 1px solid #767676;\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, .checkbox__details {\n  display: block;\n}\n.radio-button__width, .checkbox__width {\n  width: 100%;\n}\n.checkbox-group__content {\n  display: flex;\n  flex-direction: column;\n}\n.checkbox__label::after {\n  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cmVjdCB4PSIzLjQ3NCIgeT0iOS4xOTQiIGZpbGw9IiMzQzU1OTIiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzc2LDE1LjAwNWMtMC40MTYsMC0wLjgzMi0wLjE1OC0xLjE0OS0wLjQ3NWwtMy4yNS0zLjI0M2MtMC42MzUtMC42MzQtMC42MzUtMS42NiwwLTIuMjkzCgljMC42MzUtMC42MzMsMS42NjMtMC42MzMsMi4yOTgsMGwyLjEwMSwyLjA5N2w1LjM1MS01LjM0YzAuNjM1LTAuNjM0LDEuNjYzLTAuNjM0LDIuMjk4LDBjMC42MzUsMC42MzMsMC42MzUsMS42NTksMCwyLjI5MwoJbC02LjUsNi40ODdDOS4yMDcsMTQuODQ3LDguNzkyLDE1LjAwNSw4LjM3NiwxNS4wMDV6Ii8+Cjwvc3ZnPgo=");\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: var(--f-background-input);\n  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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: transparent;\n  opacity: 0;\n  transition: opacity ease var(--f-animation-duration-medium);\n}\n.checkbox.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.checkbox.disabled .checkbox__label {\n  cursor: default;\n}\n.checkbox.disabled .checkbox__label::before {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  cursor: inherit;\n}\n.checkbox.disabled input[type=checkbox]:checked + label::before {\n  background: var(--f-background-input-selected-disabled);\n}\n.checkbox input[type=checkbox]:checked + label::before {\n  background-color: var(--f-background-input-selected);\n}\n.checkbox input[type=checkbox]:not(:checked) + .checkbox__label::before {\n  box-shadow: var(--f-input-shadow-inset);\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-primary-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-primary-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-primary-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-primary-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-action-content-primary-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  flex: 0 0 auto;\n  padding: 0;\n  cursor: pointer;\n}\n.datepicker-field__button .icon {\n  color: var(--f-icon-color-primary);\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:disabled .icon {\n  color: var(--f-icon-color-discrete);\n}\n.datepicker-field__popup {\n  margin-top: -16px;\n  border-radius: var(--f-border-radius-medium);\n  border: var(--f-border-width-small) solid var(--f-border-color-modal);\n  background-color: var(--f-background-content);\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(--f-border-color-dialogue-tree);\n}\n.dialogue-tree__list-item {\n  background-color: var(--f-background-dialogue-tree);\n  border-bottom: 1px solid var(--f-border-color-dialogue-tree);\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(--f-background-dialogue-tree-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(--f-text-color-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.error-list {\n  color: var(--f-text-color-error);\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(--f-text-color-error);\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(--f-text-color-error);\n  cursor: pointer;\n  list-style-position: inside;\n  text-decoration: underline;\n}\n.error-list__link a {\n  color: var(--f-text-color-error);\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.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  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-remove svg {\n  color: var(--f-icon-color-primary);\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  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-item__file-uploading .progress__meter--inprogress {\n  background: var(--f-background-progress-file-item-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-file-item-ongoing);\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.form {\n  padding-top: 1rem;\n  padding-bottom: 3rem;\n}\n.form-step {\n  background: var(--f-background-form-step);\n  border: var(--f-border-width-medium) solid var(--f-border-color-form-step);\n  border-radius: var(--f-border-radius-small);\n  margin: 0 0 var(--f-margin-component-bottom);\n  margin-bottom: 2rem;\n  padding: 2rem;\n  position: relative;\n  transition: background-color var(--f-animation-duration-medium) ease-in-out, border-color var(--f-animation-duration-medium) ease-in-out;\n}\n@media (max-width: 639.98px) {\n.form-step {\n    padding: 1.5rem 0.75rem 2rem;\n    margin-left: -0.75rem;\n    margin-right: -0.75rem;\n}\n}\n.form-step--last-step {\n  margin-bottom: 3rem;\n}\n@media (max-width: 639.98px) {\n.form-step--last-step {\n    margin-bottom: 2rem;\n}\n}\n.form-step__header {\n  margin-bottom: 0.5rem;\n}\n.form-step__title {\n  font-size: var(--f-font-size-h2);\n  display: inline;\n}\n@media (max-width: 639.98px) {\n.form-step__title {\n    font-size: var(--f-font-size-xxx-large);\n}\n}\n.form-step__check {\n  transition: opacity var(--f-animation-duration-medium) ease-in-out;\n  color: var(--f-icon-color-success);\n  height: var(--f-icon-size-x-large);\n  margin-bottom: -0.25rem;\n  margin-left: 0.5rem;\n  width: var(--f-icon-size-x-large);\n}\n.form-step__error {\n  color: var(--f-text-color-error);\n}\n.form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step__arrow::before, .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-form-step);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-form-step);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step__arrow {\n    left: 2rem;\n}\n}\n.form-step--complete {\n  background: var(--f-background-success);\n  border-color: var(--f-border-color-success);\n}\n.form-step--complete .form-step__arrow {\n  position: absolute;\n  left: 3rem;\n  top: 100%;\n}\n.form-step--complete .form-step__arrow::before, .form-step--complete .form-step__arrow::after {\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  pointer-events: none;\n  z-index: 1;\n  position: absolute;\n}\n.form-step--complete .form-step__arrow::after {\n  border-color: none;\n  border-top-color: var(--f-background-success);\n  border-width: calc(var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142);\n  margin-left: calc(-1 * (var(--f-icon-size-small) - var(--f-border-width-medium) * 1.4142));\n}\n.form-step--complete .form-step__arrow::before {\n  border-color: none;\n  border-top-color: var(--f-border-color-success);\n  border-width: var(--f-icon-size-small);\n  margin-left: calc(-1 * var(--f-icon-size-small));\n}\n@media (max-width: 639.98px) {\n.form-step--complete .form-step__arrow {\n    left: 2rem;\n}\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__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    /* stylelint-disable-next-line color-function-notation, alpha-value-notation -- technical debt */\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--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}\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 {\n  padding: 1.5rem;\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.progress {\n  background-color: var(--f-background-progress);\n  border-radius: var(--f-height-medium);\n  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);\n  height: var(--f-height-small);\n  margin-bottom: 1.5rem;\n  padding: 0;\n}\n.progress__meter {\n  border-radius: var(--f-height-medium);\n  display: block;\n  float: left;\n  height: var(--f-height-small);\n  margin: calc(-1 * var(--f-border-width-small));\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(--f-background-progress-ongoing);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-ongoing);\n}\n.progress__meter--finished {\n  background: var(--f-background-progress-finished);\n  border: var(--f-border-width-small) solid var(--f-border-color-progress-finished);\n  width: calc(100% + 2 * var(--f-border-width-small));\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  border: var(--f-border-width-medium) solid var(--f-border-color-input);\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::before {\n  background: var(--f-background-input);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner);\n}\n.radio-button__label::after {\n  background: var(--f-background-input-selected);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-selected);\n  opacity: 0;\n}\n.radio-button.disabled {\n  color: var(--f-text-color-input-disabled);\n}\n.radio-button.disabled .radio-button__label::before, .radio-button.disabled .radio-button__label::after {\n  border: var(--f-border-width-medium) solid var(--f-text-color-input-disabled);\n  box-shadow: inset 0 0 0 var(--f-border-width-medium) var(--f-border-color-input-inner-disabled);\n}\n.radio-button.disabled .radio-button__label::after {\n  background: var(--f-background-input-selected-disabled);\n}\n.radio-button input[type=radio] + label::after {\n  opacity: 0;\n}\n.radio-button input[type=radio]:checked + label::after {\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-primary);\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 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: densify(0.375rem) 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 > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:hover > .button__icon {\n  color: var(--fkds-color-action-text-primary-default);\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:active > .button__icon, .table__button:focus > .button__icon {\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.disabled > .button__icon, .table__button.disabled:hover > .button__icon, .table__button:disabled > .button__icon, .table__button:disabled:hover > .button__icon, .table__button.table__button--disabled > .button__icon, .table__button.table__button--disabled:hover > .button__icon {\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-primary);\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-primary);\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  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\n/* stylelint-disable no-invalid-position-at-import-rule -- technical debt */\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.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.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.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  background-color: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__cell {\n  height: 2.75rem;\n  padding: 0;\n  background: white;\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(--f-text-color-weekday-weeknumber);\n}\n.calendar-month__button {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  padding: 0;\n  width: 100%;\n  background-color: var(--f-background-month);\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: 1px solid var(--f-border-color-calendar-navbar);\n  padding: 1rem;\n  margin-bottom: 0.75rem;\n  font-size: var(--f-font-size-h4);\n}\n.calendar-navbar__month {\n  order: 2;\n}\n.calendar-navbar__arrow--previous {\n  order: 1;\n  transform: scaleX(-1);\n}\n.calendar-navbar__arrow--next {\n  order: 3;\n}\n.calendar-navbar__icon {\n  color: var(--f-icon-color-white);\n  background-color: var(--f-icon-color-primary);\n  width: var(--f-icon-size-large);\n  height: var(--f-icon-size-large);\n  padding: 5px;\n  border-radius: 50%;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);\n}\n.calendar-navbar__icon--disabled {\n  color: var(--f-icon-color-discrete);\n  background-color: var(--f-icon-color-white);\n  padding: 4px;\n  border: 1px solid var(--f-border-color-calendar-navbar);\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.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.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: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 = ["context", "close-prefix", "open-prefix"];
 const _hoisted_2$4 = {
@@ -19293,23 +19448,24 @@ const _sfc_main = defineComponent({
 });
 const _hoisted_1 = ["aria-current"];
 const _hoisted_2 = {
-  ref: "header",
-  role: "group",
-  class: "wizard-step__header",
-  tabindex: "-1"
+  "aria-hidden": "true",
+  class: "wizard-step__step-of"
 };
 const _hoisted_3 = {
-  class: "icon-stack"
+  class: "wizard-step__icon-container"
 };
 const _hoisted_4 = {
-  "data-test": "step-number"
+  class: "wizard-step__icon-container__circle"
 };
 const _hoisted_5 = {
-  "aria-hidden": "true",
-  class: "wizard-step__header__step-of"
+  class: "wizard-step__icon-container__number",
+  "data-test": "step-number"
 };
 const _hoisted_6 = {
-  class: "sr-only"
+  ref: "header",
+  role: "group",
+  class: "wizard-step__header",
+  tabindex: "-1"
 };
 const _hoisted_7 = {
   class: "sr-only"
@@ -19318,89 +19474,62 @@ const _hoisted_8 = {
   class: "sr-only"
 };
 const _hoisted_9 = {
-  key: 0,
   class: "sr-only"
 };
 const _hoisted_10 = {
+  key: 0,
+  class: "sr-only"
+};
+const _hoisted_11 = {
   class: "button-group"
 };
-const _hoisted_11 = ["data-disabled"];
-const _hoisted_12 = {
+const _hoisted_12 = ["data-disabled"];
+const _hoisted_13 = {
   class: "sr-only"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  const _component_i_flex_item = resolveComponent("i-flex-item");
-  const _component_i_flex = resolveComponent("i-flex");
   const _component_f_validation_form = resolveComponent("f-validation-form");
   const _component_i_animate_expand = resolveComponent("i-animate-expand");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["wizard-step", _ctx.cssClass]),
     "aria-current": _ctx.isOpen ? "step" : void 0
-  }, [createElementVNode("div", _hoisted_2, [createVNode(_component_i_flex, null, {
-    default: withCtx(() => [createVNode(_component_i_flex_item, {
-      align: "bottom",
-      shrink: "",
-      "aria-hidden": "true"
-    }, {
-      default: withCtx(() => [_cache[5] || (_cache[5] = createElementVNode("div", {
-        class: "wizard-step__header__line-up"
-      }, null, -1)), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("div", _hoisted_3, [createVNode(_component_f_icon, {
-        name: "circle"
-      }), _cache[3] || (_cache[3] = createTextVNode()), createVNode(_component_f_icon, {
-        name: "success"
-      }), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("div", _hoisted_4, toDisplayString(_ctx.stepNumber), 1)]), _cache[7] || (_cache[7] = createTextVNode()), _cache[8] || (_cache[8] = createElementVNode("div", {
-        class: "wizard-step__header__line-down"
-      }, null, -1))]),
-      _: 1
-    }), _cache[12] || (_cache[12] = createTextVNode()), createVNode(_component_i_flex_item, {
-      align: "bottom",
-      grow: ""
-    }, {
-      default: withCtx(() => [_ctx.isOpen ? renderSlot(_ctx.$slots, "step-of", normalizeProps(mergeProps({
-        key: 0
-      }, {
-        headerClass: "wizard-step__header__step-of",
-        stepNumber: _ctx.stepNumber,
-        totalSteps: _ctx.totalSteps
-      })), () => [createElementVNode("span", _hoisted_5, toDisplayString(_ctx.defaultCurrentStepInformation), 1)]) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), createVNode(_component_i_flex, {
-        class: "wizard-step__header__title-container"
-      }, {
-        default: withCtx(() => [createVNode(_component_i_flex_item, {
-          align: "center"
-        }, {
-          default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.inheritedProps.headerTag), {
-            class: "wizard-step__header__title"
-          }, {
-            default: withCtx(() => [_ctx.showLink ? (openBlock(), createElementBlock("a", {
-              key: 0,
-              "aria-expanded": "false",
-              role: "button",
-              href: "#",
-              class: "anchor",
-              onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.open && _ctx.open(...args), ["prevent"])),
-              onKeypress: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.open && _ctx.open(...args), ["prevent"]), ["space"]))
-            }, [createElementVNode("span", _hoisted_6, toDisplayString(_ctx.defaultCurrentStepInformation) + " ", 1), createTextVNode(" " + toDisplayString(_ctx.title) + " ", 1), createElementVNode("span", _hoisted_7, "\n                                         " + toDisplayString(_ctx.$t("fkui.wizard-step.finished-step", "Avklarat steg")), 1)], 32)) : (openBlock(), createElementBlock(Fragment, {
-              key: 1
-            }, [createElementVNode("span", _hoisted_8, toDisplayString(_ctx.defaultCurrentStepInformation) + " ", 1), createTextVNode(" " + toDisplayString(_ctx.title) + " ", 1), _ctx.isPending ? (openBlock(), createElementBlock("span", _hoisted_9, "\n                                         " + toDisplayString(_ctx.$t("fkui.wizard-step.pending", "Inaktivt")), 1)) : createCommentVNode("", true)], 64))]),
-            _: 1
-          }))]),
-          _: 1
-        })]),
-        _: 1
-      }), _cache[10] || (_cache[10] = createTextVNode()), _cache[11] || (_cache[11] = createElementVNode("div", {
-        class: "wizard-step__header__line-adjustment"
-      }, null, -1))]),
-      _: 3
-    })]),
-    _: 3
-  })], 512), _cache[16] || (_cache[16] = createTextVNode()), (openBlock(), createBlock(_component_i_animate_expand, {
+  }, [_cache[9] || (_cache[9] = createElementVNode("div", {
+    class: "wizard-step__line-up"
+  }, null, -1)), _cache[10] || (_cache[10] = createTextVNode()), _ctx.isOpen ? renderSlot(_ctx.$slots, "step-of", normalizeProps(mergeProps({
+    key: 0
+  }, {
+    headerClass: "wizard-step__step-of",
+    stepNumber: _ctx.stepNumber,
+    totalSteps: _ctx.totalSteps
+  })), () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.defaultCurrentStepInformation), 1)]) : createCommentVNode("", true), _cache[11] || (_cache[11] = createTextVNode()), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(_component_f_icon, {
+    name: "success"
+  }), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("div", _hoisted_5, toDisplayString(_ctx.stepNumber), 1)]), _cache[4] || (_cache[4] = createTextVNode()), _cache[5] || (_cache[5] = createElementVNode("div", {
+    class: "wizard-step__icon-container__line-down"
+  }, null, -1))]), _cache[12] || (_cache[12] = createTextVNode()), createElementVNode("div", _hoisted_6, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.inheritedProps.headerTag), {
+    class: "wizard-step__header__title"
+  }, {
+    default: withCtx(() => [_ctx.showLink ? (openBlock(), createElementBlock("a", {
+      key: 0,
+      "aria-expanded": "false",
+      role: "button",
+      href: "#",
+      class: "anchor",
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.open && _ctx.open(...args), ["prevent"])),
+      onKeypress: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.open && _ctx.open(...args), ["prevent"]), ["space"]))
+    }, [createElementVNode("span", _hoisted_7, toDisplayString(_ctx.defaultCurrentStepInformation) + " ", 1), createTextVNode(" " + toDisplayString(_ctx.title) + " ", 1), createElementVNode("span", _hoisted_8, "  " + toDisplayString(_ctx.$t("fkui.wizard-step.finished-step", "Avklarat steg")), 1)], 32)) : (openBlock(), createElementBlock(Fragment, {
+      key: 1
+    }, [createElementVNode("span", _hoisted_9, toDisplayString(_ctx.defaultCurrentStepInformation) + " ", 1), createTextVNode(" " + toDisplayString(_ctx.title) + " ", 1), _ctx.isPending ? (openBlock(), createElementBlock("span", _hoisted_10, "\n                         " + toDisplayString(_ctx.$t("fkui.wizard-step.pending", "Inaktivt")), 1)) : createCommentVNode("", true)], 64))]),
+    _: 1
+  }))], 512), _cache[13] || (_cache[13] = createTextVNode()), _cache[14] || (_cache[14] = createElementVNode("div", {
+    class: "wizard-step__line-down"
+  }, null, -1)), _cache[15] || (_cache[15] = createTextVNode()), (openBlock(), createBlock(_component_i_animate_expand, {
     key: _ctx.animationId,
     opacity: false,
     expanded: _ctx.isOpen,
     "before-animation": _ctx.beforeAnimation,
     "after-animation": _ctx.afterAnimation,
-    class: "wizard-step__connector"
+    class: "wizard-step__content"
   }, {
     default: withCtx(() => [createVNode(_component_f_validation_form, {
       id: _ctx.formId,
@@ -19411,7 +19540,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onSubmit: _ctx.onSubmit
     }, {
       "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.wizard-step.errorlist.title", "Oj, du har glömt att fylla i något. Gå till:")), 1)])]),
-      default: withCtx(() => [renderSlot(_ctx.$slots, "default"), _cache[14] || (_cache[14] = createTextVNode()), createElementVNode("div", _hoisted_10, [createElementVNode("button", {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "default"), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("div", _hoisted_11, [createElementVNode("button", {
         "data-test": "submit-button",
         "data-disabled": _ctx.ignoreClick ? "true" : "false",
         type: "submit",
@@ -19423,7 +19552,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0
       }, [createTextVNode(toDisplayString(_ctx.$t("fkui.wizard-step.button.next.text-final", "Gå vidare och granska")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [createTextVNode(toDisplayString(_ctx.$t("fkui.wizard-step.button.next.text", "Fortsätt")) + " ", 1), createElementVNode("span", _hoisted_12, "\n                                         " + toDisplayString(_ctx.$t("fkui.wizard-step.button.next.sr-text", "till nästa steg")), 1)], 64))])], 8, _hoisted_11), _cache[13] || (_cache[13] = createTextVNode()), createElementVNode("button", {
+      }, [createTextVNode(toDisplayString(_ctx.$t("fkui.wizard-step.button.next.text", "Fortsätt")) + " ", 1), createElementVNode("span", _hoisted_13, "\n                                         " + toDisplayString(_ctx.$t("fkui.wizard-step.button.next.sr-text", "till nästa steg")), 1)], 64))])], 8, _hoisted_12), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("button", {
         "data-test": "cancel-button",
         type: "button",
         class: "button button--secondary button-group__item button--large",
@@ -19444,22 +19573,22 @@ export {
   ErrorPlugin,
   ErrorViewData,
   EventBus,
-  _sfc_main$1i as FBadge,
-  _sfc_main$F as FBankAccountNumberTextField,
-  _sfc_main$E as FBankgiroTextField,
+  _sfc_main$1m as FBadge,
+  _sfc_main$I as FBankAccountNumberTextField,
+  _sfc_main$H as FBankgiroTextField,
   FCalendar,
   FCalendarDay,
-  _sfc_main$11 as FCard,
+  _sfc_main$15 as FCard,
   FCheckboxField,
-  _sfc_main$D as FClearingnumberTextField,
+  _sfc_main$G as FClearingnumberTextField,
   FConfirmModal,
   FContextMenu,
-  FCrudButton,
-  _sfc_main$P as FCrudDataset,
-  _sfc_main$H as FCurrencyTextField,
-  _sfc_main$v as FDataTable,
+  _sfc_main$R as FCrudButton,
+  _sfc_main$T as FCrudDataset,
+  _sfc_main$K as FCurrencyTextField,
+  _sfc_main$y as FDataTable,
   FDatepickerField,
-  _sfc_main$p as FDetailsPanel,
+  _sfc_main$r as FDetailsPanel,
   FDialogueTree,
   FEmailTextField,
   FErrorHandlingApp,
@@ -19470,10 +19599,11 @@ export {
   FFieldset,
   FFileItem,
   FFileSelector,
+  _sfc_main$j as FFixedPane,
   FFormModal,
   FValidationFormAction as FFormModalAction,
   FIcon,
-  _sfc_main$j as FInteractiveTable,
+  _sfc_main$l as FInteractiveTable,
   FKUIConfigButtonOrder,
   FLabel,
   FLayoutApplicationTemplate,
@@ -19487,26 +19617,27 @@ export {
   _sfc_main$6 as FMinimizablePanel,
   FModal,
   FNavigationMenu,
-  _sfc_main$C as FNumericTextField,
+  _sfc_main$F as FNumericTextField,
   FOffline,
-  _sfc_main$x as FOrganisationsnummerTextField,
+  _sfc_main$A as FOrganisationsnummerTextField,
   FOutputField,
   FPageHeader,
-  _sfc_main$t as FPageLayout,
-  _sfc_main$y as FPercentTextField,
-  _sfc_main$B as FPersonnummerTextField,
+  _sfc_main$v as FPageLayout,
+  _sfc_main$B as FPercentTextField,
+  _sfc_main$E as FPersonnummerTextField,
   FPhoneTextField,
-  _sfc_main$A as FPlusgiroTextField,
-  _sfc_main$z as FPostalCodeTextField,
+  _sfc_main$D as FPlusgiroTextField,
+  _sfc_main$C as FPostalCodeTextField,
   _sfc_main$5 as FProgressbar,
   FRadioField,
-  _sfc_main$r as FResizePane,
+  _sfc_main$t as FResizePane,
   FSearchTextField,
   FSelectField,
-  _sfc_main$w as FSortFilterDataset,
+  _sfc_main$z as FSortFilterDataset,
   FSortFilterDatasetInjected,
   FStaticField,
-  _sfc_main$N as FTableColumn,
+  _sfc_main$S as FTableButton,
+  _sfc_main$Q as FTableColumn,
   FTableColumnSize,
   FTableColumnSort,
   FTableColumnType,
@@ -19525,13 +19656,13 @@ export {
   ICalendarMonth,
   ICalendarMonthGrid,
   ICalendarNavbar,
-  _sfc_main$V as IComboboxDropdown,
-  _sfc_main$U as IComboboxToggleButton,
+  _sfc_main$Z as IComboboxDropdown,
+  _sfc_main$Y as IComboboxToggleButton,
   IFlex,
   IFlexItem,
   IPopup,
   IPopupError,
-  _sfc_main$Z as IPopupListbox,
+  _sfc_main$11 as IPopupListbox,
   IPopupMenu,
   ISkipLink,
   FValidationForm as IValidationForm,