@public-ui/theme-ecl 4.1.4-rc.2 → 4.1.4-rc.4

package/assets/ecl-icons/style.css

@@ -1,12 +1,12 @@
 @layer kol-theme-component {
   @font-face {
     font-family: "ecl-icons";
-    src: url('ecl-icons.eot?t=1777087308263'); /* IE9*/
-    src: url('ecl-icons.eot?t=1777087308263#iefix') format('embedded-opentype'), /* IE6-IE8 */
-    url("ecl-icons.woff2?t=1777087308263") format("woff2"),
-    url("ecl-icons.woff?t=1777087308263") format("woff"),
-    url('ecl-icons.ttf?t=1777087308263') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-    url('ecl-icons.svg?t=1777087308263#ecl-icons') format('svg'); /* iOS 4.1- */
+    src: url('ecl-icons.eot?t=1777355357648'); /* IE9*/
+    src: url('ecl-icons.eot?t=1777355357648#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url("ecl-icons.woff2?t=1777355357648") format("woff2"),
+    url("ecl-icons.woff?t=1777355357648") format("woff"),
+    url('ecl-icons.ttf?t=1777355357648') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    url('ecl-icons.svg?t=1777355357648#ecl-icons') format('svg'); /* iOS 4.1- */
   }
 
   [class^="ecl-icons-"], [class*=" ecl-icons-"] {

package/assets/kolicons/style.css

@@ -1,11 +1,11 @@
   @font-face {
     font-family: "kolicons";
-    src: url('kolicons.eot?t=1777087174897'); /* IE9*/
-    src: url('kolicons.eot?t=1777087174897#iefix') format('embedded-opentype'), /* IE6-IE8 */
-    url("kolicons.woff2?t=1777087174897") format("woff2"),
-    url("kolicons.woff?t=1777087174897") format("woff"),
-    url('kolicons.ttf?t=1777087174897') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-    url('kolicons.svg?t=1777087174897#kolicons') format('svg'); /* iOS 4.1- */
+    src: url('kolicons.eot?t=1777355226188'); /* IE9*/
+    src: url('kolicons.eot?t=1777355226188#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url("kolicons.woff2?t=1777355226188") format("woff2"),
+    url("kolicons.woff?t=1777355226188") format("woff"),
+    url('kolicons.ttf?t=1777355226188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    url('kolicons.svg?t=1777355226188#kolicons') format('svg'); /* iOS 4.1- */
   }
 
 @layer kol-component {

package/dist/index.cjs

@@ -1017,7 +1017,7 @@ var css_248z$1b = "/* forward the rem function */\n@layer kol-theme-component {\
 
 var css_248z$1a = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-headline--h1 {\n    font-size: var(--ecl-font-size-3xl);\n    line-height: var(--ecl-line-height-3xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h1 {\n      font-size: var(--ecl-font-size-4xl);\n      line-height: var(--ecl-line-height-4xl);\n    }\n  }\n  .kol-headline--h2 {\n    font-size: var(--ecl-font-size-2xl);\n    line-height: var(--ecl-line-height-2xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h2 {\n      font-size: var(--ecl-font-size-3xl);\n      line-height: var(--ecl-line-height-3xl);\n    }\n  }\n  .kol-headline--h3 {\n    font-size: var(--ecl-font-size-xl);\n    line-height: var(--ecl-line-height-xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h3 {\n      font-size: var(--ecl-font-size-2xl);\n      line-height: var(--ecl-line-height-2xl);\n    }\n  }\n  .kol-headline--h4 {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h4 {\n      font-size: var(--ecl-font-size-xl);\n      line-height: var(--ecl-line-height-xl);\n    }\n  }\n  .kol-headline--h5 {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  .kol-headline--h6 {\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight-bold);\n    line-height: var(--ecl-line-height-m);\n  }\n}";
 
-var css_248z$19 = "@layer kol-theme-component {\n  @font-face {\n    font-family: \"ecl-icons\";\n    src: url(\"ecl-icons.eot?t=1777087149476\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1777087149476#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1777087149476\") format(\"woff2\"), url(\"ecl-icons.woff?t=1777087149476\") format(\"woff\"), url(\"ecl-icons.ttf?t=1777087149476\") format(\"truetype\"), url(\"ecl-icons.svg?t=1777087149476#ecl-icons\") format(\"svg\"); /* iOS 4.1- */\n  }\n  [class^=ecl-icons-], [class*=\" ecl-icons-\"] {\n    font-family: \"ecl-icons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ecl-icons-arrow-left::before {\n    content: \"\\ea01\";\n  }\n  .ecl-icons-audio::before {\n    content: \"\\ea02\";\n  }\n  .ecl-icons-book::before {\n    content: \"\\ea03\";\n  }\n  .ecl-icons-brochure::before {\n    content: \"\\ea04\";\n  }\n  .ecl-icons-budget::before {\n    content: \"\\ea05\";\n  }\n  .ecl-icons-calendar::before {\n    content: \"\\ea06\";\n  }\n  .ecl-icons-camera::before {\n    content: \"\\ea07\";\n  }\n  .ecl-icons-chain::before {\n    content: \"\\ea08\";\n  }\n  .ecl-icons-check-filled::before {\n    content: \"\\ea09\";\n  }\n  .ecl-icons-check::before {\n    content: \"\\ea0a\";\n  }\n  .ecl-icons-clock-filled::before {\n    content: \"\\ea0b\";\n  }\n  .ecl-icons-clock::before {\n    content: \"\\ea0c\";\n  }\n  .ecl-icons-close-filled::before {\n    content: \"\\ea0d\";\n  }\n  .ecl-icons-close-outline::before {\n    content: \"\\ea0e\";\n  }\n  .ecl-icons-close::before {\n    content: \"\\ea0f\";\n  }\n  .ecl-icons-copy::before {\n    content: \"\\ea10\";\n  }\n  .ecl-icons-corner-arrow::before {\n    content: \"\\ea11\";\n  }\n  .ecl-icons-data::before {\n    content: \"\\ea12\";\n  }\n  .ecl-icons-digital::before {\n    content: \"\\ea13\";\n  }\n  .ecl-icons-document::before {\n    content: \"\\ea14\";\n  }\n  .ecl-icons-download::before {\n    content: \"\\ea15\";\n  }\n  .ecl-icons-edit::before {\n    content: \"\\ea16\";\n  }\n  .ecl-icons-email::before {\n    content: \"\\ea17\";\n  }\n  .ecl-icons-energy::before {\n    content: \"\\ea18\";\n  }\n  .ecl-icons-error-outline::before {\n    content: \"\\ea19\";\n  }\n  .ecl-icons-error::before {\n    content: \"\\ea1a\";\n  }\n  .ecl-icons-euro::before {\n    content: \"\\ea1b\";\n  }\n  .ecl-icons-event::before {\n    content: \"\\ea1c\";\n  }\n  .ecl-icons-external-events::before {\n    content: \"\\ea1d\";\n  }\n  .ecl-icons-external::before {\n    content: \"\\ea1e\";\n  }\n  .ecl-icons-eye::before {\n    content: \"\\ea1f\";\n  }\n  .ecl-icons-faq::before {\n    content: \"\\ea20\";\n  }\n  .ecl-icons-feedback::before {\n    content: \"\\ea21\";\n  }\n  .ecl-icons-file-blank::before {\n    content: \"\\ea22\";\n  }\n  .ecl-icons-file::before {\n    content: \"\\ea23\";\n  }\n  .ecl-icons-folder::before {\n    content: \"\\ea24\";\n  }\n  .ecl-icons-fullscreen::before {\n    content: \"\\ea25\";\n  }\n  .ecl-icons-global::before {\n    content: \"\\ea26\";\n  }\n  .ecl-icons-growth::before {\n    content: \"\\ea27\";\n  }\n  .ecl-icons-hamburger::before {\n    content: \"\\ea28\";\n  }\n  .ecl-icons-image::before {\n    content: \"\\ea29\";\n  }\n  .ecl-icons-infographic::before {\n    content: \"\\ea2a\";\n  }\n  .ecl-icons-information-outline::before {\n    content: \"\\ea2b\";\n  }\n  .ecl-icons-information-round::before {\n    content: \"\\ea2c\";\n  }\n  .ecl-icons-information::before {\n    content: \"\\ea2d\";\n  }\n  .ecl-icons-laco-filled::before {\n    content: \"\\ea2e\";\n  }\n  .ecl-icons-laco::before {\n    content: \"\\ea2f\";\n  }\n  .ecl-icons-list::before {\n    content: \"\\ea30\";\n  }\n  .ecl-icons-livestreaming::before {\n    content: \"\\ea31\";\n  }\n  .ecl-icons-location-filled::before {\n    content: \"\\ea32\";\n  }\n  .ecl-icons-location::before {\n    content: \"\\ea33\";\n  }\n  .ecl-icons-log-in-outline::before {\n    content: \"\\ea34\";\n  }\n  .ecl-icons-log-in::before {\n    content: \"\\ea35\";\n  }\n  .ecl-icons-logged-in::before {\n    content: \"\\ea36\";\n  }\n  .ecl-icons-minus-outline::before {\n    content: \"\\ea37\";\n  }\n  .ecl-icons-minus::before {\n    content: \"\\ea38\";\n  }\n  .ecl-icons-multiple-files::before {\n    content: \"\\ea39\";\n  }\n  .ecl-icons-notification-active::before {\n    content: \"\\ea3a\";\n  }\n  .ecl-icons-notification::before {\n    content: \"\\ea3b\";\n  }\n  .ecl-icons-organigram::before {\n    content: \"\\ea3c\";\n  }\n  .ecl-icons-package::before {\n    content: \"\\ea3d\";\n  }\n  .ecl-icons-pause-filled::before {\n    content: \"\\ea3e\";\n  }\n  .ecl-icons-pause-outline::before {\n    content: \"\\ea3f\";\n  }\n  .ecl-icons-pause::before {\n    content: \"\\ea40\";\n  }\n  .ecl-icons-play-filled::before {\n    content: \"\\ea41\";\n  }\n  .ecl-icons-play-outline::before {\n    content: \"\\ea42\";\n  }\n  .ecl-icons-play::before {\n    content: \"\\ea43\";\n  }\n  .ecl-icons-plus-filled::before {\n    content: \"\\ea44\";\n  }\n  .ecl-icons-plus-outline::before {\n    content: \"\\ea45\";\n  }\n  .ecl-icons-plus::before {\n    content: \"\\ea46\";\n  }\n  .ecl-icons-presentation::before {\n    content: \"\\ea47\";\n  }\n  .ecl-icons-print::before {\n    content: \"\\ea48\";\n  }\n  .ecl-icons-regulation::before {\n    content: \"\\ea49\";\n  }\n  .ecl-icons-rss::before {\n    content: \"\\ea4a\";\n  }\n  .ecl-icons-search::before {\n    content: \"\\ea4b\";\n  }\n  .ecl-icons-settings::before {\n    content: \"\\ea4c\";\n  }\n  .ecl-icons-share-filled::before {\n    content: \"\\ea4d\";\n  }\n  .ecl-icons-share::before {\n    content: \"\\ea4e\";\n  }\n  .ecl-icons-shopping-bag::before {\n    content: \"\\ea4f\";\n  }\n  .ecl-icons-solid-arrow::before {\n    content: \"\\ea50\";\n  }\n  .ecl-icons-sort-carets::before {\n    content: \"\\ea51\";\n  }\n  .ecl-icons-spinner::before {\n    content: \"\\ea52\";\n  }\n  .ecl-icons-spreadsheet::before {\n    content: \"\\ea53\";\n  }\n  .ecl-icons-star-filled::before {\n    content: \"\\ea54\";\n  }\n  .ecl-icons-star-outline::before {\n    content: \"\\ea55\";\n  }\n  .ecl-icons-tag::before {\n    content: \"\\ea56\";\n  }\n  .ecl-icons-trash::before {\n    content: \"\\ea57\";\n  }\n  .ecl-icons-upload::before {\n    content: \"\\ea58\";\n  }\n  .ecl-icons-warning-outline::before {\n    content: \"\\ea59\";\n  }\n  .ecl-icons-warning-round::before {\n    content: \"\\ea5a\";\n  }\n  .ecl-icons-warning::before {\n    content: \"\\ea5b\";\n  }\n}\n@layer kol-theme-component {\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n}";
+var css_248z$19 = "@layer kol-theme-component {\n  @font-face {\n    font-family: \"ecl-icons\";\n    src: url(\"ecl-icons.eot?t=1777355212121\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1777355212121#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1777355212121\") format(\"woff2\"), url(\"ecl-icons.woff?t=1777355212121\") format(\"woff\"), url(\"ecl-icons.ttf?t=1777355212121\") format(\"truetype\"), url(\"ecl-icons.svg?t=1777355212121#ecl-icons\") format(\"svg\"); /* iOS 4.1- */\n  }\n  [class^=ecl-icons-], [class*=\" ecl-icons-\"] {\n    font-family: \"ecl-icons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ecl-icons-arrow-left::before {\n    content: \"\\ea01\";\n  }\n  .ecl-icons-audio::before {\n    content: \"\\ea02\";\n  }\n  .ecl-icons-book::before {\n    content: \"\\ea03\";\n  }\n  .ecl-icons-brochure::before {\n    content: \"\\ea04\";\n  }\n  .ecl-icons-budget::before {\n    content: \"\\ea05\";\n  }\n  .ecl-icons-calendar::before {\n    content: \"\\ea06\";\n  }\n  .ecl-icons-camera::before {\n    content: \"\\ea07\";\n  }\n  .ecl-icons-chain::before {\n    content: \"\\ea08\";\n  }\n  .ecl-icons-check-filled::before {\n    content: \"\\ea09\";\n  }\n  .ecl-icons-check::before {\n    content: \"\\ea0a\";\n  }\n  .ecl-icons-clock-filled::before {\n    content: \"\\ea0b\";\n  }\n  .ecl-icons-clock::before {\n    content: \"\\ea0c\";\n  }\n  .ecl-icons-close-filled::before {\n    content: \"\\ea0d\";\n  }\n  .ecl-icons-close-outline::before {\n    content: \"\\ea0e\";\n  }\n  .ecl-icons-close::before {\n    content: \"\\ea0f\";\n  }\n  .ecl-icons-copy::before {\n    content: \"\\ea10\";\n  }\n  .ecl-icons-corner-arrow::before {\n    content: \"\\ea11\";\n  }\n  .ecl-icons-data::before {\n    content: \"\\ea12\";\n  }\n  .ecl-icons-digital::before {\n    content: \"\\ea13\";\n  }\n  .ecl-icons-document::before {\n    content: \"\\ea14\";\n  }\n  .ecl-icons-download::before {\n    content: \"\\ea15\";\n  }\n  .ecl-icons-edit::before {\n    content: \"\\ea16\";\n  }\n  .ecl-icons-email::before {\n    content: \"\\ea17\";\n  }\n  .ecl-icons-energy::before {\n    content: \"\\ea18\";\n  }\n  .ecl-icons-error-outline::before {\n    content: \"\\ea19\";\n  }\n  .ecl-icons-error::before {\n    content: \"\\ea1a\";\n  }\n  .ecl-icons-euro::before {\n    content: \"\\ea1b\";\n  }\n  .ecl-icons-event::before {\n    content: \"\\ea1c\";\n  }\n  .ecl-icons-external-events::before {\n    content: \"\\ea1d\";\n  }\n  .ecl-icons-external::before {\n    content: \"\\ea1e\";\n  }\n  .ecl-icons-eye::before {\n    content: \"\\ea1f\";\n  }\n  .ecl-icons-faq::before {\n    content: \"\\ea20\";\n  }\n  .ecl-icons-feedback::before {\n    content: \"\\ea21\";\n  }\n  .ecl-icons-file-blank::before {\n    content: \"\\ea22\";\n  }\n  .ecl-icons-file::before {\n    content: \"\\ea23\";\n  }\n  .ecl-icons-folder::before {\n    content: \"\\ea24\";\n  }\n  .ecl-icons-fullscreen::before {\n    content: \"\\ea25\";\n  }\n  .ecl-icons-global::before {\n    content: \"\\ea26\";\n  }\n  .ecl-icons-growth::before {\n    content: \"\\ea27\";\n  }\n  .ecl-icons-hamburger::before {\n    content: \"\\ea28\";\n  }\n  .ecl-icons-image::before {\n    content: \"\\ea29\";\n  }\n  .ecl-icons-infographic::before {\n    content: \"\\ea2a\";\n  }\n  .ecl-icons-information-outline::before {\n    content: \"\\ea2b\";\n  }\n  .ecl-icons-information-round::before {\n    content: \"\\ea2c\";\n  }\n  .ecl-icons-information::before {\n    content: \"\\ea2d\";\n  }\n  .ecl-icons-laco-filled::before {\n    content: \"\\ea2e\";\n  }\n  .ecl-icons-laco::before {\n    content: \"\\ea2f\";\n  }\n  .ecl-icons-list::before {\n    content: \"\\ea30\";\n  }\n  .ecl-icons-livestreaming::before {\n    content: \"\\ea31\";\n  }\n  .ecl-icons-location-filled::before {\n    content: \"\\ea32\";\n  }\n  .ecl-icons-location::before {\n    content: \"\\ea33\";\n  }\n  .ecl-icons-log-in-outline::before {\n    content: \"\\ea34\";\n  }\n  .ecl-icons-log-in::before {\n    content: \"\\ea35\";\n  }\n  .ecl-icons-logged-in::before {\n    content: \"\\ea36\";\n  }\n  .ecl-icons-minus-outline::before {\n    content: \"\\ea37\";\n  }\n  .ecl-icons-minus::before {\n    content: \"\\ea38\";\n  }\n  .ecl-icons-multiple-files::before {\n    content: \"\\ea39\";\n  }\n  .ecl-icons-notification-active::before {\n    content: \"\\ea3a\";\n  }\n  .ecl-icons-notification::before {\n    content: \"\\ea3b\";\n  }\n  .ecl-icons-organigram::before {\n    content: \"\\ea3c\";\n  }\n  .ecl-icons-package::before {\n    content: \"\\ea3d\";\n  }\n  .ecl-icons-pause-filled::before {\n    content: \"\\ea3e\";\n  }\n  .ecl-icons-pause-outline::before {\n    content: \"\\ea3f\";\n  }\n  .ecl-icons-pause::before {\n    content: \"\\ea40\";\n  }\n  .ecl-icons-play-filled::before {\n    content: \"\\ea41\";\n  }\n  .ecl-icons-play-outline::before {\n    content: \"\\ea42\";\n  }\n  .ecl-icons-play::before {\n    content: \"\\ea43\";\n  }\n  .ecl-icons-plus-filled::before {\n    content: \"\\ea44\";\n  }\n  .ecl-icons-plus-outline::before {\n    content: \"\\ea45\";\n  }\n  .ecl-icons-plus::before {\n    content: \"\\ea46\";\n  }\n  .ecl-icons-presentation::before {\n    content: \"\\ea47\";\n  }\n  .ecl-icons-print::before {\n    content: \"\\ea48\";\n  }\n  .ecl-icons-regulation::before {\n    content: \"\\ea49\";\n  }\n  .ecl-icons-rss::before {\n    content: \"\\ea4a\";\n  }\n  .ecl-icons-search::before {\n    content: \"\\ea4b\";\n  }\n  .ecl-icons-settings::before {\n    content: \"\\ea4c\";\n  }\n  .ecl-icons-share-filled::before {\n    content: \"\\ea4d\";\n  }\n  .ecl-icons-share::before {\n    content: \"\\ea4e\";\n  }\n  .ecl-icons-shopping-bag::before {\n    content: \"\\ea4f\";\n  }\n  .ecl-icons-solid-arrow::before {\n    content: \"\\ea50\";\n  }\n  .ecl-icons-sort-carets::before {\n    content: \"\\ea51\";\n  }\n  .ecl-icons-spinner::before {\n    content: \"\\ea52\";\n  }\n  .ecl-icons-spreadsheet::before {\n    content: \"\\ea53\";\n  }\n  .ecl-icons-star-filled::before {\n    content: \"\\ea54\";\n  }\n  .ecl-icons-star-outline::before {\n    content: \"\\ea55\";\n  }\n  .ecl-icons-tag::before {\n    content: \"\\ea56\";\n  }\n  .ecl-icons-trash::before {\n    content: \"\\ea57\";\n  }\n  .ecl-icons-upload::before {\n    content: \"\\ea58\";\n  }\n  .ecl-icons-warning-outline::before {\n    content: \"\\ea59\";\n  }\n  .ecl-icons-warning-round::before {\n    content: \"\\ea5a\";\n  }\n  .ecl-icons-warning::before {\n    content: \"\\ea5b\";\n  }\n}\n@layer kol-theme-component {\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n}";
 
 var css_248z$18 = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-alert .kol-button {\n    --button-border-width: 2px;\n    --button-focus-outline-color: var(--ecl-color-dark);\n    --button-focus-outline-offset: -3px;\n    --button-focus-outline-width: 1px;\n  }\n  .kol-alert .kol-button:focus {\n    outline: var(--button-focus-outline-color) solid var(--button-focus-outline-width);\n    outline-offset: var(--button-focus-outline-offset);\n  }\n  .kol-alert .kol-button--primary {\n    --button-background-color: var(--ecl-color-primary);\n    --button-border-color: var(--ecl-color-primary);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--primary:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--primary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n  }\n  .kol-alert .kol-button--secondary {\n    --button-background-color: var(--ecl-color-white);\n    --button-border-color: var(--ecl-color-primary);\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert .kol-button--secondary:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--secondary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--tertiary {\n    --button-background-color: var(--ecl-color-white);\n    --button-text-color: var(--ecl-color-dark);\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n  }\n  .kol-alert .kol-button--tertiary:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--tertiary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n  }\n  .kol-alert .kol-button--normal {\n    --button-background-color: var(--ecl-color-white);\n    --button-text-color: var(--ecl-color-dark);\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n  }\n  .kol-alert .kol-button--normal:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--normal:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n  }\n  .kol-alert .kol-button--call-to-action {\n    --button-background-color: var(--ecl-color-secondary);\n    --button-border-color: var(--ecl-color-secondary);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button--call-to-action:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-secondary-120);\n    --button-border-color: var(--ecl-color-secondary-120);\n  }\n  .kol-alert .kol-button--danger {\n    --button-background-color: var(--ecl-color-error);\n    --button-border-color: var(--ecl-color-error);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--danger:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--danger:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-error);\n    --button-border-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button--ghost {\n    --button-background-color: transparent;\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert .kol-button--ghost:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--ghost:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button__text {\n    color: var(--button-text-color);\n    background-color: var(--button-background-color);\n    border-color: var(--button-border-color);\n    border-style: solid;\n    border-radius: 2px;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    padding: var(--ecl-spacing-xs) var(--ecl-spacing-m);\n    border-width: var(--button-border-width);\n    line-height: 1.2;\n  }\n  .kol-alert .kol-button__text .kol-span__container {\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert .kol-button__text .kol-span__label {\n    word-break: keep-all;\n  }\n  .kol-alert .kol-button__text.kol-span--hide-label {\n    padding: var(--ecl-spacing-xs);\n  }\n  .kol-alert--variant-msg {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    margin-right: var(--ecl-spacing-2xs);\n    font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container {\n    line-height: var(--ecl-line-height-s);\n  }\n  .kol-alert--variant-msg .kol-alert__content {\n    font-size: var(--ecl-font-size-s);\n    line-height: var(--ecl-line-height-s);\n  }\n  .kol-alert--variant-card {\n    background-color: var(--ecl-color-neutral-20);\n    padding: var(--ecl-spacing-m) var(--ecl-spacing-m) var(--ecl-spacing-m) var(--ecl-spacing-s);\n    border: solid 1px var(--ecl-color-neutral);\n    border-inline-start: 4px solid var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    margin-right: var(--ecl-spacing-xs);\n    font-size: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--ecl-color-dark);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--ecl-color-error);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--ecl-color-info);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--ecl-color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--ecl-color-warning);\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert__heading {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  .kol-alert__closer .kol-button {\n    --button-background-color: transparent;\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert__closer .kol-button:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert__closer .kol-button:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert__closer .kol-button {\n    height: var(--a11y-min-size);\n  }\n  .kol-alert__closer .kol-button .kol-icon {\n    font-size: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    --kol-checkbox-color: var(--ecl-color-primary);\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__hint {\n    order: 1;\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox:focus-within::before, .kol-input-checkbox__field-control--variant-default .kol-checkbox:hover:not(:has(input:disabled))::before {\n    background-color: var(--ecl-color-primary-20);\n    border-radius: 100%;\n    position: absolute;\n    width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n    content: \"\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-eye,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-eye::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-check,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-check::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cross,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cross::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-settings,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-settings::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-up,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-up::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon {\n    color: var(--ecl-color-white);\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input {\n    border-color: var(--kol-checkbox-color);\n    border-radius: 2px;\n    position: relative;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input:checked, .kol-input-checkbox__field-control--variant-default .kol-checkbox input:indeterminate {\n    background-color: var(--kol-checkbox-color);\n    border-color: var(--kol-checkbox-color);\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input:focus {\n    outline: transparent;\n  }\n  .kol-field-control--label-align-left .kol-field-control__label {\n    padding-right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--label-align-right .kol-field-control__label {\n    padding-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--error {\n    --kol-checkbox-color: var(--ecl-color-error);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    border-color: var(--kol-checkbox-color);\n    border-radius: 16px;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--ecl-color-white);\n    border-radius: 50%;\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--kol-checkbox-color);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-input::before {\n    background-color: var(--kol-checkbox-color);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    color: var(--ecl-color-white);\n  }\n  .kol-checkbox--variant-switch:hover .kol-input:not(:disabled) {\n    outline: var(--ecl-color-primary-20) 8px solid;\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--ecl-color-primary-130);\n    outline-style: solid;\n    outline-width: 2px;\n  }\n}";
 
@@ -1079,7 +1079,7 @@ var css_248z$I = "/* forward the rem function */\n@layer kol-theme-component {\n
 
 var css_248z$H = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}";
 
-var css_248z$G = "/* forward the rem function */\n@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    border-radius: 2px;\n    padding: calc(4 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border: 1px solid #626262;\n  }\n  :host {\n    --ecl-color-primary: var(--ecl-color-primary-100);\n    --ecl-color-primary-180: #051036;\n    --ecl-color-primary-160: #0a1f6c;\n    --ecl-color-primary-140: #0f2fa2;\n    --ecl-color-primary-120: #143fd9;\n    --ecl-color-primary-100: #3860ed;\n    --ecl-color-primary-80: #5577f0;\n    --ecl-color-primary-60: #89a1f4;\n    --ecl-color-primary-40: #b1c0f8;\n    --ecl-color-primary-20: #d8e0fb;\n    --ecl-color-secondary: var(--ecl-color-secondary-100);\n    --ecl-color-secondary-180: #8f5600;\n    --ecl-color-secondary-160: #e08700;\n    --ecl-color-secondary-140: #ff9d0a;\n    --ecl-color-secondary-120: #ffad33;\n    --ecl-color-secondary-100: #ffbe5c;\n    --ecl-color-secondary-80: #ffcb7c;\n    --ecl-color-secondary-60: #ffd89d;\n    --ecl-color-secondary-40: #ffe5be;\n    --ecl-color-secondary-20: #fff2de;\n    --ecl-color-dark: var(--ecl-color-dark-100);\n    --ecl-color-dark-100: #26324b;\n    --ecl-color-dark-80: #546fa6;\n    --ecl-color-dark-60: #9ac;\n    --ecl-color-dark-06-o: rgb(38, 50, 75, 0.06);\n    --ecl-color-dark-05-o: rgb(38, 50, 75, 0.05);\n    --ecl-color-info: var(--ecl-color-primary-100);\n    --ecl-color-success: #24a148;\n    --ecl-color-error: #da1e28;\n    --ecl-color-warning: #f39811;\n    --ecl-color-background: #fcfcfc;\n    --ecl-color-branding: #004494;\n    --ecl-color-stroke: color-mix(in srgb, var(--ecl-color-primary) 50%, transparent);\n    --ecl-color-overlay-light: color-mix(in srgb, var(--ecl-color-dark) 70%, transparent);\n    --ecl-color-overlay-dark: color-mix(in srgb, var(--ecl-color-dark) 90%, transparent);\n    --ecl-color-white: #fff;\n    --ecl-color-neutral: var(--ecl-color-neutral-100);\n    --ecl-color-neutral-180: #6c85d1;\n    --ecl-color-neutral-160: #7f95d7;\n    --ecl-color-neutral-140: #92a5dd;\n    --ecl-color-neutral-120: #a6b5e3;\n    --ecl-color-neutral-100: #b9c5e9;\n    --ecl-color-neutral-80: #cdd5ef;\n    --ecl-color-neutral-60: #e0e5f5;\n    --ecl-color-neutral-40: #f3f5fb;\n    --ecl-color-neutral-20: #f8f9fd;\n    --ecl-color-accent: var(--ecl-color-accent-100);\n    --ecl-color-accent-160: #887de8;\n    --ecl-color-accent-140: #978cf2;\n    --ecl-color-accent-120: #a89efa;\n    --ecl-color-accent-100: #bbb3ff;\n    --ecl-color-accent-80: #bfb2ff;\n    --ecl-color-accent-60: #d1ccff;\n    --ecl-color-accent-40: #fafaff;\n    --ecl-font-family-default: arial, sans-serif;\n    --ecl-font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-weight: 400;\n    --ecl-font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --ecl-spacing-2xs: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xs: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-s: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-2xl: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-4xl: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-5xl: calc(56 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-6xl: calc(64 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-shadow-1:\n    \t0 0 1px var(--ecl-color-dark-06-o), 2px 2px 2px var(--ecl-color-dark-05-o), 4px 4px 6px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-6:\n    \t0 0 6px var(--ecl-color-dark-06-o), 12px 12px 12px var(--ecl-color-dark-05-o), 24px 24px 36px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-12:\n    \t0 0 12px var(--ecl-color-dark-06-o), 24px 24px 24px var(--ecl-color-dark-05-o), 48px 48px 72px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-16:\n    \t0 0 16px var(--ecl-color-dark-06-o), 32px 32px 32px var(--ecl-color-dark-05-o), 64px 64px 96px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-max-width: 80ch;\n    --ecl-font-size-xs: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-s: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-2xl: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-4xl: calc(52 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xs: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-s: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-m: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-l: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-2xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-3xl: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-4xl: calc(54 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    color: var(--ecl-color-dark);\n    font-family: var(--ecl-font-family-default);\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight);\n    line-height: var(--ecl-line-height-m);\n  }\n  a,\n  button {\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}";
+var css_248z$G = "/* forward the rem function */\n@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    border-radius: 2px;\n    padding: calc(4 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border: 1px solid #626262;\n  }\n  :host {\n    --ecl-color-primary: var(--ecl-color-primary-100);\n    --ecl-color-primary-180: #051036;\n    --ecl-color-primary-160: #0a1f6c;\n    --ecl-color-primary-140: #0f2fa2;\n    --ecl-color-primary-120: #143fd9;\n    --ecl-color-primary-100: #3860ed;\n    --ecl-color-primary-80: #5577f0;\n    --ecl-color-primary-60: #89a1f4;\n    --ecl-color-primary-40: #b1c0f8;\n    --ecl-color-primary-20: #d8e0fb;\n    --ecl-color-secondary: var(--ecl-color-secondary-100);\n    --ecl-color-secondary-180: #8f5600;\n    --ecl-color-secondary-160: #e08700;\n    --ecl-color-secondary-140: #ff9d0a;\n    --ecl-color-secondary-120: #ffad33;\n    --ecl-color-secondary-100: #ffbe5c;\n    --ecl-color-secondary-80: #ffcb7c;\n    --ecl-color-secondary-60: #ffd89d;\n    --ecl-color-secondary-40: #ffe5be;\n    --ecl-color-secondary-20: #fff2de;\n    --ecl-color-dark: var(--ecl-color-dark-100);\n    --ecl-color-dark-100: #26324b;\n    --ecl-color-dark-80: #546fa6;\n    --ecl-color-dark-60: #9ac;\n    --ecl-color-dark-06-o: rgb(38, 50, 75, 0.06);\n    --ecl-color-dark-05-o: rgb(38, 50, 75, 0.05);\n    --ecl-color-info: var(--ecl-color-primary-100);\n    --ecl-color-success: #24a148;\n    --ecl-color-error: #da1e28;\n    --ecl-color-warning: #f39811;\n    --ecl-color-background: #fcfcfc;\n    --ecl-color-branding: #004494;\n    --ecl-color-stroke: color-mix(in srgb, var(--ecl-color-primary) 50%, transparent);\n    --ecl-color-overlay-light: color-mix(in srgb, var(--ecl-color-dark) 70%, transparent);\n    --ecl-color-overlay-dark: color-mix(in srgb, var(--ecl-color-dark) 90%, transparent);\n    --ecl-color-white: #fff;\n    --ecl-color-neutral: var(--ecl-color-neutral-100);\n    --ecl-color-neutral-180: #6c85d1;\n    --ecl-color-neutral-160: #7f95d7;\n    --ecl-color-neutral-140: #92a5dd;\n    --ecl-color-neutral-120: #a6b5e3;\n    --ecl-color-neutral-100: #b9c5e9;\n    --ecl-color-neutral-80: #cdd5ef;\n    --ecl-color-neutral-60: #e0e5f5;\n    --ecl-color-neutral-40: #f3f5fb;\n    --ecl-color-neutral-20: #f8f9fd;\n    --ecl-color-accent: var(--ecl-color-accent-100);\n    --ecl-color-accent-160: #887de8;\n    --ecl-color-accent-140: #978cf2;\n    --ecl-color-accent-120: #a89efa;\n    --ecl-color-accent-100: #bbb3ff;\n    --ecl-color-accent-80: #bfb2ff;\n    --ecl-color-accent-60: #d1ccff;\n    --ecl-color-accent-40: #fafaff;\n    --ecl-font-family-default: arial, sans-serif;\n    --ecl-font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-weight: 400;\n    --ecl-font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --ecl-spacing-2xs: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xs: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-s: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-2xl: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-4xl: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-5xl: calc(56 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-6xl: calc(64 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-shadow-1:\n    \t0 0 1px var(--ecl-color-dark-06-o), 2px 2px 2px var(--ecl-color-dark-05-o), 4px 4px 6px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-6:\n    \t0 0 6px var(--ecl-color-dark-06-o), 12px 12px 12px var(--ecl-color-dark-05-o), 24px 24px 36px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-12:\n    \t0 0 12px var(--ecl-color-dark-06-o), 24px 24px 24px var(--ecl-color-dark-05-o), 48px 48px 72px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-16:\n    \t0 0 16px var(--ecl-color-dark-06-o), 32px 32px 32px var(--ecl-color-dark-05-o), 64px 64px 96px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-max-width: 80ch;\n    --ecl-font-size-xs: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-s: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-2xl: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-4xl: calc(52 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xs: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-s: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-m: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-l: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-2xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-3xl: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-4xl: calc(54 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    color: var(--ecl-color-dark);\n    font-family: var(--ecl-font-family-default);\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight);\n    line-height: var(--ecl-line-height-m);\n  }\n  a,\n  button {\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n  }\n}";
 
 const ECL_EC = KoliBri.createTheme('ecl-ec', {
     GLOBAL: css_248z$G,

package/dist/index.mjs

@@ -1015,7 +1015,7 @@ var css_248z$1b = "/* forward the rem function */\n@layer kol-theme-component {\
 
 var css_248z$1a = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-headline--h1 {\n    font-size: var(--ecl-font-size-3xl);\n    line-height: var(--ecl-line-height-3xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h1 {\n      font-size: var(--ecl-font-size-4xl);\n      line-height: var(--ecl-line-height-4xl);\n    }\n  }\n  .kol-headline--h2 {\n    font-size: var(--ecl-font-size-2xl);\n    line-height: var(--ecl-line-height-2xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h2 {\n      font-size: var(--ecl-font-size-3xl);\n      line-height: var(--ecl-line-height-3xl);\n    }\n  }\n  .kol-headline--h3 {\n    font-size: var(--ecl-font-size-xl);\n    line-height: var(--ecl-line-height-xl);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h3 {\n      font-size: var(--ecl-font-size-2xl);\n      line-height: var(--ecl-line-height-2xl);\n    }\n  }\n  .kol-headline--h4 {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  @media (min-width: 768px) {\n    .kol-headline--h4 {\n      font-size: var(--ecl-font-size-xl);\n      line-height: var(--ecl-line-height-xl);\n    }\n  }\n  .kol-headline--h5 {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  .kol-headline--h6 {\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight-bold);\n    line-height: var(--ecl-line-height-m);\n  }\n}";
 
-var css_248z$19 = "@layer kol-theme-component {\n  @font-face {\n    font-family: \"ecl-icons\";\n    src: url(\"ecl-icons.eot?t=1777087149476\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1777087149476#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1777087149476\") format(\"woff2\"), url(\"ecl-icons.woff?t=1777087149476\") format(\"woff\"), url(\"ecl-icons.ttf?t=1777087149476\") format(\"truetype\"), url(\"ecl-icons.svg?t=1777087149476#ecl-icons\") format(\"svg\"); /* iOS 4.1- */\n  }\n  [class^=ecl-icons-], [class*=\" ecl-icons-\"] {\n    font-family: \"ecl-icons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ecl-icons-arrow-left::before {\n    content: \"\\ea01\";\n  }\n  .ecl-icons-audio::before {\n    content: \"\\ea02\";\n  }\n  .ecl-icons-book::before {\n    content: \"\\ea03\";\n  }\n  .ecl-icons-brochure::before {\n    content: \"\\ea04\";\n  }\n  .ecl-icons-budget::before {\n    content: \"\\ea05\";\n  }\n  .ecl-icons-calendar::before {\n    content: \"\\ea06\";\n  }\n  .ecl-icons-camera::before {\n    content: \"\\ea07\";\n  }\n  .ecl-icons-chain::before {\n    content: \"\\ea08\";\n  }\n  .ecl-icons-check-filled::before {\n    content: \"\\ea09\";\n  }\n  .ecl-icons-check::before {\n    content: \"\\ea0a\";\n  }\n  .ecl-icons-clock-filled::before {\n    content: \"\\ea0b\";\n  }\n  .ecl-icons-clock::before {\n    content: \"\\ea0c\";\n  }\n  .ecl-icons-close-filled::before {\n    content: \"\\ea0d\";\n  }\n  .ecl-icons-close-outline::before {\n    content: \"\\ea0e\";\n  }\n  .ecl-icons-close::before {\n    content: \"\\ea0f\";\n  }\n  .ecl-icons-copy::before {\n    content: \"\\ea10\";\n  }\n  .ecl-icons-corner-arrow::before {\n    content: \"\\ea11\";\n  }\n  .ecl-icons-data::before {\n    content: \"\\ea12\";\n  }\n  .ecl-icons-digital::before {\n    content: \"\\ea13\";\n  }\n  .ecl-icons-document::before {\n    content: \"\\ea14\";\n  }\n  .ecl-icons-download::before {\n    content: \"\\ea15\";\n  }\n  .ecl-icons-edit::before {\n    content: \"\\ea16\";\n  }\n  .ecl-icons-email::before {\n    content: \"\\ea17\";\n  }\n  .ecl-icons-energy::before {\n    content: \"\\ea18\";\n  }\n  .ecl-icons-error-outline::before {\n    content: \"\\ea19\";\n  }\n  .ecl-icons-error::before {\n    content: \"\\ea1a\";\n  }\n  .ecl-icons-euro::before {\n    content: \"\\ea1b\";\n  }\n  .ecl-icons-event::before {\n    content: \"\\ea1c\";\n  }\n  .ecl-icons-external-events::before {\n    content: \"\\ea1d\";\n  }\n  .ecl-icons-external::before {\n    content: \"\\ea1e\";\n  }\n  .ecl-icons-eye::before {\n    content: \"\\ea1f\";\n  }\n  .ecl-icons-faq::before {\n    content: \"\\ea20\";\n  }\n  .ecl-icons-feedback::before {\n    content: \"\\ea21\";\n  }\n  .ecl-icons-file-blank::before {\n    content: \"\\ea22\";\n  }\n  .ecl-icons-file::before {\n    content: \"\\ea23\";\n  }\n  .ecl-icons-folder::before {\n    content: \"\\ea24\";\n  }\n  .ecl-icons-fullscreen::before {\n    content: \"\\ea25\";\n  }\n  .ecl-icons-global::before {\n    content: \"\\ea26\";\n  }\n  .ecl-icons-growth::before {\n    content: \"\\ea27\";\n  }\n  .ecl-icons-hamburger::before {\n    content: \"\\ea28\";\n  }\n  .ecl-icons-image::before {\n    content: \"\\ea29\";\n  }\n  .ecl-icons-infographic::before {\n    content: \"\\ea2a\";\n  }\n  .ecl-icons-information-outline::before {\n    content: \"\\ea2b\";\n  }\n  .ecl-icons-information-round::before {\n    content: \"\\ea2c\";\n  }\n  .ecl-icons-information::before {\n    content: \"\\ea2d\";\n  }\n  .ecl-icons-laco-filled::before {\n    content: \"\\ea2e\";\n  }\n  .ecl-icons-laco::before {\n    content: \"\\ea2f\";\n  }\n  .ecl-icons-list::before {\n    content: \"\\ea30\";\n  }\n  .ecl-icons-livestreaming::before {\n    content: \"\\ea31\";\n  }\n  .ecl-icons-location-filled::before {\n    content: \"\\ea32\";\n  }\n  .ecl-icons-location::before {\n    content: \"\\ea33\";\n  }\n  .ecl-icons-log-in-outline::before {\n    content: \"\\ea34\";\n  }\n  .ecl-icons-log-in::before {\n    content: \"\\ea35\";\n  }\n  .ecl-icons-logged-in::before {\n    content: \"\\ea36\";\n  }\n  .ecl-icons-minus-outline::before {\n    content: \"\\ea37\";\n  }\n  .ecl-icons-minus::before {\n    content: \"\\ea38\";\n  }\n  .ecl-icons-multiple-files::before {\n    content: \"\\ea39\";\n  }\n  .ecl-icons-notification-active::before {\n    content: \"\\ea3a\";\n  }\n  .ecl-icons-notification::before {\n    content: \"\\ea3b\";\n  }\n  .ecl-icons-organigram::before {\n    content: \"\\ea3c\";\n  }\n  .ecl-icons-package::before {\n    content: \"\\ea3d\";\n  }\n  .ecl-icons-pause-filled::before {\n    content: \"\\ea3e\";\n  }\n  .ecl-icons-pause-outline::before {\n    content: \"\\ea3f\";\n  }\n  .ecl-icons-pause::before {\n    content: \"\\ea40\";\n  }\n  .ecl-icons-play-filled::before {\n    content: \"\\ea41\";\n  }\n  .ecl-icons-play-outline::before {\n    content: \"\\ea42\";\n  }\n  .ecl-icons-play::before {\n    content: \"\\ea43\";\n  }\n  .ecl-icons-plus-filled::before {\n    content: \"\\ea44\";\n  }\n  .ecl-icons-plus-outline::before {\n    content: \"\\ea45\";\n  }\n  .ecl-icons-plus::before {\n    content: \"\\ea46\";\n  }\n  .ecl-icons-presentation::before {\n    content: \"\\ea47\";\n  }\n  .ecl-icons-print::before {\n    content: \"\\ea48\";\n  }\n  .ecl-icons-regulation::before {\n    content: \"\\ea49\";\n  }\n  .ecl-icons-rss::before {\n    content: \"\\ea4a\";\n  }\n  .ecl-icons-search::before {\n    content: \"\\ea4b\";\n  }\n  .ecl-icons-settings::before {\n    content: \"\\ea4c\";\n  }\n  .ecl-icons-share-filled::before {\n    content: \"\\ea4d\";\n  }\n  .ecl-icons-share::before {\n    content: \"\\ea4e\";\n  }\n  .ecl-icons-shopping-bag::before {\n    content: \"\\ea4f\";\n  }\n  .ecl-icons-solid-arrow::before {\n    content: \"\\ea50\";\n  }\n  .ecl-icons-sort-carets::before {\n    content: \"\\ea51\";\n  }\n  .ecl-icons-spinner::before {\n    content: \"\\ea52\";\n  }\n  .ecl-icons-spreadsheet::before {\n    content: \"\\ea53\";\n  }\n  .ecl-icons-star-filled::before {\n    content: \"\\ea54\";\n  }\n  .ecl-icons-star-outline::before {\n    content: \"\\ea55\";\n  }\n  .ecl-icons-tag::before {\n    content: \"\\ea56\";\n  }\n  .ecl-icons-trash::before {\n    content: \"\\ea57\";\n  }\n  .ecl-icons-upload::before {\n    content: \"\\ea58\";\n  }\n  .ecl-icons-warning-outline::before {\n    content: \"\\ea59\";\n  }\n  .ecl-icons-warning-round::before {\n    content: \"\\ea5a\";\n  }\n  .ecl-icons-warning::before {\n    content: \"\\ea5b\";\n  }\n}\n@layer kol-theme-component {\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n}";
+var css_248z$19 = "@layer kol-theme-component {\n  @font-face {\n    font-family: \"ecl-icons\";\n    src: url(\"ecl-icons.eot?t=1777355212121\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1777355212121#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1777355212121\") format(\"woff2\"), url(\"ecl-icons.woff?t=1777355212121\") format(\"woff\"), url(\"ecl-icons.ttf?t=1777355212121\") format(\"truetype\"), url(\"ecl-icons.svg?t=1777355212121#ecl-icons\") format(\"svg\"); /* iOS 4.1- */\n  }\n  [class^=ecl-icons-], [class*=\" ecl-icons-\"] {\n    font-family: \"ecl-icons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ecl-icons-arrow-left::before {\n    content: \"\\ea01\";\n  }\n  .ecl-icons-audio::before {\n    content: \"\\ea02\";\n  }\n  .ecl-icons-book::before {\n    content: \"\\ea03\";\n  }\n  .ecl-icons-brochure::before {\n    content: \"\\ea04\";\n  }\n  .ecl-icons-budget::before {\n    content: \"\\ea05\";\n  }\n  .ecl-icons-calendar::before {\n    content: \"\\ea06\";\n  }\n  .ecl-icons-camera::before {\n    content: \"\\ea07\";\n  }\n  .ecl-icons-chain::before {\n    content: \"\\ea08\";\n  }\n  .ecl-icons-check-filled::before {\n    content: \"\\ea09\";\n  }\n  .ecl-icons-check::before {\n    content: \"\\ea0a\";\n  }\n  .ecl-icons-clock-filled::before {\n    content: \"\\ea0b\";\n  }\n  .ecl-icons-clock::before {\n    content: \"\\ea0c\";\n  }\n  .ecl-icons-close-filled::before {\n    content: \"\\ea0d\";\n  }\n  .ecl-icons-close-outline::before {\n    content: \"\\ea0e\";\n  }\n  .ecl-icons-close::before {\n    content: \"\\ea0f\";\n  }\n  .ecl-icons-copy::before {\n    content: \"\\ea10\";\n  }\n  .ecl-icons-corner-arrow::before {\n    content: \"\\ea11\";\n  }\n  .ecl-icons-data::before {\n    content: \"\\ea12\";\n  }\n  .ecl-icons-digital::before {\n    content: \"\\ea13\";\n  }\n  .ecl-icons-document::before {\n    content: \"\\ea14\";\n  }\n  .ecl-icons-download::before {\n    content: \"\\ea15\";\n  }\n  .ecl-icons-edit::before {\n    content: \"\\ea16\";\n  }\n  .ecl-icons-email::before {\n    content: \"\\ea17\";\n  }\n  .ecl-icons-energy::before {\n    content: \"\\ea18\";\n  }\n  .ecl-icons-error-outline::before {\n    content: \"\\ea19\";\n  }\n  .ecl-icons-error::before {\n    content: \"\\ea1a\";\n  }\n  .ecl-icons-euro::before {\n    content: \"\\ea1b\";\n  }\n  .ecl-icons-event::before {\n    content: \"\\ea1c\";\n  }\n  .ecl-icons-external-events::before {\n    content: \"\\ea1d\";\n  }\n  .ecl-icons-external::before {\n    content: \"\\ea1e\";\n  }\n  .ecl-icons-eye::before {\n    content: \"\\ea1f\";\n  }\n  .ecl-icons-faq::before {\n    content: \"\\ea20\";\n  }\n  .ecl-icons-feedback::before {\n    content: \"\\ea21\";\n  }\n  .ecl-icons-file-blank::before {\n    content: \"\\ea22\";\n  }\n  .ecl-icons-file::before {\n    content: \"\\ea23\";\n  }\n  .ecl-icons-folder::before {\n    content: \"\\ea24\";\n  }\n  .ecl-icons-fullscreen::before {\n    content: \"\\ea25\";\n  }\n  .ecl-icons-global::before {\n    content: \"\\ea26\";\n  }\n  .ecl-icons-growth::before {\n    content: \"\\ea27\";\n  }\n  .ecl-icons-hamburger::before {\n    content: \"\\ea28\";\n  }\n  .ecl-icons-image::before {\n    content: \"\\ea29\";\n  }\n  .ecl-icons-infographic::before {\n    content: \"\\ea2a\";\n  }\n  .ecl-icons-information-outline::before {\n    content: \"\\ea2b\";\n  }\n  .ecl-icons-information-round::before {\n    content: \"\\ea2c\";\n  }\n  .ecl-icons-information::before {\n    content: \"\\ea2d\";\n  }\n  .ecl-icons-laco-filled::before {\n    content: \"\\ea2e\";\n  }\n  .ecl-icons-laco::before {\n    content: \"\\ea2f\";\n  }\n  .ecl-icons-list::before {\n    content: \"\\ea30\";\n  }\n  .ecl-icons-livestreaming::before {\n    content: \"\\ea31\";\n  }\n  .ecl-icons-location-filled::before {\n    content: \"\\ea32\";\n  }\n  .ecl-icons-location::before {\n    content: \"\\ea33\";\n  }\n  .ecl-icons-log-in-outline::before {\n    content: \"\\ea34\";\n  }\n  .ecl-icons-log-in::before {\n    content: \"\\ea35\";\n  }\n  .ecl-icons-logged-in::before {\n    content: \"\\ea36\";\n  }\n  .ecl-icons-minus-outline::before {\n    content: \"\\ea37\";\n  }\n  .ecl-icons-minus::before {\n    content: \"\\ea38\";\n  }\n  .ecl-icons-multiple-files::before {\n    content: \"\\ea39\";\n  }\n  .ecl-icons-notification-active::before {\n    content: \"\\ea3a\";\n  }\n  .ecl-icons-notification::before {\n    content: \"\\ea3b\";\n  }\n  .ecl-icons-organigram::before {\n    content: \"\\ea3c\";\n  }\n  .ecl-icons-package::before {\n    content: \"\\ea3d\";\n  }\n  .ecl-icons-pause-filled::before {\n    content: \"\\ea3e\";\n  }\n  .ecl-icons-pause-outline::before {\n    content: \"\\ea3f\";\n  }\n  .ecl-icons-pause::before {\n    content: \"\\ea40\";\n  }\n  .ecl-icons-play-filled::before {\n    content: \"\\ea41\";\n  }\n  .ecl-icons-play-outline::before {\n    content: \"\\ea42\";\n  }\n  .ecl-icons-play::before {\n    content: \"\\ea43\";\n  }\n  .ecl-icons-plus-filled::before {\n    content: \"\\ea44\";\n  }\n  .ecl-icons-plus-outline::before {\n    content: \"\\ea45\";\n  }\n  .ecl-icons-plus::before {\n    content: \"\\ea46\";\n  }\n  .ecl-icons-presentation::before {\n    content: \"\\ea47\";\n  }\n  .ecl-icons-print::before {\n    content: \"\\ea48\";\n  }\n  .ecl-icons-regulation::before {\n    content: \"\\ea49\";\n  }\n  .ecl-icons-rss::before {\n    content: \"\\ea4a\";\n  }\n  .ecl-icons-search::before {\n    content: \"\\ea4b\";\n  }\n  .ecl-icons-settings::before {\n    content: \"\\ea4c\";\n  }\n  .ecl-icons-share-filled::before {\n    content: \"\\ea4d\";\n  }\n  .ecl-icons-share::before {\n    content: \"\\ea4e\";\n  }\n  .ecl-icons-shopping-bag::before {\n    content: \"\\ea4f\";\n  }\n  .ecl-icons-solid-arrow::before {\n    content: \"\\ea50\";\n  }\n  .ecl-icons-sort-carets::before {\n    content: \"\\ea51\";\n  }\n  .ecl-icons-spinner::before {\n    content: \"\\ea52\";\n  }\n  .ecl-icons-spreadsheet::before {\n    content: \"\\ea53\";\n  }\n  .ecl-icons-star-filled::before {\n    content: \"\\ea54\";\n  }\n  .ecl-icons-star-outline::before {\n    content: \"\\ea55\";\n  }\n  .ecl-icons-tag::before {\n    content: \"\\ea56\";\n  }\n  .ecl-icons-trash::before {\n    content: \"\\ea57\";\n  }\n  .ecl-icons-upload::before {\n    content: \"\\ea58\";\n  }\n  .ecl-icons-warning-outline::before {\n    content: \"\\ea59\";\n  }\n  .ecl-icons-warning-round::before {\n    content: \"\\ea5a\";\n  }\n  .ecl-icons-warning::before {\n    content: \"\\ea5b\";\n  }\n}\n@layer kol-theme-component {\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n}";
 
 var css_248z$18 = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-alert .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-alert .kol-button {\n    --button-border-width: 2px;\n    --button-focus-outline-color: var(--ecl-color-dark);\n    --button-focus-outline-offset: -3px;\n    --button-focus-outline-width: 1px;\n  }\n  .kol-alert .kol-button:focus {\n    outline: var(--button-focus-outline-color) solid var(--button-focus-outline-width);\n    outline-offset: var(--button-focus-outline-offset);\n  }\n  .kol-alert .kol-button--primary {\n    --button-background-color: var(--ecl-color-primary);\n    --button-border-color: var(--ecl-color-primary);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--primary:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--primary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n  }\n  .kol-alert .kol-button--secondary {\n    --button-background-color: var(--ecl-color-white);\n    --button-border-color: var(--ecl-color-primary);\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert .kol-button--secondary:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--secondary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-140);\n    --button-border-color: var(--ecl-color-primary-140);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--tertiary {\n    --button-background-color: var(--ecl-color-white);\n    --button-text-color: var(--ecl-color-dark);\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n  }\n  .kol-alert .kol-button--tertiary:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--tertiary:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n  }\n  .kol-alert .kol-button--normal {\n    --button-background-color: var(--ecl-color-white);\n    --button-text-color: var(--ecl-color-dark);\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n  }\n  .kol-alert .kol-button--normal:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--normal:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n  }\n  .kol-alert .kol-button--call-to-action {\n    --button-background-color: var(--ecl-color-secondary);\n    --button-border-color: var(--ecl-color-secondary);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button--call-to-action:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-secondary-120);\n    --button-border-color: var(--ecl-color-secondary-120);\n  }\n  .kol-alert .kol-button--danger {\n    --button-background-color: var(--ecl-color-error);\n    --button-border-color: var(--ecl-color-error);\n    --button-text-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--danger:focus {\n    --button-focus-outline-color: var(--ecl-color-white);\n  }\n  .kol-alert .kol-button--danger:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-error);\n    --button-border-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button--ghost {\n    --button-background-color: transparent;\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert .kol-button--ghost:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert .kol-button--ghost:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert .kol-button__text {\n    color: var(--button-text-color);\n    background-color: var(--button-background-color);\n    border-color: var(--button-border-color);\n    border-style: solid;\n    border-radius: 2px;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    padding: var(--ecl-spacing-xs) var(--ecl-spacing-m);\n    border-width: var(--button-border-width);\n    line-height: 1.2;\n  }\n  .kol-alert .kol-button__text .kol-span__container {\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert .kol-button__text .kol-span__label {\n    word-break: keep-all;\n  }\n  .kol-alert .kol-button__text.kol-span--hide-label {\n    padding: var(--ecl-spacing-xs);\n  }\n  .kol-alert--variant-msg {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    margin-right: var(--ecl-spacing-2xs);\n    font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container {\n    line-height: var(--ecl-line-height-s);\n  }\n  .kol-alert--variant-msg .kol-alert__content {\n    font-size: var(--ecl-font-size-s);\n    line-height: var(--ecl-line-height-s);\n  }\n  .kol-alert--variant-card {\n    background-color: var(--ecl-color-neutral-20);\n    padding: var(--ecl-spacing-m) var(--ecl-spacing-m) var(--ecl-spacing-m) var(--ecl-spacing-s);\n    border: solid 1px var(--ecl-color-neutral);\n    border-inline-start: 4px solid var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    margin-right: var(--ecl-spacing-xs);\n    font-size: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--ecl-color-dark);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--ecl-color-error);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--ecl-color-info);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--ecl-color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--ecl-color-warning);\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert__heading {\n    font-size: var(--ecl-font-size-l);\n    line-height: var(--ecl-line-height-l);\n  }\n  .kol-alert__closer .kol-button {\n    --button-background-color: transparent;\n    --button-border-color: transparent;\n    --button-border-width: 1px;\n    --button-text-color: var(--ecl-color-primary);\n  }\n  .kol-alert__closer .kol-button:focus {\n    --button-focus-outline-color: var(--ecl-color-primary);\n    --button-focus-outline-offset: 0;\n    --button-focus-outline-width: 2px;\n  }\n  .kol-alert__closer .kol-button:not(:disabled):hover {\n    --button-background-color: var(--ecl-color-primary-20);\n    --button-border-color: var(--ecl-color-dark-80);\n    --button-text-color: var(--ecl-color-dark);\n  }\n  .kol-alert__closer .kol-button {\n    height: var(--a11y-min-size);\n  }\n  .kol-alert__closer .kol-button .kol-icon {\n    font-size: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    --kol-checkbox-color: var(--ecl-color-primary);\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__hint {\n    order: 1;\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox:focus-within::before, .kol-input-checkbox__field-control--variant-default .kol-checkbox:hover:not(:has(input:disabled))::before {\n    background-color: var(--ecl-color-primary-20);\n    border-radius: 100%;\n    position: absolute;\n    width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n    content: \"\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-down::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left {\n    transform: rotate(-90deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-left::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right {\n    transform: rotate(90deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-right::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-chevron-up::before {\n    content: \"\\ea11\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-eye,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-eye {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-eye::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-eye::before {\n    content: \"\\ea1f\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link-external::before {\n    content: \"\\ea1e\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-link::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-link::before {\n    content: \"\\ea08\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-plus::before {\n    content: \"\\ea46\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-minus::before {\n    content: \"\\ea38\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-warning::before {\n    content: \"\\ea5b\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-error::before {\n    content: \"\\ea1a\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-success::before {\n    content: \"\\ea09\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-alert-info::before {\n    content: \"\\ea2d\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-check,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-check {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-check::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-check::before {\n    content: \"\\ea0a\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cross,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cross {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cross::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cross::before {\n    content: \"\\ea0f\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-cogwheel::before {\n    content: \"\\ea4c\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-settings,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-settings {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-settings::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-settings::before {\n    content: \"\\ea4c\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-asc::before {\n    content: \"\\ea50\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc {\n    transform: rotate(180deg);\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-desc::before {\n    content: \"\\ea50\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-sort-neutral::before {\n    content: \"\\ea51\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-up,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-up {\n    font-family: ecl-icons;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon .kol-icon[class*=\" kolicon-\"].kolicon-up::before,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon .kol-icon[class*=\" kolicon-\"].kolicon-up::before {\n    content: \"\\ea58\";\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox__icon,\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox .kol-checkbox-icon {\n    color: var(--ecl-color-white);\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input {\n    border-color: var(--kol-checkbox-color);\n    border-radius: 2px;\n    position: relative;\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input:checked, .kol-input-checkbox__field-control--variant-default .kol-checkbox input:indeterminate {\n    background-color: var(--kol-checkbox-color);\n    border-color: var(--kol-checkbox-color);\n  }\n  .kol-input-checkbox__field-control--variant-default .kol-checkbox input:focus {\n    outline: transparent;\n  }\n  .kol-field-control--label-align-left .kol-field-control__label {\n    padding-right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--label-align-right .kol-field-control__label {\n    padding-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--error {\n    --kol-checkbox-color: var(--ecl-color-error);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    border-color: var(--kol-checkbox-color);\n    border-radius: 16px;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--ecl-color-white);\n    border-radius: 50%;\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--kol-checkbox-color);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-input::before {\n    background-color: var(--kol-checkbox-color);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    color: var(--ecl-color-white);\n  }\n  .kol-checkbox--variant-switch:hover .kol-input:not(:disabled) {\n    outline: var(--ecl-color-primary-20) 8px solid;\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--ecl-color-primary-130);\n    outline-style: solid;\n    outline-width: 2px;\n  }\n}";
 
@@ -1077,7 +1077,7 @@ var css_248z$I = "/* forward the rem function */\n@layer kol-theme-component {\n
 
 var css_248z$H = "/* forward the rem function */\n@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}";
 
-var css_248z$G = "/* forward the rem function */\n@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    border-radius: 2px;\n    padding: calc(4 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border: 1px solid #626262;\n  }\n  :host {\n    --ecl-color-primary: var(--ecl-color-primary-100);\n    --ecl-color-primary-180: #051036;\n    --ecl-color-primary-160: #0a1f6c;\n    --ecl-color-primary-140: #0f2fa2;\n    --ecl-color-primary-120: #143fd9;\n    --ecl-color-primary-100: #3860ed;\n    --ecl-color-primary-80: #5577f0;\n    --ecl-color-primary-60: #89a1f4;\n    --ecl-color-primary-40: #b1c0f8;\n    --ecl-color-primary-20: #d8e0fb;\n    --ecl-color-secondary: var(--ecl-color-secondary-100);\n    --ecl-color-secondary-180: #8f5600;\n    --ecl-color-secondary-160: #e08700;\n    --ecl-color-secondary-140: #ff9d0a;\n    --ecl-color-secondary-120: #ffad33;\n    --ecl-color-secondary-100: #ffbe5c;\n    --ecl-color-secondary-80: #ffcb7c;\n    --ecl-color-secondary-60: #ffd89d;\n    --ecl-color-secondary-40: #ffe5be;\n    --ecl-color-secondary-20: #fff2de;\n    --ecl-color-dark: var(--ecl-color-dark-100);\n    --ecl-color-dark-100: #26324b;\n    --ecl-color-dark-80: #546fa6;\n    --ecl-color-dark-60: #9ac;\n    --ecl-color-dark-06-o: rgb(38, 50, 75, 0.06);\n    --ecl-color-dark-05-o: rgb(38, 50, 75, 0.05);\n    --ecl-color-info: var(--ecl-color-primary-100);\n    --ecl-color-success: #24a148;\n    --ecl-color-error: #da1e28;\n    --ecl-color-warning: #f39811;\n    --ecl-color-background: #fcfcfc;\n    --ecl-color-branding: #004494;\n    --ecl-color-stroke: color-mix(in srgb, var(--ecl-color-primary) 50%, transparent);\n    --ecl-color-overlay-light: color-mix(in srgb, var(--ecl-color-dark) 70%, transparent);\n    --ecl-color-overlay-dark: color-mix(in srgb, var(--ecl-color-dark) 90%, transparent);\n    --ecl-color-white: #fff;\n    --ecl-color-neutral: var(--ecl-color-neutral-100);\n    --ecl-color-neutral-180: #6c85d1;\n    --ecl-color-neutral-160: #7f95d7;\n    --ecl-color-neutral-140: #92a5dd;\n    --ecl-color-neutral-120: #a6b5e3;\n    --ecl-color-neutral-100: #b9c5e9;\n    --ecl-color-neutral-80: #cdd5ef;\n    --ecl-color-neutral-60: #e0e5f5;\n    --ecl-color-neutral-40: #f3f5fb;\n    --ecl-color-neutral-20: #f8f9fd;\n    --ecl-color-accent: var(--ecl-color-accent-100);\n    --ecl-color-accent-160: #887de8;\n    --ecl-color-accent-140: #978cf2;\n    --ecl-color-accent-120: #a89efa;\n    --ecl-color-accent-100: #bbb3ff;\n    --ecl-color-accent-80: #bfb2ff;\n    --ecl-color-accent-60: #d1ccff;\n    --ecl-color-accent-40: #fafaff;\n    --ecl-font-family-default: arial, sans-serif;\n    --ecl-font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-weight: 400;\n    --ecl-font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --ecl-spacing-2xs: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xs: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-s: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-2xl: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-4xl: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-5xl: calc(56 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-6xl: calc(64 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-shadow-1:\n    \t0 0 1px var(--ecl-color-dark-06-o), 2px 2px 2px var(--ecl-color-dark-05-o), 4px 4px 6px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-6:\n    \t0 0 6px var(--ecl-color-dark-06-o), 12px 12px 12px var(--ecl-color-dark-05-o), 24px 24px 36px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-12:\n    \t0 0 12px var(--ecl-color-dark-06-o), 24px 24px 24px var(--ecl-color-dark-05-o), 48px 48px 72px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-16:\n    \t0 0 16px var(--ecl-color-dark-06-o), 32px 32px 32px var(--ecl-color-dark-05-o), 64px 64px 96px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-max-width: 80ch;\n    --ecl-font-size-xs: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-s: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-2xl: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-4xl: calc(52 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xs: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-s: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-m: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-l: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-2xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-3xl: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-4xl: calc(54 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    color: var(--ecl-color-dark);\n    font-family: var(--ecl-font-family-default);\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight);\n    line-height: var(--ecl-line-height-m);\n  }\n  a,\n  button {\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}";
+var css_248z$G = "/* forward the rem function */\n@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    border-radius: 2px;\n    padding: calc(4 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border: 1px solid #626262;\n  }\n  :host {\n    --ecl-color-primary: var(--ecl-color-primary-100);\n    --ecl-color-primary-180: #051036;\n    --ecl-color-primary-160: #0a1f6c;\n    --ecl-color-primary-140: #0f2fa2;\n    --ecl-color-primary-120: #143fd9;\n    --ecl-color-primary-100: #3860ed;\n    --ecl-color-primary-80: #5577f0;\n    --ecl-color-primary-60: #89a1f4;\n    --ecl-color-primary-40: #b1c0f8;\n    --ecl-color-primary-20: #d8e0fb;\n    --ecl-color-secondary: var(--ecl-color-secondary-100);\n    --ecl-color-secondary-180: #8f5600;\n    --ecl-color-secondary-160: #e08700;\n    --ecl-color-secondary-140: #ff9d0a;\n    --ecl-color-secondary-120: #ffad33;\n    --ecl-color-secondary-100: #ffbe5c;\n    --ecl-color-secondary-80: #ffcb7c;\n    --ecl-color-secondary-60: #ffd89d;\n    --ecl-color-secondary-40: #ffe5be;\n    --ecl-color-secondary-20: #fff2de;\n    --ecl-color-dark: var(--ecl-color-dark-100);\n    --ecl-color-dark-100: #26324b;\n    --ecl-color-dark-80: #546fa6;\n    --ecl-color-dark-60: #9ac;\n    --ecl-color-dark-06-o: rgb(38, 50, 75, 0.06);\n    --ecl-color-dark-05-o: rgb(38, 50, 75, 0.05);\n    --ecl-color-info: var(--ecl-color-primary-100);\n    --ecl-color-success: #24a148;\n    --ecl-color-error: #da1e28;\n    --ecl-color-warning: #f39811;\n    --ecl-color-background: #fcfcfc;\n    --ecl-color-branding: #004494;\n    --ecl-color-stroke: color-mix(in srgb, var(--ecl-color-primary) 50%, transparent);\n    --ecl-color-overlay-light: color-mix(in srgb, var(--ecl-color-dark) 70%, transparent);\n    --ecl-color-overlay-dark: color-mix(in srgb, var(--ecl-color-dark) 90%, transparent);\n    --ecl-color-white: #fff;\n    --ecl-color-neutral: var(--ecl-color-neutral-100);\n    --ecl-color-neutral-180: #6c85d1;\n    --ecl-color-neutral-160: #7f95d7;\n    --ecl-color-neutral-140: #92a5dd;\n    --ecl-color-neutral-120: #a6b5e3;\n    --ecl-color-neutral-100: #b9c5e9;\n    --ecl-color-neutral-80: #cdd5ef;\n    --ecl-color-neutral-60: #e0e5f5;\n    --ecl-color-neutral-40: #f3f5fb;\n    --ecl-color-neutral-20: #f8f9fd;\n    --ecl-color-accent: var(--ecl-color-accent-100);\n    --ecl-color-accent-160: #887de8;\n    --ecl-color-accent-140: #978cf2;\n    --ecl-color-accent-120: #a89efa;\n    --ecl-color-accent-100: #bbb3ff;\n    --ecl-color-accent-80: #bfb2ff;\n    --ecl-color-accent-60: #d1ccff;\n    --ecl-color-accent-40: #fafaff;\n    --ecl-font-family-default: arial, sans-serif;\n    --ecl-font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-weight: 400;\n    --ecl-font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --ecl-spacing-2xs: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xs: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-s: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-2xl: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-4xl: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-5xl: calc(56 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-spacing-6xl: calc(64 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-shadow-1:\n    \t0 0 1px var(--ecl-color-dark-06-o), 2px 2px 2px var(--ecl-color-dark-05-o), 4px 4px 6px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-6:\n    \t0 0 6px var(--ecl-color-dark-06-o), 12px 12px 12px var(--ecl-color-dark-05-o), 24px 24px 36px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-12:\n    \t0 0 12px var(--ecl-color-dark-06-o), 24px 24px 24px var(--ecl-color-dark-05-o), 48px 48px 72px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-shadow-16:\n    \t0 0 16px var(--ecl-color-dark-06-o), 32px 32px 32px var(--ecl-color-dark-05-o), 64px 64px 96px var(--ecl-color-dark-05-o),\n    \t0 1px 0 var(--ecl-color-neutral-60) inset;\n    --ecl-max-width: 80ch;\n    --ecl-font-size-xs: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-s: calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-m: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-l: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-xl: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-2xl: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-3xl: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-font-size-4xl: calc(52 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xs: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-s: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-m: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-l: calc(28 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-2xl: calc(36 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-3xl: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    --ecl-line-height-4xl: calc(54 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    color: var(--ecl-color-dark);\n    font-family: var(--ecl-font-family-default);\n    font-size: var(--ecl-font-size-m);\n    font-weight: var(--ecl-font-weight);\n    line-height: var(--ecl-line-height-m);\n  }\n  a,\n  button {\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n  }\n}";
 
 const ECL_EC = KoliBri.createTheme('ecl-ec', {
     GLOBAL: css_248z$G,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/theme-ecl",
-  "version": "4.1.4-rc.2",
+  "version": "4.1.4-rc.4",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -56,21 +56,21 @@
     "eslint": "9.39.4",
     "nodemon": "3.1.14",
     "npm-run-all2": "8.0.4",
-    "postcss": "8.5.10",
+    "postcss": "8.5.12",
     "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
     "rollup": "4.60.2",
     "rollup-plugin-postcss": "4.0.2",
     "sass-embedded": "1.99.0",
-    "stylelint": "17.9.0",
+    "stylelint": "17.9.1",
     "typescript": "5.9.3",
     "unbuild": "3.6.1",
-    "@public-ui/components": "4.1.4-rc.2",
+    "@public-ui/components": "4.1.4-rc.4",
     "@public-ui/stylelint-rules": "4.1.2-rc.1",
-    "@public-ui/visual-tests": "4.1.4-rc.2"
+    "@public-ui/visual-tests": "4.1.4-rc.4"
   },
   "peerDependencies": {
-    "@public-ui/components": "4.1.4-rc.2"
+    "@public-ui/components": "4.1.4-rc.4"
   },
   "exports": {
     ".": {