@public-ui/theme-ecl 4.1.4 → 4.1.5-rc.1

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

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