@public-ui/theme-ecl 4.3.0-rc.2 → 4.3.0-rc.3

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=1782311741843'); /* IE9*/
-    src: url('ecl-icons.eot?t=1782311741843#iefix') format('embedded-opentype'), /* IE6-IE8 */
-    url("ecl-icons.woff2?t=1782311741843") format("woff2"),
-    url("ecl-icons.woff?t=1782311741843") format("woff"),
-    url('ecl-icons.ttf?t=1782311741843') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-    url('ecl-icons.svg?t=1782311741843#ecl-icons') format('svg'); /* iOS 4.1- */
+    src: url('ecl-icons.eot?t=1783496603928'); /* IE9*/
+    src: url('ecl-icons.eot?t=1783496603928#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url("ecl-icons.woff2?t=1783496603928") format("woff2"),
+    url("ecl-icons.woff?t=1783496603928") format("woff"),
+    url('ecl-icons.ttf?t=1783496603928') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    url('ecl-icons.svg?t=1783496603928#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=1782311579243'); /* IE9*/
-    src: url('kolicons.eot?t=1782311579243#iefix') format('embedded-opentype'), /* IE6-IE8 */
-    url("kolicons.woff2?t=1782311579243") format("woff2"),
-    url("kolicons.woff?t=1782311579243") format("woff"),
-    url('kolicons.ttf?t=1782311579243') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-    url('kolicons.svg?t=1782311579243#kolicons') format('svg'); /* iOS 4.1- */
+    src: url('kolicons.eot?t=1783496448056'); /* IE9*/
+    src: url('kolicons.eot?t=1783496448056#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url("kolicons.woff2?t=1783496448056") format("woff2"),
+    url("kolicons.woff?t=1783496448056") format("woff"),
+    url('kolicons.ttf?t=1783496448056') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    url('kolicons.svg?t=1783496448056#kolicons') format('svg'); /* iOS 4.1- */
   }
 
 @layer kol-component {

package/dist/ecl-ec/index.d.ts

@@ -57,4 +57,4 @@ export declare const ECL_EC: (patch: (name: string, map: {
     "KOL-TREE-ITEM"?: string | undefined;
 }, options?: {
     append?: boolean;
-}) => string) => string;
+}, features?: import("adopted-style-sheets").FeatureFlags) => string) => string;

package/dist/ecl-eu/index.d.ts

@@ -57,4 +57,4 @@ export declare const ECL_EU: (patch: (name: string, map: {
     "KOL-TREE-ITEM"?: string | undefined;
 }, options?: {
     append?: boolean;
-}) => string) => string;
+}, features?: import("adopted-style-sheets").FeatureFlags) => string) => string;

package/dist/index.cjs

@@ -373,7 +373,7 @@ function requireLoglevel () {
 
 requireLoglevel();
 
-const j=(t,e)=>s=>s(t,e),F=(t,e)=>s=>s(t,e,{append:false}),Y=()=>{const t=typeof process<"u"&&process.env?process.env:{},e=t.NODE_ENV==="test",s="VITEST"in t,a="JEST_WORKER_ID"in t,o="PLAYWRIGHT_TEST_BASE_URL"in t,r=t.CI==="true",i=t.TEST==="true"||t.IS_TEST==="true",c=typeof navigator<"u"&&navigator.webdriver===true,u=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return e||s||a||o||r||i||c||u},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:Y(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const t={};for(const[s,a]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())t[s]=[a.totalTime/a.count,a.count];const e=Object.entries(t).sort((s,a)=>a[1][0]-s[1][0]);return console.table(Object.fromEntries(e.map(([s,[a,o]])=>[s,{"avg (ms)":parseFloat(a.toFixed(2)),count:o}]))),t}}};const v=new Set,N=new Map,ee=/--[^;]+/g,te=/:/,se=typeof MutationObserver<"u";let R=()=>{Math.min(25+Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250);};const ae=(t,e)=>{let s=e.match(ee);if(Array.isArray(s)){s=s.filter(o=>te.test(o));const a=document.createElement("style");a.innerHTML=`.${t} {${s.join(";")}}`,document.querySelector("head")?.appendChild(a);}v.add(t);},y=(t,e)=>{const s=n$1.A11yUi.THEMES.get(t);if(s instanceof Map){const a=s.get(e);if(a!==void 0)return a}return ""},oe=t=>{const e=t.firstChild;if(!(!(e instanceof HTMLStyleElement)||e.dataset.themingFallback!==void 0))for(const s of Array.from(t.childNodes))if(s instanceof HTMLStyleElement&&s.tagName==="STYLE"&&s.dataset.themingFallback===void 0)t.removeChild(s);else break},ne=(t,e)=>{try{if(n$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=e.filter(a=>typeof a=="string"&&a.length>0).map(a=>{let o=N.get(a);return o||(o=new CSSStyleSheet,o.replaceSync(a),N.set(a,o)),o});t.adoptedStyleSheets=s;}catch{for(let a=e.length-1;a>=0;a--){const o=e[a];if(typeof o!="string"||o.length===0)continue;const r=e.length-1-a,i=document.createElement("style");switch(i.dataset.themingFallback="",r){case 4:i.dataset.themingBaseA11y="";break;case 3:i.dataset.themingBaseGlobal="";break;case 2:i.dataset.themingBaseComponent="";break;case 1:i.dataset.themingCustomGlobal="";break;case 0:i.dataset.themingCustomComponent="";break;default:i.dataset.themingUnknown="";break}i.innerHTML=o,t.insertBefore(i,t.firstChild);}}},re=(t,e,s)=>{if(s===false||s?.mode!=="before"&&s?.mode!=="after")return;const a=Array.from(t.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE");let o;try{o=Array.from(t.adoptedStyleSheets);}catch{o=[];}if(!(a.length===0&&o.length===0))if(s.mode==="before"){const r=[...o.map(i=>Array.from(i.cssRules).map(c=>c.cssText).join("")),...a.map(i=>i.innerHTML)];e.unshift(...r);}else a.forEach(r=>e.push(r.innerHTML)),o.forEach(r=>e.push(Array.from(r.cssRules).map(i=>i.cssText).join("")));},ie=(t,e,s)=>{const a=e.name||"default";let o;try{if(t.shadowRoot===null)throw new Error("ShadowRoot is null");o=t.shadowRoot;}catch{o=t;}const r=n$1.A11yUi.CSS_STYLE_CACHE.get(a)?.get(t.tagName);if(r)_(t,o,r,s);else {const i=y(a,"PROPERTIES"),c=y(a,"GLOBAL"),u=y(a,t.tagName);v.has(a)===false&&ae(a,c);const p=[i,c,u];if(re(o,p,e.encroachCss),e.cache===true){let m=n$1.A11yUi.CSS_STYLE_CACHE.get(a);m||(m=new Map,n$1.A11yUi.CSS_STYLE_CACHE.set(a,m)),m.set(t.tagName,p);}_(t,o,p,s);}},_=(t,e,s,a)=>{const o=n$1.A11yUi.Theme?.loglevel==="debug",r=o?performance.now():0;if(oe(e),ne(e,s),fe(t),requestAnimationFrame(a),o){const i=performance.now()-r,c=n$1.A11yUi.PERFORMANCE_MEASURES.get(t.tagName);c?(c.count+=1,c.totalTime+=i):n$1.A11yUi.PERFORMANCE_MEASURES.set(t.tagName,{count:1,totalTime:i});}},O=t=>{const e=n$1.A11yUi.STYLING_TASK_QUEUE.get(t);if(e){const{resetCss:s,themeDetails:a}=e;ie(t,a,s);}};const me={attributes:true,attributeFilter:[],childList:false,subtree:false},I=se?new MutationObserver((t,e)=>{const s=[];for(const a of t){const o=a.target;o.classList.contains("hydrated")&&n$1.A11yUi.STYLING_TASK_QUEUE.has(o)&&(O(o),s.push(o));}for(const a of s)e.observe(a,me);}):null;I&&(R=()=>{});const fe=t=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(t),R();};class ye{Prefix;Key;Tag;createTheme=(e,s)=>F(e,s);createTranslation=(e,s)=>j(e,s);constructor(e,s,a){this.Prefix=e,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(a);}}
+const k=(e,t)=>s=>s(e,t),G=(e,t,s)=>o=>o(e,t,{append:false},s),x=()=>{const e=typeof process<"u"&&process.env?process.env:{},t=e.NODE_ENV==="test",s="VITEST"in e,o="JEST_WORKER_ID"in e,a="PLAYWRIGHT_TEST_BASE_URL"in e,r=e.CI==="true",i=e.TEST==="true"||e.IS_TEST==="true",c=typeof navigator<"u"&&navigator.webdriver===true,m=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||s||o||a||r||i||c||m},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,FEATURES:{},IS_TEST_ENVIRONMENT:x(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,THEME_FEATURES:{},showAverageTimes:()=>{const e={};for(const[s,o]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())e[s]=[o.totalTime/o.count,o.count];const t=Object.entries(e).sort((s,o)=>o[1][0]-s[1][0]);return console.table(Object.fromEntries(t.map(([s,[o,a]])=>[s,{"avg (ms)":parseFloat(o.toFixed(2)),count:a}]))),e}}};const _=new Set,L=new Map,oe=/--[^;]+/g,ae=/:/,ne=typeof MutationObserver<"u";let H=()=>{Math.min(25+Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250);};const re=(e,t)=>{let s=t.match(oe);if(Array.isArray(s)){s=s.filter(a=>ae.test(a));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}_.add(e);},T=(e,t)=>{const s=n$1.A11yUi.THEMES.get(e);if(s instanceof Map){const o=s.get(t);if(o!==void 0)return o}return ""},ie=e=>{const t=e.firstChild;if(!(!(t instanceof HTMLStyleElement)||t.dataset.themingFallback!==void 0))for(const s of Array.from(e.childNodes))if(s instanceof HTMLStyleElement&&s.tagName==="STYLE"&&s.dataset.themingFallback===void 0)e.removeChild(s);else break},ce=(e,t)=>{try{if(n$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=t.filter(o=>typeof o=="string"&&o.length>0).map(o=>{let a=L.get(o);return a||(a=new CSSStyleSheet,a.replaceSync(o),L.set(o,a)),a});e.adoptedStyleSheets=s;}catch{for(let o=t.length-1;o>=0;o--){const a=t[o];if(typeof a!="string"||a.length===0)continue;const r=t.length-1-o,i=document.createElement("style");switch(i.dataset.themingFallback="",r){case 4:i.dataset.themingBaseA11y="";break;case 3:i.dataset.themingBaseGlobal="";break;case 2:i.dataset.themingBaseComponent="";break;case 1:i.dataset.themingCustomGlobal="";break;case 0:i.dataset.themingCustomComponent="";break;default:i.dataset.themingUnknown="";break}i.innerHTML=a,e.insertBefore(i,e.firstChild);}}},le=(e,t,s)=>{if(s===false||s?.mode!=="before"&&s?.mode!=="after")return;const o=Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE");let a;try{a=Array.from(e.adoptedStyleSheets);}catch{a=[];}if(!(o.length===0&&a.length===0))if(s.mode==="before"){const r=[...a.map(i=>Array.from(i.cssRules).map(c=>c.cssText).join("")),...o.map(i=>i.innerHTML)];t.unshift(...r);}else o.forEach(r=>t.push(r.innerHTML)),a.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join("")));},me=(e,t,s)=>{const o=t.name||"default";let a;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");a=e.shadowRoot;}catch{a=e;}const r=n$1.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName);if(r)O(e,a,r,s);else {const i=T(o,"PROPERTIES"),c=T(o,"GLOBAL"),m=T(o,e.tagName);_.has(o)===false&&re(o,c);const d=[i,c,m];if(le(a,d,t.encroachCss),t.cache===true){let h=n$1.A11yUi.CSS_STYLE_CACHE.get(o);h||(h=new Map,n$1.A11yUi.CSS_STYLE_CACHE.set(o,h)),h.set(e.tagName,d);}O(e,a,d,s);}},O=(e,t,s,o)=>{const a=n$1.A11yUi.Theme?.loglevel==="debug",r=a?performance.now():0;if(ie(t),ce(t,s),Te(e),requestAnimationFrame(o),a){const i=performance.now()-r,c=n$1.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);c?(c.count+=1,c.totalTime+=i):n$1.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:i});}},I=e=>{const t=n$1.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){const{resetCss:s,themeDetails:o}=t;me(e,o,s);}};const ue={attributes:true,attributeFilter:[],childList:false,subtree:false},P=ne?new MutationObserver((e,t)=>{const s=[];for(const o of e){const a=o.target;a.classList.contains("hydrated")&&n$1.A11yUi.STYLING_TASK_QUEUE.has(a)&&(I(a),s.push(a));}for(const o of s)t.observe(o,ue);}):null;P&&(H=()=>{});const Te=e=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(e),H();};class Ee{Prefix;Key;Tag;createTheme=(t,s,o)=>G(t,s,o);createTranslation=(t,s)=>k(t,s);constructor(t,s,o){this.Prefix=t,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(o);}}
 
 var KeyEnum;
 (function (KeyEnum) {
@@ -825,7 +825,7 @@ var KolEvent;
  * KoliBri - The accessible HTML-Standard
  */
 
-const KoliBri = new ye('kol', KeyEnum, TagEnum);
+const KoliBri = new Ee('kol', KeyEnum, TagEnum);
 
 var Bundesministerium;
 (function (Bundesministerium) {
@@ -1020,7 +1020,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=1782311741843\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1782311741843#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1782311741843\") format(\"woff2\"), url(\"ecl-icons.woff?t=1782311741843\") format(\"woff\"), url(\"ecl-icons.ttf?t=1782311741843\") format(\"truetype\"), url(\"ecl-icons.svg?t=1782311741843#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=1783496603928\"); /* IE9*/\n    src: url(\"ecl-icons.eot?t=1783496603928#iefix\") format(\"embedded-opentype\"), url(\"ecl-icons.woff2?t=1783496603928\") format(\"woff2\"), url(\"ecl-icons.woff?t=1783496603928\") format(\"woff\"), url(\"ecl-icons.ttf?t=1783496603928\") format(\"truetype\"), url(\"ecl-icons.svg?t=1783496603928#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}";